One Hat Cyber Team

Edit File: vcard16.css

.bg-primary{background-color:#1f1f1f!important}.bg-gray-200{background-color:#f3f3f3!important}.bg-gray-300{background-color:grey!important}.text-primary{color:#1f1f1f!important}.text-gray-100{color:#adadad!important}.text-gray-200{color:#f3f3f3!important}.text-gray-300{color:grey!important}.btn{border-radius:5px;font-size:18px;padding:12px 18px}.btn:focus{box-shadow:none!important;outline:none!important}.send-btn{border-radius:5px;font-size:18px;padding:6px 18px}.send-btn:focus{box-shadow:none!important;outline:none!important}.appoint-btn{height:40px;padding:6px 18px;width:50%}.btn-primary{background-color:#1f1f1f;border:1px solid #1f1f1f;box-shadow:none;color:#fff}.btn-primary.active,.btn-primary:focus,.btn-primary:hover,.btn-white{background-color:#fff;border:1px solid #1f1f1f;color:#1f1f1f}.btn-white{box-shadow:none}.btn-white.active,.btn-white:focus,.btn-white:hover{background-color:#1f1f1f;border:1px solid #fff;color:#fff}.z-index-9{z-index:9}body{font-family:Montserrat;font-weight:400!important}.main-content{position:relative}.banner-section .banner-img{height:350px;position:relative;width:100%}@media (max-width:575px){.banner-section .banner-img{height:250px}}.banner-section .banner-img:after{background-color:#1f1f1f80;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.dropdown-menu{background-color:#202020!important}.profile-section .card{background-color:#fff;border-radius:0;padding:10px 30px;position:relative;top:-60px;width:100%}@media (max-width:575px){.profile-section .card{padding:50px 15px 15px;top:0}}.profile-section .card .card-img{border:5px solid #fff;border-radius:50%;height:150px;left:-100px;min-width:150px;position:absolute;top:-6px;width:150px}@media (max-width:575px){.profile-section .card .card-img{height:135px;left:0;margin:0 auto;max-width:135px;min-width:135px;right:0;top:-95px;width:135px}}.social-media .social-icon{background-color:#fff;border:1px solid #fff;border-radius:50%;color:#1f1f1f;height:50px;margin-right:30px;min-width:50px;transition:all .3s ease-in-out;width:50px}@media (max-width:575px){.social-media .social-icon{height:40px;margin-right:20px;min-width:40px;width:40px}}.social-media .social-icon i,.social-media .social-icon svg{fill:#1f1f1f;font-size:26px}@media (max-width:575px){.social-media .social-icon i,.social-media .social-icon svg{font-size:22px}}.social-media .social-icon:hover{background-color:#1f1f1f;color:#fff}.social-media .social-icon:hover svg{fill:#fff!important}.social-media .social-icon:last-child{margin-right:0}.section-heading h2{display:inline-block;font-size:20px;margin-bottom:0;padding:10px 30px;position:relative}.section-heading h2:after,.section-heading h2:before{content:"";height:4px;position:absolute;top:47%;width:400px}.section-heading.left-heading{text-align:start}.section-heading.left-heading h2{background-color:#1f1f1f;color:#fff}.section-heading.left-heading h2:after{background-color:#1f1f1f;left:100%;margin-left:60px}@media (max-width:575px){.section-heading.left-heading h2:after{margin-left:30px}}.section-heading.right-heading{text-align:end}.section-heading.right-heading h2{background-color:#fff;color:#1f1f1f}.section-heading.right-heading h2:before{background-color:#fff;margin-right:60px;right:100%}@media (max-width:575px){.section-heading.right-heading h2:before{margin-right:30px}}.contact-section .contact-img{height:330px;width:auto}.contact-section .contact-box{border-radius:5px 0 0 5px;box-shadow:0 2px 20px rgba(41,41,41,.15);margin-left:-25px!important;padding:12px}.contact-section .contact-box .contact-icon{height:40px;margin-right:10px;min-width:40px;width:40px}@media (max-width:575px){.contact-section .contact-box .contact-icon{margin-bottom:0;margin-right:20px}}.contact-section .contact-box .contact-desc a{font-size:12px!important;word-break:break-word!important}.appointment-section .appointment .appointment-input{border:1px solid #4f4f4f;border-radius:5px;height:60px;padding:12px 25px}.appointment-section .appointment .calendar-icon{right:20px;top:18px}.appointment-section .appointment .hour-input{background-color:transparent;border:1px solid #4f4f4f;border-radius:5px;font-size:18px;padding:15px}.appointment-section .appointment .hour-input span div{margin-bottom:0!important;width:100%!important}.appointment-section .appointment .appoint-input{background-color:transparent;border:1px solid #4f4f4f;color:#fff;padding:4px}.our-services-section{padding:15px;position:relative}.our-services-section .services-bg{position:absolute;right:0;top:80px;z-index:2}.our-services-section .services .service-card{background-color:#f3f3f3;border:0;border-radius:0;padding:30px 25px;position:relative}.our-services-section .services .service-card .card-img{background-color:#1f1f1f;border-radius:5px;height:60px;min-width:60px;width:auto}.our-services-section .services .service-card .card-img img{height:60px;min-width:60px;-o-object-fit:cover;object-fit:cover}.gallery-section .gallery-bg{right:0;top:0}.gallery-section .gallery-slider .gallery-images{align-items:center;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:5px;display:flex;height:210px;margin-left:auto!important;max-width:210px;overflow:hidden;position:relative;width:210px}@media (max-width:575px){.gallery-section .gallery-slider .gallery-images{margin:0 auto!important;max-width:260px}}.gallery-section .gallery-slider .gallery-images .gallery-img,.gallery-section .gallery-slider .gallery-images .gallery-item{background-position:50%;background-size:cover;height:210px;max-width:210px;overflow:hidden;width:210px}.gallery-section .gallery-slider .gallery-images .gallery-img img,.gallery-section .gallery-slider .gallery-images .gallery-item img{transform:scale(1);transition:transform .8s linear}.gallery-section .gallery-slider .gallery-images .gallery-img.img-1,.gallery-section .gallery-slider .gallery-images .gallery-item.img-1{position:relative;right:-40px;top:50px;z-index:2}@media (max-width:575px){.gallery-section .gallery-slider .gallery-images .gallery-img.img-1,.gallery-section .gallery-slider .gallery-images .gallery-item.img-1{right:0;top:40px}}.gallery-section .gallery-slider .gallery-images .gallery-img.img-3,.gallery-section .gallery-slider .gallery-images .gallery-item.img-3{bottom:50px;position:relative;right:-40px}@media (max-width:575px){.gallery-section .gallery-slider .gallery-images .gallery-img.img-3,.gallery-section .gallery-slider .gallery-images .gallery-item.img-3{bottom:40px;right:0}}.gallery-section .gallery-slider .gallery-images video{background-position:50%;background-size:cover;margin-left:auto!important;width:210px}.gallery-section .slick-active .gallery-images .gallery-img img{transform:scale(1.15)}.gallery-section .slick-dots{bottom:0;position:relative}.audio-container{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:5px;height:210px;margin-left:auto!important;max-width:210px!important;overflow:hidden;text-align:center;width:210px}@media (max-width:575px){.audio-container{margin:0 auto!important}}.product-section .product-slider .slick-slide{padding:40px 0 30px}.product-section .product-slider .product-card{border:none;border-radius:10px;box-shadow:0 2px 20px rgba(0,0,0,.2);height:320px!important;margin:0 15px;max-width:240px;overflow:hidden}@media (max-width:575px){.product-section .product-slider .product-card{margin:0 auto}}.product-section .product-slider .product-card .product-img{border-radius:10px 10px 0 0;height:180px}.product-section .product-slider .product-card .product-desc{background-color:#fff;padding:13px 20px;width:100%}.product-section .product-slider .product-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:400;overflow:hidden}.testimonial-section .section-heading.left-heading h2:after{background-color:#fff}.testimonial-section .testimonial-slider .testimonial-card{padding:0 50px 40px}@media (max-width:575px){.testimonial-section .testimonial-slider .testimonial-card{padding:0 20px 30px}}.testimonial-section .testimonial-slider .testimonial-card .card-img{border:3px solid #fff;border-radius:50%;height:150px;margin:0 auto 20px;max-width:150px;overflow:hidden;width:150px}@media (max-width:575px){.testimonial-section .testimonial-slider .testimonial-card .card-img{height:125px;max-width:125px;width:125px}}.testimonial-section .testimonial-slider .testimonial-card .card-body .profile-img{border-radius:50%;height:40px;min-width:40px;overflow:hidden;width:40px}.testimonial-section .testimonial-bg-img{bottom:0;left:0;position:absolute}.testimonial-section .slide-arrow{align-items:center;background-color:#4f4f4f;border:0;border-radius:50%;color:#f3f3f3;display:flex;height:30px;justify-content:center;position:absolute;top:50%;width:30px;z-index:2}.testimonial-section .slide-arrow.next-arrow{right:30px}.testimonial-section .slide-arrow.prev-arrow{left:30px}.testimonial-section .slick-dots li button:before{color:#adadad;opacity:.75}.testimonial-section .slick-dots li.slick-active button:before{color:#fff}.blog-section{position:relative}.blog-section .section-heading h2:before{background-color:#1f1f1f}.blog-section p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-section .blog-slider .blog-card{background-color:transparent;border:0;padding:15px}.blog-section .blog-slider .blog-card .card-img{border-radius:10px;box-shadow:0 2px 20px rgba(41,41,41,.2);height:200px;margin-right:30px;min-width:200px;width:200px}@media (max-width:575px){.blog-section .blog-slider .blog-card .card-img{height:170px;margin-bottom:15px;margin-right:0;min-width:170px;width:170px}}.blog-section .blog-bg{bottom:0;position:absolute;right:0}@media (max-width:575px){.blog-section .blog-bg{width:155px}.blog-section .blog-bg img{width:100%}}.blog-section .slick-dots .slick-active button:before{color:#1f1f1f}.qr-code-section .section-heading h2:before{background-color:#1f1f1f}.qr-code-section .qr-code{background-color:#fff;border-radius:5px;box-shadow:0 2px 20px rgba(41,41,41,.2);height:220px;margin-top:50px;max-width:200px;padding:70px 0 30px;width:200px}.qr-code-section .qr-code .qr-profile-img{border:3px solid #0e0802;border-radius:50%;height:100px;min-width:100px;overflow:hidden;position:absolute;top:-50px;width:100px}.qr-code-section .qr-code .qr-code-img{height:120px;min-width:120px;width:120px}.business-hour-section{position:relative}.business-hour-section .section-heading.left-heading h2:after{background-color:#fff}.business-hour-section .bussiness-hour-card{border:1px solid #4f4f4f;border-radius:15px;margin:0 auto;max-width:430px;padding:40px;position:relative;z-index:2}@media (max-width:575px){.business-hour-section .bussiness-hour-card{padding:25px}}.business-hour-section .bussiness-hour-card span{color:#fff;font-size:18px}@media (max-width:575px){.business-hour-section .bussiness-hour-card span{font-size:15px}}.business-hour-section .business-hour-bg{bottom:0;left:0;position:absolute}.contact-us-section .section-heading h2:before{background-color:#1f1f1f}.contact-us-section .contact-form form .form-control{background-color:#f3f3f3;border:none;border-radius:5px;color:#000;font-weight:400;height:60px;padding:15px 20px}.contact-us-section .contact-form form .form-control::-moz-placeholder{color:#adadad}.contact-us-section .contact-form form .form-control::placeholder{color:#adadad}.contact-us-section .contact-form form .form-control:focus{box-shadow:none;outline:none}@media (min-width:575px){.contact-us-section .contact-form form textarea{min-height:212px}}.contact-us-section .contact-form form .btn{max-width:250px}.create-vcard-section{margin-bottom:60px}.create-vcard-section .section-heading.left-heading h2:after{background-color:#fff}.create-vcard-section .vcard-link-card{background-color:transparent;border:1px solid #4f4f4f;border-radius:5px;padding:22px;position:relative}.create-vcard-section .vcard-link-card .link-text{font-size:16px!important;word-break:break-all}@media (max-width:575px){.create-vcard-section .vcard-link-card .link-text{font-size:16px}}.btn-section .fixed-btn-section .lawyer-bars-btn{background-color:#1f1f1f;box-shadow:0 0 15px hsla(0,0%,62%,.2)}.btn-section .fixed-btn-section .sub-btn .lawyer-sub-btn{background-color:#f3f3f3;border:1px solid #1f1f1f}.btn-section .fixed-btn-section .sub-btn .lawyer-sub-btn i{color:#1f1f1f}.slick-dots{left:0;z-index:2}.slick-dots li button:before{color:#c3c3c3}.slick-dots li.slick-active button:before{color:grey;opacity:1}.vcard16-sticky-btn{text-wrap:nowrap;background:#f3f3f3;border:1px solid #1f1f1f;color:#1f1f1f;height:40px}.vcard16-btn-group{background-color:#f3f3f3;border-radius:50px!important;color:#1f1f1f;height:50px;width:50px}.add-to-contact-section{bottom:20px;left:0;position:fixed;width:100%;z-index:9}.add-contact-btn{background-color:#0e0802;border:1px solid #fff;color:#fff;margin:0 auto;width:250px!important;z-index:9999}.add-contact-btn:hover{background:#fff;border:1px solid #0e0802;color:#0e0802}@media (max-width:576px){.add-contact-btn{left:19%}}.vcard-sixteen.main-content{background-color:#1f1f1f;max-width:576px;min-height:100vh}.vcard-sixteen .vcard-sixteen-heading{color:#f3f3f3;font-size:28px;font-weight:500}.vcard-sixteen-btn{background-color:#f3f3f3;border:none;border-radius:5px;color:#1f1f1f!important;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.px-30{padding-left:30px;padding-right:30px}@media (max-width:575px){.px-30{padding-left:20px;padding-right:20px}}.fs-14{font-size:14px}.fs-18{font-size:18px}@media (max-width:575px){.fs-18{font-size:16px}}.fs-20{font-size:20px}.mt-10{margin-top:10px}.mt-40{margin-top:40px}@media (max-width:575px){.mt-40{margin-top:30px}}.mb-40{margin-bottom:40px}@media (max-width:575px){.mb-40{margin-bottom:30px}}.mx-30{margin-left:30px;margin-right:30px}@media (max-width:575px){.mx-30{margin-left:20px;margin-right:20px}}.mb-20{margin-bottom:20px}.mb-10{margin-bottom:10px}.pb-50{padding-bottom:50px}@media (max-width:575px){.pb-50{padding-bottom:40px}}.pt-40{padding-top:40px}@media (max-width:575px){.pt-40{padding-top:25px}}.pb-40{padding-bottom:40px}@media (max-width:575px){.pb-40{padding-bottom:25px}}.pt-60{padding-top:60px}@media (max-width:575px){.pt-60{padding-top:40px}}.pb-60{padding-bottom:60px}@media (max-width:575px){.pb-60{padding-bottom:40px}}.pt-30{padding-top:30px}@media (max-width:575px){.pt-30{padding-top:20px}}.pb-30{padding-bottom:30px}@media (max-width:575px){.pb-30{padding-bottom:20px}}.pt-50{padding-top:50px}@media (max-width:575px){.pt-50{padding-top:40px}}.pt-80{padding-top:80px}@media (max-width:575px){.pt-80{padding-top:40px}}.pb-80{padding-bottom:80px}@media (max-width:575px){.pb-80{padding-bottom:40px}}.px-10{padding-left:10px;padding-right:10px}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.fs-12{font-size:12px}.fs-36{font-size:36px}@media (max-width:575px){.fs-36{font-size:30px}}.fs-30{font-size:30px}@media (max-width:575px){.fs-30{font-size:28px}}.fs-28{font-size:28px}@media (max-width:575px){.fs-28{font-size:24px}}a{text-decoration:none}.main-content{max-width:576px;min-height:100vh}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.btn-section{position:absolute;right:80px;top:50%;z-index:9}.btn-section .fixed-btn-section{align-items:center;display:flex;position:fixed;top:50%}.btn-section .fixed-btn-section .bars-btn{align-items:center;border-radius:50%;display:flex;height:65px;justify-content:center;min-width:65px;width:65px}.btn-section .fixed-btn-section .sub-btn{display:none;position:absolute;right:75px}.btn-section .fixed-btn-section .sub-btn .social-btn{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.btn-section .fixed-btn-section .sub-btn .social-btn i{font-size:24px}.slick-dots li{margin:0}.slick-dots li button:before{font-size:30px;opacity:1}.social-icons{position:relative}.social-icons a{display:flex;justify-content:center;margin:0 0 20px;text-decoration:none;width:20%}.social-icons a img,.social-icons a svg{height:30px;-o-object-fit:cover;object-fit:cover;width:30px}.social-icons .icon{background-color:#1f1f1f;border-radius:50%;color:#f3f3f3;cursor:pointer;font-size:10px;transition:all .3s ease}.social-icons img{border-radius:50%!important}.language ul{list-style:none}.language ul .lang-list{background:#3d3943;border:none;border-radius:5px;outline:none;padding:10px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.language ul .lang-list .lang-head,.language ul .lang-list .lang-head i{color:#f3f3f3}.language ul .lang-list .lang-hover-list{font-size:15px;left:unset!important;margin:15px 0 0;min-width:150px;right:0;width:115%}.language ul .lang-list .lang-hover-list li{padding:5px 15px}.language ul .lang-list .lang-hover-list li:hover{background-color:#f1faff!important}.language ul .lang-list .lang-hover-list li:hover a{color:#009ef7!important}.language ul .lang-list .lang-hover-list li.active{background-color:#f1faff!important}.language ul .lang-list .lang-hover-list li.active a{color:#009ef7!important}.language ul .lang-list .lang-hover-list li a{color:#f1faff!important;text-decoration:none}.language ul .lang-list .lang-hover-list li img{height:20px!important;width:25px!important}.modal-backdrop{background-color:transparent}.add-contact-btn{height:40px!important}.add-contact-btn i{font-size:1rem!important}.appointment-section .appointment .appointment-input{background-color:transparent;border:1px solid #282c32;border-radius:0;color:#fff;height:50px;padding:14px 8px!important;width:100%}.appointment-section .appointment .appointment-input::-moz-placeholder{color:#fff}.appointment-section .appointment .appointment-input::placeholder{color:#fff}.appointment-section .appointment .appointment-input:focus{box-shadow:none;outline:none}.appointment-section .appointment .calendar-icon{position:absolute;right:18px;top:11px}.appointment-section .appointment .hour-input{background-color:rgba(40,44,50,.5);padding:13px}.appoint-input{background-color:rgba(40,44,50,.5);border:none;border-radius:10px;box-sizing:border-box;display:block;font-size:14px!important;font-weight:500;margin:0;padding:11px!important;text-align:center;width:100%}.appoint-input:focus{border-color:#edf2f8!important}.appoint-input:focus-visible{outline:none}.activeSlot{border:1px solid #fff!important}.product-details-page .product-btn{background:#1f1f1f;border:none;border-radius:5px;outline:none;padding:10px 20px;transition:all .3s ease}.product-details-page .product-btn:hover{background-color:rgba(31,31,31,.9)}@media (max-width:580px){.product-details-page .product-card{width:100%!important}}@media (max-width:450px){.product-details-page .product-card img{width:100%!important}}