/* Author : Dreamguys Template Name: Dreams Rent - Bootstrap Template Version : 1.0 */ /*============================ [Table of CSS] 1. Reset 2. Typography 3. General 4. Grid 5. Buttons 6. Header 7. Footer 8. Breadcrumb 9. Select 10. Table 11. Home 12. Login 13. Common 14. Faq 15. Pricing 16. Gallery 17. Our Team 18. Contact 19. Invoice 20. Blog 21. Testimonials 22. About Us 23. Product Details 24. Products 25. Users ========================================*/ @import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap"); .popular-services .listing-tabs-group, .search-box-banner ul, .css-equal-content, .css-equal-heights { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .css-equal-content { color: red; float: left; } .product-detail-head .search-btn .search-button:hover, .product-detail-head .search-btn .search-button, .review-sec .search-btn .search-button:hover, .review-sec .search-btn .search-button, .faq-title > a:not(.collapsed):after, .faq-title > a:after, .faq-section .faq-title > a:not(.collapsed):after, .faq-section .faq-title > a:after, .listing-item .listing-img .fav-item, .popular-services .listing-tabs-group ul li a img, .popular-services .listing-tabs-group ul li a span, .popular-services .listing-tabs-group ul li a:hover img, .popular-services .listing-tabs-group ul li a:hover, .popular-services .listing-tabs-group ul li a.active img, .popular-services .listing-tabs-group ul li a, .search-box-banner .search-btn .search-button:hover, .search-box-banner .search-btn .search-button, .header .header-navbar-rht .nav-item .header-reg:hover, .header .header-navbar-rht .nav-item .header-reg, .header .header-navbar-rht .nav-item .header-login:hover, .header .header-navbar-rht .nav-item .header-login, .header.fixed, .header, .contact-btn:hover, .contact-btn { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .avatar .avatar-title, .listview-car .blog-img .fav-icon, .listview-car .card .card-body .listing-details-group ul li span img, .product-detail-head .details-btn a, .review-sec .reviewbox-list-rating p, .contact-section .contact-info-area .single-contact-info i, .serve-form .input-block .button-notific, .pagination, .login-wrapper .loginbox .login-auth, .login-wrapper .loginbox .login-left, .popular-slider-group .owl-carousel .owl-next, .popular-slider-group .owl-carousel .owl-prev, .listing-item .listing-content .listing-button .btn-order, .listing-item .listing-img .fav-item .fav-icon, .listing-item .listing-img .fav-item .featured-text, .listing-item .listing-img .featured-text, .popular-services .owl-carousel .owl-next, .popular-services .owl-carousel .owl-prev, .popular-services .listing-tabs-group ul li a, .popular-services .listing-tabs-group { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title, .table tbody td a, .header .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-navbar-rht .has-arrow .logged-item .nav-link { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listview-car .card .card-body .blog-list-head, .product-detail-head .detail-page-head, .blog-section .blog-content .meta-item { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .widget-box .widget-header .widget-icon span, .grid-listview ul li a, .car-listing .pagination .previtem a, .car-listing .pagination .nextlink a, .list-btn .btn-filters, .modal .payment-success .check, .payment-method ul li a, .modal .available-for-ride, .car-details-slider.owl-carousel .owl-nav .owl-prev, .car-details-slider.owl-carousel .owl-nav .owl-next, .details-car.owl-carousel .owl-nav .owl-prev, .details-car.owl-carousel .owl-nav .owl-next, .specification-card .feature-img, .share-postsection .sharelink .share-img, .plan-selected, .pagination .pagination .previtem a, .pagination .pagination .nextlink a, .why-choose .card .card-body .choose-img, .listing-item .listing-content .listing-details-group ul, .table .dropdown-item, .table tbody td a.btn-action-icon, .fi-icon, .hi-icon, .footer-social-links .nav, .footer .footer-contact .footer-contact-info .footer-address span, .header .header-navbar-rht .noti-wrapper .bell-icon, .header .header-navbar-rht .noti-wrapper .nav-link, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .booking-list li { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .book-card .card-header h4 span, .order-confirmation .place-order-btn a, .listing-item .listing-content .listing-features .listing-title a, .listing-item .listing-content .listing-features .author-img img, .services .services-group .services-icon .icon-img, .services .services-group .services-icon, .header .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-navbar-rht .has-arrow .logged-item .nav-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title, .booking-lists ul li, .status-lists li .status-info, .status-lists li, .pricing-section .price-card .price-details ul .price-uncheck, .pricing-section .price-card .price-details ul .price-check, .table tbody td a, .footer-social-widget .nav-social, .footer .footer-contact .footer-contact-info .update-form .btn .feather-send, .footer .footer-contact .footer-contact-info .footer-address, .header .header-navbar-rht .has-arrow .user-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-method ul, .review-sec .review-card .review-header-group, .review-sec .review-header, .blog-section .blog-content .blog-list-date .meta-item-list, .blog-section .blog-content .blog-list-date, .serve-form .input-block, .error-page, .content-page-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .order-confirmation .order-confirm-box .confirmation-title, .order-confirmation .section-title, .modal .grand-total, .modal .booking-info.service-tax ul li, .listing-item .listing-content .listing-location-details, .listing-item .listing-img .fav-item { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listview-car .blog-img .fav-icon, .table-search, .listview-car .card .card-body .listing-details-group ul li span img, .listview-car .card .card-body .listing-details-group ul li, .listview-car .card .card-body .blog-list-head .blog-list-rate h6, .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom h6, .sorting-div .product-filter-group .grid-listview ul, .sorting-div .product-filter-group .sortbyset, .sorting-div .product-filter-group, .list-btn .filter-list li ul li, .list-btn .filter-list .short-filter, .list-btn .filter-list, .order-confirmation .order-confirm-box .order-car, .payment-method .payment-checkbox label, .booking-details .booking-form .payment-btn, .modal .modal-footer a, .modal .booking-info.pay-amount label, .modal .booking-info.seat-select label, .review-list-rating li, .review-list-rating, .listing-feature ul li, .product-detail-head .details-btn, .product-detail-head .detail-page-head .camaro-location .camaro-location-inner, .product-detail-head .detail-page-head .camaro-location, .product-detail-head .detail-page-head .list-rating, .product-detail-head .detail-page-head, .testimonials-section .list-rating .list-rating-star, .testimonials-section .review-box, .review-sec .sidebar-form, .review-sec .review-card .review-header-group .review-widget-header, .review-sec .review-card .review-header-group, .review-sec .reviewbox-list-rating p, .blogdetails-pagination ul, .tag-list .tags, .tag-list, .blogdetail-content .card-header, .bloglistleft-widget .post-author, .bloggrid-sidebar .post-author, .blogbanner-content .post-author, .blogbanner-content ul, .blog-section .rightsidebar .card h4, .blog-section .blog-content .blog-list-date .meta-item-list li .post-author, .blog-section .blog-content .meta-item li .post-author, .blog-section .blog-content .meta-item, .contact-section .contact-info-area .single-contact-info i, .serve-form .input-block .button-notific, .privacy-section .terms-policy ul li, .pagination, .login-wrapper .loginbox .login-auth .login-auth-wrap .sign-group, .login-wrapper .loginbox .login-auth, .user-app-group .userapp-heading .download-btn, .popular-slider-group .owl-carousel .owl-next, .popular-slider-group .owl-carousel .owl-prev, .listing-item .listing-content .listing-button .btn-order, .listing-item .listing-content .listing-location-details .listing-price h6, .listing-item .listing-content .listing-details-group ul li, .listing-item .listing-img .fav-item .fav-icon, .listing-item .listing-img .fav-item .featured-text, .listing-item .listing-img .featured-text, .popular-services .owl-carousel .owl-next, .popular-services .owl-carousel .owl-prev, .popular-services .listing-tabs-group ul li a, .search-box-banner .input-block-wrapp, .footer .footer-contact .footer-contact-info .footer-address .addr-info { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .sorting-div .product-filter-group { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .invoice-section .invoice-item-bill ul li:first-child, .table .dropdown-item, .footer-social-widget .nav-social { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listview-car .card .card-body .blog-list-head, .product-detail-head .detail-page-head, .blog-section .blog-content .meta-item { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .chat-window .chat-msg-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { -ms-flex-direction: column; flex-direction: column; } /*----------------- 1. Reset -----------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*----------------- 2. Typography -----------------------*/ a { text-decoration: none; transition: ease all 0.5s; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; } h1 { font-weight: 900; font-size: 62px; color: #201F1D; } @media (max-width: 1199.98px) { h1 { font-size: 36px; } } h2 { font-weight: 900; font-size: 36px; color: #111111; } @media (max-width: 991.98px) { h2 { font-size: 26px; } } h3 { font-weight: 700; font-size: 24px; color: #111111; } @media (max-width: 991.98px) { h3 { font-size: 18px; } } h4 { font-size: 28px; color: #2F2F2F; } @media (max-width: 991.98px) { h4 { font-size: 20px; } } h5 { font-size: 18px; } @media (max-width: 991.98px) { h5 { font-size: 16px; } } h6 { font-weight: 500; font-size: 18px; color: #111111; } @media (max-width: 991.98px) { h6 { font-size: 16px; } } /*----------------- 3. General -----------------------*/ body { font-family: "Fira Sans", sans-serif; font-size: 16px; color: #676767; background: #FCFBFB; overflow-x: hidden; } @media (max-width: 991.98px) { body { font-size: 15px; } } a { cursor: pointer; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } a:hover { -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } a:focus { outline: 0; } p:last-child { margin-bottom: 0; } strong { font-weight: 700; } .form-control:focus { border-color: #bbb; box-shadow: none; outline: 0 none; } /*----------------- 4. Grid -----------------------*/ .popular-services .listing-tabs-group, .search-box-banner ul, .css-equal-heights, .css-equal-content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .css-equal-content { color: red; float: left; } .product-detail-head .search-btn .search-button:hover, .product-detail-head .search-btn .search-button, .review-sec .search-btn .search-button:hover, .review-sec .search-btn .search-button, .faq-title > a:not(.collapsed):after, .faq-title > a:after, .faq-section .faq-title > a:not(.collapsed):after, .faq-section .faq-title > a:after, .listing-item .listing-img .fav-item, .popular-services .listing-tabs-group ul li a img, .popular-services .listing-tabs-group ul li a span, .popular-services .listing-tabs-group ul li a:hover img, .popular-services .listing-tabs-group ul li a:hover, .popular-services .listing-tabs-group ul li a.active img, .popular-services .listing-tabs-group ul li a, .search-box-banner .search-btn .search-button:hover, .search-box-banner .search-btn .search-button, .header .header-navbar-rht .nav-item .header-reg:hover, .header .header-navbar-rht .nav-item .header-reg, .header .header-navbar-rht .nav-item .header-login:hover, .header .header-navbar-rht .nav-item .header-login, .header.fixed, .header, .contact-btn:hover, .contact-btn { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .avatar .avatar-title, .listview-car .blog-img .fav-icon, .listview-car .card .card-body .listing-details-group ul li span img, .product-detail-head .details-btn a, .review-sec .reviewbox-list-rating p, .contact-section .contact-info-area .single-contact-info i, .serve-form .input-block .button-notific, .pagination, .login-wrapper .loginbox .login-auth, .login-wrapper .loginbox .login-left, .popular-slider-group .owl-carousel .owl-next, .popular-slider-group .owl-carousel .owl-prev, .listing-item .listing-content .listing-button .btn-order, .listing-item .listing-img .fav-item .fav-icon, .listing-item .listing-img .fav-item .featured-text, .listing-item .listing-img .featured-text, .popular-services .owl-carousel .owl-next, .popular-services .owl-carousel .owl-prev, .popular-services .listing-tabs-group ul li a, .popular-services .listing-tabs-group { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title, .table tbody td a, .header .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-navbar-rht .has-arrow .logged-item .nav-link { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listview-car .card .card-body .blog-list-head, .product-detail-head .detail-page-head, .blog-section .blog-content .meta-item { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .widget-box .widget-header .widget-icon span, .grid-listview ul li a, .car-listing .pagination .previtem a, .car-listing .pagination .nextlink a, .list-btn .btn-filters, .modal .payment-success .check, .payment-method ul li a, .modal .available-for-ride, .car-details-slider.owl-carousel .owl-nav .owl-prev, .car-details-slider.owl-carousel .owl-nav .owl-next, .details-car.owl-carousel .owl-nav .owl-prev, .details-car.owl-carousel .owl-nav .owl-next, .specification-card .feature-img, .share-postsection .sharelink .share-img, .plan-selected, .pagination .pagination .previtem a, .pagination .pagination .nextlink a, .why-choose .card .card-body .choose-img, .listing-item .listing-content .listing-details-group ul, .table .dropdown-item, .table tbody td a.btn-action-icon, .fi-icon, .hi-icon, .footer-social-links .nav, .footer .footer-contact .footer-contact-info .footer-address span, .header .header-navbar-rht .noti-wrapper .bell-icon, .header .header-navbar-rht .noti-wrapper .nav-link, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .booking-list li { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .book-card .card-header h4 span, .order-confirmation .place-order-btn a, .listing-item .listing-content .listing-features .listing-title a, .listing-item .listing-content .listing-features .author-img img, .services .services-group .services-icon .icon-img, .services .services-group .services-icon, .header .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-navbar-rht .has-arrow .logged-item .nav-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .avatar .avatar-title, .booking-lists ul li, .status-lists li .status-info, .status-lists li, .pricing-section .price-card .price-details ul .price-uncheck, .pricing-section .price-card .price-details ul .price-check, .table tbody td a, .footer-social-widget .nav-social, .footer .footer-contact .footer-contact-info .update-form .btn .feather-send, .footer .footer-contact .footer-contact-info .footer-address, .header .header-navbar-rht .has-arrow .user-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-method ul, .review-sec .review-card .review-header-group, .review-sec .review-header, .blog-section .blog-content .blog-list-date .meta-item-list, .blog-section .blog-content .blog-list-date, .serve-form .input-block, .error-page, .content-page-header { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .order-confirmation .order-confirm-box .confirmation-title, .order-confirmation .section-title, .modal .grand-total, .modal .booking-info.service-tax ul li, .listing-item .listing-content .listing-location-details, .listing-item .listing-img .fav-item { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listview-car .blog-img .fav-icon, .table-search, .listview-car .card .card-body .listing-details-group ul li span img, .listview-car .card .card-body .listing-details-group ul li, .listview-car .card .card-body .blog-list-head .blog-list-rate h6, .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom h6, .sorting-div .product-filter-group .grid-listview ul, .sorting-div .product-filter-group .sortbyset, .sorting-div .product-filter-group, .list-btn .filter-list li ul li, .list-btn .filter-list .short-filter, .list-btn .filter-list, .order-confirmation .order-confirm-box .order-car, .payment-method .payment-checkbox label, .booking-details .booking-form .payment-btn, .modal .modal-footer a, .modal .booking-info.pay-amount label, .modal .booking-info.seat-select label, .review-list-rating li, .review-list-rating, .listing-feature ul li, .product-detail-head .details-btn, .product-detail-head .detail-page-head .camaro-location .camaro-location-inner, .product-detail-head .detail-page-head .camaro-location, .product-detail-head .detail-page-head .list-rating, .product-detail-head .detail-page-head, .testimonials-section .list-rating .list-rating-star, .testimonials-section .review-box, .review-sec .sidebar-form, .review-sec .review-card .review-header-group .review-widget-header, .review-sec .review-card .review-header-group, .review-sec .reviewbox-list-rating p, .blogdetails-pagination ul, .tag-list .tags, .tag-list, .blogdetail-content .card-header, .bloglistleft-widget .post-author, .bloggrid-sidebar .post-author, .blogbanner-content .post-author, .blogbanner-content ul, .blog-section .rightsidebar .card h4, .blog-section .blog-content .blog-list-date .meta-item-list li .post-author, .blog-section .blog-content .meta-item li .post-author, .blog-section .blog-content .meta-item, .contact-section .contact-info-area .single-contact-info i, .serve-form .input-block .button-notific, .privacy-section .terms-policy ul li, .pagination, .login-wrapper .loginbox .login-auth .login-auth-wrap .sign-group, .login-wrapper .loginbox .login-auth, .user-app-group .userapp-heading .download-btn, .popular-slider-group .owl-carousel .owl-next, .popular-slider-group .owl-carousel .owl-prev, .listing-item .listing-content .listing-button .btn-order, .listing-item .listing-content .listing-location-details .listing-price h6, .listing-item .listing-content .listing-details-group ul li, .listing-item .listing-img .fav-item .fav-icon, .listing-item .listing-img .fav-item .featured-text, .listing-item .listing-img .featured-text, .popular-services .owl-carousel .owl-next, .popular-services .owl-carousel .owl-prev, .popular-services .listing-tabs-group ul li a, .search-box-banner .input-block-wrapp, .footer .footer-contact .footer-contact-info .footer-address .addr-info { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .sorting-div .product-filter-group { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .invoice-section .invoice-item-bill ul li:first-child, .table .dropdown-item, .footer-social-widget .nav-social { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listview-car .card .card-body .blog-list-head, .product-detail-head .detail-page-head, .blog-section .blog-content .meta-item { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .chat-window .chat-msg-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { -ms-flex-direction: column; flex-direction: column; } .col { width: auto; padding-left: 15px; padding-right: 15px; float: left; position: relative; min-height: 1px; } @media (min-width: 320px) { .col.col-xs-12 { width: 100%; } .col.col-xs-11 { width: 91.66666667%; } .col.col-xs-10 { width: 83.33333333%; } .col.col-xs-9 { width: 75%; } .col.col-xs-8 { width: 66.66666667%; } .col.col-xs-7 { width: 58.33333333%; } .col.col-xs-6 { width: 50%; } .col.col-xs-5 { width: 41.66666667%; } .col.col-xs-4 { width: 33.33333333%; } .col.col-xs-3 { width: 25%; } .col.col-xs-2 { width: 16.66666667%; } .col.col-xs-1 { width: 8.33333333%; } } @media (min-width: 568px) { .col.col-sm-12 { width: 100%; } .col.col-sm-11 { width: 91.66666667%; } .col.col-sm-10 { width: 83.33333333%; } .col.col-sm-9 { width: 75%; } .col.col-sm-8 { width: 66.66666667%; } .col.col-sm-7 { width: 58.33333333%; } .col.col-sm-6 { width: 50%; } .col.col-sm-5 { width: 41.66666667%; } .col.col-sm-4 { width: 33.33333333%; } .col.col-sm-3 { width: 25%; } .col.col-sm-2 { width: 16.66666667%; } .col.col-sm-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col.col-md-12 { width: 100%; } .col.col-md-11 { width: 91.66666667%; } .col.col-md-10 { width: 83.33333333%; } .col.col-md-9 { width: 75%; } .col.col-md-8 { width: 66.66666667%; } .col.col-md-7 { width: 58.33333333%; } .col.col-md-6 { width: 50%; } .col.col-md-5 { width: 41.66666667%; } .col.col-md-4 { width: 33.33333333%; } .col.col-md-3 { width: 25%; } .col.col-md-2 { width: 16.66666667%; } .col.col-md-1 { width: 8.33333333%; } } @media (min-width: 1024px) { .col.col-lg-12 { width: 100%; } .col.col-lg-11 { width: 91.66666667%; } .col.col-lg-10 { width: 83.33333333%; } .col.col-lg-9 { width: 75%; } .col.col-lg-8 { width: 66.66666667%; } .col.col-lg-7 { width: 58.33333333%; } .col.col-lg-6 { width: 50%; } .col.col-lg-5 { width: 41.66666667%; } .col.col-lg-4 { width: 33.33333333%; } .col.col-lg-3 { width: 25%; } .col.col-lg-2 { width: 16.66666667%; } .col.col-lg-1 { width: 8.33333333%; } } /*----------------- 5. Buttons -----------------------*/ .btn { position: relative; text-transform: initial; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-view { font-weight: 500; font-size: 16px; color: #201F1D; border: 2px solid #201F1D; background-color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; border-radius: 5px; line-height: 0; margin: 0; padding: 10px 17px; } .btn-view:hover { background-color: #FFA633; border: 2px solid #FF9307; color: #ffffff; box-shadow: inset 0 50px 0 0 #FF9307; } @media (max-width: 991.98px) { .btn-view { margin: 0; padding: 8px 12px; font-size: 14px; } } .btn-white { background-color: #ffffff; border-color: #F1F1F1; color: #FFA633; box-shadow: inset 0 0 0 0 #ffffff; } .btn-white:hover { background-color: #ffffff; border-color: #ffffff; color: #ffffff; box-shadow: inset 0 50px 0 0 #FFA633; } .btn-white-outline { background-color: #ffffff; border-color: #F1F1F1; color: #3F4254; } .btn-white-outline:hover { background-color: #ffffff; border-color: #F1F1F1; color: #3F4254; } .btn-primary { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 0 #ffffff; } .btn-primary:hover { background-color: #ffffff; border-color: #FFA633; color: #FFA633; box-shadow: inset 0 50px 0 0 #ffffff; } .btn-subscribe { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 0 #ffffff; } .btn-subscribe:hover { background-color: #ffffff; border-color: #FFA633; color: #FFA633; box-shadow: inset 0 50px 0 0 #ffffff; } .btn-subscribe:hover i { color: #FFA633 !important; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .submit-review { padding: 12px 20px; } .btn-size { font-weight: 600; font-size: 16px; padding: 12px; } .btn-outline-light { color: #ffffff; background-color: #201F1D; border: 1px solid #201F1D; box-shadow: inset 0 0 0 0 #ffffff; } .btn-outline-light:hover { background-color: #ffffff; border-color: #F1F1F1; color: #3F4254; box-shadow: inset 0 50px 0 0 #ffffff; } .btn-gray { background-color: #EFEFEF; border: 1px solid #EFEFEF; box-shadow: inset 0 0 0 0 #ffffff; } .btn-gray:hover { background-color: #ffffff; border-color: #EFEFEF; color: #878A99; box-shadow: inset 0 50px 0 0 #ffffff; } .btn-gray-outline { background-color: #ffffff; border: 1px solid #EFEFEF; box-shadow: inset 0 0 0 0 #ffffff; } .btn-gray-outline:hover { background-color: #EFEFEF; border-color: #ffffff; color: #878A99; box-shadow: inset 0 50px 0 0 #ffffff; } .btn-outline-primary { color: #FFA633; border-color: #FFA633; } .btn-outline-primary:hover { background-color: #FFA633; border-color: #FFA633; } .btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow: none !important; } .btn:focus { box-shadow: none !important; } .btn.btn-greys { background: #EFEFEF; color: #201F1D; font-size: 13px; padding: 8px 16px; font-weight: 600; } .cancel { background-color: #ffffff; border: 1px solid #377dff; box-shadow: inset 0 0 0 0 #377dff; color: #377dff; } .cancel:hover { background-color: #ffffff; border-color: #377dff; color: #377dff; box-shadow: inset 0 50px 0 0 #ffffff; } .contact-btn { background-color: #201F1D; border: 1px solid #201F1D; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; border-radius: 5px; font-weight: 700; font-size: 16px; padding: 12px 15px; text-align: center; } .contact-btn:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .btn-secondary { border: 1px solid #2F2F2F; background: #2F2F2F; color: #ffffff; box-shadow: inset 0 0 0 #ffffff; } .btn-secondary:hover { background-color: #ffffff; border: 1px solid #2F2F2F; box-shadow: inset 0 70px 0 0 #ffffff; color: #2F2F2F; } .fa-facebook { background: #3080F8; color: #ffffff; } .fa-twitter { background: #35B6FF; color: #ffffff; } .fa-instagram { background: #FF2D20; color: #ffffff; } .fa-behance { background: #0066FF; color: #ffffff; } .fa-linkedin { background: #0066FF; color: #ffffff; } .btn-primary.btn:first-child:active { background: #FFA633; border-color: #FFA633; } .content { padding: 40px 0; } .content .content-header { padding-bottom: 40px; } @media (max-width: 767.98px) { .content .content-header { padding-bottom: 20px; } } .content .content-header h4 { font-size: 32px; font-weight: 700; color: #000; margin-bottom: 0; } @media (max-width: 991.98px) { .content .content-header h4 { font-size: 28px; } } @media (max-width: 767.98px) { .content .content-header h4 { font-size: 26px; } } .content .content-settings-header { padding-bottom: 15px; } .content.dashboard-content { padding-bottom: 16px; } /*----------------- 6. Header -----------------------*/ .header { background: transparent; position: absolute; /* box-shadow: 0px 10px 40px rgba(202, 202, 202, 0.2); */ left: 0; top: 0; width: 100%; z-index: 999; } .header.fixed { background-color: #ffffff; box-shadow: 0px 3px 53px rgba(197, 197, 197, 0.27); } .header .logo a { float: left; } .header .logo a img { float: left; max-height: 32px; } .header .header-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; position: relative; height: 85px; padding: 0 15px 0 15px; margin-bottom: 0; } @media (max-width: 991.98px) { .header .header-nav { height: 65px; padding: 0; } } .header .header-nav .main-nav > li > a { color: #fff; line-height: 85px; font-weight: 500; text-transform: uppercase; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a { font-size: 14px; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a { color: #ffffff; } } .header .header-nav .main-nav > li > a:hover { color: #FFA633; } .header .header-nav .main-nav > li .submenu li { position: relative; } .header .header-nav .main-nav > li .submenu li.active { color: #FFA633; } .header .header-nav .main-nav > li .submenu li.active > a { color: #FFA633; } .header .header-nav .main-nav > li .submenu li a { display: block; padding: 10px 15px 10px; clear: both; white-space: nowrap; color: #2F2F2F; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; position: relative; font-weight: 500; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu li a { padding: 10px; color: #ffffff; font-size: 12px; } } .header .header-nav .main-nav > li .submenu li a:hover { color: #FFA633; padding-left: 20px; } .header .header-nav .main-nav > li .login-link { display: none; } .header .navbar-header .navbar-brand { display: inline-block; padding: 0; line-height: 0; } .header .navbar-header .navbar-brand img{ height: 80px; } @media (max-width: 991.98px) { .header .navbar-header .navbar-brand { margin-right: 0; } } @media (max-width: 575.98px) { .header .navbar-header .logo { display: none; } } .header .navbar-header .logo-small { display: none; } @media (max-width: 575.98px) { .header .navbar-header .logo-small { display: block; width: 100%; text-align: center; } } .header .navbar-header #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { .header .navbar-header #mobile_btn { display: inline-block; line-height: 0; } } @media (max-width: 575.98px) { .header .navbar-header #mobile_btn { left: 0; margin-right: 0; padding: 0 0px; position: absolute; z-index: 99; } } .header .navbar-header #mobile_btn .bar-icon { display: inline-block; width: 31px; } .header .navbar-header #mobile_btn .bar-icon span { background-color: #FFA633; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; margin-bottom: 5px; } .header .navbar-header #mobile_btn .bar-icon span:nth-child(2) { width: 20px; } .header .navbar-header #mobile_btn .bar-icon span:nth-child(3) { width: 16px; margin-bottom: 0; } @media (max-width: 991.98px) { .header .navbar-header { display: -webkit-box; display: -ms-flexbox; display: inline-flex; align-items: center; } } @media (max-width: 575.98px) { .header .navbar-header { width: 100%; } } .header .main-menu-wrapper { margin: 0 15px 0; } @media (max-width: 991.98px) { .header .main-menu-wrapper { order: 3; width: 260px; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 11111; transform: translateX(-260px); transition: all 0.4s; background: #201F1D; margin: 0; } } .header .main-menu-wrapper .menu-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; padding: 0 20px; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; display: none; } @media (max-width: 991.98px) { .header .main-menu-wrapper .menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 65px; align-items: center; background: #ffffff; } } @media (max-width: 991.98px) { .header .main-menu-wrapper .menu-header .menu-logo img { width: 160px; } } .header .main-menu-wrapper .menu-header .menu-close { font-size: 18px; color: #FFA633; } .header .main-menu-wrapper .main-nav > li .submenu > li .submenu { left: 100%; top: 0; margin-top: 10px; } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav > li .submenu > li .submenu { left: 0; } } .header .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 15px; top: 12px; font-size: 13px; } .header .main-menu-wrapper .main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav { padding: 0; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; background: #201F1D; } } .header .main-menu-wrapper .main-nav:last-child { margin-right: 0; } @media (max-width: 1199.98px) { .header .main-menu-wrapper .main-nav > li { margin-right: 10px !important; } .header .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; border: 0; } } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav > li { margin-right: 0 !important; } .header .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; border: 0; } } .header .main-menu-wrapper .main-nav > li.active > a { display: block; color: #FFA633; } .header .main-menu-wrapper .main-nav > li a i { font-size: 12px; margin-left: 3px; } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav > li a { display: block; line-height: 20px; padding: 12px 15px; font-size: 14px; font-weight: 500; color: #ffffff; } .header .main-menu-wrapper .main-nav > li a i { font-size: 14px; } } @media (max-width: 991.98px) and (max-width: 991.98px) { .header .main-menu-wrapper .main-nav > li a i { float: right; margin-top: 5px; font-size: 14px; } } .header .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav > li { border-bottom: 1px solid #828282; padding: 0; } } @media (min-width: 992px) { .header .main-menu-wrapper .main-nav > li { display: block; position: relative; margin-right: 30px; } .header .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } } @media (max-width: 1199.98px) { .header .main-menu-wrapper .main-nav > li { margin-right: 20px; } } @media (min-width: 992px) { .header .main-menu-wrapper .main-nav > li ul { background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); display: block; font-size: 14px; left: 0; margin: 0; min-width: 200px; opacity: 0; padding: 0; position: absolute; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); top: 100%; visibility: hidden; z-index: 1000; } } @media (min-width: 992px) { .header .main-menu-wrapper .main-nav li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border-radius: 2px; border-top: 1px solid #FFA633; } } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav .has-submenu ul { display: none; background: rgba(255, 255, 255, 0.2); } } .header .main-menu-wrapper .main-nav li.login-link { display: none; } @media (max-width: 991.98px) { .header .main-menu-wrapper .main-nav li.login-link { display: block; } } .header .header-navbar-rht { margin: 0; padding: 0; } @media (max-width: 575.98px) { .header .header-navbar-rht { display: none; } } .header .header-navbar-rht > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 15px; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .header .header-navbar-rht > li:last-child { padding-right: 0px; } .header .header-navbar-rht > li .dropdown-menu { border: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .header .header-navbar-rht > li .dropdown-menu { top: 85px; right: 0; left: auto; min-width: 200px; visibility: hidden; opacity: 0; display: block; border-radius: 0 0 5px 5px; margin: 0; padding: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); } } @media (min-width: 992px) and (max-width: 991.98px) { .header .header-navbar-rht > li .dropdown-menu { top: 65px; } } .header .header-navbar-rht > li .dropdown-menu .dropdown-item { border-bottom: 1px solid #F4F4F4; padding: 10px 15px; font-size: 14px; color: #2F2F2F; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .header .header-navbar-rht > li .dropdown-menu .dropdown-item:hover { color: #FFA633; padding-left: 25px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .header .header-navbar-rht > li .dropdown-menu .dropdown-item:first-child { border-radius: 0; } .header .header-navbar-rht > li .dropdown-menu .dropdown-item:last-child { border-bottom: 0; border-radius: 0 0 5px 5px; } .header .header-navbar-rht > li .dropdown-menu .dropdown-item i { font-size: 16px; margin-right: 6px; } .header .header-navbar-rht > li .dropdown-menu .dropdown-item.active, .header .header-navbar-rht > li .dropdown-menu .dropdown-item:active { color: #FFA633; background-color: #ffffff; } .header .header-navbar-rht > li .dropdown-menu.show { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .header .header-navbar-rht > li .dropdown-toggle::after { display: none; } .header .header-navbar-rht .has-arrow .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #2F2F2F; border-right: 2px solid #2F2F2F; content: ""; height: 8px; display: inline-block; pointer-events: none; width: 8px; vertical-align: 2px; margin-left: 10px; margin-bottom: 5px; transform-origin: 66% 66%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .header .header-navbar-rht .has-arrow .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .header .header-navbar-rht .has-arrow .dropdown-toggle .user-img { display: inline-block; position: relative; margin-right: 5px; } .header .header-navbar-rht .has-arrow .dropdown-toggle .user-img > img { width: 36px; height: 36px; object-fit: cover; border: 2px solid #DBDBDB; } .header .header-navbar-rht .has-arrow .dropdown-toggle .user-text { color: #2F2F2F; margin: 0; } .header .header-navbar-rht .has-arrow .user-header { padding: 10px 15px; } .header .header-navbar-rht .has-arrow .user-header .user-text { margin-left: 10px; } .header .header-navbar-rht .has-arrow .user-header .user-text h6 { font-size: 15px; margin-bottom: 2px; } .header .header-navbar-rht .has-arrow .logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } .header .header-navbar-rht .has-arrow.logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } @media (max-width: 991.98px) { .header .header-navbar-rht .has-arrow.logged-item .nav-link { line-height: 65px; } } .header .header-navbar-rht .noti-wrapper { padding: 0; } .header .header-navbar-rht .noti-wrapper .nav-link { position: relative; padding: 0; } .header .header-navbar-rht .noti-wrapper .bell-icon { width: 36px; height: 36px; background: #F1F1F1; border-radius: 50%; margin: 0; } .header .header-navbar-rht .noti-wrapper .badge-pill { width: 4px; height: 4px; background-color: #FF0000; position: absolute; top: 8px; right: 10px; margin: 0; padding: 0; display: block; } .header .header-navbar-rht .nav-item .add-listing { font-weight: 500; font-size: 16px; color: #201F1D; } .header .header-navbar-rht .nav-item .add-listing span { color: #127384; } .header .header-navbar-rht .nav-item .header-login { background-color: #201F1D; border: 1px solid #201F1D; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; border-radius: 5px; font-weight: 500; font-size: 16px; padding: 7px 20px; text-align: center; } .header .header-navbar-rht .nav-item .header-login span { margin: 0 8px 0 0; } @media (max-width: 991.98px) { .header .header-navbar-rht .nav-item .header-login { padding: 8px 12px; font-size: 14px; } } .header .header-navbar-rht .nav-item .header-login:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .header .header-navbar-rht .nav-item .header-reg { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; border-radius: 5px; font-weight: 500; font-size: 16px; padding: 7px 20px; } @media (max-width: 1199.98px) { .header .header-navbar-rht .nav-item .header-reg { padding: 7px 15px; } } .header .header-navbar-rht .nav-item .header-reg span { margin: 0 5px 0 0; } @media (max-width: 991.98px) { .header .header-navbar-rht .nav-item .header-reg { padding: 8px 12px; font-size: 14px; } } .header .header-navbar-rht .nav-item .header-reg:hover { background-color: #ffffff; border: 1px solid #FFA633; box-shadow: inset 0 70px 0 0 #ffffff; color: #FFA633; } .header .dropdown-toggle::after { display: none; } .header .noti-content { height: 290px; width: 350px; overflow-y: auto; position: relative; } .header .noti-dropdown .dropdown-toggle { color: #ffffff; font-size: 14px; line-height: 23px; padding: 0 15px; } .header .noti-dropdown .dropdown-toggle::after { display: none; } .header .noti-dropdown .dropdown-toggle span { background-color: #f43f3f; display: block; font-size: 10px; font-weight: bold; min-height: 15px; min-width: 15px; position: absolute; right: 3px; top: 5px; } .header .noti-dropdown .dropdown-toggle i { float: right; line-height: 50px; margin-left: 15px; font-size: 20px; float: left; line-height: 50px; color: #ffffff; margin: 0px; margin-left: 0px; cursor: pointer; } .header .noti-dropdown .dropdown-menu { top: 63px !important; font-size: 14px; } .header .user-header { background-color: #f4f4f4; display: flex; padding: 10px 15px; } .header .notification-message { margin-bottom: 0; } .header .notification-message h6 { font-size: 14px; font-weight: 400; color: #28283C; position: relative; padding-left: 10px; margin-bottom: 8px; } .header .notification-message h6:before { position: absolute; content: ""; left: 0; top: 0; background: #DDDEE1; border-radius: 2px; width: 4px; height: 100%; } .header .notification-message .avatar-online::before { top: 0; background: #6DCC76; } .header .notifications { padding: 0; filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.2)); } .header .notifications .notification-time { font-size: 12px; font-weight: 400; line-height: 1.35; color: #7E84A3; } .header .notifications .notify-btns .btn { margin: 0 8px 8px 0; } .header .notifications .media { margin-top: 0; border-bottom: 1px solid #f5f5f5; } .header .notifications .media:last-child { border-bottom: none; } .header .notifications .media a { display: block; padding: 0; border-radius: 2px; } .header .notifications .media a:hover { background-color: #fafafa; } .header .notifications .media .avatar { margin-right: 15px; width: 38px; height: 38px; position: relative; display: inline-block; } .header .notifications .media .avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header .notifications .media-list .media-left { padding-right: 8px; } .header .notifications .noti-content::-webkit-scrollbar { width: 6px; background: #EEF1FE; height: 10px; } .header .notifications .noti-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(231, 231, 231); border-radius: 4px; } .header .notifications .noti-content::-webkit-scrollbar-thumb { background: #8A8A95; border-radius: 4px; } .header .notifications .noti-content::-webkit-scrollbar-thumb:hover { background: #1B2559; } .header .notifications ul.notification-list > li { margin-top: 0; padding: 10px 15px; border-bottom: 1px solid #f5f5f5; } .header .notifications ul.notification-list > li:last-child { border-bottom: none; } .header .notifications ul.notification-list > li a { display: block; border-radius: 2px; } .header .notifications ul.notification-list > li > a:hover { background-color: #fafafa; } .header .notifications ul.notification-list > li .list-item { border: 0; padding: 0; position: relative; } .header .topnav-dropdown-header { border-bottom: 1px solid #eee; text-align: center; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; height: 45px; line-height: 45px; padding-left: 15px; padding-right: 15px; } .header .topnav-dropdown-header select { border: 0; font-size: 12px; color: #74788d; } .header .topnav-dropdown-header select:focus-visible { outline: 0; } .header .topnav-dropdown-header .notification-title { display: block; float: left; font-size: 14px; font-weight: 500; margin-bottom: 0px; } .header .topnav-dropdown-header .notification-title span { padding: 3px 6px; margin-left: 5px; font-size: 14px; font-weight: 400; color: #ffffff; background: #ff6000; } .header .topnav-dropdown-header .clear-noti { color: #28283C; float: right; font-size: 14px; } .header .topnav-dropdown-header .clear-noti:hover { color: #ff6000; } .header .topnav-dropdown-footer { height: 45px; line-height: 45px; padding-left: 15px; padding-right: 15px; border-top: 1px solid #eee; } .header .topnav-dropdown-footer a { display: block; text-align: center; font-size: 13px; font-weight: 500; color: #ff6000; display: flex; align-items: center; justify-content: center; } .header .topnav-dropdown-footer a:hover { color: #ff6000; } .header .topnav-dropdown-footer a:hover i { color: #ff6000; margin-left: 8px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .header .topnav-dropdown-footer a img { margin-left: 5px; filter: brightness(0) saturate(100%) invert(24%) sepia(84%) saturate(2990%) hue-rotate(239deg) brightness(91%) contrast(105%); } .header .user-menu.nav > li > a .badge { background-color: #f43f3f; display: block; font-size: 10px; font-weight: bold; min-height: 15px; min-width: 15px; position: absolute; right: 3px; top: 6px; } .header .user-menu.nav > li > a > i { font-size: 1.5rem; line-height: 60px; } .header .noti-details { font-size: 14px; color: #28283C; margin-bottom: 0; font-weight: 500; } .header .noti-details span { color: #74788d; font-weight: 400; margin: 0; } .header .notification-list { list-style: none; padding: 0; margin: 0; } .header .noti-pop-detail li.noti-wrapper .notify-blk { padding: 24px; border-radius: 10px; border: 1px solid #E1E1E1; background: #FFF; box-shadow: 0px 4px 114px 0px rgba(214, 214, 214, 0.25); width: 410px; height: 580px; } .header .noti-pop-detail li.noti-wrapper .notify-blk .topnav-dropdown-header { padding: 15px; border-radius: 10px; background: #FAFAFA; border: none; margin-bottom: 15px; } .header .noti-pop-detail li.noti-wrapper .notify-blk .noti-content ul.notification-list li.notification-message { padding: 10px; } .header .noti-pop-detail li.noti-wrapper .notify-blk .noti-content ul.notification-list li .media-body p.noti-details { margin-bottom: 5px; position: relative; } .header .noti-pop-detail li.noti-wrapper .notify-blk .topnav-dropdown-footer { border: none; } .header .noti-pop-detail .noti-img span img { border-radius: 45px; border: 2px solid #E1E1E1; } .header .noti-time { font-size: 14px; margin: 0; } .menu-opened .main-menu-wrapper { transform: translateX(0); } .menu-opened .main-menu-wrapper body { overflow: hidden; } .header-top-drpodowns .header-dropdown.country-flag { margin-top: 0px; } .header-top-drpodowns .header-dropdown.country-flag img { width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; } .header-top-drpodowns .header-dropdown.country-flag a { color: #ffffff; font-size: 14px; } .header-top-drpodowns .header-dropdown.country-flag a.dropdown-toggle { background: transparent; border: 1px solid #DBDBDB; border-radius: 10pxpx; display: inline-flex; align-items: center; } .header-top-drpodowns .header-dropdown.country-flag .dropdown-menu { padding: 10px; } .header-top-drpodowns .header-dropdown.country-flag .dropdown-menu a { padding: 5px 10px; border-radius: 10px; color: #111; } .header-top-drpodowns .header-dropdown.country-flag .dropdown-menu a:hover { background: #F8FAFC; } .header-dropdown .dropdown-menu { border-color: #E2E8F0; } .header-dropdown .dropdown-toggle { padding: 5px 10px 5px 5px; border-radius: 10px; display: flex; align-items: center; color: #64748B; position: relative; } .header-dropdown .dropdown-toggle::after { content: ""; border-width: 0 2px 2px 0; border-color: #ffffff; padding: 3px; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); border-style: solid; margin-left: 10px; display: inline-block; } .header-dropdown .dropdown-toggle.show::after { content: ""; border-width: 2px 0 0 2px; position: relative; top: 3px; } .header-dropdown .dropdown-toggle.nav-tog { padding: 5px 15px 5px 12px; } .header-dropdown .dropdown-menu { padding: 10px; } .header-dropdown .dropdown-menu a { padding: 5px 10px; border-radius: 10px; color: #111; } .header-dropdown .dropdown-menu a:hover { background: #F8FAFC; } .hero-sec-main .header-two { background: transparent; box-shadow: none; } .hero-sec-main .header-two.header-fixed { background: #0A152F; position: fixed; z-index: 999; } .hero-sec-main .header-two.header-fixed .header-two-top { display: none; } .hero-sec-main .header-two .header-two-top { padding: 10px; border-bottom: 1px solid #676767; } @media (max-width: 991.98px) { .hero-sec-main .header-two .header-two-top { display: none; } } .hero-sec-main .header-two .header-two-top .header-top-items { display: flex; align-items: center; justify-content: space-between; } .hero-sec-main .header-two .header-two-top .header-top-items .header-address { display: flex; align-items: center; } .hero-sec-main .header-two .header-two-top .header-top-items .header-address li { color: #ffffff; font-size: 14px; margin-right: 15px; } .hero-sec-main .header-two .header-two-top .header-top-items .header-address li:last-child { margin-right: 0; } .hero-sec-main .header-two .header-two-top .header-top-items .header-address li span { margin-right: 5px; } .hero-sec-main .header-two .header-nav { padding: 0; } .hero-sec-main .header-two .header-nav .main-nav > li a { color: #ffffff; font-weight: normal; } .hero-sec-main .header-two .header-nav .main-nav > li a.active { color: #FFA633; } .hero-sec-main .header-two .header-nav .main-nav > li.active > a { color: #FFA633; } .hero-sec-main .header-two .header-nav .header-navbar-rht .login-link { padding: 0; font-weight: 500; color: #ffffff; } .hero-sec-main .header-two .header-nav .header-navbar-rht .login-link:hover { color: #FFA633; } .hero-sec-main .banner-slider { background-image: none; padding: 70px 0; height: 660px; } @media (max-width: 991.98px) { .hero-sec-main .banner-slider { height: 100%; background: transparent; padding: 50px 0; padding-bottom: 150px; } } .header-top-social-links ul { display: flex; align-items: center; padding-left: 15px; margin-left: 20px; border-left: 1px solid #DBDBDB; } .header-top-social-links ul li { margin-right: 10px; } .header-top-social-links ul li:last-child { margin-right: 0; } .header-top-social-links ul li a { color: #F2F7F6; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .header-top-social-links ul li a:hover { color: #FFA633; } .header-top-social-links ul li a:hover i { color: #FFA633; transition: 0.5s all; } .header-top-social-links ul li a i { color: #F2F7F6; background: transparent; transition: 0.5s all; } .header.header-three { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); } .header.header-three .header-nav { height: 69px; } .header.header-three .header-nav .main-nav > li > a { line-height: 69px; } .header.header-three .header-navbar-rht li.user-link { position: relative; margin-right: 15px; } .header.header-three .header-navbar-rht li.user-link::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: ""; width: 1px; height: 21px; } .header.header-three .header-navbar-rht li .header-user { width: 36px; height: 36px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; color: #ffffff; background: #111; } .header.header-three .header-navbar-rht li .header-user:hover { background: #FFA633; } /*----------------- 7. Footer -----------------------*/ .footer { background: #201F1D; position: relative; } .footer::before { content: ""; background: url(../img/footer-left.png) no-repeat; position: absolute; top: 50px; left: 0; width: 97px; height: 102px; background-size: cover; } @media (max-width: 1199.98px) { .footer::before { display: none; } } .footer::after { content: ""; background: url(../img/footer-right.png) no-repeat; position: absolute; bottom: 0; right: 0; width: 393px; height: 334px; background-size: cover; } @media (max-width: 991.98px) { .footer::after { display: none; } } .footer .footer-top { position: relative; z-index: 99; margin: 0; padding: 60px 0; } @media (max-width: 991.98px) { .footer .footer-top { margin: 0; padding: 40px 0 10px; } } @media (max-width: 767.98px) { .footer .footer-top { margin: 0; padding: 40px 0 0; } } .footer .footer-about { border-right: 1px solid #000; } @media (max-width: 767.98px) { .footer .footer-about { border: 0; } } .footer .footer-widget .footer-logo { margin-bottom: 35px; } .footer .footer-widget .footer-about-content { margin-bottom: 50px; } @media (max-width: 991.98px) { .footer .footer-widget .footer-about-content { margin-bottom: 30px; } } @media (max-width: 767.98px) { .footer .footer-widget .footer-about-content { margin-bottom: 20px; } } .footer .footer-widget .footer-about-content p { font-weight: 700; color: #1F2937; margin-bottom: 0; } .footer .footer-widget.footer-menu ul { list-style: none; margin: 0; padding: 0; } .footer .footer-widget .footer-title { position: relative; font-size: 20px; font-weight: 500; color: #ffffff; margin: 0 0 40px; } .footer .footer-widget .footer-title:before { content: ""; background: #FCB215; width: 27px; height: 4px; left: 0; position: absolute; bottom: -80%; } @media (max-width: 991.98px) { .footer .footer-widget { margin-bottom: 30px; } } @media (max-width: 767.98px) { .footer .footer-widget { margin-bottom: 25px; } } .footer .footer-menu ul li { margin: 0 0 20px; } .footer .footer-menu ul li:last-child { margin-bottom: 0; } .footer .footer-menu ul li a { color: #676767; font-size: 14px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer .footer-menu ul li a:hover { color: #FFA633; padding-left: 10px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer .footer-contact h5 { font-weight: 700; font-size: 24px; color: #FFFFFF; max-width: 336px; margin-bottom: 20px; } .footer .footer-contact h6 { font-size: 16px; color: #DBDBDB; margin-bottom: 15px; line-height: 20px; } .footer .footer-contact .footer-contact-info .footer-address { margin-bottom: 20px; } .footer .footer-contact .footer-contact-info .footer-address span { margin-right: 20px; width: 50px; height: 50px; background: #FF9307; color: #ffffff; font-size: 20px; border-radius: 4px; flex-shrink: 0; } .footer .footer-contact .footer-contact-info .footer-address .addr-info a { font-weight: 400; font-size: 14px; color: #676767; } .footer .footer-contact .footer-contact-info .update-form { position: relative; } .footer .footer-contact .footer-contact-info .update-form span { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: #828282; font-size: 20px; line-height: 1; } .footer .footer-contact .footer-contact-info .update-form .form-control { min-height: 55px; background: #ffffff; border-radius: 5px; border: 1px solid #ffffff; font-size: 14px; margin: 0; padding: 10px 100px 12px 40px; color: #828282; } .footer .footer-contact .footer-contact-info .update-form .btn { padding: 20px 20px; font-size: 15px; border-radius: 5px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .footer .footer-contact .footer-contact-info .update-form .btn .feather-send { color: #ffffff; } .footer .footer-contact .footer-contact-info .update-form .btn:active { border-color: #FCB215; } .footer .footer-contact .footer-contact-info .update-form .btn:active .feather-send { color: #FCB215; } .footer .footer-bottom { background: #212121; position: relative; z-index: 99; margin: 0; padding: 20px 0; } @media (max-width: 767.98px) { .footer .footer-bottom { margin: 0; padding: 15px 0; } } @media (max-width: 767.98px) { .footer .footer-bottom .copyright { text-align: center; } } @media (max-width: 767.98px) { .footer .footer-bottom .copyright .copyright-text { margin: 0 0 20px; } } .footer .footer-bottom .copyright .copyright-text p { color: #676767; font-size: 14px; } .footer .footer-bottom .copyright .vistors-details ul { justify-content: end; -webkit-justify-content: end; } @media (max-width: 767.98px) { .footer .footer-bottom .copyright .vistors-details ul { justify-content: center; } } .footer .footer-bottom .copyright .vistors-details ul li { margin: 0; padding: 0 8px 0; } .footer .footer-bottom .copyright .vistors-details ul li a { background: #ffffff; width: 46px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; } .footer .footer-bottom .policy-menu { text-align: right; margin: 0; padding: 0; } @media (max-width: 767.98px) { .footer .footer-bottom .policy-menu { text-align: center; } } .footer .footer-bottom .policy-menu li { display: inline-block; margin-right: 30px; position: relative; } @media (max-width: 767.98px) { .footer .footer-bottom .policy-menu li { margin-right: 10px; margin-top: 10px; } } .footer .footer-bottom .policy-menu li a { color: #000; } .footer .footer-bottom .policy-menu li a:hover { color: #201F1D; } .footer .footer-bottom .policy-menu li::after { content: ""; position: absolute; background: #201F1D; width: 5px; height: 5px; left: -10px; top: 50%; transform: translateY(-50%); } .footer .footer-bottom .policy-menu li:last-child { margin-right: 0; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } .footer-social-links { margin: 10px 0 30px; } .footer-social-links h6 { font-size: 18px; color: #ffffff; margin-bottom: 15px; } @media (max-width: 767.98px) { .footer-social-links h6 { margin-bottom: 10px; } } .footer-social-links .nav li { margin-right: 10px; } .footer-social-links .nav li:last-child { margin-right: 0; } .footer-social-links .nav li a:hover { color: #000; } .footer-social-widget { margin: 20px 0 0; } .footer-social-widget .nav-social li { margin-right: 10px; } .footer-social-widget .nav-social li:last-child { margin-right: 0; } .footer-social-widget .nav-social li a:hover { color: #000; } .hi-icon { font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; overflow: hidden; color: #201F1D; background: #DBDBDB; border-radius: 50px; min-width: 36px; height: 36px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } @media (max-width: 767.98px) { .hi-icon { min-width: 36px; height: 36px; } } .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 0; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; } .hi-icon:before { speak: none; font-size: 18px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } @media (max-width: 767.98px) { .hi-icon:before { font-size: 15px; } } .hi-icon:hover { color: #201F1D; } .hi-icon:hover:before { -webkit-animation: toTopFromBottom 0.5s forwards; -moz-animation: toTopFromBottom 0.5s forwards; animation: toTopFromBottom 0.5s forwards; } .fi-icon { font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; overflow: hidden; border-radius: 50px; min-width: 36px; height: 36px; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } @media (max-width: 767.98px) { .fi-icon { min-width: 36px; height: 36px; } } .fi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 0; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; } .fi-icon:before { speak: none; font-size: 18px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; color: #ffffff; } @media (max-width: 767.98px) { .fi-icon:before { font-size: 15px; } } .fi-icon:hover { color: #201F1D; } .fi-icon:hover:before { -webkit-animation: toTopFromBottom 0.5s forwards; -moz-animation: toTopFromBottom 0.5s forwards; animation: toTopFromBottom 0.5s forwards; } /*----------------- 8. Breadcrumb -----------------------*/ .breadcrumb-bar { background: #201F1D; padding: 60px 0 60px; position: relative; z-index: 1; width: 100%; } @media (max-width: 991.98px) { .breadcrumb-bar { padding: 50px 0 50px; } } .breadcrumb-bar:before { content: ""; background: url(../img/breadcrumbleft.png) no-repeat; position: absolute; bottom: 0; left: 0; width: 393px; height: 334px; background-size: cover; } @media (max-width: 991.98px) { .breadcrumb-bar:before { display: none; } } .breadcrumb-bar:after { content: ""; background: url(../img/breadcrumbright.png) no-repeat; position: absolute; bottom: 50px; right: 130px; width: 97px; height: 102px; background-size: cover; } @media (max-width: 991.98px) { .breadcrumb-bar:after { display: none; } } .breadcrumb-bar .breadcrumb-title { font-weight: 700; color: #ffffff; font-size: 36px; margin: 0 0 15px; } @media (max-width: 991.98px) { .breadcrumb-bar .breadcrumb-title { font-size: 32px; } } .breadcrumb-bar .breadcrumb { justify-content: center; margin: 0; } .breadcrumb-bar .breadcrumb li a { color: #ffffff; } .breadcrumb-bar .breadcrumb.active { color: #ffffff; } .breadcrumb-bar .breadcrumb-item + .breadcrumb-item::before { color: #ffffff; } .breadcrumb-bar .breadcrumb-item.active { color: #FFA633; } /*----------------- 9. Select -----------------------*/ .select2-container { min-width: 100% !important; width: auto !important; z-index: 99; padding: 0 !important; color: #141432; } .select2-container .select2-selection--single { height: 41px; } .select2-container--default .select2-selection--single { background: #F5F5F5; border: 1px solid #F4F4F4; border-radius: 5px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #878A99; line-height: 39px; border-radius: 5px; padding-right: 30px; padding-left: 15px; background: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 6px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { position: absolute; top: 50%; left: 50%; border-color: #878A99; border-style: solid; border-width: 0 2px 2px 0; padding: 3px; height: 0; margin-left: -10px; margin-top: -3px; width: 0; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #878A99; border-width: 2px 0 0 2px; margin-top: 3px; padding: 3px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #127384; color: #ffffff; } .select2-container--focus .select2-selection--single { background: #ffffff !important; border: 1px solid #127384; } span.select2-container.select2-container--default.select2-container--open { z-index: 9999; } /*----------------- 10. Table -----------------------*/ .table { color: #2F2F2F; max-width: 100%; margin-bottom: 0; width: 100%; } .table .dataTable { border-collapse: collapse !important; } .table .table-avatar { align-items: center; display: inline-flex; font-size: inherit; font-weight: 500; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; min-width: 150px; font-size: 14px; } .table .thead-light th { font-size: 15px; color: #201F1D; font-weight: 500; background-color: #F4F4F4; padding: 15px; } .table thead { background-color: #F4F4F4; border-bottom: 0; vertical-align: middle; white-space: nowrap; } .table tbody { vertical-align: middle; white-space: nowrap; } .table tbody tr { border-bottom: 1pt solid #F1F1F1; } .table tbody tr td { border-color: #dee2e6; padding: 15px; } .table tbody td h2 { display: inline-block; font-size: inherit; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } .table tbody td h2 span { color: #888888; display: block; font-size: 13px; margin-top: 2px; } .table tbody td a { color: #2F2F2F; } .table tbody td a.btn-action-icon { background: #F3F3F3; color: #201F1D; width: 28px; height: 28px; padding: 0; border-radius: 50px; } .table tbody td a.btn-action-icon:active { color: #FFA633; } .table tbody td a + a { display: inline-block; } .table tbody td a.add-btn { display: inline-block !important; } .table tbody td a:hover { color: #FFA633; } .table tbody td a:active { color: #ffffff; } .table tbody td a.btn { display: inline-block; padding: 5px 10px; } .table tbody td .items-links { color: #28283C; display: inline-block; } .table tbody td .items-links:hover { color: #FFA633; } .table .invoice-link { color: #201F1D; display: inline-block; } .table .invoice-link:hover { color: #201F1D; } .table .invoice-link .table-center th, .table .invoice-link .table-center td { vertical-align: middle; } .table .invoice-link .dropdown-menu { width: 200px; background: #ffffff; border: 1px solid #888888; box-shadow: 0px 4px 4px #888888; margin-top: 10px !important; border-radius: 6px; } .table .invoice-link .dropdown-item { font-weight: 500; font-size: 13px; color: #28283C; display: flex; align-items: center; margin-bottom: 14px; } .table .invoice-link .dropdown-item:last-child { margin-bottom: 0; } .table .invoice-link .dropdown-item:focus, .table .invoice-link .dropdown-item:hover { color: #FFA633; background: transparent; } .table .invoice-link .dropdown-item.active { color: #ffffff; text-decoration: none; background-color: #FFA633; } .table .invoice-link .dropdown-item i { font-size: 16px; } .table .dropdown-menu { width: 160px; background: #ffffff; border: 1px solid #EDECF8; box-shadow: 0px 16px 32px #888888; border-radius: 12px; padding: 0; margin-top: 10px !important; } .table .dropdown-item { font-weight: 500; font-size: 13px; color: #201F1D; padding: 10px 20px 10px; } .table-inbox { font-size: 15px; margin-bottom: 0; } .table-nowrap th, .table-nowrap td { white-space: nowrap; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f8f9fa; } .table-striped .dropdown-action { margin-bottom: 0; } .table-striped .table-bordered { border: 1px solid rgba(0, 0, 0, 0.05) !important; } .table.no-border > tbody > tr > td, .table > tbody > tr > th, .table.no-border > tfoot > tr > td, .table.no-border > tfoot > tr > th, .table.no-border > thead > tr > td, .table.no-border > thead > tr > th { padding: 10px 8px; } .table-hover tbody tr:hover { background-color: #f6f6f7; } .table-bordered th { border-color: rgba(0, 0, 0, 0.05); } .table-bordered td { border-color: rgba(0, 0, 0, 0.05); } .table-bordered td:first-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .table-bordered td:last-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card-table .card-body { padding: 0 !important; } .card-table .card-body .table > thead > tr > th { border-top: 0; } .card-table .card-body .table td { color: #201F1D; font-weight: 400; border-top: 0; font-size: 13px; padding: 15px 25px; white-space: nowrap; box-shadow: none; } .card-table .card-body .table td:first-child { padding-left: 25px; } .card-table .card-body .table th { white-space: nowrap; padding: 12px 25px; border-bottom: 0; font-weight: 500; font-size: 14px; color: #201F1D; } .card-table .card-body .table th:first-child { padding-left: 25px; } .table > :not(:first-child) { border: 0; } .dataTables_length select { appearance: auto; } .table-nosearch .dataTables_length, .table-nosearch .dataTables_filter { display: none; } .card-table div.table-responsive > div.dataTables_wrapper > div.row:first-child { padding: 1.5rem 1.5rem 0 !important; align-items: center; } .card-table div.table-responsive > div.dataTables_wrapper > div.row:last-child { padding: 0 1.5rem 1.5rem !important; align-items: center; } .dataTables_length select { appearance: auto; } table .badge { border-radius: 4px; display: inline-block; font-size: 13px; min-width: auto; padding: 8px 10px; font-weight: 400; text-align: center; } .table tbody td a { color: #2F2F2F; } .table tbody td a.action-icon { color: #333; } .table tbody td h2.table-avatar a { color: #3F4254; } .table tbody td h2.table-avatar a:hover { color: #FFA633; } .mini-sidebar .header .header-left.header-left-two .logo.logo-small { padding: 10px 0 0; margin: 0; } .categories-table .table tr:last-child td { padding-bottom: 0; border: none; } .categories-table .table td { padding: 8px; font-size: 14px; } .card-table .table { background: #ffffff; margin-bottom: 24px !important; border-radius: 8px; } .dataTables_length label { font-weight: 500 !important; font-size: 14px; color: #3F4254; } .dataTables_length label:before { content: "Show"; margin-right: 5px; font-size: 14px; } .dataTables_length label:after { content: "Entries"; margin-left: 5px; font-size: 14px; } .footer-two { background: #F2F7F6; position: relative; z-index: 1; } .footer-two .sec-bg img { position: absolute; z-index: -1; } .footer-two .sec-bg img:first-child { bottom: 60px; left: 0; right: 0; } .footer-two .sec-bg img:nth-child(2) { left: 0; top: 30px; } .footer-two .footer-top { padding: 40px 0 20px; } .footer-two .footer-widget { margin-bottom: 20px; } .footer-two .footer-widget .widget-title h4 { color: #0A152F; font-size: 18px; margin-bottom: 15px; } .footer-two .footer-widget .footer-links li a { color: #676767; font-size: 14px; display: inline-flex; align-items: center; } .footer-two .footer-widget .footer-links li a i { font-size: 10px; margin-right: 5px; } .footer-two .footer-widget .footer-links li a:hover { color: #127384; } .footer-two .footer-widget .footer-links li + li { margin-top: 15px; } .footer-two .footer-widget .footer-address > li { font-size: 14px; } .footer-two .footer-widget .footer-address > li + li { margin-top: 15px; } .footer-two .footer-widget .footer-address > li.social-link ul { display: flex; align-items: center; } .footer-two .footer-widget .footer-address > li.social-link ul li { margin-right: 10px; } .footer-two .footer-widget .footer-address > li.social-link ul li:last-child { margin-right: 0; } .footer-two .footer-widget .footer-address > li.social-link ul li a { width: 24px; height: 24px; border-radius: 50%; background: #0A152F; color: #ffffff; display: flex; align-items: center; justify-content: center; transition: 0.5s all; } .footer-two .footer-widget .footer-address > li.social-link ul li a:hover { background: #127384; transition: 0.5s all; } .footer-two .footer-widget .footer-address > li.social-link ul li a i { background: transparent; font-size: 12px; } .footer-two .footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } @media (max-width: 767.98px) { .footer-two .footer-bottom { padding-top: 0; } } .footer-two .footer-bottom .copy-right { font-size: 14px; } .footer-two .footer-bottom .copy-right p { font-size: 14px; } .footer-two .footer-bottom .copy-right p span { color: #0A152F; } @media (max-width: 575.98px) { .footer-two .footer-bottom .copy-right { margin-bottom: 20px; text-align: center; } } @media (max-width: 575.98px) { .footer-two .footer-bottom { flex-direction: column; } } /*----------------- 11. Home -----------------------*/ .section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .section { padding: 50px 0; } } .banner-slider { position: relative; background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-position: right; background-size: cover; padding: 100px 0 100px; } .banner-slider::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */ z-index: 1; /* Ensures it appears above the background image */ } @media (max-width: 991.98px) { .banner-slider { background: #F2F7F6; padding: 70px 0 70px; } } @media (max-width: 479px) { .banner-slider { padding: 50px 0 50px; } } .banner-slider .home-banner h1 { letter-spacing: -0.02em; margin: 0 0 10px; font-weight: 700; color: #111; } .banner-slider .home-banner { position: relative; z-index: 2; color: white; text-align: center; padding: 20px; } .banner-slider .home-banner h1 span { color: #fff; } .banner-slider .home-banner .banner-imgs img { position: relative; z-index: 99; } @media (max-width: 991.98px) { .banner-slider .home-banner .banner-imgs img { display: none; } } .banner-slider .home-banner .explore-text { color: #2F2F2F; padding: 15px; background: #ffffff; border-radius: 70px; display: inline-block; margin: 0 0 10px; } @media (max-width: 991.98px) { .banner-slider .home-banner .explore-text { padding: 10px 15px; } } .banner-slider .home-banner .explore-text span { color: #EDA600; } .banner-slider .home-banner .explore-text span i { font-weight: 600; } .banner-slider p { margin: 0 0 30px; } @media (max-width: 991.98px) { .banner-slider p { font-size: 14px; } } .search-box-banner { background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 0; padding: 30px; z-index: 1; position: relative; margin: 35px auto auto; text-align: left; } @media (max-width: 1399.98px) { .search-box-banner { padding: 25px; } } @media (max-width: 991.98px) { .search-box-banner { padding: 15px 15px 0; max-width: 100%; } } @media (max-width: 767.98px) { .search-box-banner { padding: 20px; max-width: 100%; } } .search-box-banner ul { list-style: none; margin: 0 -10px; padding: 0; outline: none; } .search-box-banner .group-img { position: relative; } .search-box-banner .group-img i { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #FFA633; } .search-box-banner .group-img input { background: #f7f3f3; padding: 12px 13px 12px 36px; color: #676767; border: 2px solid #c9c9c9; } @media (max-width: 991.98px) { .search-box-banner .group-img input { padding: 10px 10px 10px 35px; } } .search-box-banner .input-block { margin: 0; padding: 0 10px; } .search-box-banner .input-block label { margin: 0 0 10px; font-weight: 600; font-size: 15px; color: #111; } @media (max-width: 991.98px) { .search-box-banner .input-block label { font-size: 14px; } } .search-box-banner .search-btn .search-button { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; width: 100%; padding: 10px 12px; font-weight: 700; font-size: 18px; } .search-box-banner .search-btn .search-button i { margin-right: 8px; } @media (max-width: 767.98px) { .search-box-banner .search-btn .search-button { width: 100%; } } @media (max-width: 991.98px) { .search-box-banner .search-btn .search-button { padding: 8px 12px; } } .search-box-banner .search-btn .search-button:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .search-box-banner .column-group-last { -ms-flex: 13%; flex: 13%; max-width: 13%; } @media (max-width: 991.98px) { .search-box-banner .column-group-last { -ms-flex: 50%; flex: 50%; max-width: 50%; } } @media (max-width: 767.98px) { .search-box-banner .column-group-last { -ms-flex: 100%; flex: 100%; max-width: 100%; } } .search-box-banner .column-group-last:last-child { padding-right: 0; } .search-box-banner .column-group-last .search-btn { margin-top: 30px; } @media (max-width: 991.98px) { .search-box-banner .column-group-last .search-btn { margin: 15px 0 0; } } @media (max-width: 767.98px) { .search-box-banner .column-group-last .search-btn { margin: 0; } } .search-box-banner .column-group-main { -ms-flex: 29%; flex: 29%; max-width: 29%; } @media (max-width: 991.98px) { .search-box-banner .column-group-main { -ms-flex: 50%; flex: 50%; max-width: 50%; margin-bottom: 15px; } } @media (max-width: 767.98px) { .search-box-banner .column-group-main { -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 0; } } .search-box-banner .column-group-main:last-child { padding-right: 0; } @media (max-width: 767.98px) { .search-box-banner .input-block-wrapp { display: block; } } .section-heading { text-align: center; margin: 0 0 40px; } @media (max-width: 991.98px) { .section-heading { margin: 0 0 30px; } } .section-heading h2 { position: relative; font-weight: 700; margin: 0 0 30px; } @media (max-width: 991.98px) { .section-heading h2 { margin: 0 0 20px; } } .section-heading h2:after { content: ""; position: absolute; /* background-image: url(../img/bg/title-head.png); background-position: center; background-repeat: no-repeat; */ height: 5px; width: 100%; background: #000; left: -100%; height: 5px; bottom: 5px; z-index: 99; } .section-heading h2:before { content: ""; position: absolute; /* background-image: url(../img/bg/title-head.png); background-position: center; background-repeat: no-repeat; */ height: 5px; width: 100%; background: #000; left: 100%; height: 5px; bottom: 5px; z-index: 99; } @media (max-width: 991.98px) { .section-heading h2:after { /* bottom: -17px; */ } } .section-heading p { max-width: 439px; margin: auto; font-size: 18px; } @media (max-width: 991.98px) { .section-heading p { font-size: 16px; } } .services { padding: 80px 0 56px; } @media (max-width: 991.98px) { .services { padding: 50px 0 36px; } } .services .service-right { position: absolute; top: 0; right: 0; } @media (max-width: 991.98px) { .services .service-right { display: none; } } .services .services-group { margin: 0 0 24px; padding: 24px; border-bottom: 2px solid #127384; text-align: center; position: relative; } .services .services-group::before { position: absolute; top: 72px; right: 0; left: calc(50% + 65px); Content: ""; border: 1px dashed #DBDBDB; width: calc(100% - 106px); } @media (max-width: 767.98px) { .services .services-group::before { content: none; } } .services .services-group.service-date { border-color: #127384; } .services .services-group.service-loc { border-color: #FF9307; } .services .services-group.service-book { border-color: #201F1D; } .services .services-group.service-book::before { content: none; } .services .services-group .services-icon { border-radius: 50px; margin: 0 0 35px; padding: 10px; background: #ffffff; position: relative; z-index: 99; } @media (max-width: 991.98px) { .services .services-group .services-icon { padding: 8px; } } .services .services-group .services-icon .icon-img { border-radius: 50px; width: 72px; height: 72px; padding: 10px; } @media (max-width: 991.98px) { .services .services-group .services-icon .icon-img { padding: 8px; } } .services .services-group .services-content h3 { font-weight: 600; margin: 0 0 10px; } .services .services-one { border-bottom: 2px solid #127384; } @media (max-width: 767.98px) { .services .services-one { border-bottom: 0; } } .services .services-two { border-bottom: 2px solid #FF9307; } @media (max-width: 767.98px) { .services .services-two { border-bottom: 0; } } .services .services-three { border-bottom: 2px solid #201F1D; } @media (max-width: 767.98px) { .services .services-three { border-bottom: 0; } } .services .services-three:before { border: 0; width: 0; } .popular-services { background: #F2F7F6; } .popular-services .listing-tabs-group { margin: 0 0 40px; } @media (max-width: 991.98px) { .popular-services .listing-tabs-group { margin: 0 0 30px; } } .popular-services .listing-tabs-group ul { display: flex; align-items: center; justify-content: center; } @media (max-width: 767.98px) { .popular-services .listing-tabs-group ul { display: flex; align-items: center; justify-content: center; } .popular-services .listing-tabs-group ul li a { min-width: 120px; } } .popular-services .listing-tabs-group ul li a { background: #ffffff; border: 1px solid #F4F4F4; padding: 10px 22px; text-transform: capitalize; font-weight: 400; font-size: 15px; font-weight: 600; color: #676767; border-radius: 6px; } @media (max-width: 991.98px) { .popular-services .listing-tabs-group ul li a { padding: 8px 18px; font-size: 14px; min-width: 120px; } } .popular-services .listing-tabs-group ul li a.active { background: #127384; color: #ffffff; } .popular-services .listing-tabs-group ul li a:hover { background: #127384; color: #ffffff; } .popular-services .listing-tabs-group ul li a span { margin: 0 8px 0 0; padding: 10px; line-height: 0; background: #FCFCFC; border: 1px solid #F2F7F6; border-radius: 6px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .popular-services .listing-tabs-group ul li a span { padding: 8px; width: 30px; height: 30px; } } .popular-services .owl-carousel .owl-dots.disabled { display: block; } .popular-services .owl-carousel .owl-nav.disabled { display: block; } .popular-services .owl-carousel .owl-prev { position: absolute; top: 50%; left: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; height: 55px; width: 55px; background: #ffffff !important; color: #2F2F2F; margin: auto 0; border-radius: 50%; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-services .owl-carousel .owl-prev:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-services .owl-carousel .owl-next { position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(50%, -50%); -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; height: 55px; width: 55px; background: #ffffff !important; color: #2F2F2F; margin: auto 0; border-radius: 50%; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-services .owl-carousel .owl-next:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-explore { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .popular-explore { padding: 50px 0 26px 0; } } .listing-item { position: relative; background: #ffffff; border-radius: 10px; margin: 0 0 24px 0; padding: 15px; } @media (max-width: 991.98px) { .listing-item { padding: 15px; } } .listing-item .feature-text { width: 100%; position: relative; background-size: cover; text-transform: uppercase; color: #FFF; width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 6; top: 0; left: 0; } .listing-item .feature-text span { position: absolute; display: block; width: 225px; padding: 4px 0; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: capitalize; text-align: center; font-size: 14px; inset-inline-end: 0px; inset-block-start: 24px; transform: rotate(-45deg); } .listing-item .listing-img { position: relative; overflow: hidden; border-radius: 10px; margin: 0 0 10px; } .listing-item .listing-img img { border-radius: 10px; width: 100%; transform: translateZ(0); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .listing-item .listing-img .featured-text { background: #ffffff; border-radius: 5px; color: #111; z-index: 9; padding: 1px 6px; position: absolute; bottom: 10px; left: 10px; font-size: 14px; } @media (max-width: 991.98px) { .listing-item .listing-img .featured-text { font-size: 12px; } } .listing-item .listing-img .img-count { border-radius: 43px; background: rgba(0, 0, 0, 0.5019607843); margin: 0 7px 0 0; padding: 2px 6px; color: #ffffff; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 0; } .listing-item .listing-img .img-count i { font-size: 12px; margin-right: 5px; } .listing-item .listing-img .fav-item { position: absolute; left: 0; top: 0; width: 100%; padding: 15px; z-index: 1; font-size: 14px; } @media (max-width: 991.98px) { .listing-item .listing-img .fav-item { font-size: 13px; } } .listing-item .listing-img .fav-item .featured-text { background: #ffffff; border-radius: 5px; min-width: 75px; padding: 5px 15px; font-size: 14px; color: #737373; } @media (max-width: 991.98px) { .listing-item .listing-img .fav-item .featured-text { font-size: 12px; } } .listing-item .listing-img .fav-item .fav-icon { width: 26px; height: 26px; border-radius: 50%; color: #676767; background: #ffffff; border: 1px solid #ffffff; } .listing-item .listing-img .fav-icon.selected, .listing-item .listing-img .fav-icon:hover { background-color: #127384; border: 1px solid #127384 !important; color: #fff; } .listing-item:hover .listing-img img { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); transform: scale(1.12); } .listing-item:hover .listing-title a { color: #127384 !important; } .listing-item .listing-content { margin-top: 15px; } .listing-item .listing-content .km-count { background: #127384; border-radius: 5px; padding: 1px 4px; font-size: 12px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listing-item .listing-content .km-count img { margin-right: 5px; width: auto; } .listing-item .listing-content .listing-features { position: relative; border-bottom: 1px solid #F4F4F4; margin: 0 0 15px; padding: 0 0 15px; } .listing-item .listing-content .listing-features .author-img { position: absolute; top: -35px; z-index: 2; right: 15px; border-radius: 50px; } .listing-item .listing-content .listing-features .author-img img { width: 35px; height: 35px; border-radius: 50px; border: 2px solid #ffffff; } .listing-item .listing-content .listing-features .listing-title { margin-bottom: 5px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; } .listing-item .listing-content .listing-features .listing-title a { font-weight: 500; color: #111; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-features .listing-title a { font-size: 18px; } } .listing-item .listing-content .listing-features h6 { font-size: 15px; color: #787878; font-weight: 400; } .listing-item .listing-content .listing-features .list-rating { width: calc(100% - 55px); overflow: hidden; font-size: 14px; } .listing-item .listing-content .listing-features .list-rating i { color: #DBDBDB; font-size: 14px; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-features .list-rating i { font-size: 12px; } } .listing-item .listing-content .listing-features .list-rating i.filled { color: #FF9307; } .listing-item .listing-content .listing-features .list-rating span { color: #676767; margin: 0 0 0 5px; } .listing-item .listing-content .listing-details-group { margin: 0 0 15px; } .listing-item .listing-content .listing-details-group ul { margin: 0 0 10px; } .listing-item .listing-content .listing-details-group ul:last-child { margin: 0; } .listing-item .listing-content .listing-details-group ul li { -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; } .listing-item .listing-content .listing-details-group ul li span img { line-height: 0; width: 16px; display: flex; justify-content: center; } .listing-item .listing-content .listing-details-group ul li p { font-size: 14px; margin: 0 0 0 5px; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-details-group ul li p { font-size: 13px; } } .listing-item .listing-content .listing-location-details { background: #F2F7F6; padding: 10px; margin: 0 0 15px; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-location-details .listing-price { font-size: 13px; } } .listing-item .listing-content .listing-location-details .listing-price span { margin-right: 5px; line-height: 0; } .listing-item .listing-content .listing-location-details .listing-price { font-size: 14px; } .listing-item .listing-content .listing-location-details .listing-price h6 { font-weight: 700; font-size: 24px; color: #FF0000; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-location-details .listing-price h6 { font-size: 20px; } } .listing-item .listing-content .listing-location-details .listing-price h6 span { color: #676767; font-size: 14px; font-weight: 400; margin-left: 7px; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-location-details .listing-price h6 span { font-size: 12px; } } .listing-item .listing-content .listing-button .btn-order { background: #201F1D; position: relative; border-radius: 5px; font-weight: 500; font-size: 16px; color: #ffffff; text-align: center; padding: 7px 10px; width: 100%; } @media (max-width: 991.98px) { .listing-item .listing-content .listing-button .btn-order { font-size: 14px; } } .listing-item .listing-content .listing-button .btn-order span { line-height: 0; } .listing-item .listing-content .listing-button .btn-order span i { line-height: 0; } .listing-item:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .listing-item:hover .btn-order { background-color: #127384 !important; color: #ffffff; border-radius: 5px; } .listing-item:hover .img-count { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 1; } .popular-slider-group { margin: 0 0 40px; } .popular-slider-group .listing-owl-item .listing-owl-group { padding: 30px; background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); text-align: center; } .popular-slider-group .listing-owl-item .listing-owl-group .listing-owl-img { margin: 0 0 20px; } .popular-slider-group .listing-owl-item .listing-owl-group .listing-owl-img img { width: 90px; height: 40px; text-align: center; margin: auto; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-slider-group .listing-owl-item .listing-owl-group h6 { margin: 0 0 5px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-slider-group .listing-owl-item .listing-owl-group p { font-size: 14px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-slider-group .listing-owl-item .listing-owl-group:hover { background-color: #127384; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-slider-group .listing-owl-item .listing-owl-group:hover .listing-owl-img img { filter: invert(1); } .popular-slider-group .listing-owl-item .listing-owl-group:hover h6 { color: #ffffff; } .popular-slider-group .listing-owl-item .listing-owl-group:hover p { color: #ffffff; } .popular-slider-group .owl-carousel .owl-dots.disabled { display: block; } .popular-slider-group .owl-carousel .owl-nav.disabled { display: block; } .popular-slider-group .owl-carousel .owl-prev { position: absolute; top: 50%; left: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; height: 55px; width: 55px; background: #ffffff !important; margin: auto 0; border-radius: 50%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } @media (max-width: 1199.98px) { .popular-slider-group .owl-carousel .owl-prev { height: 35px; width: 35px; font-size: 12px; } } @media (max-width: 1199.98px) { .popular-slider-group .owl-carousel .owl-prev { left: 7px; } } .popular-slider-group .owl-carousel .owl-prev:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .popular-slider-group .owl-carousel .owl-next { position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(50%, -50%); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; height: 55px; width: 55px; background: #ffffff !important; margin: auto 0; border-radius: 50%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } @media (max-width: 1199.98px) { .popular-slider-group .owl-carousel .owl-next { height: 35px; width: 35px; font-size: 12px; } } @media (max-width: 1199.98px) { .popular-slider-group .owl-carousel .owl-next { right: 7px; } } .popular-slider-group .owl-carousel .owl-next:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .facts-number { background: #201F1D; } @media (max-width: 991.98px) { .facts-number { padding-bottom: 35px; } } .facts-number .section-heading p { color: #F5F5F5; } .facts-number .facts-left img { position: absolute; left: -80px; top: 10px; } @media (max-width: 991.98px) { .facts-number .facts-left img { display: none; } } .facts-number .facts-right img { position: absolute; right: 60px; top: 30px; } @media (max-width: 991.98px) { .facts-number .facts-right img { display: none; } } .facts-number .count-group { position: relative; width: 100%; display: flex; top: 0; background-image: url(../img/bg/count-bg.jpg); background-repeat: no-repeat; background-position: right; background-size: cover; border-radius: 10px; padding: 20px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .facts-number .count-group { margin: 0 0 15px; padding: 15px; } } .facts-number .count-group:hover { top: -10px; } .facts-number .count-group:hover .count-img { background: #127384; } .facts-number .count-group .count-img { padding: 24px; background: #201F1D; border-radius: 10px; display: flex; align-items: center; margin: 0 20px 0 0; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .facts-number .count-group .count-img { padding: 15px; } } .facts-number .count-group .count-content h4 { color: #111; font-weight: 700; margin: 0; } .rental-car-item .fav-item-rental { position: absolute; top: -28px; z-index: 2; right: 10px; border-radius: 50px; } .rental-car-item .fav-item-rental .featured-text { background: #FFA633; border-radius: 3px; padding: 1px 7px; color: #ffffff; font-weight: 500; font-size: 15px; } .rental-car-item .fav-item-rental .featured-text span { font-size: 14px; font-weight: normal; } @media (max-width: 991.98px) { .rental-car-item .fav-item-rental .featured-text { font-size: 14px; } } .rental-car-item .listing-title { margin: 5px 0 0; } .rental-car-item .listing-title a { font-weight: 700; color: #201F1D; } .rental-car-item .listing-title h6 { font-size: 16px; color: #2F2F2F; margin: 5px 0 0; } @media (max-width: 991.98px) { .rental-car-item .listing-title h6 { font-size: 15px; } } .rental-car-item .listing-title h6 span { color: #2F2F2F; font-weight: 400; } .why-choose .choose-left { position: absolute; left: 0; top: 10px; } @media (max-width: 991.98px) { .why-choose .choose-left { display: none; } } .why-choose .card { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); border-radius: 10px; } .why-choose .card .card-body { padding: 40px; } @media (max-width: 1399.98px) { .why-choose .card .card-body { padding: 24px; } } .why-choose .card .card-body .choose-img { margin: 0 0 20px; padding: 20px; border-radius: 10px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .why-choose .card .card-body .choose-img { padding: 15px; } } .why-choose .card .card-body .choose-img img { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .why-choose .card .card-body .choose-black { background: #201F1D; } .why-choose .card .card-body .choose-secondary { background: #127384; } .why-choose .card .card-body .choose-primary { background: #FFA633; } .why-choose .card .card-body .choose-content { text-align: center; } .why-choose .card .card-body .choose-content h4 { font-size: 24px; font-weight: 600; color: #111; margin: 0 0 20px 0; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .why-choose .card .card-body .choose-content h4 { font-size: 22px; margin: 0 0 15px 0; } } .why-choose .card .card-body .choose-content p { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .why-choose .card:hover { background: #000; } .why-choose .card:hover .choose-black { background: #ffffff; } .why-choose .card:hover .choose-secondary { background: #ffffff; } .why-choose .card:hover .choose-primary { background: #ffffff; } .why-choose .card:hover .choose-content h4 { color: #ffffff; } .why-choose .card:hover .choose-content p { color: #ffffff; } .why-choose .card:hover .choose-img { position: relative; background-image: url(../img/bg/count-bg.jpg); background-repeat: no-repeat; background-position: right; background-size: cover; } .why-choose .card:hover .choose-img img { filter: invert(1); } .about-testimonial { background-image: url(../img/bg/about-testimonial.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 991.98px) { .about-testimonial { background: #201F1D; } } .about-testimonial .owl-dots { text-align: center; } .about-testimonial .owl-dots .owl-dot { margin: 0 8px 0 0; } .about-testimonial .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0; background: #DBDBDB; border-radius: 50%; display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .about-testimonial .owl-dots .owl-dot.active span { background: #FFA633; width: 46px; height: 8px; border-radius: 40px; } .user-app-group { background: #111; position: relative; border-radius: 10px; margin: 56px 0 0; padding: 80px; } @media (max-width: 991.98px) { .user-app-group { margin: 26px 0 0; padding: 40px 40px 25px 40px; } } .user-app-group .userapp-heading h2 { font-weight: 700; font-size: 62px; color: #ffffff; margin: 0 0 15px; } @media (max-width: 1399.98px) { .user-app-group .userapp-heading h2 { font-size: 52px; } } @media (max-width: 991.98px) { .user-app-group .userapp-heading h2 { font-size: 32px; } } .user-app-group .userapp-heading p { font-size: 18px; color: #ffffff; margin: 0 0 67px; } @media (max-width: 1399.98px) { .user-app-group .userapp-heading p { margin: 0 0 57px; } } @media (max-width: 991.98px) { .user-app-group .userapp-heading p { font-size: 16px; margin: 0 0 27px; } } @media (max-width: 767.98px) { .user-app-group .userapp-heading .download-btn { display: block; } } .user-app-group .userapp-heading .download-btn .app-avilable { margin: 0 7px 0 0; } @media (max-width: 991.98px) { .user-app-group .userapp-heading .download-btn .app-avilable { margin: 0 7px 15px 0; } } .user-app-group .app-left { position: absolute; left: 5%; bottom: 5%; } @media (max-width: 991.98px) { .user-app-group .app-left { display: none; } } .user-app-group .app-right { position: absolute; right: 30%; top: 10%; } @media (max-width: 991.98px) { .user-app-group .app-right { display: none; } } .bg-secondary { background: #127384 !important; } .border-secondary { border: 2px dashed #127384; } .bg-warning { background: #FF9307 !important; } .border-warning { border: 2px dashed #FF9307; } .bg-dark { background: #201F1D; } .border-dark { border: 2px dashed #201F1D; } .bootstrap-datetimepicker-widget table { width: 100%; } .bootstrap-datetimepicker-widget table .date-widge td { padding: 20px; width: 100%; } .bootstrap-datetimepicker-widget table td.active { background-color: #FFA633; text-shadow: unset; } .bootstrap-datetimepicker-widget table td.active:hover { background-color: #FFA633; text-shadow: unset; } .bootstrap-datetimepicker-widget table th { font-size: 14px; font-weight: 400; padding: 12px; width: 100%; } .bootstrap-datetimepicker-widget table td.day { font-size: 14px; font-weight: 400; padding: 10px; } .bootstrap-datetimepicker-widget .timepicker-hour table td { padding: 20px; width: 100%; } .bootstrap-datetimepicker-widget .timepicker-hour table th { font-size: 14px; font-weight: 400; padding: 12px; width: 100%; } .bootstrap-datetimepicker-widget .timepicker-minute table td { padding: 20px; width: 100%; } .bootstrap-datetimepicker-widget .timepicker-minute table th { font-size: 14px; font-weight: 400; padding: 15px; width: 100%; } .img-slider.owl-carousel .owl-stage { display: flex; } .img-slider.owl-carousel .owl-dots { display: flex; justify-content: center; width: 100%; position: absolute; bottom: 0; } .img-slider.owl-carousel .owl-dots .owl-dot { width: 4px; height: 4px; border-radius: 40px; background: #DBDBDB; margin: 0 0 15px 0; margin-right: 5px; } .img-slider.owl-carousel .owl-dots .owl-dot.active { width: 13px; height: 4px; background: #FF9307; } .img-slider.owl-carousel .owl-nav { opacity: 0; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } .img-slider.owl-carousel .owl-nav .owl-next, .img-slider.owl-carousel .owl-nav .owl-prev { height: 16px; width: 16px; background: rgba(0, 0, 0, 0.5019607843) !important; color: #ffffff; font-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; border-radius: 50%; } .img-slider.owl-carousel .owl-nav .owl-next i, .img-slider.owl-carousel .owl-nav .owl-prev i { line-height: 16px; } .img-slider.owl-carousel .owl-nav .owl-next { right: 16px; } .img-slider.owl-carousel .owl-nav .owl-prev { left: 16px; } .img-slider:hover .owl-nav { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 1; } .blog-section.news-section .grid-blog { margin-bottom: 40px; } @media (max-width: 991.98px) { .blog-section.news-section .grid-blog { margin-bottom: 30px; } } .hero-sec-main { position: relative; } @media (max-width: 991.98px) { .hero-sec-main { background-image: url(../img/bg/home-banner-img.png); background-size: cover; background-position: center; background-repeat: no-repeat; } } .hero-sec-main::after { content: ""; background: linear-gradient(102.39deg, rgba(6, 19, 26, 0.8) 2.09%, rgba(0, 0, 0, 0.64) 81.2%); left: 0; top: 0; right: 0; width: 100%; height: 100%; position: absolute; display: none; } @media (max-width: 991.98px) { .hero-sec-main::after { display: block; } } .home-two .btn-secondary { background: #0A152F; border-color: #0A152F; border-radius: 5px; padding: 7px 20px; font-weight: 500; } @media (max-width: 1199.98px) { .home-two .btn-secondary { padding: 7px 15px; } } @media (max-width: 575.98px) { .home-two .btn-secondary { padding: 7px 10px; font-size: 15px; } } .home-two .btn-primary { border-radius: 5px; padding: 7px 20px; font-weight: 500; } @media (max-width: 1199.98px) { .home-two .btn-primary { padding: 7px 15px; } } @media (max-width: 575.98px) { .home-two .btn-primary { padding: 7px 10px; font-size: 15px; } } .home-two .btn-primary:active { background: #FFA633; border-color: #FFA633; } .home-two h2, .home-two h3, .home-two h4, .home-two h5, .home-two h6 { color: #0A152F; } .home-two p { color: #676767; } .btn-primary:active { background: #FFA633; border-color: #FFA633; } .btn.btn-primary:active { background: #FFA633; border-color: #FFA633; } .banner-sec-two { position: unset; } .banner-sec-two .banner-img-slider { position: absolute; top: 0; } @media (max-width: 991.98px) { .banner-sec-two .banner-img-slider { display: none; } } .banner-sec-two .banner-img-slider img { min-height: 800px; object-fit: cover; } .banner-sec-two .banner-img-slider::after { content: ""; background: linear-gradient(102.39deg, rgba(6, 19, 26, 0.8) 2.09%, rgba(0, 0, 0, 0.64) 81.2%); left: 0; top: 0; right: 0; width: 100%; height: 100%; position: absolute; } .banner-sec-two .banner-img-slider .owl-nav { position: absolute; right: 50px; top: 50%; z-index: 1; display: flex; flex-direction: column; transform: translateY(-50%); } .banner-sec-two .banner-img-slider .owl-nav button { color: #ffffff; } .banner-sec-two .banner-img-slider .owl-nav button.owl-prev { margin-bottom: 10px; } .banner-sec-two .banner-img-slider .owl-nav button:hover { color: #FFA633; } .banner-sec-two .home-banner { position: relative; z-index: 1; } @media (max-width: 1399.98px) { .banner-sec-two .home-banner { max-width: 1000px; margin: 0 auto; } } .banner-sec-two .home-banner .banner-title h1 { color: #ffffff; letter-spacing: normal; text-align: center; } .banner-sec-two .home-banner .banner-title h1 span { display: block; } .banner-sec-two .home-banner .banner-title p { color: #ffffff; font-size: 18px; max-width: 950px; text-align: center; margin: auto; } .banner-sec-two .banner-form form { display: flex; align-items: center; background: #ffffff; padding: 15px 20px; border-radius: 85px; max-width: 1067px; margin: 30px auto 30px; justify-content: space-between; padding-bottom: 0; } @media (max-width: 991.98px) { .banner-sec-two .banner-form form { display: block; border-radius: 20px; padding: 24px; padding-bottom: 24px; } } .banner-sec-two .banner-form form .banner-search-list { display: flex; align-items: center; } @media (max-width: 991.98px) { .banner-sec-two .banner-form form .banner-search-list { display: block; } } .banner-sec-two .banner-form form .banner-search-list .input-block { padding: 10px 15px; margin-right: 20px; max-width: 200px; } @media (max-width: 1399.98px) { .banner-sec-two .banner-form form .banner-search-list .input-block { max-width: 180px; } } @media (max-width: 1199.98px) { .banner-sec-two .banner-form form .banner-search-list .input-block { padding: 10px; margin-right: 10px; } } @media (max-width: 991.98px) { .banner-sec-two .banner-form form .banner-search-list .input-block { max-width: 100%; margin-right: 0; } } @media (max-width: 767.98px) { .banner-sec-two .banner-form form .banner-search-list .input-block { padding: 0; } } .banner-sec-two .banner-form form .banner-search-list .input-block label { color: #676767; display: inline-flex; align-items: center; margin-right: 20px; } .banner-sec-two .banner-form form .banner-search-list .input-block label i { color: #676767; margin-right: 5px; } .banner-sec-two .banner-form form .banner-search-list .input-block input { height: 24px; min-height: 24px; background: transparent; border: 0; padding: 0; color: #0A152F; } .banner-sec-two .banner-form form .banner-search-list .input-block input::placeholder { color: #0A152F; } .banner-sec-two .banner-form form .banner-search-list .input-block .select2-container .select2-selection--single { height: 24px; min-height: 24px; background: transparent; border: 0; } .banner-sec-two .banner-form form .banner-search-list .input-block .select2-container--default .select2-selection--single .select2-selection__rendered { background: transparent; line-height: 24px; padding: 0; color: #0A152F; } .banner-sec-two .banner-form form .banner-search-list .input-block .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; } .banner-sec-two .banner-form form .input-block-btn { margin-bottom: 15px; } .banner-sec-two .banner-form form .input-block-btn button { padding: 20px 30px; border-radius: 80px; font-weight: 500; } @media (max-width: 991.98px) { .banner-sec-two .banner-form form .input-block-btn button { padding: 10px 20px; width: 100%; } } @media (max-width: 575.98px) { .banner-user-group { display: none; } } .banner-user-group ul { display: inline-flex; align-items: center; justify-content: center; position: relative; } .banner-user-group ul::after { content: ""; width: 48px; height: 1px; background: #ffffff; margin-left: 20px; } .banner-user-group ul::before { content: ""; width: 48px; height: 1px; background: #ffffff; margin-right: 20px; } .banner-user-group ul li a { width: 42px; height: 42px; display: inline-flex; border-radius: 50%; margin-left: -10px; } .banner-user-group ul li a img { width: 100%; border-radius: 50%; } .banner-user-group ul li a img:hover { position: relative; } .banner-user-group ul li:first-child a { margin-left: 0; } .banner-user-group ul li.users-text { margin-left: 15px; text-align: left; } .banner-user-group ul li.users-text h5 { color: #ffffff; font-size: 24px; margin-bottom: 3px; } .banner-user-group ul li.users-text span { display: block; color: #ffffff; } .video-btn { position: absolute; right: 50px; bottom: 100px; z-index: 1; } .video-btn h6 { color: #ffffff; font-size: 14px; font-weight: normal; } .video-btn a { width: 38px; height: 38px; background: rgba(255, 255, 255, 0.1019607843); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px; } .video-btn span { background: rgba(255, 255, 255, 0.0509803922); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; } .banner-yacht-type-slider { margin-top: -150px; margin-bottom: 80px; } @media (max-width: 991.98px) { .banner-yacht-type-slider { margin-bottom: 50px; } } .banner-yacht-type-slider .slider-card { background: #0A152F; border-radius: 10px; padding: 24px 10px; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; transition: 0.5s all; position: relative; } .banner-yacht-type-slider .slider-card:hover { background: #127384; transition: 0.5s all; } .banner-yacht-type-slider .slider-card:hover .banner-slider-icon img { filter: brightness(100); transition: 0.5s all; } .banner-yacht-type-slider .slider-card .banner-slider-icon span { min-width: 62px; min-height: 62px; display: flex; align-items: center; justify-content: center; } .banner-yacht-type-slider .slider-card .banner-slider-icon span img { width: auto; transition: 0.5s all; } .banner-yacht-type-slider .slider-card h6 { color: #ffffff; font-size: 16px; font-weight: normal; margin-top: 5px; } .banner-yacht-type-slider .slider-card.slider-card-active::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #1FBC2F; position: absolute; left: 10px; top: 10px; } .section-header-two { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; margin-bottom: 40px; } @media (max-width: 991.98px) { .section-header-two { margin-bottom: 30px; } } .section-header-two h2 { font-size: 38px; color: #0A152F; font-weight: 500; position: relative; margin-bottom: 20px; } @media (max-width: 991.98px) { .section-header-two h2 { font-size: 32px; } } @media (max-width: 767.98px) { .section-header-two h2 { font-size: 28px; } } .section-header-two h2::after { content: ""; background-image: url(../img/bg/title-bar.png); background-repeat: no-repeat; background-position: center; position: absolute; width: 100px; height: 10px; left: 50%; transform: translateX(-50%); bottom: -15px; } .section-header-two p { color: #676767; font-size: 18px; max-width: 730px; text-align: center; } @media (max-width: 991.98px) { .section-header-two p { font-size: 16px; } } .yacht-category-sec { padding: 80px 0 80px; position: relative; background: #ffffff; z-index: 1; } @media (max-width: 991.98px) { .yacht-category-sec { padding-bottom: 50px; } } @media (max-width: 767.98px) { .yacht-category-sec { padding-bottom: 40px; } } .yacht-category-sec .sec-bg .anchor-img { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: -1; } .yacht-category-sec .sec-bg .vector-round { position: absolute; right: 0; top: 0px; z-index: -1; } .yacht-category-sec .sec-bg .design-round { position: absolute; right: 50px; top: 120px; z-index: -1; } .yacht-category-sec .sec-round-colors span { position: absolute; z-index: -1; } .yacht-category-sec .sec-round-colors span:first-child { right: 40%; top: 10%; } .yacht-category-sec .sec-round-colors span:nth-child(2) { right: 20%; bottom: 100px; } .yacht-category-sec .sec-round-colors span:nth-child(3) { left: 15%; top: 30%; } .yacht-category-sec .sec-round-colors span:last-child { left: 50%; bottom: 50px; } .yacht-category-sec .view-more-btn { margin-top: 16px; } .yacht-category-lists .custom-col { float: left; width: 20%; } @media (max-width: 1199.98px) { .yacht-category-lists .custom-col { width: 25%; } } @media (max-width: 991.98px) { .yacht-category-lists .custom-col { width: 50%; } } @media (max-width: 767.98px) { .yacht-category-lists .custom-col { width: 50%; } } @media (max-width: 575.98px) { .yacht-category-lists .custom-col { width: 100%; } } .yacht-cat-grid { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 5px; margin-bottom: 24px; } .yacht-cat-grid .yatch-card-img { position: relative; overflow: hidden; border-radius: 5px 5px 0 0; } .yacht-cat-grid .yatch-card-img img { border-radius: 5px 5px 0 0; transition: 0.5s all; } .yacht-cat-grid .yatch-card-img:hover img { transform: scale(1.15); transition: 0.5s all; } .yacht-cat-grid .card-content { padding: 15px; } .yacht-cat-grid .card-content h4 { font-size: 18px; font-weight: 500; color: #0A152F; } .yacht-cat-grid .card-content h4 a { color: #0A152F; } .yacht-cat-grid .card-content h4 a:hover { color: #127384; } @media (max-width: 1399.98px) { .yacht-cat-grid .card-content h4 { font-size: 16px; } } .yacht-cat-grid .card-content span { color: #676767; font-size: 14px; } .yacht-cat-grid .card-content .arrow-right { color: #DBDBDB; transition: 0.5s all; } .yacht-cat-grid .card-content .arrow-right:hover { color: #127384; transition: 0.5s all; } .renting-yacht-sec { background: #0A152F; padding: 80px 0; position: relative; z-index: 1; } @media (max-width: 991.98px) { .renting-yacht-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .renting-yacht-sec { padding: 40px 0 0; } } .renting-yacht-sec .section-header-two h2 { color: #ffffff; } .renting-yacht-sec .section-header-two p { color: #ffffff; } .renting-yacht-sec .sec-round-colors span { position: absolute; z-index: -1; } .renting-yacht-sec .sec-round-colors span:first-child { left: 5%; bottom: 20%; } .renting-yacht-sec .sec-round-colors span:nth-child(2) { left: 60%; top: 30%; } .renting-yacht-sec .sec-round-colors span:nth-child(3) { right: 5%; bottom: 100px; } .renting-yacht-sec .sec-round-colors span:nth-child(4) { left: 40%; bottom: 20%; } .renting-yacht-sec .sec-round-colors span:nth-child(5) { left: 10px; top: 10px; } .renting-yacht-sec .sec-round-colors span:nth-child(6) { right: 30px; top: 10%; } .renting-yacht-sec .sec-bg img { position: absolute; right: 50px; top: 50px; z-index: -1; } @media (max-width: 767.98px) { .renting-yacht-benifits { flex-direction: column; } } .renting-yacht-benifits ul { max-width: 350px; } @media (max-width: 1199.98px) { .renting-yacht-benifits ul { max-width: 300px; } } @media (max-width: 991.98px) { .renting-yacht-benifits ul { max-width: 350px; } } @media (max-width: 767.98px) { .renting-yacht-benifits ul { max-width: 100%; } } .renting-yacht-benifits ul li { display: flex; align-items: center; margin-bottom: 50px; } @media (max-width: 767.98px) { .renting-yacht-benifits ul li { margin-bottom: 40px; } } .renting-yacht-benifits ul li:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .renting-yacht-benifits ul li:last-child { margin-bottom: 40px; } } .renting-yacht-benifits ul li .benifit-icon { width: 80px; height: 80px; border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 20px; } .renting-yacht-benifits ul li .benifit-contents h5 { color: #ffffff; font-size: 20px; margin-bottom: 10px; } .renting-yacht-benifits ul li .benifit-contents p { color: #ffffff; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .yatcht-center-img { position: relative; z-index: 1; } .yatcht-center-img .roung-img-bg { width: 435px; height: 435px; background: #FFA633; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } @media (max-width: 1399.98px) { .yatcht-center-img .roung-img-bg { width: 350px; height: 350px; } } @media (max-width: 1199.98px) { .yatcht-center-img .roung-img-bg { width: 250px; height: 250px; } } @media (max-width: 991.98px) { .yatcht-center-img { display: none; } } .top-features-yachts { padding: 80px 0; background: #ffffff; position: relative; z-index: 1; } @media (max-width: 991.98px) { .top-features-yachts { padding: 50px 0; } } .top-features-yachts .sec-title { margin-bottom: 40px; } .top-features-yachts .sec-title h4 { font-size: 18px; text-align: center; } .top-features-yachts .sec-bg img { position: absolute; z-index: -1; } .top-features-yachts .sec-bg img:first-child { left: 10px; top: 20%; } .top-features-yachts .sec-bg img:nth-child(2) { right: 20px; top: 100px; } .top-features-yachts .sec-bg img:nth-child(3) { bottom: 20px; right: 10px; } .charter-company-slider { margin-bottom: 75px; } @media (max-width: 991.98px) { .charter-company-slider { margin-bottom: 55px; } } @media (max-width: 767.98px) { .charter-company-slider { margin-bottom: 35px; } } .charter-company-slider .charter-company-logo span { display: flex; align-items: center; justify-content: center; min-height: 74px; width: 100%; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 5px; } .charter-company-slider .charter-company-logo span img { width: auto; } .top-rated-yachts .section-header-two { justify-content: start; text-align: left; } .top-rated-yachts .section-header-two p { text-align: left; font-size: 16px; } .top-rated-yachts .section-header-two h2::after { left: 0; transform: none; } .top-rated-yachts .section-header-two .nav-control { display: flex; align-items: center; width: 100%; margin-top: 40px; } .top-rated-yachts .section-header-two .nav-control button { width: 33px; height: 33px; border-radius: 50%; background: #0A152F; border: 1px solid #0A152F; color: #ffffff; display: flex; align-items: center; justify-content: center; transition: 0.5s all; } .top-rated-yachts .section-header-two .nav-control button:hover { background: #ffffff; color: #0A152F; transition: 0.5s all; } .top-rated-yachts .section-header-two .nav-control button.owl-prev { margin-right: 5px; } .top-rated-card { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; } .top-rated-card .rated-yacht-img { position: relative; overflow: hidden; } .top-rated-card .rated-yacht-img .slide-images { border-radius: 5px 5px 0 0; transition: 0.5s all; overflow: hidden; } .top-rated-card .rated-yacht-img .slide-images img { border-radius: 5px 5px 0 0; transition: 0.5s all; } .top-rated-card .rated-yacht-img .slide-images:hover img { transform: scale(1.15); transition: 0.5s all; } .top-rated-card .rated-yacht-content { padding: 24px; } @media (max-width: 1199.98px) { .top-rated-card .rated-yacht-content { padding: 15px; } } .top-rated-card .rated-yacht-content .yacht-content-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F4F4F4; margin-bottom: 15px; padding-bottom: 15px; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-left h4 { margin-bottom: 3px; font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-left h4 a { font-size: 20px; color: #0A152F; } @media (max-width: 1399.98px) { .top-rated-card .rated-yacht-content .yacht-content-head .head-items-left h4 a { font-size: 18px; } } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-left h4 a:hover { color: #127384; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-left span { font-size: 14px; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-right { text-align: right; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-right .rated-star { display: flex; align-items: center; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-right .rated-star i { color: #DBDBDB; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-right .rated-star i.filled { color: #FF9307; } .top-rated-card .rated-yacht-content .yacht-content-head .head-items-right .km-badge { background: #127384; border-radius: 5px; font-size: 12px; color: #ffffff; display: inline-flex; align-items: center; padding: 3px 5px; margin-top: 5px; } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info { display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #F4F4F4; margin-bottom: 15px; justify-content: space-between; } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li { display: flex; align-items: center; margin-bottom: 15px; min-width: 112px; } @media (max-width: 1399.98px) { .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li { min-width: 120px; } } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li .yacht-feature-icon { width: 32px; height: 32px; border-radius: 50%; background: #F2F7F6; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 5px; } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li .yacht-feature-icon img { width: auto; } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li h6 { font-size: 14px; } .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li h6 span { color: #676767; } .top-rated-card .rated-yacht-content .yacht-content-footer { display: flex; align-items: center; justify-content: space-between; } .top-rated-card .rated-yacht-content .yacht-content-footer p { font-size: 14px; } .top-rated-card .rated-yacht-content .yacht-content-footer p span { color: #FF0000; font-size: 15px; font-weight: 600; } .top-rated-card .rated-yacht-content .yacht-content-footer .yacht-book-btn { display: flex; align-items: center; } .top-rated-card .rated-yacht-content .yacht-content-footer .yacht-book-btn .yacht-user-img { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; margin-right: 15px; } .top-rated-card .rated-yacht-content .yacht-content-footer .yacht-book-btn .yacht-user-img img { width: 100%; border-radius: 50%; } .slide-card-images .owl-carousel .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; } .slide-card-images .owl-carousel .owl-dots .owl-dot { width: 4px; height: 4px; background: #DBDBDB; border-radius: 20px; margin-right: 2px; } .slide-card-images .owl-carousel .owl-dots .owl-dot.active { width: 14px; background: #FFA633; } .img-top-ribbon { position: absolute; padding: 5px; left: -50px; top: 15px; z-index: 1; transform: rotate(-45deg); } .img-top-ribbon .ribbon-text { text-align: center; color: #ffffff; width: 150px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 14px; } /* Hexagon */ .hex { position: relative; width: 90px; height: 50px; border-left: solid 1px #F4F4F4; border-right: solid 1px #F4F4F4; flex-shrink: 0; } .hex:after { content: ""; position: absolute; top: 3px; left: 0; width: 90px; height: 50px; z-index: 2; background: inherit; } /* Top & Bottom */ .hexTop, .hexBottom { position: absolute; z-index: 1; width: 63px; height: 63px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 13px; } .hexTop:after, .hexBottom:after { content: ""; position: absolute; width: 90px; height: 90px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-33.1976px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-33.1976px); transform: rotate(45deg) scaleY(1.7321) translateY(-33.1976px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; } /* Top */ .hexTop { top: -32px; border-top: solid 2px #F4F4F4; border-right: solid 2px #F4F4F4; } .hexTop:after { background-position: center top; } /* Bottom */ .hexBottom { bottom: -32px; border-bottom: solid 2px #F4F4F4; border-left: solid 2px #F4F4F4; } .hexBottom:after { background-position: center bottom; } .hex-icon { font-size: 40px; color: #ffffff; line-height: 0; } .boat-info-steps-sec { background: #0A152F; padding: 80px 0 50px; position: relative; z-index: 1; } @media (max-width: 991.98px) { .boat-info-steps-sec { padding: 50px 0 20px; } } @media (max-width: 767.98px) { .boat-info-steps-sec { padding: 40px 0 10px; } } .boat-info-steps-sec .sec-round-colors span { position: absolute; z-index: -1; } .boat-info-steps-sec .sec-round-colors span:first-child { left: 5%; bottom: 100px; } .boat-info-steps-sec .sec-round-colors span:nth-child(2) { top: 30%; right: 50px; } .boat-info-steps-sec .sec-round-colors span:nth-child(3) { left: 20px; top: 20px; } .boat-info-steps-sec .sec-round-colors span:nth-child(4) { right: 20%; bottom: 50px; } .info-steps-card { display: flex; align-items: center; transition: 0.5s all; margin-bottom: 30px; } .info-steps-card .steps-content { margin-left: 24px; } .info-steps-card .steps-content .step-badge { background: #FFA633; border-radius: 5px; padding: 5px 10px; font-size: 15px; font-weight: 600; color: #000; display: inline-flex; } .info-steps-card .steps-content h4 { font-size: 24px; color: #ffffff; margin: 15px 0; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } @media (max-width: 767.98px) { .info-steps-card .steps-content h4 { font-size: 20px; } } .info-steps-card .steps-content p { color: #ffffff; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .info-steps-card .hex-hover { transition: 0.5s all; } .info-steps-card:hover .hex-hover { background: #ffffff; width: 90px; height: 103px; display: flex; align-items: center; -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); -moz-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); -ms-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: 0.5s all; } .info-steps-card:hover .hex-hover .hex, .info-steps-card:hover .hex-hover .hexTop, .info-steps-card:hover .hex-hover .hexBottom { display: none; } .info-steps-card:hover .hex-hover .hex-icon { display: flex !important; color: #000; } .popular-location-sec { padding: 80px 0; background: #ffffff; position: relative; z-index: 1; } @media (max-width: 991.98px) { .popular-location-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .popular-location-sec { padding: 40px 0; } } .popular-location-sec .sec-round-colors span { position: absolute; z-index: -1; } .popular-location-sec .sec-round-colors span:first-child { left: 6%; top: 50%; } .popular-location-sec .sec-round-colors span:nth-child(2) { right: 5%; bottom: 100px; } .popular-location-sec .sec-round-colors span:nth-child(3) { right: 5%; top: 100px; } .popular-location-sec .sec-round-colors span:nth-child(4) { left: 8%; top: 25%; } .popular-location-sec .sec-bg img { position: absolute; z-index: -1; } .popular-location-sec .sec-bg img:first-child { right: 0; top: 0; max-width: 500px; } .popular-location-sec .sec-bg img:nth-child(2) { left: 10px; bottom: 10px; } .popular-location-card { position: relative; margin-bottom: 24px; transition: 0.5s all; } .popular-location-card .location-img { border-radius: 10px; overflow: hidden; position: relative; } .popular-location-card .location-img img { border-radius: 10px; transition: 0.5s all; } .popular-location-card .location-contents { display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 5px; padding: 8px 15px 15px; margin: -40px 24px 0; position: relative; z-index: 1; } .popular-location-card .location-contents .location-city-name h4 a { font-size: 20px; color: #0A152F; } .popular-location-card .location-contents .location-city-name h4 a:hover { color: #127384; } .popular-location-card .location-contents .location-city-name span { font-size: 14px; } .popular-location-card .location-contents .arrow-right { opacity: 0; transition: 0.5s all; color: #127384; font-size: 18px; } .popular-location-card:hover .arrow-right { opacity: 1 !important; transition: 0.5s all; } .popular-location-card:hover .location-img img { transform: scale(1.14); transition: 0.5s all; } .home-two-slider.owl-carousel .owl-nav { display: flex; align-items: center; justify-content: center; margin-top: 16px; } .home-two-slider.owl-carousel .owl-nav button { width: 33px; height: 33px; border-radius: 50%; background: #0A152F; color: #ffffff; display: flex; align-items: center; justify-content: center; transition: 0.5s all; border: 1px solid #0A152F; } .home-two-slider.owl-carousel .owl-nav button:hover { background: #ffffff; color: #0A152F; transition: 0.5s all; } .home-two-slider.owl-carousel .owl-nav button.owl-prev { margin-right: 5px; } .yacht-offer-sec { background: #F2F7F6; padding: 80px 0; position: relative; z-index: 1; } @media (max-width: 991.98px) { .yacht-offer-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .yacht-offer-sec { padding: 40px 0; } } .yacht-offer-sec .sec-bg .wave-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; } .yacht-list-cards .top-rated-card { display: flex; align-items: center; margin-bottom: 24px; } @media (max-width: 575.98px) { .yacht-list-cards .top-rated-card { display: block; } } .yacht-list-cards .top-rated-card .rated-yacht-img { width: 40%; flex-shrink: 0; } @media (max-width: 575.98px) { .yacht-list-cards .top-rated-card .rated-yacht-img { width: 100%; } } .yacht-list-cards .top-rated-card .rated-yacht-img .slide-images { border-radius: 5px 0 0 5px; } @media (max-width: 575.98px) { .yacht-list-cards .top-rated-card .rated-yacht-img .slide-images { border-radius: 5px 5px 0 0; } } .yacht-list-cards .top-rated-card .rated-yacht-img .slide-images img { border-radius: 5px 0 0 5px; } @media (max-width: 575.98px) { .yacht-list-cards .top-rated-card .rated-yacht-img .slide-images img { border-radius: 5px 5px 0 0; } } .yacht-list-cards .top-rated-card .rated-yacht-content { width: 80%; } @media (max-width: 575.98px) { .yacht-list-cards .top-rated-card .rated-yacht-content { width: 100%; } } @media (max-width: 1399.98px) { .yacht-list-cards .top-rated-card .rated-yacht-content { padding: 15px 24px; } } @media (max-width: 991.98px) { .yacht-list-cards .top-rated-card .rated-yacht-content { padding: 15px; } } .yacht-list-cards .top-rated-card .rated-yacht-content .yacht-content-body .yacht-features-info li { min-width: 122px; } .yacht-list-cards .view-more-btn { margin-top: 16px; } .more-boats-info-sec { background-image: url(../img/bg/ship-sec-bg.png); min-height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 2; } @media (max-width: 991.98px) { .more-boats-info-sec { padding: 40px 0; } } .more-boats-info-sec::after { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); position: absolute; left: 0; top: 0; z-index: -1; } .bottom-text-row { min-height: 500px; } .bottom-text-row .col-xl-3:last-child .bottom-ship-info-card { border-right: 0; transition: 0.5s all; } .sec-bottom-info { min-height: 500px; } .sec-bottom-info .bottom-ship-info-card { border-right: 1px solid #828282; height: 100%; display: flex; flex-direction: column; justify-content: end; padding: 15px; position: relative; transition: 0.5s all; overflow: hidden; } @media (max-width: 991.98px) { .sec-bottom-info .bottom-ship-info-card { border-right: 0; } } .sec-bottom-info .bottom-ship-info-card h4 { color: #ffffff; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } @media (max-width: 1399.98px) { .sec-bottom-info .bottom-ship-info-card h4 { font-size: 20px; } } .sec-bottom-info .bottom-ship-info-card .address-info { display: flex; align-items: center; margin: 15px 0; } .sec-bottom-info .bottom-ship-info-card .address-info > span { color: #ffffff; margin-right: 24px; display: inline-flex; align-items: center; font-size: 14px; } @media (max-width: 1399.98px) { .sec-bottom-info .bottom-ship-info-card .address-info > span { margin-right: 12px; } } .sec-bottom-info .bottom-ship-info-card .address-info > span i { margin-right: 5px; } .sec-bottom-info .bottom-ship-info-card .address-info .rated-star { display: flex; align-items: center; } .sec-bottom-info .bottom-ship-info-card .address-info .rated-star i { color: #DBDBDB; } .sec-bottom-info .bottom-ship-info-card .address-info .rated-star i.filled { color: #FF9307; } .sec-bottom-info .bottom-ship-info-card .address-info .rated-star span { color: #ffffff; display: inline-flex; margin-left: 5px; font-size: 14px; } .sec-bottom-info .bottom-ship-info-card .ship-features { display: flex; align-items: center; } .sec-bottom-info .bottom-ship-info-card .ship-features li { font-size: 14px; color: #ffffff; margin-right: 24px; } .sec-bottom-info .bottom-ship-info-card .ship-features li:last-child { margin-right: 0; } @media (max-width: 1399.98px) { .sec-bottom-info .bottom-ship-info-card .ship-features li { margin-right: 12px; } } .sec-bottom-info .bottom-ship-info-card .ship-pricing { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; margin-top: 30px; opacity: 0; bottom: -30px; transition: 0.5s all; } .sec-bottom-info .bottom-ship-info-card .ship-pricing h5 { color: #ffffff; font-size: 14px; font-weight: 500; display: flex; align-items: center; } .sec-bottom-info .bottom-ship-info-card .ship-pricing h5 span { font-weight: 600; font-size: 24px; display: inline-flex; margin: 0 5px; } .sec-bottom-info .bottom-ship-info-card .ship-pricing .btn-buy { padding: 6px 20px; } .hover-ship-info { transition: 0.5s all; } .hover-ship-info:hover { transition: 0.5s all; } .hover-ship-info:hover .ship-pricing { position: relative; bottom: 0; transition: 0.5s all; opacity: 1; } .boats-marketplace-sec { padding: 80px 0; background: #ffffff; position: relative; z-index: 1; } @media (max-width: 991.98px) { .boats-marketplace-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .boats-marketplace-sec { padding: 40px 0; } } .boats-marketplace-sec .section-header-two { align-items: start; text-align: left; padding-left: 50px; margin-bottom: 30px; } @media (max-width: 991.98px) { .boats-marketplace-sec .section-header-two { padding-left: 0; } } .boats-marketplace-sec .section-header-two p { text-align: left; font-size: 16px; margin-bottom: 20px; } .boats-marketplace-sec .section-header-two h2::after { left: 0; transform: none; } .boats-marketplace-sec .section-header-two h4 { color: #676767; font-size: 24px; margin-bottom: 20px; margin-top: 5px; } .boats-marketplace-sec .sec-round-colors span { position: absolute; z-index: -1; } .boats-marketplace-sec .sec-round-colors span:first-child { left: 5%; top: 20px; } .boats-marketplace-sec .sec-round-colors span:nth-child(2) { right: 5%; top: 5%; } .boats-marketplace-sec .sec-round-colors span:nth-child(3) { right: 10%; top: 60%; } .boats-marketplace-sec .sec-round-colors span:nth-child(4) { left: 50px; top: 65%; } .boats-marketplace-sec .sec-bg img:first-child { position: absolute; z-index: -1; left: 0; bottom: 0; max-width: 600px; } .boats-marketplace-sec .sec-bg img:nth-child(2) { position: absolute; z-index: -1; right: 50px; top: 80px; } .sec-col-left-imgs { display: flex; align-items: center; position: relative; margin-bottom: 30px; } @media (max-width: 991.98px) { .sec-col-left-imgs { display: none; } } .sec-col-left-imgs > span { display: inline-flex; border-radius: 10px; } .sec-col-left-imgs > span.sec-left-two { margin-left: -50px; } .sec-col-left-imgs > span img { border-radius: 10px; } .sec-col-left-imgs .experience-info { width: 153px; height: 153px; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sec-col-left-imgs .experience-info h5 { color: #127384; font-size: 48px; display: flex; flex-direction: column; align-items: center; text-align: center; } .sec-col-left-imgs .experience-info h5 span { font-size: 14px; display: block; color: #676767; font-weight: normal; } .yacht-owner-card { background: #0A152F; border-radius: 10px; padding: 80px 0 80px 80px; position: relative; z-index: 1; overflow: hidden; margin-top: 50px; } .yacht-owner-card .sec-bg img:first-child { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; top: unset; max-width: 100%; } @media (max-width: 991.98px) { .yacht-owner-card { margin-top: 20px; padding: 50px 0 50px 50px; } } @media (max-width: 767.98px) { .yacht-owner-card { margin-top: 10px; padding: 40px 0 40px 40px; } } .yacht-owner-card .yacht-owner-title h3 { font-size: 28px; color: #ffffff; font-weight: 700; } .yacht-owner-card .yacht-owner-title p { color: #ffffff; margin: 5px 0 24px; } .yacht-owner-card .yacht-owner-img { position: absolute; right: 0; top: 0; z-index: -1; } @media (max-width: 767.98px) { .yacht-owner-card .yacht-owner-img { display: none; } } .yacht-owner-card.party-rental-yacht { padding: 80px 80px 80px 0; margin-top: 80px; } @media (max-width: 991.98px) { .yacht-owner-card.party-rental-yacht { padding: 50px 50px 50px 0; margin-top: 50px; } } @media (max-width: 767.98px) { .yacht-owner-card.party-rental-yacht { padding: 40px 40px 40px 0; margin-top: 40px; } } @media (max-width: 575.98px) { .yacht-owner-card.party-rental-yacht { padding: 40px 0 40px 40px; } } .yacht-owner-card.party-rental-yacht .yacht-owner-img { position: absolute; left: 0; top: 0; right: unset; z-index: -1; } .yacht-owner-card.party-rental-yacht .yacht-owner-title { float: right; } @media (max-width: 575.98px) { .yacht-owner-card.party-rental-yacht .yacht-owner-title { float: left; } } .our-client-review-sec { padding-bottom: 80px; background: #ffffff; position: relative; z-index: 1; } @media (max-width: 991.98px) { .our-client-review-sec { padding-bottom: 50px; } } @media (max-width: 767.98px) { .our-client-review-sec { padding-bottom: 40px; } } .our-client-review-sec .view-all { margin-top: 16px; } .our-client-review-sec .sec-bg img:first-child { position: absolute; right: 20px; bottom: 40px; } .our-client-review-sec .sec-round-colors span { position: absolute; z-index: -1; } .our-client-review-sec .sec-round-colors span:first-child { right: 5%; top: 50px; } .client-review-card { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 5px; padding: 24px; margin-bottom: 24px; } @media (max-width: 991.98px) { .client-review-card { padding: 15px; } } .client-review-card .client-review-content { background: #FCFCFC; padding: 24px; border-radius: 5px; text-align: center; height: 100%; position: relative; } @media (max-width: 991.98px) { .client-review-card .client-review-content { padding: 15px; } } .client-review-card .client-review-content .client-img .img-avatar { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; } .client-review-card .client-review-content .client-img .img-avatar img { width: 100%; border-radius: 50%; } .client-review-card .client-review-content p { margin: 24px 0; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .client-review-card .client-review-content h5 a { font-size: 18px; color: #0A152F; } .client-review-card .client-review-content span { color: #676767; font-size: 14px; display: block; } .client-review-card .client-review-content .quataion-mark { position: absolute; right: 15px; top: 15px; } .faq-sec-two { background: #F2F7F6; padding: 80px 0 70px; position: relative; z-index: 1; } @media (max-width: 991.98px) { .faq-sec-two { padding: 50px 0 40px; } } @media (max-width: 767.98px) { .faq-sec-two { padding: 40px 0 30px; } } .faq-sec-two .sec-round-colors span { position: absolute; z-index: -1; } .faq-sec-two .sec-round-colors span:first-child { left: 5%; top: 5%; } .faq-sec-two .sec-round-colors span:nth-child(2) { right: 6%; bottom: 45%; } .faq-sec-two .sec-round-colors span:nth-child(3) { left: 10px; top: 50%; } .faq-sec-two .sec-round-colors span:nth-child(4) { left: 5%; bottom: 100px; } .faq-sec-two .sec-bg img { position: absolute; z-index: -1; } .faq-sec-two .sec-bg img:first-child { left: 50px; top: 25%; } .faq-sec-two .sec-bg img:nth-child(2) { right: 0; bottom: 0; } .faq-sec-two .sec-bg img:nth-child(3) { right: 70px; bottom: 100px; } .faq-sec-two .sec-bg img:nth-child(4) { bottom: 0; left: 0; right: 0; } .counter-group-two { margin-bottom: 56px; } @media (max-width: 991.98px) { .counter-group-two { margin-bottom: 26px; } } @media (max-width: 767.98px) { .counter-group-two { margin-bottom: 16px; } } .counter-group-two .count-group { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; border-radius: 5px; padding: 15px; margin-bottom: 24px; } .counter-group-two .count-group .customer-count .count-img { width: 90px; height: 90px; border-radius: 50%; background: #F2F7F6; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 24px; } @media (max-width: 1399.98px) { .counter-group-two .count-group .customer-count .count-img { width: 75px; height: 75px; margin-right: 14px; } } @media (max-width: 1399.98px) { .counter-group-two .count-group .customer-count .count-img img { width: 35px; } } .counter-group-two .count-group .count-content h4 { font-weight: 700; font-size: 28px; } .faq-main-items .accordion-item { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; padding: 24px; border-radius: 5px; margin-bottom: 10px; } .faq-main-items .accordion-item h2 a { font-weight: 500; font-size: 18px; position: relative; padding-left: 30px; transition: 0.5s all; } .faq-main-items .accordion-item h2 a::before { content: "\f055"; font-size: 20px; font-family: "font awesome 6 free"; font-weight: 900; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #127384; transition: 0.5s all; } .faq-main-items .accordion-item h2 a:not(.collapsed)::before { content: "\f056"; color: #FFA633; transition: 0.5s all; } .faq-main-items .accordion-item .accordion-content p { margin-top: 15px; } .seasonal-special-sec { background-image: url(../img/bg/ship-bg-02.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 80px 0; position: relative; z-index: 1; } @media (max-width: 991.98px) { .seasonal-special-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .seasonal-special-sec { padding: 40px 0; } } .seasonal-special-sec::after { content: ""; background: linear-gradient(102.39deg, rgba(10, 21, 47, 0.95) 24.24%, rgba(0, 0, 0, 0) 81.2%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .seasonal-special-sec .sec-title { max-width: 510px; } .seasonal-special-sec .sec-title h2 { font-size: 62px; color: #ffffff; margin-bottom: 15px; } @media (max-width: 1399.98px) { .seasonal-special-sec .sec-title h2 { font-size: 52px; } } @media (max-width: 991.98px) { .seasonal-special-sec .sec-title h2 { font-size: 42px; } } @media (max-width: 767.98px) { .seasonal-special-sec .sec-title h2 { font-size: 36px; } } .seasonal-special-sec .sec-title p { font-size: 18px; color: #ffffff; } .seasonal-special-sec .sec-title .sec-btns { display: flex; align-items: center; margin-top: 40px; } .seasonal-special-sec .sec-title .sec-btns .btn-dark-blue { padding: 7px 20px; border-radius: 5px; background: #127384; color: #ffffff; font-weight: 500; margin-right: 15px; } .seasonal-special-sec .sec-title .sec-btns .btn-dark-blue:hover { background: #FFA633; } .news-insights-sec { padding: 80px 0; background: #ffffff; position: relative; z-index: 1; } @media (max-width: 991.98px) { .news-insights-sec { padding: 50px 0; } } @media (max-width: 767.98px) { .news-insights-sec { padding: 40px 0; } } .news-insights-sec .view-more { margin-top: 16px; } .news-insights-sec .sec-round-colors span { position: absolute; z-index: -1; } .news-insights-sec .sec-round-colors span:first-child { left: 5%; top: 100px; } .news-insights-sec .sec-round-colors span:nth-child(2) { right: 20%; top: 62%; } .news-insights-sec .sec-round-colors span:nth-child(3) { left: 37%; top: 22%; z-index: 2; } .news-insights-sec .sec-round-colors span:nth-child(4) { right: 5%; bottom: 7%; } .news-insights-sec .sec-round-colors span:nth-child(5) { right: 5%; top: 25%; } .news-insights-sec .sec-round-colors span:nth-child(6) { left: 5%; bottom: 30%; } .news-insights-sec .sec-bg img { position: absolute; z-index: -1; top: 20px; right: 20px; } .article-grid-card { padding: 24px; background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 5px; margin-bottom: 24px; } @media (max-width: 991.98px) { .article-grid-card { padding: 15px; } } .article-grid-card .article-img { border-radius: 5px; position: relative; overflow: hidden; margin-bottom: 24px; } .article-grid-card .article-img img { border-radius: 5px; transition: 0.5s all; } .article-grid-card .article-img:hover img { transform: scale(1.14); transition: 0.5s all; } .article-grid-card .article-img .date-info { background: #0A152F; color: #ffffff; display: flex; align-items: center; padding: 5px 10px; border-radius: 0 0 5px 0; position: absolute; right: 0; bottom: 0; font-weight: 500; } .article-grid-card .user-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .article-grid-card .user-head .img-avatar { display: inline-flex; align-items: center; font-size: 14px; color: #676767; } .article-grid-card .user-head .img-avatar img { width: 32px; height: 32px; border-radius: 50%; margin-right: 5px; } .article-grid-card .user-head .user-head-right { display: flex; align-items: center; } .article-grid-card .user-head .user-head-right span { display: flex; align-items: center; font-size: 14px; color: #676767; } .article-grid-card .article-title h4 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 10px; line-height: 25px; } .article-grid-card .article-title h4 a { font-size: 20px; color: #0A152F; font-weight: 500; } .article-grid-card .article-title h4 a:hover { color: #127384; } .article-grid-card .article-title p { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 24px; } .article-grid-card .article-title .read-more { color: #0A152F; font-weight: 500; display: flex; align-items: center; } .article-grid-card .article-title .read-more:hover { color: #127384; } @media (max-width: 767.98px) { .sec-bg { display: none; } } .sec-round-colors .round-small { width: 8px; height: 8px; border-radius: 50%; display: block; z-index: -1; } .sec-round-colors .round-small.bg-orange { background: #FFA633; } .sec-round-colors .round-small.bg-dark-blue { background: #127384; } .sec-round-colors .round-big { width: 18px; height: 18px; border-radius: 50%; display: block; z-index: -1; } .sec-round-colors .round-big.bg-orange { background: #FFA633; } .sec-round-colors .round-big.bg-dark-blue { background: #127384; } .bike-feature-slider .listing-item .feature-text { z-index: 0; } .yacht-image-slider.owl-carousel .owl-nav { opacity: 0; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } .yacht-image-slider.owl-carousel .owl-nav .owl-next, .yacht-image-slider.owl-carousel .owl-nav .owl-prev { height: 18px; width: 18px; background: rgba(0, 0, 0, 0.5019607843) !important; color: #ffffff; font-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; border-radius: 50%; } .yacht-image-slider.owl-carousel .owl-nav .owl-next i, .yacht-image-slider.owl-carousel .owl-nav .owl-prev i { line-height: 16px; } .yacht-image-slider.owl-carousel .owl-nav .owl-next { right: 16px; } .yacht-image-slider.owl-carousel .owl-nav .owl-prev { left: 16px; } .yacht-image-slider:hover .owl-nav { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 1; } .home-three .banner-slider { background: #ffffff; background-image: none; overflow: hidden; z-index: 1; padding: 120px 0; } @media (max-width: 1199.98px) { .home-three .banner-slider { padding: 80px 0; } } @media (max-width: 991.98px) { .home-three .banner-slider { padding: 60px 0; } } .home-three .banner-slider .home-banner h1 { margin-bottom: 15px; text-transform: capitalize; } .home-three .banner-slider .home-banner h1 span { position: relative; color: #111; display: inline-block; } .home-three .banner-slider .home-banner h1 span::before { content: ""; width: 100%; height: 12px; background: #FFA633; position: absolute; bottom: 8px; left: 0; z-index: -1; } .home-three .banner-slider .home-banner h4 { font-size: 24px; font-weight: 600; color: #111; } @media (max-width: 991.98px) { .home-three .banner-slider .home-banner h4 { font-size: 20px; } } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner h4 { font-size: 18px; } } .home-three .banner-slider .home-banner p { font-size: 18px; color: #111; margin-bottom: 0; } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner p { font-size: 16px; } } .home-three .banner-slider .home-banner .banner-search { box-shadow: 0px 4px 24px 0px rgba(131, 131, 131, 0.2509803922); background: #ffffff; border-radius: 6px; margin: 40px 0 43px; padding: 15px; } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner .banner-search { margin: 20px 0 23px; padding: 10px; } } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner .banner-search .form-block { display: block !important; } } .home-three .banner-slider .home-banner .banner-search label { font-size: 14px; font-weight: normal; color: #676767; margin-bottom: 5px; } .home-three .banner-slider .home-banner .banner-search .search-input { flex: 1; margin-right: 24px; } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner .banner-search .search-input { margin: 0 0 10px 0; } } .home-three .banner-slider .home-banner .banner-search .input-block { margin-bottom: 0; } .home-three .banner-slider .home-banner .banner-search .search-btn .btn { font-weight: 500; border-radius: 5px; min-width: 144px; padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .home-three .banner-slider .home-banner .banner-search .search-btn .btn i { margin-right: 5px; } @media (max-width: 991.98px) { .home-three .banner-slider .home-banner .banner-search .search-btn .btn { padding: 14px 10px; } } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner .banner-search .search-btn .btn { width: 100%; padding: 10px; } } .home-three .banner-slider .home-banner .banner-search .select2-container--default .select2-selection--single { border-color: #ffffff; height: 24px; } .home-three .banner-slider .home-banner .banner-search .select2-container--default .select2-selection--single .select2-selection__rendered { color: #111; font-size: 18px; line-height: 24px; background: #ffffff; padding-left: 0; } @media (max-width: 991.98px) { .home-three .banner-slider .home-banner .banner-search .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; } } .home-three .banner-slider .home-banner .banner-search .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; } .home-three .banner-slider .home-banner .banner-search .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #111; } .home-three .banner-slider .home-banner .customer-list { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; flex-wrap: wrap; margin-top: 34px; } .home-three .banner-slider .home-banner .customer-list .users-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-top: 10px; } @media (max-width: 575.98px) { .home-three .banner-slider .home-banner .customer-list .users-wrap { display: block; } } .home-three .banner-slider .home-banner .customer-list .users-list { margin-right: 21px; } .home-three .banner-slider .home-banner .customer-list .users-list li { display: inline-block; margin-left: -10px; } .home-three .banner-slider .home-banner .customer-list .users-list li:first-child { margin-left: 0; } .home-three .banner-slider .home-banner .customer-list .users-list li img { width: 42px; height: 42px; border-radius: 50%; } @media (max-width: 575.98px) { .home-three .banner-slider .home-banner .customer-list .users-list { margin: 0 0 15px 0; } } .home-three .banner-slider .home-banner .customer-list .customer-info h4 { font-size: 24px; font-weight: 600; margin-bottom: 0; color: #201F1D; } @media (max-width: 991.98px) { .home-three .banner-slider .home-banner .customer-list .customer-info h4 { font-size: 18px; } } @media (max-width: 767.98px) { .home-three .banner-slider .home-banner .customer-list .customer-info h4 { font-size: 16px; } } .home-three .banner-slider .home-banner .customer-list .customer-info p { font-size: 16px; color: #676767; margin-bottom: 0; } .home-three .banner-slider .home-banner .view-all { margin-top: 10px; } .home-three .banner-slider .home-banner .view-all .btn { font-weight: 500; padding: 6px 18px; line-height: 1.5; margin-right: 15px; } .home-three .banner-slider .home-banner .view-all .btn i { margin-right: 5px; } .home-three .banner-slider .home-banner .view-all .btn:last-child { margin-right: 0; } .home-three .banner-slider .home-banner .view-all .btn.btn-secondary { border: 2px solid #2F2F2F; } @media (max-width: 991.98px) { .home-three .banner-slider .home-banner .view-all .btn { font-size: 14px; } } .home-three .banner-slider .banner-image { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 35%; } .home-three .banner-slider .banner-image .banner-bg-img { position: relative; } .home-three .banner-slider .banner-image .banner-bg-img > img { padding-top: 40px; position: absolute; right: 92px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .home-three .banner-slider .banner-image .banner-bg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: -1; } @media (max-width: 991.98px) { .home-three .banner-slider .banner-image { display: none; } } .home-three .banner-slider .banner-bgs .shape-01 { position: absolute; top: 0; left: 0; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-02 { position: absolute; top: -5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: -1; } .home-three .banner-slider .banner-bgs .shape-03 { position: absolute; top: 47px; right: 32px; z-index: -1; animation: spin 3000ms linear infinite; } .home-three .banner-slider .banner-bgs .shape-04 { position: absolute; top: 6%; left: 10%; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-05 { position: absolute; bottom: 70px; left: 8%; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-06 { position: absolute; top: 12%; left: 15%; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-07 { position: absolute; top: 30%; left: 50%; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-08 { position: absolute; top: 6%; left: 40%; width: 7px; height: 7px; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-09 { position: absolute; bottom: 5%; left: 30%; z-index: -1; } .home-three .banner-slider .banner-bgs .shape-10 { position: absolute; bottom: 2%; left: 40%; z-index: -1; width: 30px; animation: spin 3000ms linear infinite; } .category-section { background: #F2F7F6; position: relative; } .category-wrap { box-shadow: 0px 4px 4px 0px rgba(241, 241, 241, 0.2509803922); padding: 30px; border-radius: 5px; background: #ffffff; display: block; text-align: center; } .category-wrap .category-img { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 10px; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; background: #F2F7F6; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .category-wrap .category-img img { width: auto; } .category-wrap h6 { margin-bottom: 5px; } .category-wrap h6:hover { color: #127384; } .category-wrap p { font-size: 14px; color: #676767; } .category-wrap:hover .category-img { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; background: #127384; } .category-wrap:hover .category-img img { filter: brightness(0) invert(1); } .section-heading.heading-three h2 { font-weight: 500; margin-bottom: 8px; text-transform: capitalize; } .section-heading.heading-three h2::after { content: none; } .section-heading.heading-three h2 span { position: relative; color: #111; display: inline-block; } .section-heading.heading-three h2 span::before { content: ""; width: 100%; height: 5px; background: #FFA633; position: absolute; bottom: 5px; left: 0; z-index: -1; } .section-heading.heading-three p { max-width: 100%; } .view-all-btn { margin-top: 40px; } @media (max-width: 991.98px) { .view-all-btn { margin-top: 30px; } } .view-all-btn .btn { border: 1px solid #201F1D; background: #201F1D; font-weight: 500; border-radius: 5px; padding: 7px 20px; } .view-all-btn .btn:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .category-bg .shape-01 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .category-bg .shape-02 { position: absolute; top: 25%; right: 5%; width: 9px; } .nav-center .owl-nav button.owl-next, .nav-center .owl-nav button.owl-prev { width: 33px; height: 33px; font-size: 16px; color: #000; background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); text-shadow: none; top: 0; cursor: pointer; border: 1px solid #F4F4F4; margin-top: 0; margin-bottom: 0; border-radius: 50px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .nav-center .owl-nav button.owl-next:hover, .nav-center .owl-nav button.owl-prev:hover { background: #127384; color: #ffffff; } @media (max-width: 767.98px) { .nav-center .owl-nav button.owl-next, .nav-center .owl-nav button.owl-prev { width: 28px; height: 28px; } } .nav-center .owl-nav button.owl-next { right: -20px; } @media (max-width: 1199.98px) { .nav-center .owl-nav button.owl-next { right: -5px; } } .nav-center .owl-nav button.owl-prev { left: -20px; } @media (max-width: 1199.98px) { .nav-center .owl-nav button.owl-prev { left: -5px; } } .choose-us-section { background: #111; position: relative; padding: 80px 0 56px; } @media (max-width: 991.98px) { .choose-us-section { padding: 50px 0 26px; } } .choose-us-section .section-heading { text-align: left; } .choose-us-section .section-heading h2 { color: #ffffff; margin-bottom: 15px; } .choose-us-section .section-heading h2 span { color: #FFA633; } .choose-us-section .section-heading h2 span::before { content: none; } .choose-us-section .section-heading p { color: #ffffff; } .quality-bg { position: absolute; top: 0; left: 0; } .quality-img { width: 40%; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 991.98px) { .quality-img { display: none; } } .quality-wrap { margin-bottom: 24px; } .quality-wrap span { background: #201F1D; color: #FFA633; width: 72px; height: 72px; border-radius: 50%; margin: 0 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; font-size: 24px; } @media (max-width: 991.98px) { .quality-wrap span { width: 52px; height: 52px; font-size: 18px; } } @media (max-width: 767.98px) { .quality-wrap span { width: 40px; height: 40px; font-size: 16px; } } .quality-wrap h6 { font-weight: normal; color: #ffffff; margin-bottom: 5px; } .quality-wrap p { font-size: 14px; color: #DBDBDB; } .work-section { background: #F2F7F6; position: relative; overflow: hidden; } .work-bg .shape-01 { position: absolute; top: 0; left: 0; } .work-bg .shape-02 { position: absolute; top: 10%; right: 10%; animation: spin 3000ms linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .work-wrapper { padding-bottom: 56px; } @media (max-width: 991.98px) { .work-wrapper { padding-bottom: 26px; } } .work-card { background: #ffffff; box-shadow: 0px 4px 4px 0px rgba(241, 241, 241, 0.2509803922); border-radius: 10px; margin: 0 0 24px; padding: 0 24px 24px; } .work-card .work-head { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 40px; position: relative; } @media (max-width: 991.98px) { .work-card .work-head { margin-bottom: 20px; } } .work-card .work-head .work-icon { background: #111; color: #ffffff; width: 84px; height: 84px; border-radius: 0 0 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; font-size: 40px; } .work-card .work-head .work-icon.bg-secondary1 { background: #127384; } @media (max-width: 991.98px) { .work-card .work-head .work-icon { width: 70px; height: 70px; font-size: 28px; } } .work-card .work-head .num-icon { font-size: 80px; color: #F2F7F6; font-weight: 700; line-height: 1; } @media (max-width: 991.98px) { .work-card .work-head .num-icon { font-size: 62px; } } .work-card .work-content h5 { font-size: 20px; border-bottom: 1px solid #DBDBDB; margin: 0 0 15px; padding: 0 0 15px; color: #111; } @media (max-width: 991.98px) { .work-card .work-content h5 { font-size: 18px; } } .work-card .work-content p { color: #000; } .brand-sec p { color: #000; } .owl-carousel .brand-item { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; height: 75px; } .owl-carousel .brand-item img { width: auto; } .image-slider.owl-carousel .owl-dots { display: flex; justify-content: center; width: 100%; position: absolute; bottom: 0; } .image-slider.owl-carousel .owl-dots .owl-dot { width: 4px; height: 4px; border-radius: 40px; background: #DBDBDB; margin: 0 0 15px 0; margin-right: 5px; } .image-slider.owl-carousel .owl-dots .owl-dot.active { width: 13px; height: 4px; background: #FF9307; } .image-slider.owl-carousel .owl-nav { opacity: 0; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } .image-slider.owl-carousel .owl-nav .owl-next, .image-slider.owl-carousel .owl-nav .owl-prev { height: 18px; width: 18px; background: rgba(0, 0, 0, 0.5019607843) !important; color: #ffffff; font-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; border-radius: 50%; } .image-slider.owl-carousel .owl-nav .owl-next i, .image-slider.owl-carousel .owl-nav .owl-prev i { line-height: 16px; } .image-slider.owl-carousel .owl-nav .owl-next { right: 16px; } .image-slider.owl-carousel .owl-nav .owl-prev { left: 16px; } .image-slider:hover .owl-nav { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 1; } .features-section { position: relative; } .features-section .section-heading { max-width: 672px; } @media (max-width: 991.98px) { .features-section .section-heading { max-width: 100%; } } .feature-bg .shape-01 { position: absolute; top: 15%; right: 5%; } .feature-bg .shape-02 { position: absolute; top: 15%; right: 10%; z-index: -1; } @media (max-width: 991.98px) { .feature-bg { display: none; } } .listing-item.bike-list { border: 1px solid #DBDBDB; border-radius: 5px; margin: 0; padding: 0; } .listing-item.bike-list:hover .listing-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .listing-item.bike-list .listing-img { padding: 15px 15px 0; } .listing-item.bike-list .listing-img .fav-item { padding: 10px; } .listing-item.bike-list .listing-img .author-img img { width: 32px; height: 32px; border-radius: 50%; } .listing-item.bike-list .listing-img img { width: auto; margin: 0 auto; } .listing-item.bike-list .listing-content { margin: 0; padding: 15px; } .listing-item.bike-list .listing-content .listing-features { border: 0; margin: 0 0 24px; padding: 0; } .listing-item.bike-list .listing-content .listing-title { margin-bottom: 0; } .listing-item.bike-list .listing-content .listing-details-group { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .listing-item.bike-list .listing-content .listing-details-group ul li { display: block; text-align: center; width: auto; flex: 1; } .listing-item.bike-list .listing-content .listing-details-group ul li span { width: 26px; height: 26px; border-radius: 50%; margin: 0 auto 5px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .listing-item.bike-list .listing-content .listing-details-group ul li p { margin: 0; } .listing-item.bike-list .listing-content .listing-button { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .listing-item.bike-list .listing-content .listing-button .listing-price h6 span { font-size: 14px; font-weight: normal; color: #676767; } .listing-item.bike-list .listing-content .listing-button .fav-icon { width: 36px; height: 36px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; border: 1px solid #DBDBDB; margin-right: 10px; font-size: 16px; color: #676767; flex-shrink: 0; } .listing-item.bike-list .listing-content .listing-button .fav-icon:hover, .listing-item.bike-list .listing-content .listing-button .fav-icon.selected { background: #127384; color: #ffffff; border-color: #127384; } .listing-item.bike-list .listing-content .listing-button .btn { padding: 7px 22px; } @media (max-width: 1399.98px) { .listing-item.bike-list .listing-content .listing-button .btn { padding: 7px 15px; } } .listing-item.bike-list .listing-content .list-ratings { margin-bottom: 5px; } .bike-bg img { position: absolute; top: 23px; right: 40px; z-index: -1; } @media (max-width: 991.98px) { .bike-bg { display: none; } } .popular-section { position: relative; padding: 80px 0 56px; } @media (max-width: 991.98px) { .popular-section { padding: 50px 0 26px; } } .popular-section .section-heading { max-width: 672px; } @media (max-width: 991.98px) { .popular-section .section-heading { max-width: 100%; } } .popular-section .bike-list { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; border: 0; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); margin-bottom: 24px; } @media (max-width: 575.98px) { .popular-section .bike-list { flex-direction: column; } } .popular-section .bike-list .listing-img { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .popular-section .bike-list .listing-img .fav-item { padding: 15px; } .popular-section .bike-list .listing-img .fav-item img { border: 1px solid #ffffff; } @media (max-width: 1199.98px) { .popular-section .bike-list .listing-img { padding: 10px; } } @media (max-width: 991.98px) { .popular-section .bike-list .listing-img { width: 40%; } } @media (max-width: 575.98px) { .popular-section .bike-list .listing-img { width: 100%; } } .popular-section .bike-list .listing-content { width: 50%; margin: 0; padding: 24px; } @media (max-width: 1199.98px) { .popular-section .bike-list .listing-content { margin: 0; padding: 10px; } } .popular-section .bike-list .listing-content .listing-title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } @media (max-width: 1399.98px) { .popular-section .bike-list .listing-content .listing-button .btn { padding: 7px 12px; } } @media (max-width: 1199.98px) { .popular-section .bike-list .listing-content .listing-button .btn { font-size: 14px; } } @media (max-width: 1199.98px) { .popular-section .bike-list .listing-content .listing-button .fav-icon { width: 30px; height: 30px; font-size: 14px; } } @media (max-width: 991.98px) { .popular-section .bike-list .listing-content { width: 60%; } } @media (max-width: 575.98px) { .popular-section .bike-list .listing-content { width: 100%; } } .popular-section .bike-list .img-slider .owl-dots .owl-dot { margin-bottom: 0; } .price-bg .shape-01 { position: absolute; top: 5%; left: 4%; } .price-bg .shape-02 { position: absolute; top: 5%; right: 5%; z-index: -1; } .price-bg .shape-03 { position: absolute; top: 5%; right: 5%; z-index: -1; } @media (max-width: 991.98px) { .price-bg { display: none; } } .destination-section { position: relative; padding: 80px 0 56px; } @media (max-width: 991.98px) { .destination-section { padding: 50px 0 26px; } } .destination-section .section-heading { max-width: 672px; } @media (max-width: 991.98px) { .destination-section .section-heading { max-width: 100%; } } .destination-bg .shape-01 { position: absolute; top: 5%; left: 5%; } .destination-bg .shape-02 { position: absolute; right: 3%; bottom: 20%; } @media (max-width: 991.98px) { .destination-bg { display: none; } } .destination-wrap { position: relative; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; margin-bottom: 24px; } .destination-wrap .destination-img img { border-radius: 10px; } .destination-wrap .destination-content { background: linear-gradient(359.14deg, #000000 -1.08%, rgba(0, 0, 0, 0) 54.58%); border-radius: 10px; width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px; text-align: center; -webkit-transition: ease-in-out 1s; -ms-transition: ease-in-out 1s; transition: ease-in-out 1s; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; flex-direction: column; } .destination-wrap .destination-content h5 { font-size: 20px; margin-bottom: 5px; color: #ffffff; } .destination-wrap .destination-content p { color: #F5F5F5; } .destination-wrap .destination-content .btn { border-radius: 5px; padding: 7px 20px; font-weight: 500; opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: 0.5s all; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; white-space: nowrap; } .destination-wrap .destination-content .btn i { margin-left: 6px; } .destination-wrap:hover { -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } .destination-wrap:hover .btn { top: 100px; transition: 0.5s all; opacity: 1; } @media (max-width: 767.98px) { .destination-wrap:hover .btn { top: 30px; } } .destination-wrap:hover .destination-content { -webkit-transition: ease-in-out 1s; -ms-transition: ease-in-out 1s; transition: ease-in-out 1s; height: 100%; background: linear-gradient(359.14deg, #000000 -1.08%, rgba(0, 0, 0, 0.6) 113.69%); } .faq-section-three { background: #F2F7F6; position: relative; z-index: 1; } .faq-section-three .section-heading { text-align: left; margin-bottom: 24px; } @media (max-width: 991.98px) { .faq-section-three .faq-info { margin-bottom: 24px; } } .faq-section-three .faq-card { border-radius: 0; border-bottom: 1px solid #DBDBDB; border-width: 0 0 1px 0; margin: 0 0 10px; padding: 20px 0; } .faq-section-three .faq-card:last-child { margin-bottom: 0; } .faq-section-three .faq-title { font-size: 18px; font-weight: 500; } .faq-section-three .faq-title > a { padding-left: 25px; } .faq-section-three .faq-title > a::after { left: 0; right: auto; color: #127384; } @media (max-width: 991.98px) { .faq-section-three .faq-title > a::after { font-size: 15px; } } .customer-content > p { margin-bottom: 16px; } .customer-content .count-box { background: #FFFFFF; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 10px; margin: 24px 0 0; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 991.98px) { .customer-content .count-box { margin: 24px 0 0; padding: 24px; } } .customer-content .count-box .counts-icon { background: #F2F7F6; width: 90px; height: 90px; border-radius: 50%; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; } @media (max-width: 991.98px) { .customer-content .count-box .counts-icon { width: 70px; height: 70px; } } .faq-bg .shape-01 { position: absolute; bottom: 0; left: 0; width: 260px; } .faq-bg .shape-02 { position: absolute; right: 0; bottom: 0; z-index: -1; } .faq-bg .shape-03 { position: absolute; right: 10px; bottom: 0; z-index: -1; } @media (max-width: 991.98px) { .faq-bg { display: none; } } .testimonial-bg .shape-01 { position: absolute; top: 0; right: 10px; } .testimonial-bg .shape-02 { position: absolute; bottom: 0; left: 0; height: 100%; } @media (max-width: 991.98px) { .testimonial-bg .shape-02 { display: none; } } .testimonials-three { background: #F2F7F6; position: relative; } @media (max-width: 991.98px) { .testimonials-three { padding-top: 26px; } } .testimonial-feedback .section-heading { text-align: left; margin-bottom: 15px; } .testimonial-feedback .section-heading h2 { margin-bottom: 0; } .testimonial-feedback img { border-radius: 10px; margin-bottom: 15px; } .testimonial-feedback .feedback-item { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 991.98px) { .testimonial-feedback .feedback-item { margin-bottom: 24px; } } .testimonial-feedback .feedback-item .feedback-info h6 { font-weight: normal; margin-bottom: 11px; } .testimonial-feedback .feedback-item .feedback-info .rate-icon { margin-bottom: 11px; } .testimonial-feedback .feedback-item .feedback-info .rate-icon span { margin-right: 6px; } .testimonial-feedback .feedback-item .feedback-info p { font-size: 18px; } @media (max-width: 991.98px) { .testimonial-feedback .feedback-item .feedback-info p { font-size: 16px; } } .testimonial-feedback .feedback-item .feedback-user h3 { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; font-weight: 500; color: #111; } .testimonial-feedback .feedback-item .feedback-user h3 i { color: #20BF8B; margin-right: 5px; } .testimonial-wrap .users-info { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 9px; } @media (max-width: 575.98px) { .testimonial-wrap .users-info { display: block; } } .testimonial-wrap .users-info .testimonial-name { margin-bottom: 15px; } .testimonial-wrap .users-info .testimonial-name h6 { font-weight: normal; } .testimonial-wrap .users-info .users-rating { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-bottom: 15px; } .testimonial-wrap .users-info .users-rating .rate-icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 5px; } .testimonial-wrap .users-info .users-rating .rate-icon span { background: #20BF8B; width: 24px; height: 24px; border-radius: 3px; color: #ffffff; margin-right: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .testimonial-wrap .users-info .users-rating .rate-icon span:last-child { margin-right: 0; } .testimonial-wrap .users-info .users-rating p { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .testimonial-wrap .users-info .users-rating p i { margin-right: 5px; } .testimonial-wrap .testimonial-content { margin-bottom: 40px; } .testimonial-wrap .testimonial-content h3 { font-weight: 500; margin-bottom: 20px; } .testimonial-wrap .testimonial-content p { font-size: 14px; } .rate-icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 5px; } .rate-icon span { background: #20BF8B; width: 24px; height: 24px; border-radius: 3px; color: #ffffff; margin-right: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .rate-icon span:last-child { margin-right: 0; } .testimonial-wrapper { background: #FCFCFC; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 5px; margin: 0 0 0 100px; padding: 24px; } @media (max-width: 1199.98px) { .testimonial-wrapper { margin-left: 50px; } } @media (max-width: 991.98px) { .testimonial-wrapper { margin-left: 0; } } .testimonial-thumbnails { overflow: hidden; } .testimonial-thumbnails .slick-slide.slick-active { width: 61px !important; height: 61px; border-radius: 50%; padding: 8px; outline: 1px solid #ffffff; margin: 1px 5px; opacity: 0.7; } .testimonial-thumbnails .slick-slide.slick-active img { width: 45px !important; height: 45px; border-radius: 50%; } .testimonial-thumbnails .slick-slide.slick-active.slick-current { opacity: 1; outline: 1px solid #111; } .bike-section { background: #111; position: relative; z-index: 1; } .bike-section::before { content: ""; background: url("../img/bg/bike-banner.png"), no-repeat; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; background-size: cover; } .bike-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 767.98px) { .bike-wrap { display: block; } } .bike-wrap .bike-content { max-width: 500px; } @media (max-width: 767.98px) { .bike-wrap .bike-content { max-width: 100%; margin-bottom: 20px; } } .bike-wrap .bike-content h2 { color: #ffffff; font-size: 38px; font-weight: 500; text-transform: capitalize; } @media (max-width: 991.98px) { .bike-wrap .bike-content h2 { font-size: 28px; } } @media (max-width: 767.98px) { .bike-wrap .bike-content h2 { font-size: 24px; } } .bike-wrap .bike-btn { position: relative; } .bike-wrap .bike-btn::before { content: ""; background: url("../img/bg/btn-bg-02.png"); position: absolute; top: -43px; left: -35px; width: 59px; height: 58px; } @media (max-width: 767.98px) { .bike-wrap .bike-btn::before { left: 0; } } .bike-wrap .bike-btn .btn { font-weight: 500; border-radius: 5px; padding: 12px 24px; } .recommend-section { background: #F2F7F6; position: relative; z-index: 1; padding: 0; } .recommend-section .section-heading { max-width: 672px; } @media (max-width: 991.98px) { .recommend-section .section-heading { max-width: 100%; } } .recommend-section::before { content: ""; background: #FCFBFB; width: 100%; height: 83%; position: absolute; top: 0; left: 0; z-index: -1; } .recommend-section .listing-item.bike-list { border: 0; } .recommend-section .listing-item.bike-list .listing-content { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); margin: 0; padding: 24px; } .recommend-section .listing-item.bike-list .listing-content .listing-details-group { padding-bottom: 5px; } .recommend-section .listing-item.bike-list .listing-content .listing-details-group ul { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; flex-wrap: wrap; } .recommend-section .listing-item.bike-list .listing-content .listing-details-group ul li { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-bottom: 10px; } .recommend-section .listing-item.bike-list .listing-content .listing-details-group ul li span { background: #111; margin: 0 5px 0 0; } .recommend-section .listing-item.bike-list .listing-content .listing-details-group ul li span img { filter: brightness(0) invert(1); } .recommend-slider .owl-stage .owl-item.active { opacity: 0.2; transition: 0.6s ease; } .recommend-slider .owl-stage .owl-item.active .listing-content { display: none; } .recommend-slider .owl-stage .owl-item.active.center { opacity: 1; } .recommend-slider .owl-stage .owl-item.active.center .listing-content { display: block; } .rental-section { background: #000; position: relative; } .rental-section .rental-content { max-width: 550px; z-index: 1; position: relative; } @media (max-width: 767.98px) { .rental-section .rental-content { max-width: 100%; } } .rental-section .rental-content h2 { font-size: 48px; font-weight: 500; color: #ffffff; margin-bottom: 40px; } @media (max-width: 991.98px) { .rental-section .rental-content h2 { font-size: 38px; } } @media (max-width: 767.98px) { .rental-section .rental-content h2 { font-size: 28px; margin-bottom: 20px; } } .rental-section .rental-content .btn { font-weight: 500; border-radius: 5px; padding: 12px 25px; } .rental-section .rental-content .btn-item { position: relative; display: inline-block; } .rental-section .rental-content .btn-item::before { content: ""; background: url("../img/bg/btn-bg.png"); position: absolute; top: -40px; right: -45px; width: 59px; height: 58px; } .bike-bg .shape-01 { position: absolute; top: 60%; left: 5%; width: 8px; } .bike-bg .shape-02 { position: absolute; top: 10%; left: 50%; width: 12px; } .bike-bg .shape-03 { position: absolute; top: 0; right: 20%; } .bike-bg .shape-04 { position: absolute; right: 5%; bottom: 20%; } @media (max-width: 991.98px) { .bike-bg { display: none; } } .rental-bg .ban-bg { position: absolute; right: 0; bottom: 0; } .rental-bg .shape-01 { position: absolute; top: 60%; left: 5%; width: 8px; } .rental-bg .shape-02 { position: absolute; top: 10%; left: 50%; width: 12px; } .rental-bg .shape-03 { position: absolute; top: 0; right: 30%; } .rental-bg .shape-04 { position: absolute; bottom: 20%; left: 48%; } @media (max-width: 991.98px) { .rental-bg { display: none; } } .quote-section { background: #111; padding: 40px 0; } .quote-section .quote-list { overflow: hidden; } .quote-section .quote-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; animation: marquee 10s linear infinite; } .quote-section .quote-list ul li { display: inline-block; margin: 0 24px 0 0; padding: 0 34px 0 0; position: relative; min-width: 200px; } .quote-section .quote-list ul li::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: ""; background: url("../img/icons/quote-icon.svg"); width: 13px; height: 13px; } .quote-list li:nth-child(1) { animation-delay: 0s; } .quote-list li:nth-child(2) { animation-delay: 0.8s; } .quote-list li:nth-child(3) { animation-delay: 1.6s; } .quote-list li:nth-child(4) { animation-delay: 2.4s; } .quote-list li:nth-child(5) { animation-delay: 3.2s; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .price-section { padding-top: 80px; background: #F2F7F6; position: relative; z-index: 1; } @media (max-width: 991.98px) { .price-section { padding-top: 50px; } } .price-section .section-heading h2 { max-width: 552px; } @media (max-width: 991.98px) { .price-section .section-heading h2 { max-width: 100%; } } .price-section .section-heading p { max-width: 700px; } @media (max-width: 991.98px) { .price-section .section-heading p { max-width: 100%; } } .price-section::before { content: ""; background: #ffffff; width: 100%; height: 83%; position: absolute; top: 0; left: 0; z-index: -1; } .price-tab { text-align: center; } .price-tab ul { border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 auto 40px; padding: 10px; display: inline-block; } @media (max-width: 991.98px) { .price-tab ul { margin-bottom: 30px; } } .price-tab ul li { display: inline-block; } .price-tab ul li a { color: #111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; padding: 7px 24px; font-weight: 500; min-height: 53px; } @media (max-width: 575.98px) { .price-tab ul li a { padding: 7px 14px; } } .price-tab ul li a span { background: #127384; border-radius: 5px; color: #ffffff; padding: 7px 9px; margin-left: 17px; font-weight: 500; } .price-tab ul li a.active { background: #201F1D; color: #ffffff; } .price-wrap { position: relative; background: #ffffff; border: 1px solid #DBDBDB; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 10px; margin: 0; padding: 40px; z-index: 1; position: relative; overflow: hidden; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .price-wrap.active { border: 0; margin: 0; padding: 80px 40px; } @media (max-width: 991.98px) { .price-wrap.active { margin: 0; padding: 40px 40px; } } @media (max-width: 991.98px) { .price-wrap { margin: 0 0 24px; padding: 15px; } } .price-wrap .price-head { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #DBDBDB; } .price-wrap .price-head .level-badge { display: inline-block; background: #FFA633; border-radius: 5px; margin: 0 0 15px; padding: 3px 14px; color: #ffffff; font-size: 18px; font-weight: 500; } @media (max-width: 991.98px) { .price-wrap .price-head .level-badge { font-size: 16px; } } .price-wrap .price-head .level-badge.bg-purple { background: #9747FF; } .price-wrap .price-head .level-badge.bg-green { background: #127384; } .price-wrap .price-level { margin: 0 0 15px; } .price-wrap .price-level h3 { margin: 0; font-weight: 700; font-size: 62px; } @media (max-width: 991.98px) { .price-wrap .price-level h3 { font-size: 40px; } } @media (max-width: 767.98px) { .price-wrap .price-level h3 { font-size: 28px; } } .price-wrap .price-level p { margin-bottom: 15px; } .price-wrap .price-level .trial-day { background: #201F1D; border-radius: 5px; font-weight: 500; display: block; color: #ffffff; padding: 12px 14px; text-align: center; } @media (max-width: 991.98px) { .price-wrap .price-level .trial-day { padding: 10px 14px; } } .price-wrap .price-details p { line-height: 27px; color: #737373; margin: 0 0 20px; } .price-wrap .price-details ul { margin: 0 0 20px; } .price-wrap .price-details ul li { font-size: 14px; position: relative; color: #111; margin: 0 0 14px; } .price-wrap .price-details ul li:last-child { margin-bottom: 0; } .price-wrap .price-details ul li i { color: #676767; margin-right: 5px; } .price-wrap .price-details ul li .coming-soon { background: #C9FAD6; color: #1FBC2F; border-radius: 3px; font-size: 10px; padding: 1px 6px; display: inline-block; } .price-wrap .feature-text { width: 100%; position: relative; background-size: cover; text-transform: uppercase; color: #FFF; width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 6; top: 0; left: 0; } .price-wrap .feature-text span { position: absolute; display: block; width: 225px; padding: 4px 0; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: capitalize; text-align: center; font-size: 15px; font-weight: 600; inset-inline-end: 0px; inset-block-start: 24px; transform: rotate(-45deg); } .blog-section.bike-news .section-heading { max-width: 430px; } @media (max-width: 991.98px) { .blog-section.bike-news .section-heading { max-width: 100%; } } .blog-section.bike-news .grid-blog { border: 1px solid #DBDBDB; margin-bottom: 0; } .blog-section.bike-news .grid-blog .blog-content { padding: 24px; } .blog-section.bike-news .grid-blog .blog-content .blog-title { font-weight: 600; margin-bottom: 10px; } .blog-section.bike-news .grid-blog .blog-content .blog-description { margin-bottom: 24px; } .blog-section.bike-news .grid-blog .blog-content .blog-footer { border-top: 1px solid #DBDBDB; margin: 24px 0 0; padding: 24px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .blog-section.bike-news .grid-blog .blog-content .blog-footer p { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .blog-section.bike-news .grid-blog .blog-content .blog-footer p i { margin-right: 5px; } .blog-section.bike-news .grid-blog .blog-content .blog-footer .read-more { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; font-weight: 500; color: #127384; } .blog-section.bike-news .grid-blog .blog-content .blog-footer .read-more i { margin-left: 5px; } .blog-section.bike-news .grid-blog .blog-content .blog-footer .read-more:hover { color: #FFA633; } .home-three .footer-three { background: #F2F7F6; overflow: hidden; } .home-three .footer-three::after { content: none; } .home-three .footer-three::before { background: url("../img/bg/footer-bg.png") no-repeat; width: 315px; height: 100%; bottom: 0; } .home-three .footer-three .footer-widget .footer-title { color: #111; margin-bottom: 24px; } .home-three .footer-three .footer-widget .footer-title::before { content: none; } .home-three .footer-three .footer-menu ul li { margin-bottom: 24px; } .home-three .footer-three .footer-menu ul li:last-child { margin-bottom: 0; } .home-three .footer-three .footer-menu ul li a { position: relative; padding-left: 12px; } .home-three .footer-three .footer-menu ul li a::before { font-family: "Fontawesome"; content: "\f054"; font-size: 8px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .home-three .footer-three .footer-logo { margin-bottom: 24px; } .home-three .footer-three .footer-contact-info { margin-bottom: 38px; } .home-three .footer-three .footer-contact-info h6 { color: #676767; text-transform: capitalize; } .home-three .footer-three .footer-contact-info .footer-address { margin-bottom: 10px; } .home-three .footer-three .footer-contact-info .footer-address:last-child { margin-bottom: 0; } .home-three .footer-three .footer-contact-info .footer-address .addr-info a { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .home-three .footer-three .footer-contact-info .footer-address .addr-info a i { color: #111; margin-right: 5px; } .home-three .footer-three .footer-bottom { background: #F2F7F6; BORDER-TOP: 1px solid #ffffff; padding: 15px 0; } @media (max-width: 991.98px) { .home-three .footer-three .footer-bottom .copyright .copyright-text { text-align: center; margin-bottom: 15px; } } .home-three .footer-three .footer-bottom .copyright .copyright-text p span { color: #111; } .home-three .footer-three .store-icon li { display: inline-block; margin: 5px 5px 0 0; } .home-three .footer-three .store-icon li:last-child { margin-right: 0; } .home-three .footer-three .footer-list > ul { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; } @media (max-width: 991.98px) { .home-three .footer-three .footer-list > ul { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } @media (max-width: 575.98px) { .home-three .footer-three .footer-list > ul { flex-wrap: wrap; } } .home-three .footer-three .footer-list > ul > li { margin-right: 15px; } @media (max-width: 575.98px) { .home-three .footer-three .footer-list > ul > li { margin-top: 10px; } } .home-three .footer-three .footer-list > ul > li:last-child { margin-right: 0; } .home-three .footer-three .footer-list > ul > li.lang-nav { margin-right: 24px; } .home-three .footer-three .footer-list > ul > li.lang-nav a.dropdown-toggle i { font-size: 20px; margin-right: 6px; color: #676767; } .home-three .footer-three .footer-list > ul > li.country-flag { margin-top: 0px; } .home-three .footer-three .footer-list > ul > li.country-flag img { width: 20px; height: 20px; margin-right: 9px; border-radius: 50%; } .home-three .footer-three .footer-list > ul > li.country-flag a { color: #111; font-size: 14px; padding: 9px 8px; } .home-three .footer-three .footer-list > ul > li.country-flag a.dropdown-toggle { background: #ffffff; border: 1px solid #F4F4F4; border-radius: 5px; display: inline-flex; align-items: center; } .home-three .footer-three .footer-list > ul > li.country-flag .dropdown-menu { padding: 10px; } .home-three .footer-three .footer-list > ul > li.country-flag .dropdown-menu a { padding: 5px 10px; border-radius: 10px; color: #111; } .home-three .footer-three .footer-list > ul > li.country-flag .dropdown-menu a:hover { background: #F8FAFC; } .home-three .footer-three .footer-list .social-icon li { display: inline-block; margin-right: 10px; } .home-three .footer-three .footer-list .social-icon li a { width: 24px; height: 24px; border-radius: 50%; font-size: 12px; color: #ffffff; background: #111; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .home-three .footer-three .footer-list .social-icon li a .fa-facebook, .home-three .footer-three .footer-list .social-icon li a .fa-instagram, .home-three .footer-three .footer-list .social-icon li a .fa-behance, .home-three .footer-three .footer-list .social-icon li a .fa-twitter, .home-three .footer-three .footer-list .social-icon li a .fa-linkedin { background: #111; } .home-three .footer-three .footer-list .social-icon li a:hover { background: #FFA633; } .home-three .footer-three .footer-list .social-icon li a:hover .fa-facebook, .home-three .footer-three .footer-list .social-icon li a:hover .fa-instagram, .home-three .footer-three .footer-list .social-icon li a:hover .fa-behance, .home-three .footer-three .footer-list .social-icon li a:hover .fa-twitter, .home-three .footer-three .footer-list .social-icon li a:hover .fa-linkedin { background: #FFA633; } /*----------------- 12. Login -----------------------*/ .login-body { margin: auto; } .login-body .log-header { background: #FFFFFF; padding: 22px; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); } .logo-dark { margin: auto; display: block; } .login-wrapper { width: 100%; height: 100%; vertical-align: middle; margin: 0; padding: 100px 0; background: #FCFBFB; } @media (max-width: 991.98px) { .login-wrapper { margin: 0; padding: 50px 0; } } @media (max-width: 575.98px) { .login-wrapper { margin: 0; padding: 0; } } .login-wrapper .loginbox { background-color: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); display: flex; margin: auto; max-width: 635px; width: 100%; border-radius: 5px; } .login-wrapper .loginbox .login-left { align-items: center; background: linear-gradient(180deg, #8BC34A, #00bcd4); flex-direction: column; padding: 80px; width: 635px; display: flex; border-radius: 6px 0 0 6px; } .login-wrapper .loginbox .login-auth { padding: 20px; width: 635px; } @media (max-width: 320px) { .login-wrapper .loginbox .login-auth { width: 100%; } } .login-wrapper .loginbox .login-auth .login-auth-wrap { max-width: 100%; flex: 0 0 100%; } .login-wrapper .loginbox .login-auth .login-auth-wrap .sign-group span i { line-height: 0; margin-right: 6px; } .login-wrapper .loginbox .login-auth .login-auth-wrap .sign-group a { font-size: 14px; margin: 0 0 40px; padding: 0; } .login-wrapper .loginbox .login-auth .login-auth-wrap .sign-group a:hover { color: #FFA633; } .login-wrapper .loginbox .login-auth .login-auth-wrap .input-block label { margin: 0 0 10px 0; } .login-wrapper .loginbox .login-auth .login-auth-wrap h1 { margin: 0 0 10px; font-size: 28px; font-weight: 700; } .login-wrapper .loginbox .login-auth .forgotpass a { color: #828282; } .login-wrapper .loginbox .login-auth .forgotpass a:hover { color: #127384; text-decoration: underline; } .login-wrapper .loginbox .login-auth .dont-have { color: #828282; margin-top: 30px; } .login-wrapper .loginbox .login-auth .dont-have a { color: rgb(18, 115, 132); } .login-wrapper .loginbox .login-auth .dont-have a:hover { text-decoration: underline; } .login-wrapper .loginbox .login-auth .social-login { text-align: center; } .login-wrapper .loginbox .login-auth .social-login span { color: #828282; margin-right: 8px; display: inline-flex; } .login-wrapper .loginbox .login-auth .social-login a { background: #F1F1F1; border: 1px solid #F1F1F1; box-shadow: inset 0 0 0 0 #ffffff; text-align: center; margin: 0 0 15px; padding: 10px 0; font-size: 16px; line-height: 20px; color: #28283C; border-radius: 4px; } .login-wrapper .loginbox .login-auth .social-login a:hover { background-color: #ffffff; border-color: #F1F1F1; color: #3F4254; box-shadow: inset 0 50px 0 0 #ffffff; } .login-wrapper .loginbox .login-auth .social-login a.facebook { background-color: #4b75bd; } .login-wrapper .loginbox .login-auth .social-login a.google { background-color: #fe5240; } .login-wrapper .loginbox .account-subtitle { color: #828282; margin: 0 0 30px; } .login-wrapper .loginbox .login-or { color: #828282; margin: 20px auto 20px; padding: 20px 0 20px; position: relative; max-width: 385px; } .login-wrapper .loginbox .or-line { background-color: #EDECF8; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } @media (max-width: 575.98px) { .login-wrapper .loginbox .or-line { display: none; } } .login-wrapper .loginbox .span-or { background-color: #ffffff; display: block; left: 15%; position: absolute; text-align: center; top: 8px; width: 280px; } @media (max-width: 575.98px) { .login-wrapper .loginbox .span-or { left: 0; } } .login-wrapper .loginbox .span-or-log { background-color: #ffffff; color: #828282; display: block; left: 25%; position: absolute; text-align: center; top: 6px; width: 200px; } @media (max-width: 575.98px) { .login-wrapper .loginbox .span-or-log { left: 0; } } .login-wrapper .loginbox .lock-user { margin-bottom: 20px; text-align: center; } .login-wrapper .loginbox .lock-user img { margin-bottom: 15px; width: 100px; } .login-wrapper .loginbox .toggle-password, .login-wrapper .loginbox .toggle-password-two { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: #828282; cursor: pointer; } .login-wrapper .loginbox .toggle-password.fa-eye, .login-wrapper .loginbox .toggle-password-two.fa-eye { margin-right: 1px; font-weight: 500; } .log-footer { background: #FCFBFB; } .log-footer .copyright { border-top: 0; padding: 28px 0; text-align: center; } .log-footer .copyright .copyright-text p { font-size: 14px; color: #2F2F2F; } /*----------------- 13. Common -----------------------*/ @media (max-width: 1199.98px) { .container, .container-sm { max-width: 100%; } } .page-wrapper { margin-left: 247px; padding-top: 77px; position: relative; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 1199.98px) { .page-wrapper { margin-left: 200px; } } .page-wrapper .content { padding: 25px; } @media (max-width: 1199.98px) { .page-wrapper .content { padding: 20px; } } @media (max-width: 991.98px) { .page-wrapper .content { padding: 15px; } } @media (max-width: 991.98px) { .page-wrapper { margin: 0; padding-top: 60px; } } .content-page-header { align-items: center; -webkit-align-items: center; margin: 0 0 30px 0; } @media (max-width: 575.98px) { .content-page-header { display: block; } } @media (max-width: 768px) { .content-page-header { margin: 0 0 30px 0; } } .content-page-header h5 { font-size: 24px; color: #201F1D; font-weight: 600; margin: 0; } @media (max-width: 768px) { .content-page-header h5 { font-size: 18px; } } .content-page-header h6 { font-size: 20px; color: #201F1D; font-weight: 600; margin: 0; } .card { background: #ffffff; -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05); margin: 0 0 24px 0; display: inline-block; width: 100%; border: 0; border-radius: 8px; } .card .card-header { border-color: #f0f1f5; background-color: #ffffff; padding: 1.5rem; } .card .card-header:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (max-width: 1199.98px) { .card .card-header { padding: 15px; } } .card .card-body { position: relative; padding: 1.5rem; } @media (max-width: 1199.98px) { .card .card-body { padding: 15px; } } .card .card { position: relative; padding: 1.5rem; } @media (max-width: 1199.98px) { .card .card { padding: 15px; } } .text-success-light { color: #1FBC2F !important; } .text-warning-light { color: #FFA633; } .warning-border { border: 1px solid #FFA633; padding: 0 3px; border-radius: 50px; } .danger-border { border: 1px solid #FF0000; padding: 0 3px; border-radius: 50px; } .info-border { border: 1px solid #377dff; padding: 0 3px; border-radius: 50px; } .text-primary { color: #FFA633 !important; } .text-danger { color: #FF0000 !important; } .text-gray-light { color: #201F1D; } .text-gray-dark { color: #3F4254; } .text-muted { color: #F2F7F6 !important; } .bg-light-gray { background: #F3F3F3; } .bg-primary-light { background: #EADDFF; } .bg-green-light { background: #E1FFED; } .bg-danger-light { background: #FFECEC; } .bg-white-smoke { background: #EFEFEF; } .bg-light-primary { background: #F2F7F6 !important; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0; border-bottom: 0; border-left: 0; } .dropdown-item { font-size: 12px; padding: 8px 10px; } .add-cate-status { margin: 50px 0 0 0 !important; } @media (max-width: 575.98px) { .add-cate-status { margin: 0 !important; } } .input-block { margin: 0 0 15px 0; } .input-block .forgot-link { color: #FF0000; font-size: 14px; } .input-block label { margin: 0 0 10px 0; font-weight: 600; color: #2F2F2F; } @media (max-width: 1199.98px) { .input-block label { font-size: 14px; } } .input-block .optional { font-weight: 400; font-size: 12px; color: #201F1D; } .input-block .form-control { background: #F5F5F5; border: 1px solid #F4F4F4; box-shadow: none; border-radius: 5px; margin: 0; padding: 13px; font-size: 14px; font-weight: 400; color: #201F1D; } @media (max-width: 767.98px) { .input-block .form-control { margin: 0 0 15px; padding: 10px; } } .input-block .form-control ::placeholder, .input-block .form-control ::-webkit-input-placeholder, .input-block .form-control :-ms-input-placeholder { color: #676767; font-size: 14px; font-weight: 500; } .input-block .form-control:focus { background: #ffffff; } .input-block .form-control .form-title { font-weight: 600; font-size: 16px; color: #201F1D; margin: 0 0 25px 0; } .input-block .search-btn .check-available { padding: 12px 20px; } .input-block textarea.form-control { height: auto; } .input-block .intl-tel-input, .input-block .iti { width: 100%; } .input-block .note-toolbar { background: #ffffff; } .input-block .note-editable { background: #ffffff; } .input-block .note-resizebar { height: 0 !important; } .input-block .toggle-password { cursor: pointer; position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 50%); } .input-block .feather-eye-off { color: #201F1D; } .input-block .feather-eye { margin-right: 1px; color: #201F1D; } .custom_check { position: relative; padding-left: 30px; } .custom_check .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border: 1px solid #828282; background-color: #ffffff; border-radius: 2px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; display: none; left: 2px; top: 2px; color: #828282; font-size: 12px; } .custom_check input { position: absolute; opacity: 0; cursor: pointer; } .custom_check input:checked ~ .checkmark { background-color: #ffffff; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check span { color: #828282; font-weight: 400; } .pass-group { position: relative; } .close { background: transparent; border: 0; color: #28283C; font-size: 28px; line-height: normal; top: 20px; width: auto; height: auto; right: 20px; } .close span { background: #888888; border-radius: 50px; font-size: 20px; width: 30px; height: 30px; line-height: 30px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .close span:hover { background: #FFA633; color: #ffffff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .card-title { margin-bottom: 0; border-radius: 10px; } .cal-icon { position: relative; width: 100%; } .cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 15px; margin: auto; position: absolute; right: 15px; top: 10px; } .cal-icon-info:after { font-family: "Feather"; content: "\e926"; color: #201F1D; font-weight: 400; font-size: 18px; top: 8px; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap { position: fixed; right: 12px; bottom: 25px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .progress-wrap::after { position: absolute; content: "\f062"; font-family: "FontAwesome"; text-align: center; line-height: 35px; font-size: 17px; color: #ffffff; left: 0; top: 0; height: 35px; width: 35px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .pagination .pagination { flex-wrap: wrap; } @media (max-width: 479px) { .pagination .pagination .previtem, .pagination .pagination .nextlink { margin-bottom: 10px; } } .pagination .pagination .previtem a, .pagination .pagination .nextlink a { height: 38px; border-radius: 10px; padding: 0 20px; color: #2F2F2F; } .pagination .pagination .previtem a:focus, .pagination .pagination .nextlink a:focus { outline: 0; box-shadow: none; } @media (max-width: 479px) { .pagination .pagination li .page-group ul { flex-wrap: wrap; } } @media (max-width: 479px) { .pagination .pagination li .page-group ul li { margin-bottom: 10px; } } .pagination .pagination-center { display: flex; justify-content: center; align-items: center; } .pagination .pagination-center .page-group .page-item a { border: 1px solid #DEE2E7; background: #ffffff; border-radius: 10px; padding: 10px 19px; margin: 0 12px 0 0; color: #2F2F2F; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; } .pagination .pagination-center .page-group .page-item a:focus { outline: 0; box-shadow: none; } .pagination .pagination-center .page-group .page-item a:hover { background-color: #127384; color: #ffffff; border: 1px solid #127384; } .pagination .pagination-center .page-group .page-item .active { background-color: #127384; color: #ffffff; border: 1px solid #127384; } .pagination .pagination-center .page-group ul { display: flex; align-items: center; justify-content: center; margin: 0 0 0 10px; } .privacy-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .privacy-section { padding: 40px 0; } } .privacy-section .terms-policy p { margin: 0 0 38px; } @media (max-width: 991.98px) { .privacy-section .terms-policy p { margin: 0 0 28px; } } .privacy-section .terms-policy ul { margin: 0 0 38px; } .privacy-section .terms-policy ul li { margin: 0 0 11px; } .privacy-section .terms-policy ul li span { margin-right: 10px; color: #FFA633; } .error-page { padding: 50px; align-items: center; color: #28283C; font-weight: 900; } @media (max-width: 575.98px) { .error-page { padding: 50px; } } .error-page .main-wrapper { display: flex; flex-wrap: wrap; height: auto; justify-content: center; width: 100%; min-height: unset; } .error-box { margin: 40px auto; max-width: 600px; text-align: center; width: 100%; } .error-box img { margin: 0 0 50px; } .error-box h3 { font-size: 28px; margin-bottom: 10px; } .error-box p { margin: auto auto 30px; color: #787878; font-weight: 500; max-width: 560px; } .error-box .btn-maintance { border-radius: 5px; font-weight: 600; font-size: 16px; padding: 12px 20px; } @media (max-width: 768px) { .error-box .btn-maintance { padding: 8px 12px; font-size: 14px; } } .error-box .error-500 { margin: 0 0 60px; } .error-box .coming-soon { padding: 50px 0 8px; color: #28283C; } @media (max-width: 767.98px) { .error-box .coming-soon { font-size: 20px; } } .error-box .back-button .btn { padding: 15px 20px; font-size: 16px; } @media (max-width: 575.98px) { .error-box .back-button .btn { padding: 10px; font-size: 14px; } } .serve-form { margin: 0 0 39px; } @media (max-width: 767.98px) { .serve-form { padding-bottom: 30px; } } .serve-form .input-block { margin-bottom: 0; } .serve-form .input-block .form-control { margin-right: 10px; font-size: 14px; background: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .serve-form .input-block .form-control::placeholder { color: #2F2F2F; font-weight: 500; } @media (max-width: 767.98px) { .serve-form .input-block .form-control { min-height: 46px; font-size: 14px; } } .serve-form .input-block .button-notific { min-width: 115px; height: 47px; color: #ffffff; border-radius: 5px; background: #201F1D; font-weight: 600; font-size: 16px; } @media (max-width: 767.98px) { .serve-form .input-block .button-notific { min-width: 100px; font-size: 14px; } } .serve-form .input-block .button-notific:hover { color: #ffffff; background: #3F4254; border: 1px solid #3F4254; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap { position: fixed; right: 12px; bottom: 25px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .progress-wrap svg.progress-circle path { stroke: #FFA633; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap::after { position: absolute; content: "\f062"; font-family: "FontAwesome"; text-align: center; line-height: 35px; font-size: 17px; color: #FFA633; left: 0; top: 0; height: 35px; width: 35px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } iframe { width: 100%; } .custom_radio { color: #000; display: inline-flex; align-items: center; position: relative; padding-left: 30px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom_radio.active { color: #333344; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark:after { opacity: 1; } .custom_radio .checkmark { position: absolute; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #FFA633; border-radius: 50%; } .custom_radio .checkmark:after { display: block; content: ""; position: absolute; opacity: 0; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #FFA633; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .new-modal .modal-dialog { margin-top: 60px; } .new-modal .modal-content { padding: 24px; } @media (max-width: 767.98px) { .new-modal .modal-content { padding: 15px; } } .new-modal .modal-content .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .new-modal .modal-content .modal-header .modal-title { font-size: 20px; font-weight: 500; color: #111; margin-bottom: 0; } @media (max-width: 767.98px) { .new-modal .modal-content .modal-header .modal-title { font-size: 18px; } } .new-modal .modal-content .modal-header .close-btn { position: absolute; top: -40px; right: 0; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 50%; color: #737373; font-size: 22px; height: 34px; width: 34px; margin: 0; opacity: 1; padding: 0; z-index: 99; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .new-modal .modal-content .modal-header .close-btn:hover { color: #ffffff; background-color: #FF0000; border: 1px solid #FF0000; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .new-modal .modal-content .modal-body { padding: 0; } /*----------------- 14. FAQ -----------------------*/ .faq-section { background: #FCFCFC; } .faq-section .faq-card { margin: 0 0 20px; padding: 20px 20px; border: 1px solid #F4F4F4; box-shadow: 0px 4px 4px 0px rgba(241, 241, 241, 0.2509803922); border-radius: 5px; } @media (max-width: 991.98px) { .faq-section .faq-card { margin: 0 0 15px; } } .faq-section .faq-card:last-child { margin-bottom: 0; } .faq-section .faq-card p { margin: 15px 0 0; } .faq-section .faq-title { font-weight: 700; font-size: 18px; } .faq-section .faq-title > a { display: block; position: relative; color: #111; font-size: 16px; } @media (max-width: 991.98px) { .faq-section .faq-title > a { font-size: 15px; } } .faq-section .faq-title > a:after { font-family: "Fontawesome"; content: "\f13a"; position: absolute; top: 50%; right: 0; font-size: 16px; color: rgb(130, 130, 130); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 767.98px) { .faq-section .faq-title > a:after { top: 0px; right: -20px; } } .faq-section .faq-title > a:not(.collapsed):after { content: "\f139"; color: #FFA633; } .faq-card { margin: 0 0 20px; padding: 20px 40px 20px 20px; border: 1px solid #DBDBDB; border-radius: 5px; } @media (max-width: 991.98px) { .faq-card { margin: 0 0 15px; } } .faq-card:last-child { margin-bottom: 0; } .faq-card p { margin: 15px 0 0; } .faq-title { font-weight: 500; font-size: 18px; } .faq-title > a { display: block; position: relative; color: #111; font-size: 18px; } @media (max-width: 991.98px) { .faq-title > a { font-size: 15px; } } .faq-title > a:after { font-family: "Fontawesome"; content: "\f13a"; position: absolute; top: 50%; right: -15px; font-size: 16px; color: rgb(130, 130, 130); transform: translateY(-50%); } @media (max-width: 767.98px) { .faq-title > a:after { right: -20px; } } .faq-title > a:not(.collapsed):after { content: "\f139"; color: #FFA633; } /*----------------- 15. Pricing -----------------------*/ .pricing-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .pricing-section { padding: 50px 0 25px; } } .pricing-section .price-card { background: #ffffff; border: 1px solid #DBDBDB; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 15px; margin: 0 0 24px 0; padding: 20px; z-index: 1; position: relative; overflow: hidden; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card.price-selected { border-radius: 5px; } .pricing-section .price-card.price-selected .price-head { margin: 0; padding: 0; border: 0; } .pricing-section .price-card.price-selected .price-head a { color: #ffffff; } .pricing-section .price-card.price-selected .price-head a:hover { color: #FFA633; } .pricing-section .price-card.active { border-color: #FFA633; } @media (max-width: 991.98px) { .pricing-section .price-card { padding: 15px; } } .pricing-section .price-card .price-head { margin: 0 0 28px; padding: 0 0 28px; border-bottom: 1px solid #F4F4F4; } @media (max-width: 991.98px) { .pricing-section .price-card .price-head { margin: 0 0 15px; padding: 15px; } } .pricing-section .price-card .price-head .price-level { margin: 0 0 20px; padding: 10px; background: #FCFCFC; border-radius: 10px; text-align: center; } @media (max-width: 768px) { .pricing-section .price-card .price-head .price-level { margin: 0 0 10px; padding: 10px; } } .pricing-section .price-card .price-head .price-level h6 { margin: 0 0 2px; font-weight: 600; font-size: 24px; } @media (max-width: 768px) { .pricing-section .price-card .price-head .price-level h6 { font-size: 20px; } } .pricing-section .price-card .price-head .price-level p { font-size: 14px; } .pricing-section .price-card .price-head .price-level-popular { background: #FF9307; border-radius: 10px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-head .price-level-popular h6 { font-weight: 700; margin: 0 0 5px; font-size: 20px; color: #ffffff; } .pricing-section .price-card .price-head .price-level-popular p { color: #ffffff; } .pricing-section .price-card .price-head h4 { font-weight: 700; font-size: 36px; color: #201F1D; margin: 0 0 4px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; text-align: center; } @media (max-width: 767.98px) { .pricing-section .price-card .price-head h4 { font-size: 26px; } } .pricing-section .price-card .price-head span { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; display: block; text-align: center; font-size: 14px; } .pricing-section .price-card .price-details p { line-height: 27px; color: #737373; margin: 0 0 20px; } .pricing-section .price-card .price-details ul { margin: 0 0 20px; } .pricing-section .price-card .price-details ul li { font-size: 14px; position: relative; margin: 0 0 20px; } .pricing-section .price-card .price-details ul .price-check { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-details ul .price-check span { margin: 0 10px 0 0; color: #1FBC2F; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-details ul .price-uncheck { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-details ul .price-uncheck span { margin: 0 10px 0 0; color: #FF0000; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-details .viewdetails-btn { display: block; border-radius: 5px; background: #ffffff; border: 2px solid #201F1D; color: #201F1D; padding: 6px 12px; font-weight: 500; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-card .price-details .btn-popular { background: #FFA633 !important; color: #ffffff !important; border: 2px solid #FFA633 !important; } .pricing-section .price-card .price-details .viewdetails-btn-popular { background: #FFA633; border-radius: 5px; display: block; color: #ffffff; padding: 18px; font-weight: 700; font-size: 16px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .pricing-section .price-card .price-details .viewdetails-btn-popular { padding: 7px 12px; } } .pricing-section .price-card:hover { background: #127384; border-color: #127384; } .pricing-section .price-card:hover .price-head h4 { color: #ffffff; } .pricing-section .price-card:hover .price-head span { color: #ffffff; } .pricing-section .price-card:hover .price-details .price-check { color: #ffffff; } .pricing-section .price-card:hover .price-details .price-uncheck { color: #ffffff; } .pricing-section .price-card:hover .price-level-popular { background: #201F1D; } .pricing-section .price-card:hover .viewdetails-btn-popular { background: #201F1D; } .pricing-section .price-card:hover .viewdetails-btn { border: 2px solid #ffffff; } .pricing-section .price-card:hover .btn-popular { background: #201F1D !important; border: 2px solid #201F1D !important; } .pricing-section .price-plan-card { background: #ffffff; border: 1px solid #DBDBDB; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 15px; padding: 20px; z-index: 1; position: relative; overflow: hidden; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 768px) { .pricing-section .price-plan-card { padding: 10px; height: 524px; } } .pricing-section .price-plan-card .price-head { border-bottom: 1px solid #F4F4F4; padding: 0 0 28px; } .pricing-section .price-plan-card .price-head .price-level { margin: 0 0 15px; padding: 16px; background: #FCFCFC; border-radius: 10px; } @media (max-width: 768px) { .pricing-section .price-plan-card .price-head .price-level { margin: 0 0 10px; padding: 10px; } } .pricing-section .price-plan-card .price-head .price-level h6 { margin: 0 0 5px; font-weight: 700; font-size: 24px; color: #201F1D; } @media (max-width: 768px) { .pricing-section .price-plan-card .price-head .price-level h6 { font-size: 20px; } } .pricing-section .price-plan-card .price-head .price-level-popular { background: #FF9307; border-radius: 10px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-head .price-level-popular h6 { font-weight: 700; margin: 0 0 5px; font-size: 24px; color: #ffffff; } .pricing-section .price-plan-card .price-head .price-level-popular p { color: #ffffff; } .pricing-section .price-plan-card .price-head h4 { font-weight: 900; font-size: 36px; color: #201F1D; margin: 0 0 15px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 768px) { .pricing-section .price-plan-card .price-head h4 { font-size: 26px; } } .pricing-section .price-plan-card .price-head span { font-weight: 500; font-size: 14px; color: #737373; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-details { padding: 28px 0 0; } .pricing-section .price-plan-card .price-details p { line-height: 27px; color: #737373; margin: 0 0 20px; } .pricing-section .price-plan-card .price-details ul { margin: 0 0 28px; } .pricing-section .price-plan-card .price-details ul li { line-height: 18px; position: relative; margin: 0 0 15px; padding: 5px 0 0; } .pricing-section .price-plan-card .price-details ul .price-check { font-weight: 500; font-size: 14px; color: #787878; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-details ul .price-check span { margin: 0 10px 0; color: #1FBC2F; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-details ul .price-uncheck { font-weight: 500; font-size: 14px; color: #787878; text-decoration: line-through; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 768px) { .pricing-section .price-plan-card .price-details ul .price-uncheck { font-size: 12px; } } .pricing-section .price-plan-card .price-details ul .price-uncheck span { margin: 0 10px 0; color: #FF0000; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-details .viewdetails-btn { display: block; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 5px; background: #ffffff; border: 2px solid #201F1D; color: #201F1D; padding: 7px 12px; font-weight: 700; font-size: 16px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card .price-details .btn-popular { background: #FFA633 !important; color: #ffffff !important; border: 2px solid #FFA633 !important; } .pricing-section .price-plan-card .price-details .viewdetails-btn-popular { background: #FFA633; border-radius: 5px; display: block; color: #ffffff; padding: 18px; font-weight: 700; font-size: 16px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .pricing-section .price-plan-card:hover { background: #127384; border: 1px solid #DBDBDB; } .pricing-section .price-plan-card:hover .price-head h4 { color: #ffffff; } .pricing-section .price-plan-card:hover .price-head span { color: #ffffff; } .pricing-section .price-plan-card:hover .price-details .price-check { color: #ffffff; } .pricing-section .price-plan-card:hover .price-details .price-uncheck { color: #ffffff; } .pricing-section .price-plan-card:hover .price-level-popular { background: #201F1D; } .pricing-section .price-plan-card:hover .viewdetails-btn-popular { background: #201F1D; } .pricing-section .price-plan-card:hover .viewdetails-btn { border: 2px solid #ffffff; } .pricing-section .price-plan-card:hover .btn-popular { background: #201F1D !important; border: 2px solid #201F1D !important; } .pricing-section .price-card-popular { border: 1px solid #FF9307; margin: -10px 0 0; } @media (max-width: 767.98px) { .pricing-section .price-card-popular { margin: 24px 0 24px; } } @media (max-width: 768px) { .pricing-section .price-card-popular { padding: 10px; } } .pricing-section-bottom { padding-bottom: 80px; } @media (max-width: 991.98px) { .pricing-section-bottom { padding-bottom: 50px; } } .plan-selected { margin: 0 0 50px 0; } @media (max-width: 991.98px) { .plan-selected { margin: 0 0 30px 0; } } .plan-selected h4 { font-weight: 400; font-size: 16px; color: #201F1D; } .plan-selected .status-toggle { display: flex; align-items: center; } .plan-selected .status-toggle .checktoggle { background-color: #C4C4C4; border: 1px solid #C4C4C4; cursor: pointer; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 48px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .plan-selected .status-toggle .checktoggle:after { height: 15px; width: 15px; } .plan-selected .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .plan-selected .status-toggle .check:checked + .checktoggle { background-color: #1FBC2F; border: 1px solid #1FBC2F; } .plan-selected .status-toggle .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 5px), -50%); height: 15px; width: 15px; } .plan-selected .status-toggle .checktoggle:after { content: " "; display: block; background-color: rgba(0, 0, 0, 0.25); height: 15px; width: 15px; transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .plan-selected .status-toggle .checktoggle .checkbox-bg::after { background: rgba(0, 0, 0, 0.25); } .price-selected { background: #127384 !important; border-color: #127384 !important; } @media (max-width: 991.98px) { .price-selected { height: 555px; } } .price-selected .price-head { margin: 0; padding: 0; border: 0; } .price-selected h2 { font-weight: 700; font-size: 32px; color: #ffffff; margin: 0 0 15px; } @media (max-width: 767.98px) { .price-selected h2 { font-size: 26px; } } .price-selected p { color: #ffffff; margin: 0 0 20px; } .price-selected .plan-view-details { color: #ffffff; font-size: 20px; } .price-selected .price-body { position: absolute; right: 0; bottom: 0; } .price-selected:hover { background: #201F1D !important; border-color: #201F1D !important; } /*----------------- 16. Gallery -----------------------*/ .gallery-section { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .gallery-section { padding: 50px 0 26px 0; } } .gallery-section .gallery-widget { position: relative; margin: 0 0 25px 0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .gallery-section .gallery-widget img { border-radius: 4px; } .fancybox-image { border-radius: 10px; border: 1px solid #ffffff; } /*----------------- 17. Our Team -----------------------*/ .our-team-section { background: #FCFCFC; position: relative; padding: 80px 0 55px; } @media (max-width: 991.98px) { .our-team-section { padding: 60px 0 35px; } } @media (max-width: 767.98px) { .our-team-section { padding: 40px 0 15px; } } .our-team-section .our-team { text-align: center; border-bottom: 3px solid #ffffff; background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 0px 10px 10px; margin: 0 0 25px; transition: all 0.2s ease-out 0s; } .our-team-section .our-team .team-prof { padding: 30px; } .our-team-section .our-team .team-prof .team-designation { padding: 0 0 30px; display: block; } .our-team-section .our-team .team-prof .team-post-title { font-weight: 700; font-size: 24px; margin-bottom: 10px; } .our-team-section .our-team .profile-pic { position: relative; overflow: hidden; } .our-team-section .our-team .profile-pic img { width: 100%; height: 100%; transform: translateZ(0); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .our-team-section .our-team:hover { border-bottom: 3px solid #FFA633; transition: all 0.2s ease-out 0s; } .our-team-section .our-team:hover .profile-pic img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); } /*----------------- 18. Contact -----------------------*/ .contact-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .contact-section { padding: 50px 0; } } .contact-section .contact-info-area { margin: 0 0 80px; } @media (max-width: 991.98px) { .contact-section .contact-info-area { margin: 0 0 30px; } } @media (max-width: 575.98px) { .contact-section .contact-info-area { margin: 0 0 15px; } } .contact-section .contact-info-area .single-contact-info { text-align: center; background: #ffffff; border: 2px solid #F4F4F4; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 10px; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 992px) { .contact-section .contact-info-area .single-contact-info { padding: 15px; } } @media (max-width: 991.98px) { .contact-section .contact-info-area .single-contact-info { margin: 0 0 24px; } } .contact-section .contact-info-area .single-contact-info i { color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 26px; width: 70px; height: 70px; margin: 0 auto 15px; line-height: 50px; background: #FF9307; border-radius: 50%; } @media (max-width: 992px) { .contact-section .contact-info-area .single-contact-info i { width: 35px; height: 35px; font-size: 16px; } } .contact-section .contact-info-area .single-contact-info h3 { font-weight: 500; font-size: 20px; margin: 0 0 10px; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 992px) { .contact-section .contact-info-area .single-contact-info h3 { font-size: 16px; } } .contact-section .contact-info-area .single-contact-info a { font-size: 16px; color: #737373; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 992px) { .contact-section .contact-info-area .single-contact-info a { font-size: 13px; } } .contact-section .contact-info-area .single-contact-info:hover { background: #127384; -webkit-transition: all 0.5s; transition: all 0.5s; } .contact-section .contact-info-area .single-contact-info:hover i { background: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; color: #127384; } .contact-section .contact-info-area .single-contact-info:hover h3 { color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; } .contact-section .contact-info-area .single-contact-info:hover a { color: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s; } .contact-section .form-info-area { background: #ffffff; border: 2px solid #F4F4F4; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 10px; padding: 24px; } .contact-section .form-info-area img { border-radius: 10px; } @media (max-width: 991.98px) { .contact-section .form-info-area img { display: none; } } .contact-section .form-info-area h1 { font-weight: 500; font-size: 38px; color: #28283C; margin: 0 0 30px; } @media (max-width: 992px) { .contact-section .form-info-area h1 { font-size: 28px; margin: 0 0 15px; } } .contact-section textarea.form-control { height: 120px; resize: none; } /*----------------- 19. Invoice -----------------------*/ .invoice-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .invoice-section { padding: 60px 0; } } @media (max-width: 767.98px) { .invoice-section { padding: 50px 0; } } .invoice-section .card-body { background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 14px; padding: 40px; max-width: 1076px; margin: auto; } @media (max-width: 575.98px) { .invoice-section .card-body { padding: 20px; } } .invoice-section .invoice-item { margin: 0 0 22px; } .invoice-section .invoice-item .invoice-info { text-align: right; } @media (max-width: 575.98px) { .invoice-section .invoice-item .invoice-info { margin: 10px 0 0; text-align: left; } } .invoice-section .invoice-item .invoice-info h1 { font-weight: 700; font-size: 32px; color: #2F2F2F; margin: 0 0 10px; } @media (max-width: 1199.98px) { .invoice-section .invoice-item .invoice-info h1 { font-size: 22px !important; } } .invoice-section .invoice-item .invoice-info h6 { font-weight: 500; font-size: 14px; color: #737373; } .invoice-section .invoice-item-bill { position: relative; background: #201F1D; border-radius: 10px; padding: 30px; margin: 0 0 37px; } @media (max-width: 768px) { .invoice-section .invoice-item-bill { padding: 15px; } } .invoice-section .invoice-item-bill:before { content: ""; background: url(../img/bg/invoice.png) no-repeat; position: absolute; top: -45px; left: -45px; width: 179px; height: 180px; background-size: cover; } .invoice-section .invoice-item-bill ul { position: relative; display: flex; flex-flow: row wrap; padding-left: 0; list-style: none; margin: 0; } .invoice-section .invoice-item-bill ul li { -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; border-left: 1px solid #FCFBFB; display: flex; justify-content: center; } @media (max-width: 575.98px) { .invoice-section .invoice-item-bill ul li { -ms-flex: 100%; flex: 100%; max-width: 100%; border-left: 0; padding-left: 0; justify-content: start; margin: 0 0 15px; } .invoice-section .invoice-item-bill ul li:last-child { margin: 0; } } .invoice-section .invoice-item-bill ul li:first-child { border-left: 0; } .invoice-section .invoice-item-bill ul li .invoice-info h6 { font-weight: 500; font-size: 18px; color: #ffffff; margin: 0 0 15px; } .invoice-section .invoice-item-bill ul li .invoice-info p { font-size: 14px; color: #ffffff; margin: 0 0 15px; } .invoice-section .payment-details { margin-top: 40px; max-width: 950px; } @media (max-width: 575.98px) { .invoice-section .payment-details .invoice-terms { margin: 0 0 20px; } } .invoice-section .payment-details .invoice-terms h6 { font-weight: 500; font-size: 18px; color: #2F2F2F; margin-bottom: 18px; } .invoice-section .payment-details .invoice-terms .invocie-note { border: 2px dashed #787878; border-radius: 4px; max-width: 266px; padding: 20px; } .invoice-section .payment-details .invoice-terms .invocie-note h6 { font-weight: 500; font-size: 18px; color: #201F1D; margin: 0 0 20px; } .invoice-section .payment-details .invoice-terms .invocie-note p { font-weight: 500; font-size: 14px; color: #2F2F2F; } .invoice-section .invoice-total { background: #F1F1F1; border: 2px dashed #FCFCFC; margin: 33px 0 33px; padding: 10px; text-align: right; } .invoice-section .invoice-total h4 { font-weight: 500; font-size: 20px; color: #201F1D; } @media (max-width: 767.98px) { .invoice-section .invoice-total h4 { font-size: 18px; } } .invoice-section .invoice-total h4 span { padding-left: 88px; } @media (max-width: 575.98px) { .invoice-section .invoice-total h4 span { padding: 0; } } .invoice-section .invoice-total-box .invoice-total-inner p { font-weight: 500; font-size: 14px; color: #828282; margin-bottom: 25px; } .invoice-section .invoice-total-box .invoice-total-inner p span { float: right; font-weight: 700; font-size: 15px; color: #2F2F2F; } .invoice-section .invoice-note-footer .invocie-note { margin: 0 0 20px; } .invoice-section .invoice-note-footer .invocie-note h6 { font-weight: 500; font-size: 18px; color: #201F1D; margin: 0 0 13px; } .invoice-section .invoice-note-footer .invocie-note p { font-weight: 500; font-size: 14px; color: #2F2F2F; } .invoice-section .invoice-note-footer .invoice-sign { float: right; } @media (max-width: 575.98px) { .invoice-section .invoice-note-footer .invoice-sign { float: left; } } .invoice-section .invoice-note-footer .invoice-sign img { margin: 0 0 19px; } @media (max-width: 991.98px) { .invoice-section .invoice-note-footer .invoice-sign img { margin: 0; } } .invoice-section .invoice-note-footer .invoice-sign span { font-weight: 500; font-size: 18px; color: #201F1D; text-align: center; } /*----------------- 20. Blog -----------------------*/ .blog-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .blog-section { padding: 60px 0; } } @media (max-width: 575.98px) { .blog-section { padding: 40px 0; } } .blog-section .grid-blog { background: #ffffff; margin: 0 0 25px; border: 1px solid #E3E3E3; border-radius: 10px; overflow: hidden; } .blog-section .grid-blog .grid-blog .blog-image { overflow: hidden; border-radius: 10px 10px 0 0; } .blog-section .pagination { margin: 25px 0 0; } @media (max-width: 991.98px) { .blog-section .pagination { margin: 15px 0 25px 0; } } .blog-section .blog-image { display: block; position: relative; width: 100%; height: auto; overflow: hidden; border-radius: 10px 10px 0 0; } .blog-section .blog-image > a { display: block; position: relative; width: 100%; height: auto; } .blog-section .blog-image img { display: block; position: relative; border-radius: 10px 10px 0 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; width: 100%; } .blog-section .blog-image img:hover { -webkit-transform: scale(1.35) rotate(15deg); -moz-transform: scale(1.35) rotate(15deg); transform: scale(1.35) rotate(15deg); } .blog-section .blog-content { padding: 20px; } .blog-section .blog-content .blog-category { margin: 0 0 15px 0; } .blog-section .blog-content .blog-category a { background: #127384; border-radius: 4px; font-size: 14px; color: #ffffff; display: inline-block; margin: 0 0 5px; padding: 5px 14px; } .blog-section .blog-content .blog-category a:hover { background: #141432; color: #ffffff; } .blog-section .blog-content .blog-title { margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-section .blog-content .blog-title a { font-weight: 700; font-size: 24px; color: #201F1D; } .blog-section .blog-content .blog-title a:hover { color: #127384; } @media (max-width: 991.98px) { .blog-section .blog-content .blog-title a { font-size: 20px; } } @media (max-width: 767.98px) { .blog-section .blog-content .blog-title a { font-size: 18px; } } .blog-section .blog-content .blog-description { margin: 0 0 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-section .blog-content .meta-item { background: #F2F7F6; border-radius: 5px; align-items: center; flex-wrap: wrap; margin: 0 0 15px; padding: 13px; } .blog-section .blog-content .meta-item li .post-author .post-author-img { width: 25px; margin-right: 7px; line-height: 0; } .blog-section .blog-content .meta-item li .post-author .post-author-img img { width: 25px; height: 25px; border-radius: 50px; border: 1.5px solid #ffffff; } .blog-section .blog-content .meta-item li .post-author a span { font-size: 14px; color: #828282; } .blog-section .blog-content .meta-item .date-icon i { color: #2F2F2F; font-weight: 400; margin: 0 7px 0; } .blog-section .blog-content .meta-item .date-icon span { font-size: 14px; } .blog-section .blog-content .blog-list-date { align-items: center; margin: 0 0 30px; } .blog-section .blog-content .blog-list-date .meta-item-list { align-items: center; flex-wrap: wrap; } .blog-section .blog-content .blog-list-date .meta-item-list li .post-author .post-author-img { width: 25px; margin-right: 7px; } .blog-section .blog-content .blog-list-date .meta-item-list li .post-author .post-author-img img { width: 25px; height: 25px; border-radius: 50px; border: 1.5px solid #ffffff; } .blog-section .blog-content .blog-list-date .meta-item-list li .post-author a span { font-size: 14px; color: #737373; } .blog-section .blog-content .blog-list-date .meta-item-list .date-icon i { margin: 0 7px 0; font-weight: 400; } .blog-section .blog-content .blog-list-date .meta-item-list .date-icon span { font-size: 14px; } .blog-section .blog-content .viewlink { display: inline-flex; align-items: center; padding: 12px 18px; font-weight: 700; font-size: 16px; } .blog-section .blog-content .viewlink:active { background: #FFA633; border-color: #FFA633; } .blog-section .blog-content .viewlink a { color: #ffffff; } .blog-section .blog-content .viewlink a:hover { color: #FFA633; } .blog-section .blog-content .viewlink a i { line-height: 0; } .blog-section .rightsidebar .card { background: #ffffff; border-radius: 10px; margin: 0 0 25px; padding: 25px; } .blog-section .rightsidebar .card.tags-widget { padding-bottom: 17px; } .blog-section .rightsidebar .card h4 { border-bottom: 1px solid #F4F4F4; margin: 0 0 25px; padding: 0 0 20px 0; font-size: 20px; font-weight: 600; color: #201F1D; } .blog-section .rightsidebar .card h4 i { margin: 0 10px 0 0; color: #FFA633; } .blog-section .rightsidebar .card h4 img { margin: 0 8px 0 0; } .blog-section .rightsidebar .card .blogcategories-list { padding: 0 0 0 17px; color: #666; } .blog-section .rightsidebar .card .blogcategories-list li { list-style: disc; display: list-item; margin-bottom: 19px; } .blog-section .rightsidebar .card .blogcategories-list li:hover { color: #FFA633; } .blog-section .rightsidebar .card .blogcategories-list li a { color: #737373; } .blog-section .rightsidebar .card .blogcategories-list li a:hover { padding-left: 10px; color: #FFA633; } .blog-section .rightsidebar .card .blogcategories-list li:last-child { margin-bottom: 0; } .blog-section .rightsidebar .card .tags li { background-color: #F1F1F1; color: #828282; padding: 9px 19px; position: relative; margin: 0 5px 8px 0; font-size: 14px; border: 1px solid #E3E3E3; display: inline-block; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .blog-section .rightsidebar .card .tags li:hover { background-color: #FFA633; color: #ffffff; border: 1px solid #FFA633; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .blog-section .rightsidebar .card .article { position: relative; overflow: hidden; margin-bottom: 24px; } .blog-section .rightsidebar .card .article:hover .article-blog img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); } .blog-section .rightsidebar .card .article:hover .article-content h5 a { color: #FFA633; } .blog-section .rightsidebar .card .article:hover .article-content .article-date { color: #FFA633; } .blog-section .rightsidebar .card .article .article-blog { position: relative; overflow: hidden; border-radius: 10px; } .blog-section .rightsidebar .card .article .article-blog img { transform: translateZ(0); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .blog-section .rightsidebar .card .article .article-blog:before { background: linear-gradient(0deg, #000000 16.31%, rgba(0, 0, 0, 0) 100%); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .blog-section .rightsidebar .card .article .article-content { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 20px 20px; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .blog-section .rightsidebar .card .article .article-content h5 { margin-bottom: 10px; } .blog-section .rightsidebar .card .article .article-content h5 a { font-weight: 600; font-size: 24px; color: #ffffff; } .blog-section .rightsidebar .card .article .article-content .article-date { font-size: 14px; color: #ffffff; } .blog-section .rightsidebar .card .article .article-content .article-date i { color: #FFA633; margin-right: 10px; } .blog-section .rightsidebar .card .article:last-child { margin-bottom: 0; } .blogbanner { position: relative; background: url("../img/blog/blogbanner.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; overflow: hidden; z-index: 1; min-height: 600px; margin: 0px 0 0; } @media (max-width: 991.98px) { .blogbanner { min-height: 350px; } } .blogbanner:after { content: ""; background: linear-gradient(0deg, #000000 16.31%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .blog-description p { margin: 0 0 20px; } .blogbanner-content { position: absolute; bottom: 40px; text-align: center; width: 100%; color: #ffffff; padding: 0 15px; } @media (max-width: 767.98px) { .blogbanner-content { bottom: 90px; } } .blogbanner-content h1 { color: #ffffff; font-size: 32px; margin: 0 0 15px; } @media (max-width: 991.98px) { .blogbanner-content h1 { font-size: 26px; } } @media (max-width: 575.98px) { .blogbanner-content h1 { font-size: 24px; } } .blogbanner-content .post-author-img { width: 32px; height: 32px; border-radius: 50px; margin-right: 10px; } .blogbanner-content .post-author-img img { border-radius: 50px; width: 32px; height: 32px; } .blogbanner-content .post-author a { font-size: 14px; color: #ffffff; } .blogbanner-content .post-author a:hover { color: #ffffff; } .blogbanner-content .post-author img { margin-right: 5px; } .blogbanner-content .entry-meta li { margin-right: 20px; } .blogbanner-content .date-icon i { margin-right: 5px; } .blogbanner-content span.blog-hint { background: #127384; padding: 7px 12px; border-radius: 4px; margin: 0 0 15px; display: inline-block; font-size: 14px; } .bloggrid-sidebar .blog.grid-blog .post-author a { margin: 0; } .blogdetail-content { padding: 70px 0; background: #f9fafc; } .blogdetail-content p { color: #ffffff; line-height: 27px; } .blogdetail-content .card-header { padding: 0 0 25px; border-bottom: 1px solid #DEE2E7; margin: 0 0 25px; border-radius: 0; background: none; } .blogdetail-content .card-header h4 { font-size: 22px; margin: 0 0 0 12px; font-weight: 500; color: #ffffff; font-size: 20px; } .blogdetail-content .card-body { padding: 0; } .blog-quotes { background: #ffffff; padding: 30px; text-align: center; margin: 25px 0 25px; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 20px; } .blog-quotes i { font-size: 52px; color: #ffffff; } .blog-quotes img { margin: 0 0 10px; } .blog-quotes h6 { color: #787878; font-weight: 700; font-size: 16px; margin: 10px 0 0; } .blog-quotes p { font-size: 14px; color: #2F2F2F; } .bloginner-img { margin: 25px 0; } .bloginner-img img { width: 100%; border-radius: 20px; } .requiremnts-info h5 { font-size: 24px; font-weight: 500; color: #ffffff; margin: 0 0 20px; } .requiremnts-info li { list-style: disc; margin: 0 0 15px; line-height: 27px; color: #ffffff; } .requiremnts-info ul { margin: 0 0 0 17px; } .tag-list { justify-content: flex-end; } @media (max-width: 575.98px) { .tag-list { justify-content: start; } } @media (max-width: 575.98px) { .tag-list .tags { display: block !important; } } .tag-list .tags li { background: #F1F1F1; border: 1px solid #F1F1F1; padding: 7px 15px; font-size: 14px; margin-right: 15px; border-radius: 5px; color: #828282; cursor: pointer; } @media (max-width: 575.98px) { .tag-list .tags li { margin: 10px 0 0; width: 100%; } } .tag-list .tags li:hover { background: #FFA633; color: #ffffff; } .share-postsection { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 30px 0; margin: 25px 0; } @media (max-width: 575.98px) { .share-postsection .sharelink { margin: 0 0 20px; } } .share-postsection .sharelink .share-img { color: #ffffff; background: #127384; font-size: 20px; border-radius: 50px; margin-right: 10px; width: 46px; height: 46px; } .share-postsection .sharelink .share-img:hover { color: #ffffff; background: #FFA633; } .share-postsection .sharelink a { color: #2F2F2F; font-size: 18px; } .share-postsection .sharelink a.share-text:hover { color: #127384; } .blogdetails-pagination ul { justify-content: space-between; } @media (max-width: 767.98px) { .blogdetails-pagination ul { display: block; } } .blogdetails-pagination ul li:last-child { text-align: right; } @media (max-width: 767.98px) { .blogdetails-pagination ul li:last-child { text-align: left; } } .blogdetails-pagination ul li .prev-link { color: #127384; font-size: 14px; margin: 0 0 20px; display: block; } .blogdetails-pagination ul li .prev-link:hover { color: #828282; } .blogdetails-pagination ul li .prev-link i { margin-right: 7px; } .blogdetails-pagination ul li .next-link { color: #828282; font-size: 14px; margin: 0 0 20px; display: block; } .blogdetails-pagination ul li .next-link:hover { color: #127384; } .blogdetails-pagination ul li .next-link i { margin-left: 7px; } .blogdetails-pagination ul li h3 { font-size: 20px; font-weight: 500; color: #141432; margin: 0 0 25px; } .blogdetails-pagination ul li h3:hover { color: #141432; } .extra-service { padding-bottom: 24px !important; } .listing-review { padding-bottom: 9px !important; } .review-sec { background: #fff; padding: 15px; margin: 20px 0; border: 0; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 10px; } @media (max-width: 767.98px) { .review-sec { padding: 20px; } } .review-sec .review-header { position: relative; border-bottom: 1px solid #F4F4F4; padding: 0 0 15px; margin: 0 0 15px; border-radius: 0; background: none; } .review-sec .review-header h4 { font-weight: normal; font-size: 18px; color: #111; } @media (max-width: 991.98px) { .review-sec .review-header h4 { font-size: 18px; } } .review-sec .review-header h4::before { content: ""; background: #FFA633; border-radius: 8px; width: 20px; height: 4px; left: 0; position: absolute; bottom: -3px; } .review-sec h4 { font-weight: 500; font-size: 20px; color: #201F1D; } @media (max-width: 991.98px) { .review-sec h4 { font-size: 18px; } } .review-sec .review-details h6 { color: #ffffff; font-size: 20px; margin: 0 0 30px; } .review-sec .review-details .submit-section { text-align: right; } .review-sec .review-details .submit-section .submit-review { padding: 15px 20px; } .review-sec .reviewbox-list-rating i { color: #FF9307; font-size: 12px; line-height: 0; } .review-sec .reviewbox-list-rating span { font-size: 14px; margin-left: 2px; } .review-sec .review-card { border: 1px solid #F4F4F4; padding: 15px; margin-bottom: 24px; border-radius: 10px; } .review-sec .review-card .review-header-group { margin-bottom: 10px; } @media (max-width: 767.98px) { .review-sec .review-card .review-header-group { display: block; } } .review-sec .review-card .review-header-group .review-widget-header .review-widget-img { display: flex; } .review-sec .review-card .review-header-group .review-widget-header .review-widget-img img { width: 60px; height: 60px; border-radius: 10px; } .review-sec .review-card .review-header-group .review-widget-header .review-design { margin-left: 15px; } .review-sec .review-card .review-header-group .review-widget-header .review-design .h6 { font-weight: 500; font-size: 20px; color: #201F1D; } .review-sec .review-card .review-header-group .review-widget-header .review-design p { font-weight: 500; font-size: 14px; margin: 5px 0 0; } @media (max-width: 767.98px) { .review-sec .review-card .review-header-group .reviewbox-list-rating p { display: block; margin-top: 10px; } } .review-sec .search-btn .search-button { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; padding: 12px 20px; } @media (max-width: 991.98px) { .review-sec .search-btn .search-button { width: 250px; } } @media (max-width: 991.98px) { .review-sec .search-btn .search-button { padding: 12px 8px; } } @media (max-width: 1199.98px) { .review-sec .search-btn .search-button { padding: 12px 12px; } } .review-sec .search-btn .search-button:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .review-sec .column-group-last { -ms-flex: 100%; flex: 100%; max-width: 100%; } .review-sec .column-group-last:last-child { padding-right: 0; } @media (max-width: 575.98px) { .review-sec .column-group-last .search-btn { margin: 0; } } .review-sec .column-group-main { -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 0; } .review-sec .column-group-main:last-child { padding-right: 0; } @media (max-width: 991.98px) { .review-sec .sidebar-form { display: block; } } .review-sec .input-block label { font-size: 15px; margin-bottom: 5px; } /*----------------- 21. Testimonials -----------------------*/ .testimonials-section { position: relative; padding: 80px 0; } .testimonials-section.about-testimonial .review-box ~ p { margin-bottom: 24px; } @media (max-width: 991.98px) { .testimonials-section.about-testimonial .review-box ~ p { margin-bottom: 20px; } } @media (max-width: 991.98px) { .testimonials-section { padding: 50px 0; } } @media (max-width: 767.98px) { .testimonials-section { padding: 40px 0; } } .testimonials-section .testimonial-group { margin: 0 0 40px; } @media (max-width: 767.98px) { .testimonials-section .testimonial-group { margin: 0 0 20px; } } .testimonials-section .owl-stage-outer { margin: 0 0 16px; } @media (max-width: 991.98px) { .testimonials-section .owl-stage-outer { margin: 0 0 6px; } } .testimonials-section .card-body { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; -webkit-box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 8px; } .testimonials-section .card-body:hover { background-color: #127384; } .testimonials-section .card-body:hover .review-img { border: 3px solid #ffffff; } .testimonials-section .card-body:hover .review-details h6 { color: #ffffff; } .testimonials-section .card-body:hover .review-details p { font-size: 14px; margin-bottom: 0; } .testimonials-section .card-body:hover .list-rating p span { color: #ffffff; } .testimonials-section .card-body:hover p { color: #ffffff; } .testimonials-section .review-box { align-items: center; margin: 0 0 15px; } @media (max-width: 991.98px) { .testimonials-section .review-box { margin: 0 0 15px; } } .testimonials-section .review-box .review-img { width: 60px; height: 60px; border-radius: 50%; border: 3px solid #DBDBDB; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } @media (max-width: 991.98px) { .testimonials-section .review-box .review-img { width: 40px; height: 40px; } } .testimonials-section .review-box .review-img img { border-radius: 50px; } .testimonials-section .review-box .review-details { margin-left: 15px; } @media (max-width: 991.98px) { .testimonials-section .review-box .review-details { margin-left: 12px; } } .testimonials-section .review-box .review-details h6 { font-weight: 500; font-size: 20px; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; margin: 0 0 5px; } @media (max-width: 1199.98px) { .testimonials-section .review-box .review-details h6 { font-size: 18px; } } @media (max-width: 991.98px) { .testimonials-section .review-box .review-details h6 { font-size: 16px; } } .testimonials-section .list-rating { display: inline-flex; margin-top: 0; } .testimonials-section .list-rating .list-rating-star i { font-size: 12px; line-height: 0; color: #FFA633; } .testimonials-section .list-rating p { font-size: 14px; line-height: 0; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .testimonials-section .list-rating p span { font-size: 14px; margin: 0 5px 0; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .testimonials-section p { -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .testimonials-section .quotes-head { position: absolute; top: 24px; right: 24px; } .testimonials-section .quotes-head::before { content: ""; display: block; width: 28px; height: 28px; background: url(../img/quote.svg) no-repeat center center; margin: 0 0 20px; opacity: 0.3; } @media (max-width: 991.98px) { .testimonials-section .quotes-head::before { width: 18px; height: 18px; margin: 0 0 20px; } } /*----------------- 22. About Us -----------------------*/ .about-img { position: relative; margin: 0 0 24px 0; } .about-img img { border-radius: 10px; padding: 0 0 0 10px; } .about-img .about-exp { position: absolute; background: #FFA633; border-radius: 10px; width: 370px; height: 100%; } @media (max-width: 767.98px) { .about-img .about-exp { width: 230px; } } .about-img .about-exp span { font-weight: 500; font-size: 28px; color: #ffffff; display: inline-block; margin: 250px -122px; transform: rotate(-90deg); } @media (max-width: 767.98px) { .about-img .about-exp span { font-size: 18px; margin: 275px -90px; } } @media (max-width: 575.98px) { .about-img .about-exp span { font-size: 16px; margin: 115px -75px; } } .abt-img { padding: 30px 0 30px 60px; position: relative; z-index: 1; } .about-content { margin: 0 0 0 50px; } @media (max-width: 991.98px) { .about-content { margin: 0; } } .about-content h6 { font-size: 18px; color: #127384; font-weight: 500; text-transform: uppercase; margin: 0 0 12px; } .about-content h2 { font-size: 38px; font-weight: 500; margin: 0 0 30px; } @media (max-width: 991.98px) { .about-content h2 { font-size: 28px; } } @media (max-width: 767.98px) { .about-content h2 { font-size: 24px; } } .about-content p { margin: 0 0 14px; } .about-content ul li { position: relative; margin: 0 0 15px; padding: 0 0 0 25px; color: #828282; } .about-content ul li::before { position: absolute; top: 0; left: 0; content: "\f058"; font-family: "FontAwesome"; color: #127384; } .about-content ul li:last-child { margin: 0; } /*----------------- 23. Product Details -----------------------*/ .product-details { position: relative; z-index: 9; padding: 60px 0 36px 0; } @media (max-width: 991.98px) { .product-details { padding: 50px 0 26px 0; } } .product-detail-head { padding: 30px 0; background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); } @media (max-width: 991.98px) { .product-detail-head { padding: 24px 24px 9px; } } @media (max-width: 991.98px) { .product-detail-head .detail-page-head { display: block; } } .product-detail-head .detail-page-head .list-rating { margin-bottom: 8px; } .product-detail-head .detail-page-head .list-rating li { margin: 0 8px 0 0; padding: 0 8px 0 0; position: relative; } .product-detail-head .detail-page-head .list-rating li::before { content: ""; background: #F4F4F4; height: 20px; width: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .product-detail-head .detail-page-head .list-rating li.ratings { font-size: 14px; } .product-detail-head .detail-page-head .list-rating li.ratings::before { content: none; } .product-detail-head .detail-page-head .list-rating li:last-child { margin: 0; padding: 0; } .product-detail-head .detail-page-head .list-rating i { color: #FFA633; } .product-detail-head .detail-page-head .list-rating .car-brand { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 14px; } .product-detail-head .detail-page-head .list-rating .car-brand span { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; width: 24px; height: 24px; border-radius: 50%; background: #111111; margin-right: 5px; } @media (max-width: 767.98px) { .product-detail-head .detail-page-head .camaro-info { margin-bottom: 5px; } } .product-detail-head .detail-page-head .camaro-location { flex-wrap: wrap; } @media (max-width: 575.98px) { .product-detail-head .detail-page-head .camaro-location { align-items: start; flex-direction: column; } } .product-detail-head .detail-page-head .camaro-location .camaro-location-inner { position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; font-size: 14px; position: relative; } @media (max-width: 991.98px) { .product-detail-head .detail-page-head .camaro-location .camaro-location-inner { margin-bottom: 10px; } } @media (max-width: 575.98px) { .product-detail-head .detail-page-head .camaro-location .camaro-location-inner { display: flex; align-items: baseline; margin-right: 0; padding-right: 0; } } .product-detail-head .detail-page-head .camaro-location .camaro-location-inner::before { content: ""; background: #DBDBDB; height: 18px; width: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 575.98px) { .product-detail-head .detail-page-head .camaro-location .camaro-location-inner::before { content: none; } } .product-detail-head .detail-page-head .camaro-location .camaro-location-inner:last-child { margin-right: 0; padding-right: 0; } .product-detail-head .detail-page-head .camaro-location .camaro-location-inner:last-child::before { content: none; } .product-detail-head .detail-page-head .camaro-location .camaro-location-inner i { line-height: 0; margin-right: 5px; } .product-detail-head .detail-page-head .year { display: inline-block; margin: 0; padding: 1px 5px; background: #127384; color: #ffffff; font-weight: 500; border-radius: 5px; } .product-detail-head .detail-page-head .average-list-rating { font-size: 14px; margin-left: 5px; } .product-detail-head .detail-page-head h3 { font-size: 38px; font-weight: 500; margin-bottom: 8px; } @media (max-width: 991.98px) { .product-detail-head .detail-page-head h3 { font-size: 32px; } } @media (max-width: 767.98px) { .product-detail-head .detail-page-head h3 { font-size: 28px; } } .product-detail-head .search-btn .search-button { background-color: #FFA633; border: 1px solid #FFA633; box-shadow: inset 0 0 0 #ffffff; color: #ffffff; padding: 12px 20px; } @media (max-width: 991.98px) { .product-detail-head .search-btn .search-button { width: 250px; } } @media (max-width: 991.98px) { .product-detail-head .search-btn .search-button { padding: 12px 8px; } } @media (max-width: 1199.98px) { .product-detail-head .search-btn .search-button { padding: 12px 12px; } } .product-detail-head .search-btn .search-button:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .product-detail-head .column-group-last { -ms-flex: 10%; flex: 10%; max-width: 10%; } @media (max-width: 575.98px) { .product-detail-head .column-group-last { -ms-flex: 100%; flex: 100%; max-width: 100%; } } @media (max-width: 991.98px) { .product-detail-head .column-group-last { -ms-flex: 50%; flex: 50%; max-width: 50%; } } .product-detail-head .column-group-last:last-child { padding-right: 0; } .product-detail-head .column-group-last .search-btn { margin-top: 38px; } @media (max-width: 575.98px) { .product-detail-head .column-group-last .search-btn { margin: 0; } } .product-detail-head .column-group-main { -ms-flex: 30%; flex: 30%; max-width: 30%; } @media (max-width: 991.98px) { .product-detail-head .column-group-main { -ms-flex: 50%; flex: 50%; max-width: 50%; margin-bottom: 15px; } } @media (max-width: 575.98px) { .product-detail-head .column-group-main { -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 0; } } .product-detail-head .column-group-main:last-child { padding-right: 0; } @media (max-width: 991.98px) { .product-detail-head .details-btn { margin: 0; display: block; } } .product-detail-head .details-btn .total-badge { background: #127384; border-radius: 5px; color: #ffffff; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin: 0 10px 0 0; padding: 8px 16px; } .product-detail-head .details-btn .total-badge i { margin-right: 5px; line-height: inherit; } @media (max-width: 991.98px) { .product-detail-head .details-btn .total-badge { margin: 0 10px 15px 0; padding: 8px 16px; } } .product-detail-head .details-btn a { background: #F2F7F6; color: #676767; border-radius: 5px; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; padding: 8px 16px; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } @media (max-width: 991.98px) { .product-detail-head .details-btn a { margin: 0 0 15px 0; } } .product-detail-head .details-btn a:hover { background: #127384; color: #ffffff; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; } .product-detail-head .details-btn a:hover img { filter: contrast(50); } .product-detail-head .details-btn a i { margin-right: 5px; line-height: inherit; } .product-detail-head .details-btn a img { margin-right: 5px; } .pro-info { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 10px; padding: 0 10px; } @media (max-width: 575.98px) { .pro-info { display: block; } } .pro-info .pro-badge { margin-bottom: 10px; } .pro-info .badge-km { background: rgba(18, 115, 132, 0.1019607843); color: #127384; font-size: 14px; border-radius: 10px; margin-right: 15px; padding: 5px 9px; } .pro-info .badge-km i { margin-right: 5px; } .pro-info .fav-icon { width: 26px; height: 26px; background: #ffffff; border-radius: 50%; color: #676767; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .pro-info .fav-icon:hover { background: #127384; color: #ffffff; } .pro-info ul { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; flex-wrap: wrap; } .pro-info ul li { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin: 0 10px 10px 0; padding: 0 10px 0 0; position: relative; } .pro-info ul li::before { content: ""; background: #DBDBDB; height: 18px; width: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (max-width: 575.98px) { .pro-info ul li::before { content: none; } } .pro-info ul li.del-airport { color: #FF9307; } .pro-info ul li.del-home { color: #127384; } .pro-info ul li i { margin-right: 5px; } .pro-info ul li:last-child { margin-right: 0; padding-right: 0; } .pro-info ul li:last-child::before { content: none; } .read-more .more-text { display: none; } .more-link { font-size: 15px; font-weight: 600; color: #127384; position: relative; padding-left: 20px; } .more-link i { margin-bottom: 5px; } .more-link::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-family: "Fontawesome"; content: "+"; } .more-link.less::before { content: "\f068"; } .detail-product .slick-track { display: flex; } .detail-product .slick-slide { width: 25% !important; margin: 0 10px; overflow: hidden; } .detail-product .slick-slide.slick-cloned { width: 25% !important; margin: 0 10px; overflow: hidden; } .detail-product .slick-slide.slick-active { width: 25% !important; margin: 0 10px; overflow: hidden; } .detail-product .slick-slide img { width: 100%; border-radius: 10px; } .detail-bigimg { position: relative; margin-bottom: 15px; z-index: 999; } .detail-bigimg button { width: 50px; height: 50px; font-size: 0; background: #ffffff; border-radius: 50%; border: none; z-index: 9999; } @media (max-width: 991.98px) { .detail-bigimg button { width: 35px; height: 35px; } } .detail-bigimg button.slick-prev { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); } .detail-bigimg button.slick-prev:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .detail-bigimg button.slick-prev:before { content: "\f060"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 900; } @media (max-width: 991.98px) { .detail-bigimg button.slick-prev:before { font-size: 13px; } } .detail-bigimg button.slick-next { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .detail-bigimg button.slick-next:hover { background: #FFA633 !important; color: #ffffff; -webkit-transition: 500ms all ease; -o-transition: 500ms all ease; transition: 500ms all ease; -moz-transition: 500ms all ease; -ms-transition: 500ms all ease; } .detail-bigimg button.slick-next:before { content: "\f061"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 900; } @media (max-width: 991.98px) { .detail-bigimg button.slick-next:before { font-size: 13px; } } .detail-product { background: #ffffff; box-shadow: 0px 4px 24px rgba(225, 225, 225, 0.25); border-radius: 5px; overflow: hidden; padding: 15px 5px; } .extra-service span { color: #2F2F2F; font-weight: 500; } .specification-card { background: #fff; padding: 15px 15px 0; box-shadow: 3px 5px 13px rgba(222, 226, 231, 0.44); margin: 20px 0; border: 0; } .specification-card .card-body { padding: 0; } .specification-card .feature-img { width: 60px; height: 60px; background: #ffffff; border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 12px 0 0; flex-shrink: 0; } .specification-card .feature-img.access-feature { margin-bottom: 0px; } .specification-card .featues-info h6 { color: #676767; margin-bottom: 0; font-weight: 400; font-size: 14px; } .specification-card .featues-info span { color: #111; font-weight: 400; display: inline-block; font-size: 14px; margin-bottom: 5px; } .specification-card .featureslist { margin: 0 0px 15px 0; } .specification-card .access-feature.featureslist:last-child { margin: 0; } .listing-feature { padding: 15px 15px 5px; } .listing-feature ul li { margin: 0 0 10px 0; font-size: 14px; } .listing-feature ul li span { width: 16px; height: 16px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background: #127384; border-radius: 50%; margin-right: 8px; } .listing-feature ul li span i { font-size: 10px; color: #ffffff; } .description-list p { margin-bottom: 15px; font-size: 14px; } @media (max-width: 575.98px) { .review-header-group { flex-direction: column; align-items: start; } } .review-list-rating { color: #2F2F2F; margin: 15px 0 15px 0; } @media (max-width: 767.98px) { .review-list-rating { flex-direction: column; align-items: start; } } .review-list-rating li { margin-right: 20px; text-transform: capitalize; } @media (max-width: 767.98px) { .review-list-rating li { margin-bottom: 10px; } .review-list-rating li:last-child { margin-bottom: 0; } } @media (max-width: 1199.98px) { .review-list-rating li { margin-right: 10px; } } .review-list-rating li p { margin-left: 8px; } .review-list-rating li p i { font-size: 12px; color: #FF9307; } .review-sec .input-block .location-check { font-size: 14px; } .review-sec .select2-container--focus .select2-selection--single { background: #F5F5F5; border: 1px solid #F4F4F4; } .review-sec .select2-container--focus .select2-selection--single .select2-selection__rendered { color: #111; font-size: 14px; } .review-sec .leave-reply-form .review-list-rating { margin-top: 0; margin-bottom: 25px; } .review-sec .leave-reply-form .review-list-rating li p i { color: #828282; } .short-video { position: relative; } .short-video img { border-radius: 10px; } .short-video a { width: 58px; height: 58px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #ffffff; font-size: 24px; color: #111; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .short-video a:hover { background: #FFA633; color: #ffffff; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .details-slider-heading { margin-bottom: 25px; } @media (max-width: 767.98px) { .details-slider-heading h3 { margin-top: 30px; } } .details-car-grid { padding: 50px 0 0; } .car-details-slider.owl-carousel .owl-nav, .details-car.owl-carousel .owl-nav { display: flex; -webkit-display: flex; position: absolute; top: -80px; right: 0; } @media (max-width: 767.98px) { .car-details-slider.owl-carousel .owl-nav, .details-car.owl-carousel .owl-nav { left: 0; top: -100px; } } .car-details-slider.owl-carousel .owl-nav .owl-prev, .car-details-slider.owl-carousel .owl-nav .owl-next, .details-car.owl-carousel .owl-nav .owl-prev, .details-car.owl-carousel .owl-nav .owl-next { width: 55px; height: 55px; border: 1px solid #F4F4F4; box-shadow: 0px 4px 24px rgba(255, 255, 255, 0.2); background: #ffffff; border-radius: 50%; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 991.98px) { .car-details-slider.owl-carousel .owl-nav .owl-prev, .car-details-slider.owl-carousel .owl-nav .owl-next, .details-car.owl-carousel .owl-nav .owl-prev, .details-car.owl-carousel .owl-nav .owl-next { width: 35px; height: 35px; font-size: 12px; } } .car-details-slider.owl-carousel .owl-nav .owl-prev:hover, .car-details-slider.owl-carousel .owl-nav .owl-next:hover, .details-car.owl-carousel .owl-nav .owl-prev:hover, .details-car.owl-carousel .owl-nav .owl-next:hover { background: #FFA633; color: #ffffff; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .car-details-slider.owl-carousel .owl-nav .owl-next, .details-car.owl-carousel .owl-nav .owl-next { margin-left: 15px; } .owner-detail { display: flex; align-items: center; background: #F2F7F6; border-radius: 5px; margin: 0 0 20px; padding: 15px; } .owner-detail .owner-img { position: relative; } .owner-detail .owner-img a img { width: 60px; height: 60px; border-radius: 50%; margin-right: 8px; border: 2px solid #ffffff; } @media (max-width: 991.98px) { .owner-detail .owner-img a img { width: 40px; height: 40px; } } .owner-detail .owner-img .badge-check { position: absolute; right: 6px; bottom: 0; width: 16px; height: 16px; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; border-radius: 50%; } .owner-detail .reviewbox-list-rating h5 { color: #000; font-size: 18px; font-weight: normal; margin-bottom: 5px; } .owner-detail .reviewbox-list-rating h5:hover { color: #FFA633; } @media (max-width: 991.98px) { .owner-detail .reviewbox-list-rating h5 { font-size: 16px; margin-bottom: 5px; } } .owner-detail .reviewbox-list-rating p { font-size: 14px; } .owner-detail .reviewbox-list-rating p span { font-weight: normal; margin-left: 5px; color: #676767; } .booking-list { margin-bottom: 20px; } .booking-list li { display: flex; color: #111; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #DBDBDB; } .booking-list li span { font-weight: normal; color: #676767; width: calc(100% - 160px); word-wrap: break-word; } .booking-list li:last-child { border: none; margin: 0; padding: 0; } .booking-list li h6 { color: #1FBC2F; } .message-btn a { font-weight: 500; font-size: 16px; } @media (max-width: 991.98px) { .message-btn a { font-size: 15px; } } .message-btn .btn-order { width: 100%; background: #201F1D; color: #ffffff; margin: 0 0 24px; padding: 7px 20px; border-radius: 5px; } @media (max-width: 991.98px) { .message-btn .btn-order { margin: 0 0 20px; padding: 7px 18px; } } .message-btn .btn-order:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .message-btn .chat-link { display: flex; align-items: center; -webkit-box-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; width: 100%; text-align: center; color: #127384; } .message-btn .chat-link i { margin-right: 10px; } .message-btn .chat-link:hover { color: #FFA633; } .share-car ul { display: flex; flex-wrap: wrap; } .share-car ul li { margin-right: 8px; } .share-car ul li:last-child { margin-right: 0; } .share-car ul li .fa-pinterest-p { background: #ff2d20; } .modal.custom-modal.check-availability-modal { z-index: 99999; } .modal.custom-modal.check-availability-modal .modal-dialog { max-width: 660px; } .modal.custom-modal.check-availability-modal .modal-content { padding: 30px; } @media (max-width: 767.98px) { .modal.custom-modal.check-availability-modal .modal-content { padding: 15px; } } .modal.custom-modal.check-availability-modal .modal-content .modal-header { margin: 0 0 20px; padding: 0 0 20px; } .modal.custom-modal.check-availability-modal .modal-content .modal-header .close span { background: #ffffff; border: 3px solid #FF0000; border-radius: 10px 10px 10px 0; color: #FF0000; } .modal.custom-modal.check-availability-modal .modal-content .modal-body { margin: 0 0 20px 0; padding: 0; } .modal .available-for-ride { border: 1px solid #1FBC2F; color: #1FBC2F; border-radius: 5px; padding: 15px; background: rgba(31, 188, 47, 0.09); margin-bottom: 20px; } .modal .available-for-ride p { color: #1FBC2F; font-size: 18px; } .modal .available-for-ride p i { margin-right: 8px; font-size: 14px; } .modal .booking-info { border: 1px solid #DBDBDB; background: #FCFCFC; border-radius: 10px; margin: 0 0 20px 0; padding: 20px; } @media (max-width: 767.98px) { .modal .booking-info { padding: 15px; } } .modal .booking-info h5 { margin-bottom: 15px; } .modal .booking-info p { margin-bottom: 15px; } .modal .booking-info span { color: #828282; } .modal .booking-info h6 { color: #828282; } .modal .booking-info h6 span { color: #FF0000; font-size: 24px; } .modal .booking-info.seat-select { background: #ffffff; } .modal .booking-info.seat-select h6 { color: #2F2F2F; font-size: 15px; margin-bottom: 15px; } .modal .booking-info.seat-select label { color: #828282; font-size: 14px; font-weight: 600; padding-left: 25px; } .modal .booking-info.seat-select label span { color: #FF0000; } .modal .booking-info.seat-select label input:checked ~ .checkmark { background: #201F1D; } .modal .booking-info.seat-select label input:checked ~ .checkmark::after { color: #ffffff; } .modal .booking-info.pay-amount { background: #ffffff; } .modal .booking-info.pay-amount h6 { margin-bottom: 15px; } .modal .booking-info.pay-amount .radio-btn { margin-bottom: 10px; } .modal .booking-info.pay-amount label { padding-left: 0; } .modal .booking-info.pay-amount label input { width: 15px; height: 15px; background: #ffffff; margin-right: 10px; } .modal .booking-info.pay-amount label input:checked { background: #2F2F2F; } .modal .booking-info.service-tax { background: #ffffff; } .modal .booking-info.service-tax ul li { color: #888888; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #DBDBDB; } .modal .booking-info.service-tax ul li span { color: #888888; } .modal .booking-info.service-tax ul li:last-child { margin: 0; padding: 0; border-bottom: none; } .modal .grand-total { background: #F2F7F6; padding: 20px; border-radius: 10px; } .modal .grand-total h5 { font-size: 20px; color: #2F2F2F; } .modal .grand-total span { font-size: 20px; color: #2F2F2F; } .modal .modal-footer { margin: 0; padding: 0; border: 0; } .modal .modal-footer a { margin: 0; padding: 12px 20px; background: #201F1D; color: #ffffff; } .modal .modal-footer a i { margin-left: 8px; } .booking-section { padding: 80px 0; } @media (max-width: 991.98px) { .booking-section { padding: 50px 0; } } .booking-section .booking-tab { justify-content: center; margin-bottom: 30px; } @media (max-width: 575.98px) { .booking-section .booking-tab { flex-direction: column; } } .booking-section .booking-tab li { margin-right: 15px; } @media (max-width: 575.98px) { .booking-section .booking-tab li { margin: 0 0 20px 0; padding: 0; } } .booking-section .booking-tab li a { padding: 20px; background: #F2F7F6; min-width: 260px; border: 1px solid #ffffff; } .booking-section .booking-tab li a span { color: #DBDBDB; margin-bottom: 8px; display: inline-block; } .booking-section .booking-tab li a h5 { color: #DBDBDB; font-size: 20px; } .booking-section .booking-tab li a.active { background: #ffffff; border: 1px solid #F4F4F4; } .booking-section .booking-tab li a.active h5 { color: #2F2F2F; } .booking-section .booking-tab li a.active span { color: #127384; font-weight: 600; } .booking-section .booking-tab li:last-child { margin: 0; } @media (max-width: 575.98px) { .booking-section .booking-tab li:last-child { margin: 0; } } .booking-details { max-width: 900px; background: #ffffff; border-radius: 10px; margin: 0 auto 40px; padding: 30px; } .booking-details .booking-title h3 { color: #000; font-weight: 600; margin-bottom: 20px; } .booking-details .booking-info { border: 1px solid #DBDBDB; background: #F2F7F6; border-radius: 10px; margin: 0 0 20px 0; padding: 20px; } .booking-details .booking-info .pickup-address { padding-left: 0; } @media (max-width: 767.98px) { .booking-details .booking-info .pickup-address { margin-bottom: 20px; } } @media (max-width: 767.98px) { .booking-details .booking-info .drop-address { margin-bottom: 20px; padding-left: 0; } } @media (max-width: 767.98px) { .booking-details .booking-info .booking-amount { padding-left: 0; } } .booking-details .booking-info h5 { color: #2F2F2F; font-size: 18px; margin-bottom: 10px; } .booking-details .booking-info p { color: #828282; margin-bottom: 5px; } .booking-details .booking-info span { color: #828282; } .booking-details .booking-info h6 { color: #828282; } .booking-details .booking-info h6 span { color: #FF0000; font-size: 24px; } .booking-details .booking-info h6 span i { color: #201F1D; font-size: 18px; } .booking-details .booking-form .booking-title h5 { color: #201F1D; font-size: 20px; margin: 0 0 20px; padding: 0 0 20px 0; border-bottom: 1px solid #DBDBDB; } .booking-details .booking-form .payment-btn { justify-content: end; } .booking-details .booking-form .payment-btn button { background: #201F1D; color: #ffffff; border: 1px solid #201F1D; } .booking-details .booking-form .payment-btn button:hover { background: #ffffff; color: #201F1D; border: 1px solid #201F1D; } .booking-details.payment-details { max-width: 800px; } .back-detail-page { text-align: center; } .back-detail-page a { color: #FF0000; } .payment-method { border: 1px solid #DBDBDB; padding: 20px; border-radius: 10px; } .payment-method h4 { color: #201F1D; font-size: 20px; margin-bottom: 20px; } @media (max-width: 575.98px) { .payment-method h4 { font-size: 16px; } } .payment-method ul { margin-bottom: 20px; } @media (max-width: 767.98px) { .payment-method ul { flex-wrap: wrap; } } @media (max-width: 767.98px) { .payment-method ul li { flex-basis: 48%; margin-bottom: 20px; } .payment-method ul li:last-child { margin-bottom: 0; } .payment-method ul li:nth-child(3) { margin-bottom: 0; } } @media (max-width: 767.98px) and (max-width: 575.98px) { .payment-method ul li { flex-basis: 100%; } .payment-method ul li:nth-child(3) { margin-bottom: 20px; } } .payment-method ul li a { background: #F2F7F6; width: 150px; height: 100px; border-radius: 10px; } @media (max-width: 767.98px) { .payment-method ul li a { width: 100%; } } .payment-method .payment-checkbox label { color: #787878; font-weight: 400; } .payment-method .payment-checkbox label span { color: #FF0000; } .payment-method .payment-checkbox label input:checked ~ .checkmark { background: #201F1D; } .payment-method .payment-checkbox label input:checked ~ .checkmark::after { color: #ffffff; } .modal.custom-modal.check-availability-modal.payment-success-modal .modal-dialog { max-width: 400px; } .modal.custom-modal.check-availability-modal.payment-success-modal .modal-dialog .modal-body { text-align: center; margin: 0; } .modal .payment-success .check { width: 56px; height: 56px; border-radius: 50%; background: #1FBC2F; margin: auto; margin-bottom: 25px; } .modal .payment-success .check i { color: #ffffff; } .modal .payment-success h5 { color: #1FBC2F; font-size: 24px; font-weight: 700; margin-bottom: 8px; } .modal .payment-success p { color: #737373; margin-bottom: 25px; } .modal .payment-success p span { color: #201F1D; font-weight: 600; } .modal .payment-success .order-confirm a { border: 2px solid #201F1D; color: #201F1D; font-weight: 700; padding: 10px 20px; display: inline-block; border-radius: 5px; } .order-confirmation { padding: 80px 0; } @media (max-width: 991.98px) { .order-confirmation { padding: 50px 0; } } @media (max-width: 767.98px) { .order-confirmation { padding: 40px 0; } } .order-confirmation .section-title { max-width: 900px; margin: 0 auto 20px; padding: 0; } @media (max-width: 767.98px) { .order-confirmation .section-title { display: block; } } .order-confirmation .section-title h5 { color: #2F2F2F; } @media (max-width: 767.98px) { .order-confirmation .section-title h5 { margin: 15px 0 0; } } .order-confirmation .section-title h5 span { font-weight: 700; font-size: 20px; } .order-confirmation .order-confirm-box .confirmation-title { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #DBDBDB; } .order-confirmation .order-confirm-box .confirmation-title h4 { color: #201F1D; font-size: 18px; } .order-confirmation .order-confirm-box .confirmation-title a { color: #2F2F2F; font-weight: 600; } .order-confirmation .order-confirm-box .confirmation-title a:hover { color: #FFA633; } .order-confirmation .order-confirm-box .order-car { margin-bottom: 20px; } .order-confirmation .order-confirm-box .order-car img { width: 90px; border-radius: 10px; margin-right: 10px; } .order-confirmation .order-confirm-box .order-car h5 { color: #1FBC2F; font-size: 18px; } .order-confirmation .order-confirm-box .order-car h5 span { color: #FF0000; font-size: 16px; display: block; margin-top: 8px; font-weight: 600; } .order-confirmation .order-confirm-box .visa-card { margin-bottom: 30px; } .order-confirmation .order-confirm-box .visa-card a { display: block; margin-bottom: 10px; } .order-confirmation .order-confirm-box .visa-card h6 { color: #737373; } @media (max-width: 991.98px) { .order-confirmation .order-confirm-box .address-info { margin-bottom: 30px; } } .order-confirmation .order-confirm-box .address-info li { color: #737373; margin-bottom: 10px; } .order-confirmation .order-confirm-box .address-info li:last-child { margin-bottom: 0; } .order-confirmation .place-order-btn { text-align: right; max-width: 900px; margin: auto; } .order-confirmation .place-order-btn a { align-items: center; padding: 12px 20px; } .faq-feature .faq-card { border: 1px solid #F4F4F4; background: #FCFCFC; box-shadow: 0px 4px 4px 0px rgba(241, 241, 241, 0.2509803922); margin-bottom: 15px; padding-right: 20px; } .faq-feature .faq-card p { margin-top: 10px; } .faq-feature .faq-card:last-child { margin-bottom: 0; } .faq-feature .faq-title > a { font-size: 16px; font-weight: normal; color: #111; padding-right: 20px; } .faq-feature .faq-title > a:after { right: 0; } @media (max-width: 991.98px) { .faq-feature .faq-title > a { font-size: 15px; } } .location-content .btn { font-weight: 500; padding: 7px 20px; width: 100%; } .location-content .btn.check-available { padding: 7px 20px; } .location-content .btn + .btn { margin-top: 10px; } .location-content .input-block { margin-bottom: 20px; } .location-content .column-group-last { margin-top: 10px; } .location-content .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; color: #111; } .location-content .select2-container--default .select2-selection--single .select2-selection__arrow b { color: #111; } .btn-theme { background: #127384; border: 1px solid #127384; box-shadow: inset 0 0 0 0 #ffffff; color: #ffffff; } .btn-theme:hover { background-color: #ffffff; border-color: #127384; color: #127384; box-shadow: inset 0 50px 0 0 #ffffff; } .policy-item { background: #F2F7F6; border-radius: 5px; margin: 0 0 15px; padding: 15px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 575.98px) { .policy-item .policy-info { margin-bottom: 10px; } } .policy-item h6 { margin-bottom: 5px; } .policy-item p { font-size: 14px; } .policy-item .policy-link { font-size: 14px; color: #127384; } .policy-item .policy-link:hover { color: #FFA633; } @media (max-width: 575.98px) { .policy-item .policy-link { align-items: start; -webkit-align-items: start; flex-direction: column; } } .policy-item:last-child { margin-bottom: 0; } @media (max-width: 575.98px) { .policy-item { display: block; } } .rating-wraps { border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 24px 15px 0; padding: 20px; width: 200px; height: 200px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; flex-direction: column; } @media (max-width: 767.98px) { .rating-wraps { width: 100%; margin-right: 0; } } .rating-wraps h2 { font-size: 48px; font-weight: 500; color: #127384; margin-bottom: 0; } .rating-wraps h2 span { font-size: 18px; } @media (max-width: 991.98px) { .rating-wraps h2 span { font-size: 16px; } } @media (max-width: 767.98px) { .rating-wraps h2 span { font-size: 14px; } } @media (max-width: 991.98px) { .rating-wraps h2 { font-size: 38px; } } @media (max-width: 767.98px) { .rating-wraps h2 { font-size: 28px; } } .rating-wraps p { font-size: 14px; margin-bottom: 10px; } .rating-wraps h6 { font-size: 16px; font-weight: normal; margin-bottom: 0; } .proress-item { margin-bottom: 10px; } .proress-item h6 { font-weight: normal; min-width: 120px; } .bg-primary { background: #FFA633 !important; } .rating-progress { width: calc(100% - 224px); margin-bottom: 15px; } @media (max-width: 767.98px) { .rating-progress { width: 100%; } } .progress-info { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-bottom: 10px; } .progress-info h6 { font-size: 16px; font-weight: normal; margin-right: 24px; min-width: 120px; } .progress-info .progress { height: 6px; width: 100%; } .progress-info .progress-percent { margin-left: 10px; } .progress-info:last-child { margin-bottom: 0; } .share-car .fi-icon { width: 40px; height: 40px; } @media (max-width: 991.98px) { .share-car .fi-icon { min-width: 30px; width: 30px; height: 30px; } } .price-item { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; background: #F2F7F6; border-radius: 5px; margin: 0 0 15px; padding: 15px; } .price-item p { font-size: 14px; margin-bottom: 0; } .price-item h6 { margin-bottom: 0; } .fare-link { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; font-size: 14px; color: #127384; } .fare-link i { font-size: 16px; margin-right: 5px; } .servicelist { margin-bottom: 15px; } .servicelist .service-img { width: 26px; height: 26px; border-radius: 5px; margin-right: 5px; border: 1px solid #DBDBDB; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; flex-shrink: 0; } .servicelist .service-info p { font-size: 14px; color: #111; } .rating-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .rating-wrapper { display: block; } } .set-rating { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin: 0 24px 15px 0; } .set-rating p { font-size: 14px; margin-right: 10px; color: #676767; } .rating-select { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .rating-select i { color: #DBDBDB; margin-right: 2px; cursor: pointer; } .rating-select i.filled { color: #FF9307; } .review-details .form-control { min-height: 47px; } .review-details .submit-review { font-weight: 500; padding: 7px 20px; } .listing-review.review-sec .review-card { margin-bottom: 0; } .listing-review.review-sec .review-card .review-head { border-bottom: 1px solid #DBDBDB; margin: 0 0 15px; padding: 0 0 15px; } .listing-review.review-sec .review-card .review-head h6 { font-weight: normal; } .listing-review.review-sec .review-card li .review-wraps { margin-bottom: 15px; } .listing-review.review-sec .review-card li ul li { padding-top: 15px; border-top: 1px solid #DBDBDB; } .listing-review.review-sec .review-card li ul li .review-wraps { padding-left: 80px; } @media (max-width: 991.98px) { .listing-review.review-sec .review-card li ul li .review-wraps { padding-left: 40px; } } @media (max-width: 767.98px) { .listing-review.review-sec .review-card li ul li .review-wraps { padding-left: 20px; } } .listing-review.review-sec .review-card li .wrap-card { border: 1px solid #F4F4F4; border-radius: 1px; padding: 15px; } .listing-review.review-sec .review-card > ul > li:last-child .review-wraps { margin-bottom: 0; } .listing-review.review-sec .review-card .review-header-group { margin-bottom: 15px; } .listing-review.review-sec .review-card .review-header-group .review-widget-header .review-design h6 { font-size: 20px; } @media (max-width: 767.98px) { .listing-review.review-sec .review-card .review-header-group .review-widget-header .review-design h6 { font-size: 18px; } } .listing-review.review-sec .review-card .review-header-group .review-widget-header .review-design p { font-weight: normal; margin-top: 2px; } .listing-review.review-sec .review-card .review-reply { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .listing-review.review-sec .review-card .review-reply .btn { background: #127384; border: 1px solid #127384; box-shadow: inset 0 0 0 0 #ffffff; color: #ffffff; } .listing-review.review-sec .review-card .review-reply .btn:hover { background-color: #ffffff; border-color: #127384; color: #127384; box-shadow: inset 0 50px 0 0 #ffffff; } .listing-review.review-sec .review-card .review-reply .btn i { margin-right: 5px; } .listing-review.review-sec .review-card .review-reply .review-action a { font-size: 14px; margin-right: 15px; color: #676767; } .listing-review.review-sec .review-card .review-reply .review-action a i { margin-right: 5px; } .listing-review.review-sec .review-card .review-reply .review-action a:last-child { margin-right: 0; } @media (max-width: 575.98px) { .listing-review.review-sec .review-card .review-reply .review-action { margin-top: 10px; } } @media (max-width: 575.98px) { .listing-review.review-sec .review-card .review-reply { display: block; } } .delivery-tab ul { margin-bottom: 5px; } .delivery-tab ul li { flex: 1; display: inline-block; margin: 0 15px 15px 0; } .delivery-tab ul li:last-child { margin-right: 0; } .form-wrap { position: relative; } .form-wrap .form-control { padding-right: 30px; } .form-wrap .form-icon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #676767; } .gallery-list ul li { margin: 0 15px 15px 0; display: inline-block; } .gallery-list ul li img { border-radius: 10px; } .booking_custom_check { width: 100%; } .booking_custom_check input { position: absolute; opacity: 0; cursor: pointer; } .booking_custom_check .booking_checkmark { border: 1px solid #F4F4F4; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; padding: 10px 15px; width: 100%; height: 100%; position: relative; padding: 15px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: 0.5s all; cursor: pointer; } .booking_custom_check .booking_checkmark .checked-title { color: #111; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.5s all; } .booking_custom_check .booking_checkmark .checked-title:before { content: ""; border: 1px solid #DBDBDB; width: 16px; height: 16px; border-radius: 50%; background: #DBDBDB; display: flex; transition: 0.5s all; margin-bottom: 10px; } .booking_custom_check .booking_checkmark .checked-title::after { content: ""; width: 7px; height: 7px; border-radius: 20px; background: #ffffff; position: absolute; top: 5px; left: 50%; transform: translatex(-50%); opacity: 0; transition: 0.5s all; } .booking_custom_check input:checked ~ .booking_checkmark { border-color: #127384; background: rgba(18, 115, 132, 0.0784313725); transition: 0.5s all; } .booking_custom_check input:checked ~ .booking_checkmark .checked-title::before { background: #127384; border-color: #127384; transition: 0.5s all; } .booking_custom_check input:checked ~ .booking_checkmark .checked-title::after { opacity: 1; transition: 0.5s all; } .booking-card { background: #ffffff; margin: 0 0 40px; padding: 24px; } @media (max-width: 991.98px) { .booking-card { margin-bottom: 20px; } } .success-book { margin-bottom: 24px; text-align: center; } .success-book .success-icon { width: 56px; height: 56px; background: #1FBC2F; border-radius: 50%; margin: 0 auto 25px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; color: #ffffff; } .success-book h5 { color: #000; margin-bottom: 5px; } .success-book h5.order-no { color: #111; margin-bottom: 0; } .success-book h5.order-no span { color: #FFA633; } .success-book .booking-header { background: #FCFCFC; } .success-book .booking-header .book-amount p { font-size: 16px; font-weight: 700; color: #111; } .book-card { border: 1px solid #F4F4F4; border-radius: 5px; margin: 0 0 24px; padding: 15px; } .book-card .book-head { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .book-card .book-body .pricing-lists li { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 15px; color: #111; } .book-card .book-body .pricing-lists li p { font-size: 14px; margin-bottom: 15px; color: #111; margin-bottom: 0; } .book-card .book-body .pricing-lists li p span { font-size: 14px; color: #127384; float: unset; } .book-card .book-body .pricing-lists li span { float: right; font-size: 16px; } .book-card .book-body .pricing-lists li:last-child { margin-bottom: 0; } .book-card .book-body .pricing-lists li.total p { font-size: 15px; font-weight: 600; } .book-card .book-body .pricing-lists li.total span { font-size: 15px; font-weight: 600; } .book-card .book-body .location-lists li { margin-bottom: 15px; } .book-card .book-body .location-lists li:last-child { margin-bottom: 0; } .book-card .book-body .location-lists li h6 { font-size: 14px; font-weight: 500; margin-bottom: 5px; } .book-card .book-body .location-lists li p { font-size: 14px; margin-bottom: 5px; } .book-card .book-body .location-lists li p span { color: #127384; } .book-card .book-body .location-lists li p:last-child { margin-bottom: 0; } .book-card .book-body .driver-info { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin-top: 15px; } .book-card .book-body .driver-info span img { width: 48px; height: 48px; border-radius: 5px; margin-right: 10px; } .book-card .book-body .driver-info .driver-name h6 { margin-bottom: 5px; } .book-card .book-body .driver-info .driver-name ul li { font-size: 14px; margin-right: 19px; display: inline-block; } .book-card .book-body .driver-info .driver-name ul li:last-child { margin-right: 0; } .book-card .book-body .billing-lists li { font-size: 14px; margin-bottom: 10px; } .book-card .book-body .billing-lists li:last-child { margin-bottom: 0; } .print-btn .btn { font-weight: 500; padding: 7px 19px; border: 1px solid #201F1D; box-shadow: inset 0 0 0 #ffffff; } .print-btn .btn:hover { background-color: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; color: #201F1D; } .enquire-modal .custom_check a { color: #127384; } .enquire-modal .custom_check a:hover { color: #FFA633; } .enquire-mdl.new-modal .modal-content { border-radius: 5px; } .enquire-mdl.new-modal .modal-btn-sm .btn { padding: 14px 20px; } @media (max-width: 991.98px) { .enquire-mdl.new-modal .modal-btn-sm .btn { padding: 10px 20px; } } .enquire-mdl.new-modal .booking-header { margin: 0 0 24px; padding: 10px; } .enquire-mdl.new-modal .modal-form-group label { font-size: 15px; font-weight: 600; } .enquire-mdl.new-modal .modal-form-group .form-control { height: 40px; } .enquire-mdl.new-modal .modal-form-group textarea.form-control { height: auto; } .enquire-mdl.new-modal .custom_check { margin-bottom: 24px; } .fare-table { border: 1px solid #F4F4F4; border-radius: 5px; margin-bottom: 15px; } .fare-table .select2-container--default .select2-selection--single { border: 1px solid #F4F4F4; background: #ffffff; height: 30px; } .fare-table .select2-container--default .select2-selection--single .select2-selection__rendered { background: transparent; line-height: 30px; color: #828282; } .fare-table .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; } .fare-table table tbody tr { border-color: #F4F4F4; } .fare-table table tbody td, .fare-table table tbody th { border-color: #F4F4F4; color: #111; } .fare-table table tbody td { font-size: 14px; } .fare-table table tbody td span { color: #127384; } .fare-table table tbody td.amt { font-size: 16px; } .fare-table table tbody th { font-size: 15px; font-weight: 600; padding: 15px; } .booking-header.fare-book { margin-bottom: 15px; } .select2-results__option { font-size: 14px; } .rating-option input { border: 0; width: 0; height: 0; overflow: hidden; position: absolute; opacity: 0; } .rating-option input:checked ~ label:before { color: #f9b851; } .rating-option label { position: relative; margin-right: 20px; font-size: 16px; float: right; cursor: pointer; } .rating-option label::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-family: "Fontawesome"; content: "\f005"; color: #DBDBDB; } .rate-option-item label { margin-bottom: 0; } .rating-selection { text-align: left; position: relative; display: table; } .rating-selection input { border: 0; width: 0; height: 0; overflow: hidden; position: absolute; opacity: 0; } .rating-selection input:checked ~ label:before { color: #FF9307; } .rating-selection label { position: relative; float: right; cursor: pointer; margin-bottom: 0; color: #DBDBDB; font-size: 16px; } .rating-selection label::before { margin-right: 5px; font-family: "Fontawesome"; content: "\f005"; font-weight: 900; display: inline-block; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rating-selection label:hover ~ label:before { color: #FF9307; } .rating-selection label:hover:before { color: #FF9307; } /*----------------- 24. Products -----------------------*/ .sidebar-form .accord-list .accordion:last-child { margin-bottom: 0; border: 0; } .accordion { border-bottom: 1px solid #F4F4F4; margin-bottom: 15px; } .accordion .filter-title { margin-bottom: 15px; } .accordion .filter-title a { font-size: 18px; color: #111; display: inline-block; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 991.98px) { .accordion .filter-title a { font-size: 16px; } } .accordion .view-all { margin-bottom: 15px; font-weight: 500; font-size: 12px; color: #FFA633; } .selectBox-cont .custom_check:last-child { margin-bottom: 0; } .accordion-last { border: 0; } .filter-range .irs--flat .irs-grid { display: none; } .filter-range .irs--flat .irs-min, .filter-range .irs--flat .irs-max { background: #F2F7F6; border-radius: 5px; font-size: 16px; color: #111; padding: 5px 5px; } .filter-range .irs--flat .irs-grid-text { visibility: hidden !important; } .filter-range .irs--flat .irs-line { background: #DBDBDB; height: 6px; top: 48px; } .filter-range .irs--flat .irs-bar { background: #FF9307; height: 8px; top: 48px; } .filter-range .irs--flat .irs-from, .filter-range .irs--flat .irs-to { background: #FF9307; top: 20px; } .filter-range .irs--flat .irs-single { background: #FF9307; width: 50px; text-align: center; margin-left: 10px; } .filter-range .irs--flat .irs-single:before { border-top-color: #FF9307; } .filter-range .irs--flat .irs-handle.state_hover > i:first-child { background: #FF9307; } .filter-range .irs--flat .irs-handle:hover i { background: #FF9307; } .filter-range .irs--flat .irs-handle > i { background: #FF9307; width: 15px; height: 15px; border-radius: 50%; top: 22px; } .product-search { margin: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .form-custom { position: relative; } .form-custom .form-control { padding: 9px 15px; margin: 0 0 20px; font-size: 14px; color: #828282; background: #F5F5F5; border: 1px solid #F4F4F4; border-radius: 5px; } .form-custom .form-control:focus { background: #ffffff; outline: none; } .form-custom .form-control::placeholder { color: #828282; } .form-custom span img { position: absolute; right: 15px; top: 50%; transform: translate(-5%, -50%); } .open-filter .custom_check { color: #201F1D; } .open-filter .custom_check i { color: red; } .open-filter i { transition: 0.2s; } .accordion .collapsed i { color: #201F1D; transition: 0.2s; transform: rotate(-180deg); } .accordion .float-end { color: #201F1D; font-size: 14px; margin-top: 3px; } @media (max-width: 768px) { .list-btn { display: none; } } @media (max-width: 320px) { .list-btn .filter-list { display: block !important; } } .list-btn .filter-list .short-filter { border: 1px solid #888888; border-radius: 8px; color: #201F1D; font-size: 14px; height: 39px; padding: 10px; background: #ffffff; } .list-btn .filter-list .short-filter .sort { background: transparent; border: none; outline: 0; font-size: 12px; font-weight: 600; color: #3F4254; } .list-btn .filter-list li { padding: 0 5px 0 0; } @media (max-width: 320px) { .list-btn .filter-list li { margin: 0 0 10px; } } .list-btn .filter-list li a.active { border: 1px solid #FFA633 !important; color: #FFA633 !important; } .list-btn .filter-list li:last-child { padding: 0; } .list-btn .filter-list li ul li { padding: 0; margin: 0 0 10px; } .list-btn .filter-list li ul li .download-item { color: #201F1D; font-size: 14px; margin: auto; } .list-btn .filter-list li ul li .download-item:hover { color: #FFA633; } .list-btn .filter-list li ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .list-btn .btn-filters { border: 1px solid #888888; border-radius: 8px; color: #201F1D; min-width: 39px; height: 39px; background: #ffffff; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 320px) { .list-btn .btn-filters { max-width: 140px; } } .list-btn .btn-filters span { margin-bottom: 0; line-height: 0; font-size: 18px; } .list-btn .btn-filters:hover { box-shadow: 0 40px 0 0 #FFA633 inset; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; color: #ffffff; } .list-btn .btn-filters:hover i { color: #ffffff; } .list-btn .dropdown-menu { background: #FFFFFF; border: 1px solid #E0E0E0; box-shadow: 0px 16px 32px rgba(190, 190, 190, 0.2); border-radius: 12px; padding: 10px; margin-top: 10px !important; min-width: 100px; } .list-btn .dropdown-menu .dropdown-item { font-weight: 500; font-size: 14px; color: #878A99; display: flex; justify-content: start; align-items: center; } .custom_check { color: #676767; display: inline-block; position: relative; font-size: 14px; margin-bottom: 15px; padding-left: 30px; cursor: pointer; font-weight: 400; user-select: none; } .custom_check input:checked ~ .checkmark { background-color: #201F1D; border-color: #201F1D; } .custom_check input:checked ~ .checkmark:after { display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10px; } .custom_check input { position: absolute; opacity: 0; cursor: pointer; } .custom_check .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 1px solid #DBDBDB; background: #F5F5F5; border-radius: 5px; transition: all 0.3s ease-in-out; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; display: none; left: 4px; top: 2px; color: #ffffff; font-size: 9px; } .input-block .custom_check { margin-bottom: 15px; } .car-listing .sidebar-form { background: #ffffff; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); } @media (max-width: 1199.98px) { .car-listing .sidebar-form { margin-bottom: 24px; } } .car-listing .sidebar-form .sidebar-heading h3 { font-weight: 500; font-size: 18px; margin-bottom: 15px; } @media (max-width: 991.98px) { .car-listing .sidebar-form .sidebar-heading h3 { font-size: 16px; } } .car-listing .sidebar-form .custom_check i { color: #DBDBDB; } .car-listing .sidebar-form .custom_check i.filled { color: #FF9307; } .car-listing .sidebar-form .custom_check .rating-count { color: #676767; font-size: 14px; margin-left: 5px; } .car-listing .sidebar-form .reset-filter { display: block; text-align: center; margin-top: 15px; font-size: 16px; color: #FF0000; } .car-listing .sidebar-form .reset-filter:hover { color: #e60000; } .car-listing .blog-pagination { margin-top: 16px; } @media (max-width: 479px) { .car-listing .blog-pagination { margin-top: 10px; } } .car-listing .pagination { flex-wrap: wrap; } @media (max-width: 479px) { .car-listing .pagination .previtem, .car-listing .pagination .nextlink { margin-bottom: 10px; } } .car-listing .pagination .previtem a, .car-listing .pagination .nextlink a { height: 38px; border-radius: 10px; padding: 0 20px; color: #2F2F2F; } .car-listing .pagination .previtem a:focus, .car-listing .pagination .nextlink a:focus { outline: 0; box-shadow: none; } @media (max-width: 479px) { .car-listing .pagination li .page-group ul { flex-wrap: wrap; } } @media (max-width: 479px) { .car-listing .pagination li .page-group ul li { margin-bottom: 10px; } } .car-listing .filter-btn { padding: 7px 15px; background: #127384; border: 1px solid #127384; font-size: 16px; font-weight: 500; } .car-listing .filter-btn:hover { border-color: #127384; color: #127384; } .car-listing .filter-btn span { line-height: 1; } .car-listing .filter-btn:active { background: #FFA633; border-color: #FFA633; } .sorting-div .count-search { margin-bottom: 15px; } .sorting-div .count-search p { font-size: 16px; font-weight: 700; color: #111; } @media (max-width: 991.98px) { .sorting-div .count-search { margin-bottom: 20px; } } @media (max-width: 575.98px) { .sorting-div .product-filter-group { display: block; } } @media (max-width: 991.98px) { .sorting-div .product-filter-group { justify-content: start; } } .sorting-div .product-filter-group ul li { margin-bottom: 15px !important; } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset { flex-wrap: wrap; } } .sorting-div .product-filter-group .sortbyset .filter-btns { border: 1px solid #676767; color: #676767; font-size: 14px; border-radius: 9px; padding: 7px 10px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-right: 10px; } .sorting-div .product-filter-group .sortbyset .filter-btns i { margin-right: 5px; } .sorting-div .product-filter-group .sortbyset .filter-btns:hover { background: #676767; color: #ffffff; } .sorting-div .product-filter-group .sortbyset ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; } .sorting-div .product-filter-group .sortbyset ul li { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0 15px 0 0; padding: 0 5px 0 0; } .sorting-div .product-filter-group .sortbyset ul li::before { content: ""; background: #F4F4F4; width: 1px; height: 28px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .sorting-div .product-filter-group .sortbyset ul li:last-child { margin: 0 14px 0 0; padding: 0; } .sorting-div .product-filter-group .sortbyset ul li:last-child::before { content: none; } .sorting-div .product-filter-group .sortbyset .sortbytitle { font-size: 16px; color: #111; margin-right: 9px; white-space: nowrap; } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset .sortbytitle { font-size: 15px; margin: 0 9px 0 0; } } .sorting-div .product-filter-group .sortbyset .sorting-select { margin-right: 10px; } .sorting-div .product-filter-group .sortbyset .sorting-select .sortbytitle { font-size: 16px; color: #111; margin-right: 9px; } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset .sorting-select .sortbytitle { font-size: 15px; } } .sorting-div .product-filter-group .sortbyset .sorting-select.select-one { width: 90px; } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset .sorting-select.select-one { width: 100%; } } .sorting-div .product-filter-group .sortbyset .sorting-select.select-two { width: 145px; } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset .sorting-select.select-two { width: 100%; } } .sorting-div .product-filter-group .sortbyset .sorting-select.select-three { width: 300px; } @media (max-width: 767.98px) { .sorting-div .product-filter-group .sortbyset .sorting-select.select-three { width: 300px; } } @media (max-width: 575.98px) { .sorting-div .product-filter-group .sortbyset .sorting-select.select-three { margin-bottom: 15px; width: 100%; } } .sorting-div .product-filter-group .sortbyset .select2-container--default .select2-selection--single { border: 1px solid #DBDBDB; background: #F5F5F5 !important; height: 40px; } .sorting-div .product-filter-group .sortbyset .select2-container--default .select2-selection--single .select2-selection__rendered { color: #828282; } .sorting-div .product-filter-group .sortbyset .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .sortby-sec { background: #ffffff; margin: 0 0 40px; padding: 15px 15px 0; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 10px; } @media (max-width: 991.98px) { .sortby-sec { margin-bottom: 20px; } } .grid-listview ul li { margin-right: 10px; } .grid-listview ul li a { width: 45px; height: 45px; border: 1px solid #F4F4F4; background: #F5F5F5; color: #676767; border-radius: 5px; font-size: 24px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .grid-listview ul li a.active { border-color: #127384; background: #127384; color: #ffffff; } .grid-listview ul li a:hover { background: #127384; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #ffffff; } @media (max-width: 1399.98px) { .grid-listview ul li a { font-size: 20px; } } @media (max-width: 991.98px) { .grid-listview ul li a { width: 40px; height: 40px; font-size: 18px; } } .grid-listview ul li:last-child { margin: 0; } .listview-car .card { margin-bottom: 24px; padding: 20px; } .listview-car .card .blog-widget .feature-text { width: 100%; position: relative; background-size: cover; text-transform: uppercase; color: #FFF; width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 6; top: 0; left: 0; } .listview-car .card .blog-widget .feature-text span { position: absolute; display: block; width: 225px; padding: 4px 0; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: capitalize; text-align: center; font-size: 14px; inset-inline-end: 0px; inset-block-start: 24px; transform: rotate(-45deg); } .listview-car .card .blog-img { margin-right: 15px; flex-shrink: 0.5; overflow: hidden; border-radius: 10px; } .listview-car .card .blog-img > a { display: block; border-radius: 10px; overflow: hidden; } @media (max-width: 767.98px) { .listview-car .card .blog-img { margin-right: 0; margin-bottom: 15px; width: 100%; max-width: 100%; } } .listview-car .card .blog-img img { border-radius: 10px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767.98px) { .listview-car .card .blog-img img { width: 100%; } } .listview-car .card .blog-img:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767.98px) { .listview-car .card .blog-widget { flex-direction: column; align-items: center; } } .listview-car .card .card-body { margin: 0; padding: 0; } .listview-car .card .card-body .blog-list-head { margin-bottom: 20px; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head { margin-bottom: 20px; flex-direction: column; align-items: inherit !important; } } .listview-car .card .card-body .blog-list-head .blog-list-title { overflow: hidden; } .listview-car .card .card-body .blog-list-head .blog-list-title h3 { margin-bottom: 10px; font-size: 20px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listview-car .card .card-body .blog-list-head .blog-list-title h3 a { color: #201F1D; } .listview-car .card .card-body .blog-list-head .blog-list-title h3 a:hover { color: #127384; } @media (max-width: 991.98px) { .listview-car .card .card-body .blog-list-head .blog-list-title h3 a { font-size: 18px; } } .listview-car .card .card-body .blog-list-head .blog-list-title h6 { font-size: 14px; color: #676767; font-weight: 400; } .listview-car .card .card-body .blog-list-head .blog-list-title h6 i { margin-right: 5px; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-title h6 { margin-bottom: 10px; font-size: 15px; } } .listview-car .card .card-body .blog-list-head .blog-list-title .km-count { background: #127384; border-radius: 5px; padding: 1px 5px; font-size: 12px; color: #ffffff; display: inline-block; white-space: nowrap; } .listview-car .card .card-body .blog-list-head .blog-list-title .km-count img { margin-right: 5px; width: auto; } .listview-car .card .card-body .blog-list-head .blog-list-title h5 { margin-bottom: 3px; } .listview-car .card .card-body .blog-list-head .blog-list-title h5 a { font-size: 16px; color: #201F1D; } .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-right: 5px; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom { margin-bottom: 10px; } } .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom .car-list-icon img { margin-right: 8px; border-radius: 50%; width: 32px; height: 32px; } .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom .address-info { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom h6 { margin-right: 8px; } .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom h6 i { line-height: 0; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-title .title-bottom h6 { margin-bottom: 0; } } .listview-car .card .card-body .blog-list-head .blog-list-rate h6 { font-weight: 600; font-size: 24px; color: #FF0000; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-rate h6 { font-size: 22px; } } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-rate h6 { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } } .listview-car .card .card-body .blog-list-head .blog-list-rate h6 span { font-size: 14px; font-weight: normal; color: #676767; margin-left: 5px; } .listview-car .card .card-body .blog-list-head .blog-list-rate .list-rating { text-align: right; margin-bottom: 5px; } .listview-car .card .card-body .blog-list-head .blog-list-rate .list-rating i { color: #DBDBDB; font-size: 14px; } .listview-car .card .card-body .blog-list-head .blog-list-rate .list-rating i.filled { color: #FF9307; } @media (max-width: 767.98px) { .listview-car .card .card-body .blog-list-head .blog-list-rate .list-rating { text-align: left; } } .listview-car .card .card-body .blog-list-head.list-head-bottom { margin: 0; align-items: center; } .listview-car .card .card-body .listing-details-group { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #F4F4F4; } .listview-car .card .card-body .listing-details-group ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0; padding: 10px 10px 0; background: #F2F7F6; border-radius: 5px; flex-wrap: wrap; } @media (max-width: 1199.98px) { .listview-car .card .card-body .listing-details-group ul { margin: 0; padding: 10px 10px 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } .listview-car .card .card-body .listing-details-group ul li { font-size: 14px; margin: 0 26px 10px 0; } .listview-car .card .card-body .listing-details-group ul li:last-child { margin-right: 0; } @media (max-width: 1399.98px) { .listview-car .card .card-body .listing-details-group ul li { margin-right: 20px; } } @media (max-width: 1199.98px) { .listview-car .card .card-body .listing-details-group ul li { -ms-flex: 33.33%; flex: 33.33%; max-width: 33.33%; display: flex; display: -webkit-flex; margin-right: 0; } } @media (max-width: 767.98px) { .listview-car .card .card-body .listing-details-group ul li { -ms-flex: 50%; flex: 50%; max-width: 50%; display: flex; display: -webkit-flex; } } .listview-car .card .card-body .listing-details-group ul li span { line-height: 0; } .listview-car .card .card-body .listing-details-group ul li span img { margin-right: 8px; line-height: 0; width: 16px; } .listview-car .card .card-body .listing-button .btn-order { background: #201F1D; color: #ffffff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 16px; font-weight: 500; padding: 6px 18px; white-space: nowrap; } @media (max-width: 1199.98px) { .listview-car .card .card-body .listing-button .btn-order { padding: 6px 15px; font-size: 15px; } } @media (max-width: 767.98px) { .listview-car .card .card-body .listing-button .btn-order { width: 100%; } } .listview-car .card .card-body .listing-button .btn-order:hover { background-color: #127384 !important; color: #ffffff; border-radius: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #checkBoxes1 { max-height: 180px; overflow-y: auto; -webkit-overflow-y: auto; -moz-overflow-y: auto; -ms-overflow-y: auto; -o-overflow-y: auto; margin: 0 0 15px; } #checkBoxes2 { max-height: 180px; overflow-y: auto; -webkit-overflow-y: auto; -moz-overflow-y: auto; -ms-overflow-y: auto; -o-overflow-y: auto; margin: 0 0 15px; } #checkBoxes3 { max-height: 180px; overflow-y: auto; -webkit-overflow-y: auto; -moz-overflow-y: auto; -ms-overflow-y: auto; -o-overflow-y: auto; margin: 0 0 15px; } #checkBoxes4 { max-height: 180px; overflow-y: auto; -webkit-overflow-y: auto; -moz-overflow-y: auto; -ms-overflow-y: auto; -o-overflow-y: auto; margin: 0 0 15px; } #checkBoxes5, #checkBoxes20, #checkBoxes02 { max-height: 180px; overflow-y: auto; -webkit-overflow-y: auto; -moz-overflow-y: auto; -ms-overflow-y: auto; -o-overflow-y: auto; margin: 0 0 15px; } #checkBoxes1::-webkit-scrollbar { width: 4px; } #checkBoxes2::-webkit-scrollbar { width: 4px; } #checkBoxes3::-webkit-scrollbar { width: 4px; } #checkBoxes4::-webkit-scrollbar { width: 4px; } #checkBoxes5::-webkit-scrollbar { width: 4px; } #checkBoxes20::-webkit-scrollbar, #checkBoxes02::-webkit-scrollbar { width: 4px; } #checkBoxes20::-webkit-scrollbar-track, #checkBoxes02::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes20::-webkit-scrollbar-thumb, #checkBoxes02::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes1::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes2::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } #checkBoxes3::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } #checkBoxes4::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } #checkBoxes5::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } #checkBoxes1::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes2::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes3::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes4::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } #checkBoxes5::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } .theme-colorsset ul { display: flex; display: -webkit-flex; align-items: center; -webkit-box-align: center; flex-wrap: wrap; margin-bottom: 8px; } .theme-colorsset ul li { margin: 0 7px 9px 0; } .theme-colorsset ul li .input-themeselects input[type=radio] { display: none; } .theme-colorsset ul li .input-themeselects input[type=radio]:checked ~ label:after { content: "\f00c"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .theme-colorsset ul li .input-themeselects input[type=radio]:checked ~ label.white-clr:after { color: #FFA633; } .theme-colorsset ul li .input-themeselects label { width: 31px; height: 31px; border-radius: 5px; position: relative; } .theme-colorsset ul li .input-themeselects label.green-clr { border: 1px solid #127384; background: #127384; } .theme-colorsset ul li .input-themeselects label.yellow-clr { border: 1px solid #FFA633; background: #FFA633; } .theme-colorsset ul li .input-themeselects label.brown-clr { border: 1px solid #2F2F2F; background: #2F2F2F; } .theme-colorsset ul li .input-themeselects label.black-clr { border: 1px solid #201F1D; background: #201F1D; } .theme-colorsset ul li .input-themeselects label.red-clr { border: 1px solid #FF0000; background: #FF0000; } .theme-colorsset ul li .input-themeselects label.gray-clr { border: 1px solid #DBDBDB; background: #DBDBDB; } .theme-colorsset ul li .input-themeselects label.gray100-clr { border: 1px solid #F1F1F1; background: #F1F1F1; } .theme-colorsset ul li .input-themeselects label.blue-clr { border: 1px solid #00CCFF; background: #00CCFF; } .theme-colorsset ul li .input-themeselects label.white-clr { border: 1px solid #F4F4F4; background: #ffffff; } .fuel-list ul { display: flex; display: -webkit-flex; align-items: center; -webkit-box-align: center; flex-wrap: wrap; margin-bottom: 5px; } .fuel-list ul li { margin: 0 10px 10px 0; } .fuel-list ul li .input-selection input[type=radio] { display: none; } .fuel-list ul li .input-selection input[type=radio]:checked ~ label { background: #127384; border-color: #127384; color: #ffffff; } .fuel-list ul li .input-selection label { border: 2px solid #F4F4F4; border-radius: 5px; color: #676767; padding: 1px 4px; font-size: 14px; cursor: pointer; } .page-search.section-search { margin: -70px 0 40px; } @media (max-width: 991.98px) { .page-search.section-search { margin-bottom: 20px; } } .listing-page .breadcrumb-bar { padding-bottom: 100px; } .product-availability { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .product-availability h6 { font-size: 18px; color: #111; } @media (max-width: 991.98px) { .product-availability h6 { font-size: 16px; } } .product-availability .status-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-availability .status-toggle .checktoggle { background-color: #ffffff; border: 1px solid #676767; cursor: pointer; display: block; font-size: 0; margin-bottom: 0; position: relative; width: 20px; height: 12px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .product-availability .status-toggle .checktoggle:after { height: 15px; width: 15px; } .product-availability .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .product-availability .status-toggle .check:checked + .checktoggle { background-color: #ffffff; border: 1px solid #1FBC2F; } .product-availability .status-toggle .check:checked + .checktoggle:after { background-color: #1FBC2F; left: 100%; transform: translate(calc(-100% - 2px), -50%); height: 6px; width: 6px; } .product-availability .status-toggle .checktoggle:after { content: " "; display: block; background-color: #676767; height: 6px; width: 6px; transform: translate(2px, -50%); -webkit-transform: translate(2px, -50%); -ms-transform: translate(2px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .card { color: inherit; } .map-listing { height: calc(100vh - 0px); width: 100%; } .map-listing .listing-item { width: 350px !important; } @media (max-width: 1199.98px) { .map-listing { height: 450px; } } .gm-style { font-family: "Fira Sans", sans-serif !important; } .gm-style .gm-style-iw-c { padding: 0 !important; } .gm-style .listing-item { padding-bottom: 5px; padding-right: 5px; margin-bottom: 0; } .map-right { height: 100%; min-height: 100%; padding-right: 30px; position: sticky; top: 0; right: 0; bottom: 0; z-index: 1029; display: none; } .map-right .available-info { margin-bottom: 0; } @media (max-width: 1199.98px) { .map-right { position: static; height: 450px; } } .map-right.grid-list-map { display: block; padding-right: 0px; top: 80px; z-index: 9; } .map-list { padding: 40px 24px; } @media (max-width: 991.98px) { .map-list { padding: 20px 15px; } } .map-page .page-search.section-search { margin-bottom: 0; } .map-page .car-listing { padding: 0; } .map-page .sortby-sec { padding: 0; box-shadow: none; margin-bottom: 25px; } .map-page .sorting-div .product-filter-group .sortbyset .sorting-select.select-two { width: 109px; } .toggle-popup { width: 306px; position: fixed; top: 0; left: -100%; height: 100vh; transition: ease all 0.8s; -webkit-transition: ease all 0.8s; -ms-transition: ease all 0.8s; z-index: 1031; border-radius: 10px; } @media (max-width: 767.98px) { .toggle-popup { width: 100%; } } .toggle-popup.sidebar-popup { left: 0; transition: ease all 0.8s; -webkit-transition: ease all 0.8s; -ms-transition: ease all 0.8s; } .toggle-popup .sidebar-layout { background-color: #fff; max-width: 306px; width: 100%; position: absolute; left: 0; height: 100vh; overflow-y: auto; overflow-x: hidden; border-radius: 0 10px 10px 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .toggle-popup .sidebar-layout::-webkit-scrollbar { width: 4px; } .toggle-popup .sidebar-layout::-webkit-scrollbar-track { background-color: #F1F1F1; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } .toggle-popup .sidebar-layout::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 2px; -webkit-background-color: #DBDBDB; -moz-background-color: #DBDBDB; -ms-background-color: #DBDBDB; -o-background-color: #DBDBDB; } .toggle-popup .sidebar-layout .toggle-body { padding: 20px 20px 0; } @media (max-width: 767.98px) { .toggle-popup .sidebar-layout { max-width: 500px; } } .sidebar-overlay { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); top: 0; left: -100%; z-index: 1030; } .sidebar-overlay.open { left: 0; } .filter-range { margin-bottom: 15px; } .header-information ul { display: flex; flex-wrap: wrap; } .header-information ul li a { padding: 9px 15px; color: #2F2F2F; font-size: 16px; border-radius: 5px; } .header-information ul li a.active { background: #127384; color: #fff; } .header-information ul li a:hover { background: #127384; color: #fff; } .delete-links { width: 45px; height: 45px; font-size: 22px; border: 1px solid #FF0000; display: flex; align-items: center; justify-content: center; border-radius: 5px; color: #FF0000; } .delete-links:hover { background: #FF0000; color: #ffffff; } .add-service { margin-bottom: 16px; } .add-service .add-text-link { color: #127384; } .heading-lising h4 { font-size: 24px; font-weight: 600; margin-bottom: 10px; } .heading-lising p { color: #787878; font-weight: 400; font-size: 14px; margin-bottom: 16px; } .add-listing .form-control { height: 45px; background: #F5F5F5; border: 1px solid #F4F4F4; } .add-listing .select2-container--default .select2-selection--single { height: 45px; } .add-listing .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px; } .add-listing .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; } .add-listing .card .card-body { padding-bottom: 8px; } .add-listing .form-label { margin-bottom: 5px; font-size: 15px; font-weight: 600; color: #2F2F2F; } .add-listing textarea.form-control { height: 163px; } .check-listli ul { display: flex; align-items: center; flex-wrap: wrap; } .check-listli ul li { width: 33.3%; margin-bottom: 15px; } .check-listprice { margin-bottom: 16px; } .check-listprice ul { display: flex; align-items: center; flex-wrap: wrap; } .check-listprice ul li + li { margin-left: 15px; } .upload-div { position: relative; border: 1px dashed #DBDBDB; border-radius: 5px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; } .upload-div:hover { background: #f6f7f8; } .upload-div input[type=file] { opacity: 0; width: 100%; height: 150px; position: relative; z-index: 999; } .upload-div .upload-photo-drag { position: absolute; text-align: center; } .upload-div .upload-photo-drag span { background: #FFA633; padding: 7px 15px; border-radius: 5px; color: #fff; margin-bottom: 15px; display: block; } .upload-div .upload-photo-drag h6 { font-size: 14px; font-weight: 400; color: #828282; } .upload-list { margin-bottom: 16px; } .upload-list ul { list-style: disc; padding-left: 15px; } .upload-list ul li + li { margin-top: 10px; } .upload-list ul li { font-size: 14px; color: #828282; } /*----------------- 25. Users -----------------------*/ .status-lists { margin-bottom: 40px; } .status-lists li { background: rgba(31, 188, 47, 0.1); padding: 10px; color: #201F1D; font-size: 16px; margin-bottom: 13px; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .status-lists li.bg-danger-light { background: rgba(239, 59, 45, 0.1); } @media (max-width: 767.98px) { .status-lists li { font-size: 15px; } } .status-lists li span { margin-right: 5px; } .status-lists li:last-child { margin-bottom: 0; } .status-lists li p a { text-decoration: underline; color: #201F1D; } .status-lists li p a:hover { color: #FFA633; } .status-lists li .close-link { color: #111; } .status-lists li .close-link:hover { color: #FF0000; } .status-lists li .view-detail { text-decoration: underline; color: #201F1D; } .status-lists li .view-detail:hover { color: #FFA633; } @media (max-width: 575.98px) { .status-lists li.approve-item { flex-direction: column; } } .widget-box { border: 1px solid #F4F4F4; background: #FCFCFC; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); margin: 0 0 24px; padding: 24px; } .widget-box .widget-header { border-bottom: 1px solid #DBDBDB; margin-bottom: 15px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .widget-box .widget-header .widget-content { margin-bottom: 15px; } .widget-box .widget-header .widget-content h6 { color: #737373; margin-bottom: 5px; } .widget-box .widget-header .widget-content h3 { font-size: 28px; color: #111; } @media (max-width: 991.98px) { .widget-box .widget-header .widget-content h3 { font-size: 24px; } } @media (max-width: 767.98px) { .widget-box .widget-header .widget-content h3 { font-size: 22px; } } .widget-box .widget-header .widget-icon { margin-bottom: 15px; } .widget-box .widget-header .widget-icon span { width: 65px; height: 65px; border-radius: 60px 0px 60px 60px; background: #127384; padding: 15px; } .widget-box .view-link { color: #127384; } .widget-box .view-link:hover { color: #FFA633; } .bg-danger { background-color: #FF0000 !important; } .bg-success { background-color: #1FBC2F !important; } .card.user-card { border-radius: 5px 5px 0px 0px; border: 1px solid #DBDBDB; background: #ffffff; box-shadow: none; } .card.user-card .card-header { border-color: #DBDBDB; padding: 15px 15px 7px; } .card.user-card .card-header h5 { color: #111; font-size: 20px; margin-bottom: 8px; } @media (max-width: 767.98px) { .card.user-card .card-header h5 { font-size: 18px; } } .booking-select { margin-bottom: 8px; } .booking-select .select2-container--default { min-width: 134px !important; } .booking-select .select2-container--default .select2-selection--single { border-color: #DBDBDB; background: #F5F5F5; } .booking-select .select2-container--default .select2-selection--single .select2-selection__rendered { color: #111; line-height: 45px; } .booking-select .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; top: 0; } .booking-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #111; } .booking-select .view-link { color: #127384; margin-left: 20px; } .booking-select .view-link:hover { color: #FFA633; } .status-box { background: #F2F7F6; padding: 10px; } .status-box p { font-size: 14px; color: #111; } .status-box p span { color: #737373; } .dashboard-table { border: 1px solid #DBDBDB; border-radius: 5px; } .dashboard-table .table.dataTable { border-collapse: collapse !important; margin: 0 !important; } .dashboard-table .table.dataTable thead th { background-color: #F2F7F6; color: #111; } .dashboard-table .table.dataTable tbody tr:last-child td { border-bottom: 0; } .dashboard-table .table.dataTable tbody tr td { padding: 10px 15px; } .dashboard-table .table.dataTable tbody tr td .reason-link { color: #FFA633; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-toggle { width: 30px; height: 30px; font-size: 16px; color: #737373; border-radius: 5px; border: 1px solid #DBDBDB; background: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-toggle i { position: relative; left: 0; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-toggle:hover { color: #737373; border: 1px solid #DBDBDB; background: #F1F1F1; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu { width: 160px; background: #ffffff; border: 1px solid #DBDBDB; box-shadow: none; border-radius: 5px; padding: 15px; margin-top: 5px !important; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item { border-bottom: 0; border-radius: 0; padding: 10px 10px; font-size: 14px; color: #737373; font-weight: 400; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item:hover { color: #111; background-color: #F5F5F5; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item:first-child { border-radius: 5px 5px 0 0; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item:last-child { border-bottom: 0; border-radius: 0 0 5px 5px; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item i { font-size: 15px; margin-right: 6px; line-height: inherit; } .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item.active, .dashboard-table .table.dataTable tbody tr td .dropdown-action .dropdown-menu .dropdown-item:active { color: #FFA633; background-color: #ffffff; } .dashboard-table .table td { color: #737373; } .dashboard-table .table td .table-avatar { font-weight: 400; } .dashboard-table .table td .table-avatar a { font-weight: 500; font-size: 14px; margin-bottom: 6px; color: #111; } .dashboard-table .table td .table-avatar a:hover { color: #FFA633; } .dashboard-table .table td .table-avatar .avatar { margin: 0 8px 0 0; margin-right: 8px; } .dashboard-table .table td .table-avatar .avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .dashboard-table .table td .table-avatar .avatar.avatar-lg { width: 60px; height: 60px; } .dashboard-table .table td .table-avatar .avatar.avatar-md { width: 45px; height: 45px; } .dashboard-table .table td h6 { font-size: 14px; font-weight: normal; margin-bottom: 7px; color: #111; } .dashboard-table .table td p { font-size: 14px; } .dashboard-table .table td .badge { border-radius: 5px; padding: 7px 5px; font-size: 14px; font-weight: 500; min-width: 80px; text-align: center; } .dashboard-table .table td h5 { font-size: 15px; font-weight: 600; } .dashboard-table .table tbody tr { border: 0; } .dashboard-table .table tbody tr td { border-bottom: 1px solid #DBDBDB; } .dashboard-table .table thead { background-color: transparent; border-bottom: 0; } .dashboard-table .table thead tr th { font-weight: 500; padding: 15px; font-size: 16px; } .table-search { justify-content: flex-end; -webkit-justify-content: end; -ms-flex-pack: end; } @media (max-width: 767.98px) { .table-search { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } } @media (max-width: 575.98px) { .table-search { flex-direction: column; margin-top: 15px; } } .table-search .btn-add { border-radius: 5px; margin: 0 0 10px; padding: 7px 20px; color: #ffffff; background-color: #201F1D; border: 1px solid #201F1D; font-weight: 500; font-size: 16px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; line-height: inherit; } .table-search .btn-add i { margin-right: 5px; } .table-search .btn-add:hover { background-color: #ffffff; color: #201F1D; border-radius: 5px; box-shadow: inset 0 70px 0 0 #ffffff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #tablefilter { margin: 0 15px 10px 0; } @media (max-width: 575.98px) { #tablefilter { margin-right: 0; } } #tablefilter div.dataTables_filter label { position: relative; } #tablefilter div.dataTables_filter label::before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 15px; content: "\f002"; right: 15px; top: 50%; transform: translateY(-50%); color: #737373; } #tablefilter div.dataTables_filter .form-control { height: 39px; border: 1px solid #F4F4F4; border-radius: 5px; min-width: 276px; background-color: #F5F5F5; padding: 10px 35px 10px 15px; } @media (max-width: 991.98px) { #tablefilter div.dataTables_filter .form-control { min-width: 220px; } } .table-footer { margin-top: 20px; } .table-footer .page-link { width: 47px; height: 37px; padding: 0; border: 0; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; color: #201F1D; border: 1px solid #DBDBDB; color: #2F2F2F; border-radius: 10px; padding: 10px; } .table-footer .page-item.active .page-link { border-radius: 10px; background-color: #127384; color: #ffffff; border-color: #127384; } .table-footer .page-item.active .page-link:focus { box-shadow: none; } .table-footer .pagination { margin-top: 0; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; } @media (max-width: 767.98px) { .table-footer .pagination { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } .table-footer .pagination li.previous .page-link, .table-footer .pagination li.next .page-link { border-radius: 10px; width: auto; } .table-footer .pagination li.previous { margin-right: 16px; } .table-footer .pagination li.previous i { margin-right: 4px; } @media (max-width: 767.98px) { .table-footer .pagination li.previous { margin-right: 10px; } } .table-footer .pagination li.next { margin-left: 24px; } .table-footer .pagination li.next i { margin-left: 4px; } @media (max-width: 767.98px) { .table-footer .pagination li.next { margin-left: 18px; } } .table-footer .pagination li + li { margin-left: 8px; } .table-footer .dataTables_length label { color: #111; font-weight: normal !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .table-footer .dataTables_length .form-control { width: auto; height: auto; border: 2px solid #DBDBDB; color: #737373; font-size: 16px; padding: 5px; } @media (max-width: 767.98px) { .table-footer .dataTables_length { margin-bottom: 15px; text-align: center; } } .dashboard-table-info { border: 0; border-radius: 0; } .text-darker { color: #111 !important; } .badge-light-secondary { background: rgba(18, 115, 132, 0.1); color: #127384; } .badge-light-warning { background: rgba(255, 147, 7, 0.1); color: #FF9307; } .badge-light-success { background: rgba(31, 188, 47, 0.1); color: #1FBC2F; } .badge-light-danger { background: rgba(255, 0, 0, 0.1); color: #FF0000; } .book-card .card-header { border-bottom: 1px solid #F4F4F4; margin-bottom: 20px; padding-bottom: 5px; } .book-card .card-header h4 { font-size: 24px; font-weight: 600; color: #111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; margin-bottom: 10px; } @media (max-width: 991.98px) { .book-card .card-header h4 { font-size: 22px; } } @media (max-width: 767.98px) { .book-card .card-header h4 { font-size: 20px; } } .book-card .card-header h4 span { background-color: #737373; width: 26px; height: 26px; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; border-radius: 50%; font-size: 14px; color: #ffffff; margin-left: 10px; } .book-card .card-body { padding: 0 24px 24px; } .sorting-info { background: #ffffff; border: 0; border-radius: 5px; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); margin: 0 0 24px; padding: 15px; } @media (max-width: 991.98px) { .sorting-info .sortby-filter-group { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } @media (max-width: 991.98px) { .booking-lists ul { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } @media (max-width: 991.98px) { .booking-lists ul li { margin-bottom: 15px; } } @media (max-width: 767.98px) { .booking-lists ul li { width: 100%; } } .booking-lists ul li + li { margin-left: 15px; } @media (max-width: 767.98px) { .booking-lists ul li + li { margin-left: 0px; } } .booking-lists ul li a { padding: 10px 10px; border-radius: 5px; background: #ffffff; color: #111; border: 1px solid #DBDBDB; } @media (max-width: 1199.98px) { .booking-lists ul li a { padding: 10px 12px; } } @media (max-width: 991.98px) { .booking-lists ul li a { display: block; } } @media (max-width: 767.98px) { .booking-lists ul li a { width: 100%; } } .booking-lists ul li a.active { background: #127384; color: #ffffff; } .booking-lists ul li a:hover { background: #127384; color: #ffffff; } .filter-group { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: end; -webkit-justify-content: end; -ms-flex-pack: end; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 991.98px) { .filter-group { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } @media (max-width: 767.98px) { .filter-group { flex-direction: column; } } @media (max-width: 767.98px) { .sort { width: 100%; } } .sort.sort-week { margin-right: 15px; } @media (max-width: 1199.98px) { .sort.sort-week { margin-right: 10px; } } @media (max-width: 767.98px) { .sort.sort-week { margin: 0 0 10px 0; } } .sort .dropdown .dropdown-toggle { border-radius: 5px; border: 1px solid #DBDBDB; background: #F5F5F5; padding: 12px; min-width: 120px; color: #111; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .sort .dropdown .dropdown-toggle i { margin-left: 10px; } .sort .dropdown .dropdown-toggle::after { content: none; } @media (max-width: 767.98px) { .sort .dropdown .dropdown-toggle { width: 100%; } } .sort .dropdown .dropdown-menu { min-width: 170px; background: #ffffff; border: 1px solid #DBDBDB; box-shadow: none; border-radius: 5px; padding: 15px; margin-top: 5px !important; } .sort .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid 0; border-radius: 0; padding: 10px 10px; font-size: 14px; color: #737373; font-weight: 400; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .sort .dropdown .dropdown-menu .dropdown-item:hover { background-color: #F5F5F5; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .sort .dropdown .dropdown-menu .dropdown-item:first-child { border-radius: 5px 5px 0 0; } .sort .dropdown .dropdown-menu .dropdown-item:last-child { border-bottom: 0; border-radius: 0 0 5px 5px; } .sort .dropdown .dropdown-menu .dropdown-item i { font-size: 15px; margin-right: 6px; } .sort .dropdown .dropdown-menu .dropdown-item.active, .sort .dropdown .dropdown-menu .dropdown-item:active { color: #FFA633; background-color: #ffffff; } @media (max-width: 767.98px) { .sort .dropdown .dropdown-menu { width: 100%; } } .reason-item p { color: #2F2F2F; font-size: 14px; } .cancel-ride textarea.form-control { height: auto !important; resize: none; } .booking-img-wrap { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } @media (max-width: 991.98px) { .booking-img-wrap { margin-bottom: 15px; } } .booking-img-wrap .book-img { margin-right: 10px; } .booking-img-wrap .book-img img { height: 60px; border-radius: 5px; object-fit: cover; } .booking-img-wrap .book-info h6 { font-size: 15px; font-weight: 600; margin-bottom: 5px; } .booking-img-wrap .book-info p { font-size: 14px; } .booking-header { border-radius: 5px; background: #F2F7F6; margin: 0 0 20px; padding: 15px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 991.98px) { .booking-header { flex-direction: column; align-items: start; -webkit-align-items: start; } } .booking-header .book-amount { text-align: right; } @media (max-width: 991.98px) { .booking-header .book-amount { text-align: left; } } .booking-header .book-amount p { font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #000; } .booking-header .book-amount h6 { color: #FF0000; } .booking-header .book-amount h6 a { color: #737373; } .booking-group { border-radius: 10px; background-color: #F2F7F6; padding: 15px; margin-bottom: 20px; } .modal-item { margin-bottom: 40px; } @media (max-width: 767.98px) { .modal-item { margin-bottom: 20px; } } .booking-view { margin-bottom: 15px; } .booking-view h6 { font-size: 14px; color: #201F1D; margin-bottom: 10px; } .booking-view p { font-size: 14px; color: #737373; } .booking-wrapper { border-radius: 5px; background-color: #ffffff; margin: 0 0 20px; padding: 15px 15px 0; } .booking-wrapper:last-child { margin-bottom: 0; } .booking-wrapper .booking-title h6 { border-bottom: 1px solid #F4F4F4; margin-bottom: 15px; padding-bottom: 15px; } .booking-wrapper .booking-title h6 a { color: #111; } .booking-wrapper .booking-title .title-icon { width: 26px; height: 26px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 5px; background-color: #FFA633; color: #ffffff; margin-right: 10px; } .booking-wrapper .badge { border-radius: 5px; padding: 7px 5px; font-size: 14px; font-weight: 500; min-width: 80px; text-align: center; } .booking-wrapper .selectbox-cont .custom_check { color: #737373; } .booking-wrapper .selectbox-cont .custom_check .amt { color: #FF0000; font-weight: 500; } .modal-btn-item .btn { margin-right: 15px; } .modal-btn-item .btn:last-child { margin-right: 0; } .cancel-reason h6 { font-size: 14px; font-weight: 500; margin-bottom: 10px; } .cancel-reason p { font-size: 14px; margin-bottom: 20px; } .cancel-box { font-size: 14px; background: #FCE3E3; color: #FF0000; padding: 10px; } .refund-wrap h6 { font-size: 16px; margin-bottom: 10px; color: #737373; font-weight: normal; } .card-status-wrap { border-bottom: 1px solid #DBDBDB; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 24px; padding-bottom: 14px; } .card-status-wrap .card-status { margin-bottom: 10px; } .card-status-wrap .card-status h5 { font-size: 20px; margin-bottom: 5px; color: #111; } .card-status-wrap .card-status p { color: #737373; font-size: 16px; } .card-status-wrap .status-img { margin-bottom: 10px; } .refund-process h5 { color: #737373; font-size: 16px; margin-bottom: 15px; font-weight: normal; } .refund-process ul li { position: relative; padding: 0 0 40px 19px; } .refund-process ul li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px dashed #DBDBDB; } .refund-process ul li::after { content: ""; display: block; position: absolute; top: 5px; left: -4px; width: 8px; height: 8px; border-radius: 50%; background-color: #FFA633; outline: 4px solid #F2F7F6; } .refund-process ul li:last-child { padding-bottom: 15px; } .refund-process ul li:last-child::before { height: 0; } .refund-process ul li:last-child::before { background-color: #ffffff; } .refund-process ul li h6 { font-size: 16px; margin-bottom: 5px; color: #111; font-weight: normal; } .refund-process ul li p { color: #737373; font-size: 14px; } .listview-car .blog-img { position: relative; max-width: 230px; } .listview-car .blog-img .fav-item { position: absolute; left: 0; top: 0; width: 100%; padding: 15px; z-index: 1; font-size: 14px; } .listview-car .blog-img .fav-icon { position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; border-radius: 50%; color: #676767; background: #ffffff; border: 1px solid #ffffff; } .listview-car .blog-img .fav-icon.selected { background-color: #127384; border: 1px solid #127384 !important; color: #fff; } .listview-car .blog-img .img-count { border-radius: 43px; background: rgba(0, 0, 0, 0.5019607843); margin: 0 7px 0 0; padding: 2px 6px; color: #ffffff; -webkit-transition: 500ms all ease; -ms-transition: 500ms all ease; transition: 500ms all ease; opacity: 0; } .listview-car .blog-img .img-count i { font-size: 12px; margin-right: 5px; } .review-rating i { color: #FF9307; font-size: 14px; } .review-rating span { margin-left: 5px; } .review-wrap { border-radius: 10px; border: 1px solid #F4F4F4; background: #ffffff; margin: 0 0 20px; padding: 15px 15px 0; } .review-wrap .booking-img-wrap { margin-bottom: 15px; } .review-wrap .booking-img-wrap .book-info h6 { font-size: 14px; margin-bottom: 0; } .review-wrap .booking-img-wrap .book-img { margin-right: 10px; } .review-wrap .booking-img-wrap .book-img img { width: 45px; height: 45px; } .review-wrap .booking-view h6 { font-weight: normal; margin-bottom: 0; } .rating-wrap { border-radius: 10px; border: 1px solid #F4F4F4; background: #ffffff; margin: 0 0 20px; padding: 15px 15px 0; } .rating-wrap .rating a { color: #737373; font-size: 14px; } .rating-wrap .rating a.selected { color: #FFA633; } .new-modal .rating-wrap .modal-form-group textarea.form-control { height: auto; } .wishlist-wrap .listview-car .card .card-body .listing-details-group ul { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } .wishlist-wrap .listview-car .card .card-body .listing-details-group ul li { margin-right: 26px; } .loc-wrap { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .loc-wrap .loc-item { margin-right: 24px; width: 100%; } @media (max-width: 575.98px) { .loc-wrap .loc-item { margin-right: 0; } } .loc-wrap .btn { width: 147px; font-size: 14px; padding: 11px 10px; border-radius: 5px; } .loc-wrap .btn:hover { background-color: #201F1D; color: #ffffff; } @media (max-width: 575.98px) { .loc-wrap { flex-direction: column; } } .rent-radio { border-radius: 5px; border: 1px solid #F4F4F4; background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); padding: 15px; } .rent-radio .custom_radio { margin: 0; color: #111; text-align: center; padding: 0; display: block; } .rent-radio .custom_radio .checkmark { position: relative; display: block; padding: 0; left: 50%; transform: translateX(-50%); margin-bottom: 8px; background-color: #DBDBDB; border: 1px solid #F5F5F5; } .rent-radio .custom_radio input:checked ~ .checkmark { background-color: #127384; } .rent-radio .custom_radio input:checked ~ .checkmark::after { background-color: #ffffff; width: 6px; height: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rent-radio.active { background: rgba(18, 115, 132, 0.08); border-color: #127384; } .rent-radio .rent-option { color: #111 !important; } .badge-item .badge { border-radius: 5px; padding: 7px 5px; font-size: 14px; font-weight: 500; min-width: 80px; text-align: center; } .avatar { position: relative; display: inline-block; width: 3rem; height: 3rem; } .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar .avatar-title { width: 100%; height: 100%; color: #ffffff; } .avatar.avatar-online::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #1FBC2F; } .avatar.avatar-offline::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #FF0000; } .avatar.avatar-away::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #FF9307; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar .avatar-xs .border { border-width: 2px !important; } .avatar .avatar-xs .rounded { border-radius: 4px !important; } .avatar .avatar-xs .avatar-title { font-size: 12px; } .avatar .avatar-xs.avatar-away::before, .avatar .avatar-xs.avatar-offline::before, .avatar .avatar-xs.avatar-online::before { border-width: 1px; } .chat-page .footer { display: none; } .chat-window { position: relative; } .chat-window .chat-cont-left { border: 1px solid #DBDBDB; border-right: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; z-index: 4; position: relative; left: 0; } @media (max-width: 1199.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; border-right: 1px solid #DBDBDB; } } @media (max-width: 479px) { .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-name, .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-header { background-color: #ffffff; border-bottom: 1px solid #F5F5F5; color: #111; height: 72px; padding: 0 15px; } .chat-window .chat-cont-left .chat-header span { font-size: 20px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-left .chat-header .chat-compose { color: rgb(115, 115, 115); } .chat-window .chat-cont-left .chat-search { background-color: #F5F5F5; border-bottom: 1px solid #F5F5F5; padding: 11px 15px; width: 100%; } .chat-window .chat-cont-left .chat-search .input-group { width: 100%; } .chat-window .chat-cont-left .chat-search .input-group .form-control { background-color: #ffffff; padding-left: 36px; border-radius: 50px; } .chat-window .chat-cont-left .chat-search .input-group .form-control:focus { border-color: #201F1D; box-shadow: none; } .chat-window .chat-cont-left .chat-search .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend { color: #737373; pointer-events: none; z-index: 4; position: absolute; top: 0; bottom: 0; left: 15px; } .chat-window .chat-cont-left .chat-users-list { background-color: #ffffff; } .chat-window .chat-cont-left .chat-users-list a.notify-block { padding: 10px 15px; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .chat-window .chat-cont-left .chat-users-list a.notify-block:last-child { border-bottom: 0; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap { margin-right: 15px; position: relative; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .avatar { height: 45px; width: 45px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .avatar img { width: 100%; height: 100%; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .status { height: 10px; width: 10px; border: 2px solid #ffffff; position: absolute; right: 4px; bottom: 7px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #111; text-transform: capitalize; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; } } @media (max-width: 479px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #737373; font-size: 14px; line-height: 24px; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; } } @media (max-width: 479px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child { text-align: right; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child .last-chat-time { color: #737373; font-size: 13px; } .chat-window .chat-cont-left .chat-users-list a.notify-block:hover { background-color: #F5F5F5; } .chat-window .chat-cont-left .chat-users-list a.notify-block.active { background-color: #F5F5F5; } .chat-window .chat-scroll { min-height: 300px; max-height: calc(100vh - 224px); overflow-y: auto; overflow-x: hidden; } .chat-window .chat-scroll::-webkit-scrollbar { width: 6px; } .chat-window .chat-scroll::-webkit-scrollbar-track { background-color: #ddd; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } .chat-window .chat-scroll::-webkit-scrollbar-thumb { background-color: #FFA633; border-radius: 2px; -webkit-background-color: #FFA633; -moz-background-color: #FFA633; -ms-background-color: #FFA633; -o-background-color: #FFA633; } .chat-window .chat-cont-right { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; border: 1px solid #DBDBDB; } @media (max-width: 1199.98px) { .chat-window .chat-cont-right { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-right { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; } } .chat-window .chat-cont-right .chat-header { background-color: #ffffff; border-bottom: 1px solid #DBDBDB; height: 72px; padding: 0 15px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } } .chat-window .chat-cont-right .chat-header .back-user-list { display: none; margin-right: 5px; margin-left: -7px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .back-user-list { display: block; } } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap { position: relative; margin-right: 15px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .avatar { height: 50px; width: 50px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .status { border: 2px solid #ffffff; height: 10px; width: 10px; position: absolute; right: 3px; bottom: 0; } @media (max-width: 767.98px) { .chat-window .chat-cont-right .chat-header .notify-block .media-body { display: none; } } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-name { color: #111; font-size: 16px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-status { color: #737373; font-size: 14px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .chat-options { margin-left: auto; } } .chat-window .chat-cont-right .chat-header .chat-options > a { border-radius: 50%; height: 30px; color: rgb(115, 115, 115); margin-left: 10px; width: 30px; } .chat-window .chat-cont-right .chat-body { background-color: #FCFCFC; } .chat-window .chat-cont-right .chat-body ul.list-unstyled { width: 100%; margin: 0 auto; padding: 15px; } .chat-window .chat-cont-right .chat-body .notify-block .avatar { height: 30px; width: 30px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body { margin-left: 20px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div { display: inline-block; position: relative; border-radius: 0.25rem; padding: 10px 15px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div p { color: #737373; margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box + .msg-box { margin-top: 5px; } .chat-window .chat-cont-right .chat-body .notify-block.received { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body { position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div { background-color: #F2F7F6; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-right: 6px solid #F2F7F6; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: auto; left: -6px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box { padding-left: 50px; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-left: 6px solid #F1F1F1; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: -6px; left: auto; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block:last-child { margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { margin-left: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div { background-color: #F1F1F1; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div p { color: #737373; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info li { padding-left: 16px; padding-right: 0; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-attachments { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div:hover .chat-msg-actions { opacity: 1; } .chat-window .chat-cont-right .chat-body .chat-date { font-size: 14px; margin: 1.875rem 0; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; color: #111; } .chat-window .chat-cont-right .chat-body .chat-date:before { background-color: rgba(145, 158, 171, 0.3); content: ""; height: 1px; margin-right: 28px; width: 100%; position: absolute; top: 50%; right: 50%; } .chat-window .chat-cont-right .chat-body .chat-date:after { background-color: rgba(145, 158, 171, 0.3); content: ""; height: 1px; margin-left: 28px; width: 100%; position: absolute; top: 50%; left: 50%; } .chat-window .chat-cont-right .chat-footer { background-color: #ffffff; position: relative; padding: 10px 15px; } .chat-window .chat-cont-right .chat-footer .input-group { width: 100%; } .chat-window .chat-cont-right .chat-footer .input-group .form-control { background-color: #ffffff; border: 1px solid #DBDBDB; border-radius: 8px !important; } .chat-window .chat-cont-right .chat-footer .input-group .form-control:focus { background-color: #ffffff; border: 1px solid #DBDBDB; box-shadow: none; } .chat-window .chat-cont-right .chat-footer .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-right .chat-footer .input-group .btn { background-color: transparent; border: none; color: #737373; } .chat-window .chat-cont-right .chat-footer .input-group .btn.msg-send-btn { background-color: rgb(255, 159, 67); border-color: #FFA633; color: #ffffff; margin-left: 10px; width: 40px; height: 40px; border-radius: 8px !important; } .chat-window .chat-cont-right .msg-typing { width: auto; height: 24px; padding-top: 8px; } .chat-window .chat-cont-right .msg-typing span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #737373; display: block; opacity: 0.4; border-radius: 50%; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; } .chat-window .chat-msg-info { clear: both; list-style: none; margin: 5px 0 0; padding: 0; } .chat-window .chat-msg-info li { font-size: 13px; padding-right: 16px; position: relative; } .chat-window .chat-msg-info li:not(:last-child):after { content: ""; height: 4px; width: 4px; background: #DBDBDB; border-radius: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); position: absolute; top: 50%; right: 8px; } .chat-window .chat-msg-info li a { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-msg-info li a:hover { color: #737373; } @media (max-width: 991.98px) { .chat-window.chat-slide .chat-cont-right { right: 0; opacity: 1; visibility: visible; z-index: 999; } } .chat-seen i { color: #1FBC2F; font-size: 16px; } .chat-msg-attachments { width: 100%; margin: 0 -1px; padding: 4px 0; } .chat-msg-attachments > div { margin: 0 1px; } .chat-attachment { position: relative; max-width: 200px; overflow: hidden; border-radius: 0.25rem; } .chat-attachment img { max-width: 100%; } .chat-attachment:before { background: #000; content: ""; opacity: 0.4; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-attachment:hover:before { opacity: 0.6; } .chat-attachment:hover .chat-attach-caption { opacity: 0; } .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-attach-caption { color: #ffffff; padding: 7px 15px; font-size: 13px; opacity: 1; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; right: 0; bottom: 0; left: 0; } .chat-attach-download { opacity: 0; color: #ffffff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; transform: translate(-50%, -50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: 50%; } .chat-attach-download:hover { color: #737373; background: #ffffff; } .chat-attachment-list { margin: -5px; } .chat-attachment-list li { width: 33.33%; padding: 5px; } .chat-attachment-item { border: 5px solid rgba(230, 239, 251, 0.5); height: 100%; min-height: 60px; text-align: center; } .chat-msg-actions { opacity: 0; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: -30px; } .chat-msg-actions > a { font-size: 24px; padding: 0 10px; } .chat-msg-actions > a:hover { color: #737373; } @keyframes blink { 50% { opacity: 1; } } .btn-file { font-size: 20px; overflow: hidden; position: relative; vertical-align: middle; padding: 0 0.75rem; } .btn-file input { cursor: pointer; filter: alpha(opacity=0); height: 100%; margin: 0; opacity: 0; width: 100%; position: absolute; top: 0; right: 0; } .incoming-btns { margin-top: 20px; } .call-wrapper { position: relative; height: calc(100vh - 145px); } @media (max-width: 991.98px) { .call-wrapper { height: calc(100vh - 140px); } } @media (max-width: 767.98px) { .call-wrapper { height: calc(100vh - 115px); } } .call-page .footer { display: none; } .dropdown-action .dropdown-toggle::after { display: none; } .call-modal .modal-body { padding: 40px; } .call-modal .modal-content { border: 0; border-radius: 10px; } input.form-control.rounded-pill:focus { z-index: 3; } @media (max-width: 575.98px) { .chat-custom { flex-wrap: wrap; } } .call-box .call-wrapper { height: auto; text-align: center; } .call-box .call-wrapper .call-user { margin-bottom: 30px; } .call-box .call-wrapper .call-user h4 { font-size: 24px; } .call-box .call-wrapper .call-user span { display: block; font-weight: 500; text-align: center; } .call-box .call-wrapper .call-avatar { margin-bottom: 30px; cursor: pointer; animation: ripple 2s infinite; } .call-box .call-wrapper .call-items .call-item { background-color: rgba(255, 255, 255, 0.2); border: 1px solid transparent; border-radius: 100%; color: #ffffff; line-height: 0; margin: 0 5px; padding: 15px; } .call-box .call-wrapper .call-items .call-item:hover { opacity: 0.9; } .call-box .call-wrapper .call-items .call-item:first-child, .call-box .call-wrapper .call-items .call-item:last-child { margin-top: -30px; } .call-box .call-wrapper .call-items .call-item.call-end { background: #f06060; border: 1px solid #f06060; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box .call-wrapper .call-items .call-item.call-start { background: #1FBC2F; border: 1px solid #1FBC2F; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box.incoming-box .call-wrapper .call-items .call-item.call-start, .call-box.incoming-box .call-wrapper .call-items .call-item.call-end { margin: 0 10px; } .call-box .call-avatar { height: 140px; max-width: 140px; min-width: 140px; position: relative; width: 100%; border-radius: 100%; } .call-box .btn { background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .back-user-list { color: #000; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } @keyframes ripple { 0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after { right: auto; left: 8px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .dashboard-section { background: #ffffff; overflow: hidden; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); padding: 20px 0 0; } @media (max-width: 767.98px) { .dashboard-section { padding: 20px 0 10px; } } @media (max-width: 991.98px) { .dashboard-section .dashboard-menu { text-align: center; } } @media (max-width: 991.98px) { .dashboard-section .dashboard-menu ul { margin-right: -20px; } } @media (max-width: 767.98px) { .dashboard-section .dashboard-menu ul { margin-right: -10px; } } .dashboard-section .dashboard-menu ul li { display: inline-block; margin-bottom: 20px; margin-right: 20px; } @media (max-width: 1440px) { .dashboard-section .dashboard-menu ul li { margin-right: 15px; } } @media (max-width: 991.98px) { .dashboard-section .dashboard-menu ul li { margin-right: 20px; } } @media (max-width: 767.98px) { .dashboard-section .dashboard-menu ul li { margin-right: 10px; margin-bottom: 10px; } } .dashboard-section .dashboard-menu ul li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .dashboard-section .dashboard-menu ul li:last-child { margin-right: 20px; } } @media (max-width: 767.98px) { .dashboard-section .dashboard-menu ul li:last-child { margin-right: 10px; } } .dashboard-section .dashboard-menu ul li a { font-size: 14px; color: #737373; background: #F2F7F6; border: 1px solid #F2F7F6; border-radius: 5px; padding: 22px; display: inline-block; text-align: center; min-width: 135px; line-height: normal; } @media (max-width: 767.98px) { .dashboard-section .dashboard-menu ul li a { padding: 20px; } } .dashboard-section .dashboard-menu ul li a img { margin-bottom: 10px; } .dashboard-section .dashboard-menu ul li a span { display: block; } .dashboard-section .dashboard-menu ul li a.active { color: #ffffff; background: #FFA633; border-color: #FFA633; } .dashboard-section .dashboard-menu ul li a.active img { filter: invert(1) brightness(100); } .dashboard-section .dashboard-menu ul li a.active:hover { color: #ffffff; background: #FFA633; border-color: #FFA633; } .dashboard-section .dashboard-menu ul li a:hover { color: #FFA633; background: #ffffff; border-color: #FFA633; } @media (max-width: 767.98px) { .wallet-card { margin-bottom: 20px; } } .wallet-card .card-body { padding: 24px; } @media (max-width: 767.98px) { .wallet-card .card-body { padding: 15px; } } .balance-info { margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid #F4F4F4; } @media (max-width: 767.98px) { .balance-info { margin-bottom: 20px; padding-bottom: 10px; } } .balance-grid { background: #111; padding: 15px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 24px; } @media (max-width: 767.98px) { .balance-grid { margin-bottom: 10px; } } .balance-grid .balance-content h6 { font-size: 18px; font-weight: 500; color: #ffffff; margin-bottom: 0; } .balance-grid .balance-content h4 { font-size: 28px; font-weight: 700; color: #ffffff; margin-bottom: 0; } .balance-grid .refersh-icon a { font-size: 16px; color: #ffffff; } .balance-grid .refersh-icon a:hover { color: #FFA633; } .balance-inner { padding: 15px; border-radius: 5px; margin-bottom: 10px; width: 100%; } .balance-inner h6 { font-size: 18px; font-weight: 500; color: #111; margin-bottom: 5px; } .balance-inner p { font-size: 14px; color: #127384; margin-bottom: 0; } .credit-info { background: #EBF5F1; } .debit-info { background: #FDF0E6; } .transaction-info { background: #F6F4FB; } .wallet-form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 15px; } .wallet-form-group label { margin-right: 15px; margin-bottom: 0; color: #111; font-size: 14px; } .wallet-form-group .form-control { border-radius: 5px; border: 1px solid #F4F4F4; background: #F5F5F5; font-size: 14px; height: 45px; padding: 15px; max-width: 300px; } @media (max-width: 767.98px) { .wallet-form-group .form-control { height: 40px; } } .wallet-form-group .form-control::placeholder { color: #737373; font-size: 14px; } .wallet-btn .btn { font-size: 16px; font-weight: 500; color: #ffffff; background: #201F1D; border: 1px solid #201F1D; border-radius: 5px; padding: 8px 15px; min-width: 136px; } @media (max-width: 767.98px) { .wallet-btn .btn { font-size: 14px; min-width: 120px; } } .wallet-btn .btn:hover { color: #201F1D; background: #ffffff; border: 1px solid #201F1D; } @media (max-width: 767.98px) { .your-card { margin-bottom: 20px; } } .your-card .card-body { padding: 24px; } @media (max-width: 767.98px) { .your-card .card-body { padding: 15px; } } .your-card .card-body .wallet-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin: 0 0 5px; padding: 0 0 15px; border-bottom: 1px solid #F4F4F4; } .your-card .card-body .wallet-header h4 { font-size: 20px; font-weight: 500; color: #111; margin-bottom: 0; } @media (max-width: 767.98px) { .your-card .card-body .wallet-header h4 { font-size: 18px; } } .your-card .card-body .wallet-header a { font-size: 16px; color: #737373; background: #F1F1F1; border-radius: 50px; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .your-card .card-body .wallet-header a:hover { background: #FFA633; color: #ffffff; } .wallet-table .table-responsive .table { margin: 0; } .wallet-table .table-responsive .table tbody tr { border-bottom: 0; } .wallet-table .table-responsive .table tbody tr td { font-size: 14px; color: #737373; padding: 15px; line-height: normal; white-space: nowrap; vertical-align: middle; border-color: #F4F4F4; border-bottom: 1px solid #F4F4F4; } .wallet-table .table-responsive .table tbody tr td:last-child { padding-right: 0; } @media (max-width: 767.98px) { .wallet-table .table-responsive .table tbody tr td:last-child { padding-right: 10px; } } .wallet-table .table-responsive .table tbody tr td .custom_radio { margin-bottom: 0; } .wallet-table .table-responsive .table tbody tr td .custom_radio .checkmark { width: 12px; height: 12px; border: 0; background-color: #DBDBDB; } .wallet-table .table-responsive .table tbody tr td .custom_radio .checkmark::after { top: 0; left: 0; width: 12px; height: 12px; background-color: #1FBC2F; } .wallet-table .table-responsive .table tbody tr td h6 { font-size: 18px; font-weight: 500; color: #111; margin-bottom: 5px; } @media (max-width: 767.98px) { .wallet-table .table-responsive .table tbody tr td h6 { font-size: 16px; } } .wallet-table .table-responsive .table tbody tr td p { margin-bottom: 0; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-toggle { width: 30px; height: 30px; font-size: 16px; color: #737373; border-radius: 5px; border: 1px solid #DBDBDB; background: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-toggle i { position: relative; left: 0; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-toggle:hover { color: #737373; border: 1px solid #DBDBDB; background: #F1F1F1; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu { width: 160px; background: #ffffff; border: 1px solid #DBDBDB; box-shadow: none; border-radius: 5px; padding: 0; margin-top: 5px !important; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item { border-bottom: 1px solid #F4F4F4; border-radius: 0; padding: 10px 15px; font-size: 14px; color: #737373; font-weight: 400; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item:hover { color: #FFA633; padding-left: 25px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item:first-child { border-radius: 5px 5px 0 0; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item:last-child { border-bottom: 0; border-radius: 0 0 5px 5px; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item i { font-size: 15px; margin-right: 6px; } .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item.active, .wallet-table .table-responsive .table tbody tr td .dropdown-action .dropdown-menu .dropdown-item:active { color: #FFA633; background-color: #ffffff; } .new-modal .modal-header .invoice-btns { position: absolute; top: -50px; right: 0; } .new-modal .modal-header .invoice-btns .btn { font-size: 14px; font-weight: 400; color: #737373; padding: 10px 15px; border-radius: 5px; border: 1px solid #ffffff; background: #ffffff; box-shadow: inset 0 0 0 #201F1D; } .new-modal .modal-header .invoice-btns .btn:hover { color: #ffffff; background: #201F1D; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #201F1D; } @media (max-width: 767.98px) { .new-modal .modal-header .invoice-btns .btn { padding: 8px 15px; } } .new-modal .modal-header .invoice-btns .btn i { margin-right: 4px; } .new-modal .total-payment { background: #F5F5F5; border-radius: 5px; padding: 10px; margin-bottom: 40px; text-align: center; } @media (max-width: 767.98px) { .new-modal .total-payment { margin-bottom: 15px; } } .new-modal .total-payment p { font-size: 16px; font-weight: 500; color: #737373; margin-bottom: 0; } .new-modal .total-payment h6 { font-size: 18px; font-weight: 500; color: #201F1D; margin-bottom: 0; } .new-modal .choose-payment-info h5 { font-size: 16px; font-weight: 400; color: #111; margin-bottom: 20px; } .new-modal .choose-payment-info .choose-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; padding-bottom: 10px; } @media (max-width: 767.98px) { .new-modal .choose-payment-info .choose-payment { display: block; } } .new-modal .choose-payment-info .choose-payment .custom_radio { padding: 10px 15px 0; margin-right: 10px; margin-bottom: 20px; } .new-modal .choose-payment-info .choose-payment .custom_radio:last-child { margin-right: 0; } @media (max-width: 767.98px) { .new-modal .choose-payment-info .choose-payment .custom_radio { margin-right: 20px; } } .new-modal .choose-payment-info .choose-payment .custom_radio .checkmark { width: 110px; height: 70px; border-radius: 5px; background: #F2F7F6; border: 3px solid #F2F7F6; top: 58%; left: 0; transform: translateY(-50%); } .new-modal .choose-payment-info .choose-payment .custom_radio .checkmark::after { width: 110px; height: 70px; border-radius: 5px; top: 0; left: 0; background: #ffffff; border: 3px solid #FFA633; } .new-modal .choose-payment-info .choose-payment .custom_radio img { position: relative; z-index: 1; width: 80px; } .new-modal .choose-payment-info .add-payment-table-info { margin-bottom: 30px; } @media (max-width: 767.98px) { .new-modal .choose-payment-info .add-payment-table-info { margin-bottom: 10px; } } .new-modal .choose-payment-info .add-payment-table { background: #ffffff; border: 1px solid #DBDBDB; border-radius: 10px; margin-bottom: 10px; } .new-modal .choose-payment-info .add-payment-table .table-responsive .table tbody tr td { background: transparent; border-color: transparent; border-bottom: 0; } .new-modal .choose-payment-info .add-payment-table .table-responsive .table tbody tr td .custom_radio { margin-bottom: 0; } .new-modal .choose-payment-info .add-payment-table .table-responsive .table tbody tr td .custom_radio .checkmark { width: 16px; height: 16px; border: 2px solid #DBDBDB; background-color: #ffffff; } .new-modal .choose-payment-info .add-payment-table .table-responsive .table tbody tr td .custom_radio .checkmark::after { top: 3px; left: 3px; width: 7px; height: 7px; background-color: #FFA633; } .new-modal .choose-payment-info .add-payment-table .table-responsive .table tbody tr td .custom_radio input:checked ~ .checkmark { border: 2px solid #FFA633; } .new-modal .modal-btn .btn { font-size: 16px; font-weight: 500; padding: 10px 20px; } @media (max-width: 767.98px) { .new-modal .modal-btn .btn { font-size: 14px; padding: 8px 15px; } } .new-modal .modal-btn .btn-secondary { border-radius: 5px; border: 1px solid #201F1D; background: #201F1D; box-shadow: inset 0 0 0 #ffffff; } .new-modal .modal-btn .btn-secondary:hover { color: #201F1D; background: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; } .new-modal .modal-btn .btn-outline-cancel { padding: 0; border: 0; color: #FF0000; width: 100%; margin-top: 10px; } .new-modal .modal-btn .btn-outline-cancel:hover { color: #201F1D; } .new-modal .modal-btn-group { margin-bottom: 20px; } @media (max-width: 767.98px) { .new-modal .modal-btn-group { margin-bottom: 15px; } } .new-modal .modal-btn-sm { text-align: right; } .new-modal .modal-btn-sm .btn { padding: 7px 20px; } .new-modal .modal-btn-sm .btn-secondary { margin-right: 10px; } .new-modal .order-success-info { text-align: center; } .new-modal .order-success-info .order-success-icon { width: 56px; height: 56px; background: #1FBC2F; border-radius: 50%; margin: 0 auto 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .new-modal .order-success-info h4 { font-size: 24px; font-weight: 600; color: #111; margin-bottom: 5px; } @media (max-width: 767.98px) { .new-modal .order-success-info h4 { font-size: 20px; } } .new-modal .order-success-info p { font-size: 14px; font-weight: 400; color: #737373; max-width: 310px; margin: 0 auto 24px; } .new-modal .order-success-info p span { font-weight: 500; color: #111; } .new-modal .modal-form-group { margin-bottom: 15px; } .new-modal .modal-form-group label { font-size: 14px; font-weight: 500; color: #111; margin-bottom: 5px; } .new-modal .modal-form-group .form-control { border-radius: 5px; border: 1px solid #F4F4F4; background: #F5F5F5; font-size: 14px; height: 45px; padding: 15px; } @media (max-width: 767.98px) { .new-modal .modal-form-group .form-control { height: 40px; } } .new-modal .modal-form-group .form-control::placeholder { font-size: 14px; font-weight: 400; color: #737373; } .new-modal .modal-form-group .form-icon { position: relative; } .new-modal .modal-form-group .form-icon .cus-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } .new-modal .modal-form-group .custom_check { font-size: 14px; font-weight: 400; color: #828282; margin-bottom: 0; } .new-modal .modal-form-group p { font-size: 14px; font-weight: 400; color: #737373; margin-bottom: 0; } .new-modal .pass-group { position: relative; } .new-modal .pass-group .toggle-password, .new-modal .pass-group .toggle-password-two, .new-modal .pass-group .toggle-password-three, .new-modal .pass-group .toggle-password-four, .new-modal .pass-group .toggle-password-five, .new-modal .pass-group .toggle-password-six { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #828282; cursor: pointer; } .new-modal .otp-number { text-align: center; padding: 0 0 20px; } @media (max-width: 767.98px) { .new-modal .otp-number { padding: 0 0 15px; } } .new-modal .otp-number p { font-size: 14px; color: #737373; margin-bottom: 0; } .new-modal .otp-number p span { font-weight: 500; } .new-modal .otp-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 20px; } @media (max-width: 767.98px) { .new-modal .otp-box { margin-bottom: 15px; } } .new-modal .otp-box input { width: 98px; height: 74px; background: #F5F5F5; border: 1px solid #F4F4F4; border-radius: 5px; text-align: center; margin-right: 15px; font-weight: 500; font-size: 20px; color: #111; outline: none; } .new-modal .otp-box input:last-child { margin-right: 0; } @media (max-width: 575.98px) { .new-modal .otp-box input { width: 60px; height: 60px; margin-right: 10px; } } .new-modal .otp-resend { text-align: center; margin-bottom: 20px; } @media (max-width: 767.98px) { .new-modal .otp-resend { margin-bottom: 15px; } } .new-modal .otp-resend a { color: #FF0000; } .new-modal .otp-resend a:hover { color: #201F1D; } .new-modal .otp-resend p { font-size: 14px; color: #737373; margin-bottom: 0; } .new-modal .verified-box { background: rgba(31, 188, 47, 0.15); padding: 10px; } .new-modal .verified-box p { font-size: 14px; color: #1FBC2F; margin-bottom: 0; } .new-modal .deactive-content { margin-bottom: 15px; } .new-modal .deactive-content p { font-size: 14px; color: #737373; margin-bottom: 0; } .new-modal .invoice-details .invoice-items { margin-bottom: 30px; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-items { margin-bottom: 20px; } } .new-modal .invoice-details .invoice-items .invoice-info-text { text-align: right; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-items .invoice-info-text { padding-top: 10px; } } .new-modal .invoice-details .invoice-items .invoice-info-text h4 { font-size: 24px; font-weight: 600; color: #201F1D; text-transform: uppercase; margin-bottom: 10px; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-items .invoice-info-text h4 { font-size: 20px; margin-bottom: 0; } } .new-modal .invoice-details .invoice-items .invoice-info-text p { font-size: 14px; color: #737373; margin-bottom: 0; } .new-modal .invoice-details .invoice-item-bills { position: relative; background: #201F1D; border-radius: 10px; margin: 0 0 30px; padding: 30px; } @media (max-width: 991.98px) { .new-modal .invoice-details .invoice-item-bills { margin: 0 0 20px; padding: 20px 20px 0; } } .new-modal .invoice-details .invoice-item-bills:before { content: ""; background: url(../img/bg/invoice.png) no-repeat; position: absolute; top: -45px; left: -45px; width: 179px; height: 180px; background-size: cover; } .new-modal .invoice-details .invoice-item-bills .invoice-bill-info { border-right: 1px solid #F5F5F5; } @media (max-width: 991.98px) { .new-modal .invoice-details .invoice-item-bills .invoice-bill-info { border-right: 0; margin-bottom: 20px; } } .new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 { font-size: 18px; font-weight: 500; color: #ffffff; margin: 0 0 15px; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 { margin: 0 0 10px; } } .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p { font-size: 14px; font-weight: 400; color: #ffffff; margin: 0 0 10px; } .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p:last-child { margin: 0; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p { margin: 0 0 5px; } } .new-modal .invoice-details .invoice-table-wrap { margin: 0 0 30px; } @media (max-width: 991.98px) { .new-modal .invoice-details .invoice-table-wrap { margin: 0 0 20px; } } .new-modal .invoice-details .invoice-table-wrap .invoice-table thead th { font-size: 15px; font-weight: 600; color: #201F1D; background: #F4F4F4; padding: 15px; } .new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td { font-size: 14px; font-weight: 400; color: #2F2F2F; padding: 15px; } .new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td h6 { font-size: 14px; font-weight: 500; color: #111; margin-bottom: 0; } .new-modal .invoice-details .payment-details-info { margin: 0 0 30px; } @media (max-width: 991.98px) { .new-modal .invoice-details .payment-details-info { margin: 0 0 20px; } } @media (max-width: 991.98px) { .new-modal .invoice-details .payment-details-info .invoice-terms { margin: 0 0 20px; } } .new-modal .invoice-details .payment-details-info .invoice-terms h6 { font-weight: 500; font-size: 18px; color: #2F2F2F; margin-bottom: 18px; } .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note { border: 2px dashed #787878; border-radius: 4px; max-width: 266px; padding: 20px; } @media (max-width: 767.98px) { .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note { padding: 15px; } } .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note h6 { font-weight: 500; font-size: 18px; color: #201F1D; margin: 0 0 20px; } .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note p { font-size: 14px; color: #2F2F2F; margin-bottom: 0; } .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p { font-size: 14px; font-weight: 400; color: #737373; margin-bottom: 15px; } .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p:last-child { margin-bottom: 0; } .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p b { font-weight: 400; max-width: 196px; display: inline-block; } .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p span { float: right; font-weight: 500; font-size: 15px; } .new-modal .invoice-details .invoice-total { background: #F1F1F1; border: 2px dashed #FCFCFC; margin: 0 0 30px; padding: 10px; text-align: right; } @media (max-width: 991.98px) { .new-modal .invoice-details .invoice-total { margin: 0 0 20px; padding: 10px; } } .new-modal .invoice-details .invoice-total h4 { font-weight: 500; font-size: 20px; color: #201F1D; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-total h4 { font-size: 18px; } } .new-modal .invoice-details .invoice-total h4 span { padding-left: 88px; } @media (max-width: 575.98px) { .new-modal .invoice-details .invoice-total h4 span { padding: 0 0 0 10px; } } .new-modal .invoice-details .invoice-note-footer .invocie-note { margin: 0 0 30px; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-note-footer .invocie-note { margin: 0 0 20px; } } .new-modal .invoice-details .invoice-note-footer .invocie-note h6 { font-weight: 500; font-size: 18px; color: #201F1D; margin: 0 0 12px; } @media (max-width: 767.98px) { .new-modal .invoice-details .invoice-note-footer .invocie-note h6 { margin: 0 0 8px; } } .new-modal .invoice-details .invoice-note-footer .invocie-note p { font-size: 14px; color: #2F2F2F; margin-bottom: 0; } .new-modal .invoice-details .invoice-note-footer .invoice-sign { float: right; } @media (max-width: 575.98px) { .new-modal .invoice-details .invoice-note-footer .invoice-sign { float: left; } } .new-modal .invoice-details .invoice-note-footer .invoice-sign img { margin: 0 0 19px; } @media (max-width: 991.98px) { .new-modal .invoice-details .invoice-note-footer .invoice-sign img { margin: 0; } } .new-modal .invoice-details .invoice-note-footer .invoice-sign span { font-size: 18px; font-weight: 500; color: #201F1D; text-align: center; } .order-success-modal .modal-content { max-width: 400px; margin: auto; } .verification-success-modal .modal-content { max-width: 400px; margin: auto; } .verification-success-modal .order-success-info p { max-width: inherit; } .delete-action { text-align: center; } .delete-action .delete-header h4 { font-size: 24px; font-weight: 600; color: #111; margin-bottom: 5px; } @media (max-width: 767.98px) { .delete-action .delete-header h4 { font-size: 20px; } } .delete-action .delete-header p { font-size: 14px; font-weight: 400; color: #737373; max-width: 310px; margin: 0 auto 24px; } .delete-action .delete-header p span { font-weight: 500; color: #111; } .settings-widget { padding: 0 0 24px; } @media (max-width: 991.98px) { .settings-widget { padding: 0 0 20px; } } .settings-widget .settings-menu ul { margin: 0; padding: 0; list-style: none; } .settings-widget .settings-menu ul li { margin: 0 0 15px; } .settings-widget .settings-menu ul li:last-child { margin-bottom: 0; } .settings-widget .settings-menu ul li a { font-size: 16px; font-weight: 400; color: #737373; border-radius: 5px; background: #F2F7F6; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .settings-widget .settings-menu ul li a:hover { color: #ffffff; background: #FFA633; } .settings-widget .settings-menu ul li a.active { color: #ffffff; background: #FFA633; } .settings-widget .settings-menu ul li a i { margin-right: 8px; } .settings-info { position: relative; padding-left: 20px; } @media (max-width: 991.98px) { .settings-info { padding-left: 0; } } .settings-info:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-radius: 5px; background: #DBDBDB; z-index: 1; } @media (max-width: 991.98px) { .settings-info:before { display: none; } } .settings-info .settings-sub-heading { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #DBDBDB; } @media (max-width: 767.98px) { .settings-info .settings-sub-heading { margin: 0 0 15px; padding: 0 0 15px; } } .settings-info .settings-sub-heading h4 { font-size: 24px; font-weight: 600; color: #111; margin-bottom: 0; } @media (max-width: 767.98px) { .settings-info .settings-sub-heading h4 { font-size: 22px; } } .settings-info .profile-info-grid { margin: 0 0 24px; border: 1px solid #DBDBDB; border-radius: 5px; } @media (max-width: 767.98px) { .settings-info .profile-info-grid { margin: 0 0 20px; } } .settings-info .profile-info-grid .profile-info-header { margin: 0 0 20px; padding: 15px; background: #F5F5F5; border-radius: 5px 5px 0 0; } .settings-info .profile-info-grid .profile-info-header h5 { font-size: 20px; font-weight: 500; color: #111; margin-bottom: 0; } .settings-info .profile-info-grid .profile-info-header p { font-size: 16px; color: #737373; margin-bottom: 0; } .settings-info .profile-info-grid .profile-inner { padding: 0 15px 0; } .settings-info .profile-info-grid .profile-inner .profile-info-pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 15px; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img { width: 100px; min-width: 100px; height: 100px; border-radius: 5px; border: 1px solid #DBDBDB; margin-right: 15px; position: relative; overflow: hidden; z-index: 1; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img img { width: 100px; min-width: 100px; height: 100px; border-radius: 5px; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img .profile-edit-info { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; z-index: 1; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img .profile-edit-info a { font-size: 16px; color: #DBDBDB; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-img .profile-edit-info a:hover { color: #FFA633; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-content h6 { font-size: 18px; font-weight: 500; color: #111; margin-bottom: 5px; } .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-content p { font-size: 15px; color: #737373; margin-bottom: 0; } @media (max-width: 767.98px) { .settings-info .profile-info-grid .profile-inner .profile-info-pic .profile-info-content p { font-size: 14px; } } .settings-info .profile-info-grid .profile-inner .profile-form-group { margin-bottom: 15px; } .settings-info .profile-info-grid .profile-inner .profile-form-group label { font-size: 14px; font-weight: 500; color: #111; margin-bottom: 5px; } .settings-info .profile-info-grid .profile-inner .profile-form-group .form-control { border-radius: 5px; border: 1px solid #F4F4F4; background: #F5F5F5; font-size: 14px; height: 45px; padding: 15px; } @media (max-width: 767.98px) { .settings-info .profile-info-grid .profile-inner .profile-form-group .form-control { height: 40px; } } .settings-info .profile-info-grid .profile-inner .profile-form-group .form-control::placeholder { font-size: 14px; font-weight: 400; color: #737373; } .settings-info .profile-info-grid .profile-inner .profile-form-group textarea.form-control { border-radius: 5px; border: 1px solid #F4F4F4; background: #F5F5F5; font-size: 14px; height: 130px; padding: 15px; resize: none; } @media (max-width: 767.98px) { .settings-info .profile-info-grid .profile-inner .profile-form-group textarea.form-control { height: 100px; } } .settings-info .profile-info-grid .profile-inner .profile-form-group textarea.form-control::placeholder { font-size: 14px; font-weight: 400; color: #737373; } .settings-info .profile-submit-btn { text-align: right; } .settings-info .profile-submit-btn .btn { font-size: 16px; font-weight: 500; padding: 8px 20px; } @media (max-width: 767.98px) { .settings-info .profile-submit-btn .btn { font-size: 14px; padding: 8px 15px; } } .settings-info .profile-submit-btn .btn-secondary { margin-right: 10px; border-radius: 5px; border: 1px solid #201F1D; background: #201F1D; box-shadow: inset 0 0 0 #ffffff; } .settings-info .profile-submit-btn .btn-secondary:hover { color: #201F1D; background: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; } @media (max-width: 767.98px) { .settings-profile-content { padding: 40px 0 20px; } } .security-grid { background: #ffffff; border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 0 24px; padding: 15px; position: relative; } @media (max-width: 767.98px) { .security-grid { margin: 0 0 15px; padding: 15px; } } .security-grid .security-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 15px; } .security-grid .security-heading h5 { font-size: 15px; font-weight: 500; color: #201F1D; margin-bottom: 0; } .security-grid .security-heading .status-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .security-grid .security-heading .status-toggle .checktoggle { background-color: #DBDBDB; border: 1px solid #DBDBDB; cursor: pointer; display: block; font-size: 0; margin-bottom: 0; position: relative; width: 30px; height: 15px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .security-grid .security-heading .status-toggle .checktoggle:after { height: 15px; width: 15px; } .security-grid .security-heading .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .security-grid .security-heading .status-toggle .check:checked + .checktoggle { background-color: #1FBC2F; border: 1px solid #1FBC2F; } .security-grid .security-heading .status-toggle .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 3px), -50%); height: 10px; width: 10px; } .security-grid .security-heading .status-toggle .checktoggle:after { content: " "; display: block; background-color: rgba(0, 0, 0, 0.25); height: 10px; width: 10px; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); -ms-transform: translate(3px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .security-grid .security-content p { font-size: 14px; color: #737373; margin-bottom: 15px; } .security-grid .security-content .badge-light-success { font-size: 14px; font-weight: 500; padding: 5px; border-radius: 5px; } .security-grid .security-btn-info { position: absolute; bottom: 15px; } @media (max-width: 991.98px) { .security-grid .security-btn-info { position: relative; bottom: 0; } } .security-grid .security-btn .btn { font-size: 16px; font-weight: 500; padding: 3px 20px; border: 0; } @media (max-width: 767.98px) { .security-grid .security-btn .btn { font-size: 14px; padding: 3px 15px; } } .security-grid .security-btn .btn-secondary { margin-right: 15px; border-radius: 5px; border: 1px solid #201F1D; background: #201F1D; box-shadow: inset 0 0 0 #ffffff; } .security-grid .security-btn .btn-secondary:hover { color: #201F1D; background: #ffffff; border: 1px solid #201F1D; box-shadow: inset 0 70px 0 0 #ffffff; } .security-grid .security-btn .btn-danger { border-radius: 5px; color: #ffffff; border: 1px solid #FF0000; background: #FF0000; box-shadow: inset 0 0 0 #ffffff; } .security-grid .security-btn .btn-danger:hover { color: #FF0000; background: #ffffff; border: 1px solid #FF0000; box-shadow: inset 0 70px 0 0 #ffffff; } .security-grid .security-btn .btn-remove { color: #FF0000; padding: 0; } .security-grid .security-btn .btn-remove:hover { color: #201F1D; } .preferences-grid { background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 0 24px; padding: 24px; } @media (max-width: 767.98px) { .preferences-grid { margin: 0 0 15px; padding: 15px; } } .preferences-grid .preferences-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .preferences-grid .preferences-heading h5 { font-size: 18px; font-weight: 500; color: #201F1D; margin-bottom: 0; } @media (max-width: 767.98px) { .preferences-grid .preferences-heading h5 { font-size: 16px; } } .preferences-grid .preferences-heading .status-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .preferences-grid .preferences-heading .status-toggle .checktoggle { background-color: #DBDBDB; border: 1px solid #DBDBDB; cursor: pointer; display: block; font-size: 0; margin-bottom: 0; position: relative; width: 30px; height: 15px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .preferences-grid .preferences-heading .status-toggle .checktoggle:after { height: 15px; width: 15px; } .preferences-grid .preferences-heading .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .preferences-grid .preferences-heading .status-toggle .check:checked + .checktoggle { background-color: #1FBC2F; border: 1px solid #1FBC2F; } .preferences-grid .preferences-heading .status-toggle .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 3px), -50%); height: 10px; width: 10px; } .preferences-grid .preferences-heading .status-toggle .checktoggle:after { content: " "; display: block; background-color: rgba(0, 0, 0, 0.25); height: 10px; width: 10px; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); -ms-transform: translate(3px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .notification-grid { background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.25); border-radius: 5px; margin: 0 0 24px; padding: 24px; } @media (max-width: 767.98px) { .notification-grid { margin: 0 0 15px; padding: 15px; } } .notification-grid .notification-checkbox { padding-bottom: 25px; } @media (max-width: 767.98px) { .notification-grid .notification-checkbox { padding-bottom: 5px; } } .notification-grid .notification-checkbox h5 { font-size: 18px; font-weight: 500; color: #111; margin-bottom: 15px; } .notification-grid .notification-checkbox .nav { -ms-flex-wrap: wrap; flex-wrap: wrap; } .notification-grid .notification-checkbox .nav li { margin-right: 20px; margin-bottom: 15px; } .notification-grid .notification-checkbox .nav li:last-child { margin-right: 0; } .notification-grid .notification-checkbox .nav li .custom_check { margin-bottom: 0; } .notification-grid .notification-status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 40px; } @media (max-width: 767.98px) { .notification-grid .notification-status { margin-bottom: 15px; } } .notification-grid .notification-status:last-child { margin-bottom: 0; } .notification-grid .notification-status .notification-status-content { margin-right: 10px; } .notification-grid .notification-status h5 { font-size: 18px; font-weight: 500; color: #201F1D; margin-bottom: 4px; } @media (max-width: 767.98px) { .notification-grid .notification-status h5 { font-size: 16px; } } .notification-grid .notification-status p { font-size: 16px; color: #737373; margin-bottom: 0; } @media (max-width: 767.98px) { .notification-grid .notification-status p { font-size: 14px; } } .notification-grid .notification-status .status-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .notification-grid .notification-status .status-toggle .checktoggle { background-color: #DBDBDB; border: 1px solid #DBDBDB; cursor: pointer; display: block; font-size: 0; margin-bottom: 0; position: relative; width: 30px; height: 15px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .notification-grid .notification-status .status-toggle .checktoggle:after { height: 15px; width: 15px; } .notification-grid .notification-status .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .notification-grid .notification-status .status-toggle .check:checked + .checktoggle { background-color: #1FBC2F; border: 1px solid #1FBC2F; } .notification-grid .notification-status .status-toggle .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 3px), -50%); height: 10px; width: 10px; } .notification-grid .notification-status .status-toggle .checktoggle:after { content: " "; display: block; background-color: rgba(0, 0, 0, 0.25); height: 10px; width: 10px; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); -ms-transform: translate(3px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .integration-grid { background: #ffffff; border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 0 24px; padding: 15px; position: relative; } @media (max-width: 767.98px) { .integration-grid { margin: 0 0 15px; padding: 15px; } } .integration-grid .integration-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 15px; } .integration-grid .integration-calendar .status-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .integration-grid .integration-calendar .status-toggle .checktoggle { background-color: #DBDBDB; border: 1px solid #DBDBDB; cursor: pointer; display: block; font-size: 0; margin-bottom: 0; position: relative; width: 30px; height: 15px; top: 0px; border-radius: 12px; transform: translate(calc(10% - 5px), -10%); } .integration-grid .integration-calendar .status-toggle .checktoggle:after { height: 15px; width: 15px; } .integration-grid .integration-calendar .status-toggle .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .integration-grid .integration-calendar .status-toggle .check:checked + .checktoggle { background-color: #1FBC2F; border: 1px solid #1FBC2F; } .integration-grid .integration-calendar .status-toggle .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 3px), -50%); height: 10px; width: 10px; } .integration-grid .integration-calendar .status-toggle .checktoggle:after { content: " "; display: block; background-color: rgba(0, 0, 0, 0.25); height: 10px; width: 10px; transform: translate(3px, -50%); -webkit-transform: translate(3px, -50%); -ms-transform: translate(3px, -50%); position: absolute; left: 0; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .integration-grid .integration-content h5 { font-size: 16px; font-weight: 500; color: #111; margin-bottom: 10px; } .integration-grid .integration-content p { font-size: 14px; color: #737373; margin-bottom: 0; } .content.user-content { padding: 40px 0 16px; } .preference-wrap { border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 0 20px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 575.98px) { .preference-wrap { display: block; } } @media (max-width: 575.98px) { .preference-wrap .preference-info { margin-bottom: 15px; } } .preference-wrap h6 { margin-bottom: 5px; } .preference-wrap .preference-select { min-width: 220px; } .preference-wrap .select2-container--default .select2-selection--single { height: 40px; } .preference-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { color: #111; font-size: 14px; } .preference-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #111; } .table tbody td .dropdown-action .dropdown-toggle { color: #2F2F2F; } .table tbody td .dropdown-action .dropdown-menu a i { margin-right: 5px; } .listview-car .card .blog-img > a.fav-icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; } .booking-new-module { padding: 60px 0; } .booking-wizard-head { background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 5px; padding: 24px; margin-bottom: 24px; } .booking-wizard-head .booking-head-title { position: relative; z-index: 1; } .booking-wizard-head .booking-head-title h4 { font-size: 20px; margin-bottom: 5px; } .booking-wizard-head .booking-head-title p { color: #676767; font-size: 14px; margin-bottom: 0; } .booking-wizard-head .booking-head-title::after { content: ""; width: 100px; height: 100px; border-top: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; position: absolute; right: 150px; top: -20px; z-index: -1; transform: rotate(45deg); } @media (max-width: 1399.98px) { .booking-wizard-head .booking-head-title::after { right: 100px; } } @media (max-width: 1199.98px) { .booking-wizard-head .booking-head-title::after { right: 0px; } } @media (max-width: 991.98px) { .booking-wizard-head .booking-head-title::after { display: none; } } .booking-wizard-lists ul { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991.98px) { .booking-wizard-lists ul { margin-top: 20px; } } @media (max-width: 575.98px) { .booking-wizard-lists ul { flex-direction: column; } } .booking-wizard-lists ul li { text-align: center; position: relative; min-width: 140px; margin-right: 30px; z-index: 1; } @media (max-width: 1399.98px) { .booking-wizard-lists ul li { min-width: 130px; margin-right: 0px; } } @media (max-width: 767.98px) { .booking-wizard-lists ul li { min-width: 90px; } } @media (max-width: 575.98px) { .booking-wizard-lists ul li { margin-bottom: 30px; } } @media (max-width: 575.98px) { .booking-wizard-lists ul li:last-child { margin-bottom: 0; } } .booking-wizard-lists ul li span { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #111; margin: 0 auto 10px; } .booking-wizard-lists ul li h6 { color: #676767; font-size: 14px; font-weight: normal; margin-bottom: 0; } .booking-wizard-lists ul li.active span { background: #127384; } .booking-wizard-lists ul li.active::after { content: ""; width: 100%; height: 1px; border: 1px dashed #127384; position: absolute; left: 55%; top: 40%; z-index: -1; } @media (max-width: 991.98px) { .booking-wizard-lists ul li.active::after { left: 75%; } } @media (max-width: 575.98px) { .booking-wizard-lists ul li.active::after { transform: rotate(90deg); left: 0; top: 100%; } } .booking-wizard-lists ul li.active.activated span img { display: none; } .booking-wizard-lists ul li.active.activated span::after { content: "\f058"; color: #ffffff; display: block; font-family: "font awesome 6 free"; font-weight: 900; font-size: 20px; line-height: normal; } .booking-wizard-lists ul li.active:last-child::after { display: none; } .booking-sidebar { margin-bottom: 24px; } .booking-sidebar .booking-sidebar-card { background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 5px; margin-bottom: 20px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-head { padding: 15px; border-bottom: 1px solid #DBDBDB; } .booking-sidebar .booking-sidebar-card .booking-sidebar-head h5 { color: #111; } .booking-sidebar .booking-sidebar-card .booking-sidebar-head .coupon-view { color: #127384; font-size: 14px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-head a { color: #676767; font-size: 14px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-head a:hover { color: #127384; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body { padding: 15px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail { display: flex; align-items: center; padding: 15px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .car-img { width: 120px; height: 120px; border-radius: 5px; display: flex; margin-right: 14px; flex-shrink: 0; } @media (max-width: 575.98px) { .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .car-img { width: 80px; height: 80px; } } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .car-img img { width: 100%; border-radius: 5px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .care-more-info h5 { color: #111; font-weight: 500; margin-bottom: 5px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .care-more-info p { color: #676767; font-size: 14px; margin-bottom: 20px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-car-detail .care-more-info a { color: #127384; font-size: 14px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul { border: 1px solid #F4F4F4; border-radius: 5px; margin-top: 15px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid #F4F4F4; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li:last-child { border-bottom: 0; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li h6 { font-weight: normal; font-size: 14px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li h6 span { font-size: 14px; color: #127384; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li .rental-charge .text-danger { font-size: 14px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li h5 { color: #111; font-size: 16px; font-weight: normal; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li.total-rate h6 { font-size: 15px; font-weight: 600; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .booking-vehicle-rates ul li.total-rate h5 { font-size: 15px; font-weight: 600; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .location-address-info li h6 { font-weight: 600; font-size: 15px; margin-bottom: 5px; color: #111; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .location-address-info li p { color: #676767; font-size: 16px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .location-address-info li p + p { margin-top: 3px; } .booking-sidebar .booking-sidebar-card .booking-sidebar-body .location-address-info li + li { margin-top: 15px; } .booking-sidebar .total-rate-card .vehicle-total-price { display: flex; justify-content: space-between; align-items: center; background: #787878; border-radius: 5px; padding: 24px; } .booking-sidebar .total-rate-card .vehicle-total-price h5 { font-size: 18px; color: #ffffff; } .booking-sidebar .total-rate-card .vehicle-total-price span { font-size: 24px; color: #ffffff; font-weight: 600; } .booking-information-card { padding: 24px; background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-radius: 5px; margin-bottom: 24px; } .booking-information-card.booking-type-card { padding-bottom: 9px; } .booking-information-card.payment-info-card { padding-bottom: 9px; } .booking-information-card .booking-info-head { display: flex; align-items: center; border-bottom: 1px solid #F4F4F4; padding-bottom: 15px; margin-bottom: 15px; } .booking-information-card .booking-info-head span { background: #FF9307; width: 26px; height: 26px; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #ffffff; flex-shrink: 0; margin-right: 10px; } .booking-information-card .booking-info-head h5 { color: #111; font-size: 18px; } .booking-information-card .booking-info-head h6 { color: #676767; font-size: 14px; font-weight: normal; } .booking-radio-btns { display: flex; align-items: center; } @media (max-width: 575.98px) { .booking-radio-btns { flex-direction: column; } } .booking-radio-btns li { flex: 1; text-align: center; margin-right: 15px; width: 100%; } @media (max-width: 575.98px) { .booking-radio-btns li { margin-right: 0; } } @media (max-width: 575.98px) { .booking-radio-btns li + li { margin-top: 15px; } } .booking-radio-btns li:last-child { margin-right: 0; } .booking-radio-btns li .booking_custom_check { width: 100%; } .booking-radio-btns li .booking_custom_check input { position: absolute; opacity: 0; cursor: pointer; } .booking-radio-btns li .booking_custom_check .booking_checkmark { border: 1px solid #F4F4F4; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); background: #ffffff; padding: 10px 15px; width: 100%; height: 100%; position: relative; padding: 15px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: 0.5s all; cursor: pointer; } .booking-radio-btns li .booking_custom_check .booking_checkmark .checked-title { color: #111; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.5s all; } .booking-radio-btns li .booking_custom_check .booking_checkmark .checked-title:before { content: ""; border: 1px solid #DBDBDB; width: 16px; height: 16px; border-radius: 50%; background: #DBDBDB; display: flex; transition: 0.5s all; margin-bottom: 10px; } .booking-radio-btns li .booking_custom_check .booking_checkmark .checked-title::after { content: ""; width: 7px; height: 7px; border-radius: 20px; background: #ffffff; position: absolute; top: 5px; left: 50%; transform: translatex(-50%); opacity: 0; transition: 0.5s all; } .booking-radio-btns li .booking_custom_check input:checked ~ .booking_checkmark { border-color: #127384; background: rgba(18, 115, 132, 0.0784313725); transition: 0.5s all; } .booking-radio-btns li .booking_custom_check input:checked ~ .booking_checkmark .checked-title::before { background: #127384; border-color: #127384; transition: 0.5s all; } .booking-radio-btns li .booking_custom_check input:checked ~ .booking_checkmark .checked-title::after { opacity: 1; transition: 0.5s all; } .form-custom label { color: #111; font-weight: 500; font-size: 14px; margin-bottom: 5px; } .form-custom label input::placeholder { font-weight: normal; } .form-custom .location-btn { font-size: 14px; padding: 9px 10px; flex-shrink: 0; margin-left: 15px; } .input-block .location-check { margin-top: 15px; } .input-block label { color: #111; font-weight: 500; font-size: 14px; margin-bottom: 5px; } .input-block .form-control { padding: 9px 15px; } .input-block .group-img { position: relative; } .input-block .group-img .input-cal-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #111; } .booking-timings { margin-top: 15px; padding-top: 15px; border-top: 1px solid #F4F4F4; } .booking-timings .form-title-head { margin-bottom: 15px; } .booking-timings .form-title-head h5 { color: #111; } .booking-info-btns { padding-top: 16px; } @media (max-width: 575.98px) { .booking-info-btns { flex-direction: column; } } .booking-info-btns .continue-book-btn { margin-left: 15px; } @media (max-width: 575.98px) { .booking-info-btns .continue-book-btn { margin-left: 0; margin-top: 15px; } } .adons-lists li + li { border-top: 1px solid #F4F4F4; margin-top: 15px; padding-top: 15px; } .adons-lists li .adons-types { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575.98px) { .adons-lists li .adons-types { display: block; } } .adons-lists li .adons-types .adon-name-info { flex-basis: 100%; min-width: 430px; } @media (max-width: 1199.98px) { .adons-lists li .adons-types .adon-name-info { min-width: 360px; } } @media (max-width: 767.98px) { .adons-lists li .adons-types .adon-name-info { min-width: 320px; } } @media (max-width: 575.98px) { .adons-lists li .adons-types .adon-name-info { margin-bottom: 20px; min-width: 100%; } } .adons-lists li .adons-types .adon-name-info .adon-icon { width: 52px; height: 52px; border: 1px solid #DBDBDB; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #127384; font-size: 25px; flex-shrink: 0; margin-right: 10px; } .adons-lists li .adons-types .adon-name-info .adon-name h6 { font-size: 16px; margin-bottom: 5px; font-weight: normal; } .adons-lists li .adons-types .adon-name-info .adon-name a { color: #676767; font-size: 14px; transition: 0.5s all; } .adons-lists li .adons-types .adon-name-info .adon-name a i { transition: 0.5s all; } .adons-lists li .adons-types .adon-name-info .adon-name a:hover { color: #127384; } .adons-lists li .adons-types .adon-name-info .adon-name a.add-info-active { color: #127384; } .adons-lists li .adons-types .adon-name-info .adon-name a.add-info-active i.arrow-icon { transform: rotate(180deg); transition: 0.5s all; } .adons-lists li .adons-types .adon-price { font-size: 14px; color: #111; flex-basis: 40%; } @media (max-width: 575.98px) { .adons-lists li .adons-types .adon-price { margin-right: 30px; } } .adons-lists li .adons-types .remove-adon-btn { padding: 9px 10px; display: inline-flex; align-items: center; flex-basis: 20%; font-weight: 500; min-width: 105px; } .adons-lists li .adons-types .add-addon-btn { padding: 9px 10px; display: inline-flex; align-items: center; flex-basis: 20%; border: 2px solid #DBDBDB; justify-content: center; font-weight: 500; color: #676767; min-width: 105px; } .adons-lists li .more-adon-info p { padding-left: 65px; font-size: 14px; color: #676767; margin-top: 15px; } .adons-lists li .view-adon-btn { color: #127384; font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center; } .adons-lists li.view-more-adons ul li:last-child { margin-bottom: 20px; } .acting-driver-list > li { border: 1px solid #F4F4F4; border-radius: 5px; padding: 15px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575.98px) { .acting-driver-list > li { display: block; } } .acting-driver-list > li + li { margin-top: 15px; } .acting-driver-list > li .driver-profile-info { display: flex; align-items: center; } @media (max-width: 575.98px) { .acting-driver-list > li .driver-profile-info { margin-bottom: 20px; } } .acting-driver-list > li .driver-profile-info .driver-profile { width: 48px; height: 48px; display: flex; border-radius: 5px; flex-shrink: 0; margin-right: 10px; } .acting-driver-list > li .driver-profile-info .driver-profile img { width: 100%; border-radius: 5px; } .acting-driver-list > li .driver-profile-info .driver-name h5 { font-size: 16px; font-weight: normal; margin-bottom: 5px; color: #111; } .acting-driver-list > li .driver-profile-info .driver-name ul { display: flex; align-items: center; } @media (max-width: 575.98px) { .acting-driver-list > li .driver-profile-info .driver-name ul { display: block; } } .acting-driver-list > li .driver-profile-info .driver-name ul li { font-size: 14px; color: #676767; line-height: normal; } .acting-driver-list > li .driver-profile-info .driver-name ul li + li { border-left: 1px solid #F4F4F4; padding-left: 10px; margin-left: 10px; } @media (max-width: 575.98px) { .acting-driver-list > li .driver-profile-info .driver-name ul li + li { border-left: 0; padding-left: 0; margin-left: 0; margin-top: 5px; } } .acting-driver-list > li .select-driver-btn { padding: 9px 10px; display: inline-flex; align-items: center; border: 2px solid #DBDBDB; justify-content: center; font-weight: 500; color: #676767; min-width: 100px; } .acting-driver-list > li .remove-driver-btn { padding: 9px 7px; min-width: 100px; } .profile-uploader { position: relative; width: 100%; min-height: 180px; border: 2px dashed #F4F4F4; display: flex; align-items: center; justify-content: center; padding: 15px; row-gap: 10px; flex-direction: column; } .profile-uploader input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .profile-uploader .drag-upload-btn { font-size: 14px; color: #828282; text-align: center; } .profile-uploader .drag-upload-btn .upload-btn { background: #FFA633; font-size: 15px; font-weight: 500; color: #ffffff; display: block; margin-bottom: 15px; padding: 10px 15px; border-radius: 5px; } .img-size-info { font-size: 14px; color: #828282; padding-left: 15px; margin-top: 15px; } .book-our-drivers .title-head { font-size: 16px; margin: 15px 0 10px; color: #000; } .book-our-drivers .acting-driver-list .change-driver { margin-top: 15px; padding-top: 15px; border-top: 1px solid #F4F4F4; } .book-our-drivers .acting-driver-list > li .driver-profile-info .driver-name ul li + li { padding-left: 0; border-left: 0; margin-left: 15px; } .coupon-close span { width: 16px; height: 16px; background: #FF0000; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .apply-coupon-btn { padding: 9px 10px; font-size: 14px; } .payment-method-types h5 { font-size: 18px; margin-bottom: 20px; color: #111; } .payment-method-types ul { display: flex; align-items: center; } @media (max-width: 575.98px) { .payment-method-types ul { flex-direction: column; } } .payment-method-types ul li { flex: 1; width: 100%; margin-right: 20px; margin-bottom: 15px; } @media (max-width: 575.98px) { .payment-method-types ul li { margin-right: 0; } } .payment-method-types ul li:last-child { margin-right: 0; } .payment-method-types ul li .payment_custom_check { width: 100%; } .payment-method-types ul li .payment_custom_check input { position: absolute; opacity: 0; cursor: pointer; } .payment-method-types ul li .payment_custom_check .payment_checkmark { border: 2px solid #F2F7F6; background: #F2F7F6; padding: 10px 15px; width: 100%; height: 100%; min-height: 100px; position: relative; padding: 8px; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: 0.5s all; cursor: pointer; } .payment-method-types ul li .payment_custom_check .payment_checkmark .checked-title { color: #111; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.5s all; } .payment-method-types ul li .payment_custom_check input:checked ~ .payment_checkmark { border-color: #FFA633; background: #ffffff; transition: 0.5s all; } .payment-method-types ul li .payment_custom_check input:checked ~ .payment_checkmark .checked-title::before { background: #127384; border-color: #127384; transition: 0.5s all; } .payment-method-types ul li .payment_custom_check input:checked ~ .payment_checkmark .checked-title::after { opacity: 1; transition: 0.5s all; } .payment-method-types.payments-cards-types { padding-top: 20px; margin-top: 5px; border-top: 1px solid #F4F4F4; margin-bottom: 10px; } @media (max-width: 767.98px) { .payment-method-types.payments-cards-types ul { flex-direction: column; } } .payment-method-types.payments-cards-types ul li .payment_custom_check .payment_checkmark { min-height: 60px; border-width: 1px; background-color: #ffffff; } .payment-method-types.payments-cards-types ul li .payment_custom_check .payment_checkmark .checked-title { font-size: 15px; font-weight: 600; } .payment-method-types.payments-cards-types ul li .payment_custom_check .payment_checkmark .checked-title img { margin-right: 10px; } .payment-method-types.payments-cards-types ul li .payment_custom_check .payment_checkmark small { font-size: 15px; font-weight: 600; color: #111; } .payment-method-types.payments-cards-types ul li .payment_custom_check .payment_checkmark small span { display: block; font-size: 14px; font-weight: normal; color: #676767; } .add-new-cards { padding-bottom: 15px; } .add-new-cards .title-head { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #F4F4F4; } .add-new-cards { display: none; } #sign_in_modal .modal-dialog { max-width: 635px; } #sign_in_modal .modal-content { padding: 50px; } #sign_in_modal .modal-content .login-wrapper { padding: 0; } #sign_in_modal .modal-content .login-wrapper .loginbox { box-shadow: none; } #sign_in_modal .modal-content .login-wrapper .loginbox .login-auth { width: 100%; padding: 0; } .coupen-applied-offter { background: rgba(31, 188, 47, 0.1019607843); display: flex; align-items: center; justify-content: center; font-size: 14px; color: #1FBC2F; border: 1px solid #1FBC2F; padding: 6px 10px; line-height: normal; border-radius: 5px; margin-top: 15px; } .coupen-applied-offter i { font-size: 20px; margin-right: 8px; } .calendar-card { border-radius: 5px; box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); } .booking-nav li { display: inline-block; margin-right: 10px; } .booking-nav li:last-child { margin-right: 0; } .booking-nav li a { width: 34px; height: 34px; border-radius: 5px; background: #F2F7F6; border: 1px solid #F4F4F4; color: #676767; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .booking-nav li a:hover, .booking-nav li a.active { background: #FFA633; border-color: #FFA633; color: #ffffff; } .fc .fc-col-header-cell-cushion { color: #111; font-size: 14px; font-weight: normal; } .fc th { background: #F2F7F6; border-color: #DBDBDB; height: 37px; line-height: 37px; } .fc td { border-color: #DBDBDB; } .fc .fc-daygrid-day-number { color: #111; font-size: 20px; font-weight: 500; } @media (max-width: 991.98px) { .fc .fc-daygrid-day-number { font-size: 18px; } } @media (max-width: 767.98px) { .fc .fc-daygrid-day-number { font-size: 16px; } } .fc .fc-toolbar-title { font-size: 24px; font-weight: 600; color: #111; } @media (max-width: 991.98px) { .fc .fc-toolbar-title { font-size: 20px; } } @media (max-width: 767.98px) { .fc .fc-toolbar-title { font-size: 18px; } } .fc-event { box-shadow: 0px 4px 24px 0px rgba(225, 225, 225, 0.2509803922); border-color: #ffffff; background: #ffffff; border-radius: 5px; color: #111; padding: 10px; border-top: 2px solid #ffffff; } .fc-event.event-completed { border-top-color: #1FBC2F; } .fc-event.event-inprogress { border-top-color: #FF9307; } .fc-event.event-cancel { border-top-color: #FF0000; } .fc-event.event-upcoming { border-top-color: #127384; } .fc-event-main { color: #111 !important; } .fc .fc-button-primary { background-color: #F5F5F5; border-color: #DBDBDB; color: #111; font-size: 14px; height: 40px; border-radius: 5px; } .fc .fc-button-primary:hover, .fc .fc-button-primary.active { background-color: #F5F5F5; border-color: #DBDBDB; color: #111; } .fc .fc-button-primary:focus { box-shadow: none; } .fc .fc-button-primary.fc-dayGridMonth-button, .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #F5F5F5; border-color: #DBDBDB; color: #111; font-size: 14px; height: 40px; border-radius: 0; border-width: 1px 0; padding: 0; } .fc .fc-button-primary.fc-dayGridMonth-button:hover, .fc .fc-button-primary:not(:disabled).fc-button-active:hover { background-color: #F5F5F5; border-color: #DBDBDB; color: #111; } .fc .fc-button-primary.fc-dayGridMonth-button:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: none; } .fc .fc-button-primary.fc-book-button { border-radius: 5px; padding: 7px 20px 7px 42px; position: relative; color: #ffffff; background-color: #201F1D; border: 1px solid #201F1D; font-weight: 500; font-size: 16px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .fc .fc-button-primary.fc-book-button:hover { background-color: #ffffff; color: #201F1D; border-radius: 5px; box-shadow: inset 0 70px 0 0 #ffffff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .fc .fc-button-primary.fc-book-button::before { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-family: "Fontawesome"; content: "\f055"; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { border-left: 0; } .fc .fc-button .fc-icon { font-size: 14px; } /*# sourceMappingURL=style.css.map */