Server IP : 103.53.40.154 / Your IP : 18.217.246.148 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/akelectricalsrepairing.com/js/../testi-css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
/* Google Fonts - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); .slide-container{ max-width: 1120px; width: 100%; padding: 40px 0; } .slide-content{ margin: 0 40px; overflow: hidden; border-radius: 25px; } .card{ border-radius: 25px; background-color: #FFF; } .image-content, .card-content{ display: flex; flex-direction: column; align-items: center; padding: 10px 14px; } .image-content{ position: relative; row-gap: 5px; padding: 25px 0; } .overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #4070F4; border-radius: 25px 25px 0 25px; } .overlay::before, .overlay::after{ content: ''; position: absolute; right: 0; bottom: -40px; height: 40px; width: 40px; background-color: #4070F4; } .overlay::after{ border-radius: 0 25px 0 0; background-color: #FFF; } .card-image{ position: relative; height: 150px; width: 150px; border-radius: 50%; background: #FFF; padding: 3px; } .card-image .card-img{ height: 100%; width: 100%; object-fit: cover; border-radius: 50%; border: 4px solid #4070F4; } .name{ font-size: 18px; font-weight: 500; color: #333; } .description{ font-size: 14px; color: #707070; text-align: center; } .button{ border: none; font-size: 16px; color: #FFF; padding: 8px 16px; background-color: #4070F4; border-radius: 6px; margin: 14px; cursor: pointer; transition: all 0.3s ease; } .button:hover{ background: #265DF2; } .swiper-navBtn{ color: #6E93f7; transition: color 0.3s ease; } .swiper-navBtn:hover{ color: #4070F4; } .swiper-navBtn::before, .swiper-navBtn::after{ font-size: 35px; } .swiper-button-next{ right: 0; } .swiper-button-prev{ left: 0; } .swiper-pagination-bullet{ background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active{ background-color: #4070F4; } @media screen and (max-width: 768px) { .slide-content{ margin: 0 10px; } .swiper-navBtn{ display: none; } }