Файловый менеджер - Редактировать - /home/u655585735/domains/revengercart.com/public_html/assets/css/style.css
Назад
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-color: #ff9700; --secondary-color: #000000; --dark-green: #ff9700; } body { overflow-x: hidden; } .text-justify { text-align: justify; } img { max-width: 100%; } .fs-80 { font-size: calc(50px + (80 - 50) * ((100vw - 300px) / (1920 - 300))) } .fs-60 { font-size: calc(45px + (60 - 45) * ((100vw - 300px) / (1920 - 300))) } .fs-55 { font-size: calc(40px + (55 - 40) * ((100vw - 300px) / (1920 - 300))) } .fs-50 { font-size: calc(36px + (50 - 36) * ((100vw - 300px) / (1920 - 300))) } .fs-40 { font-size: calc(32px + (40 - 32) * ((100vw - 300px) / (1920 - 300))) } .fs-36 { font-size: calc(28px + (36 - 28) * ((100vw - 300px) / (1920 - 300))) } .fs-30 { font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300))) } .fs-26 { font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1920 - 300))) } .fs-24 { font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300))) } .fs-22 { font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300))) } .fs-20 { font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300))) } .fs-18 { font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300))) } .fw-700 { font-weight: 700; } .fw-600 { font-weight: 600; } .fw-500 { font-weight: 500; } .heading { color: var(--secondary-color); font-weight: 700; position: relative; display: table; margin: auto; } .sub-heading { color: var(--dark-green); font-size: 20px; } /* Header css */ .header { position: relative; background-color: #ebf9ff; border-bottom: 1px solid #dcf4ff; } /* Navbar css */ .navigation { height: 100%; position: relative; z-index: 1111111; background: #fff; } .brand { position: relative; } .brand a img { width: 285px; margin-top: 10px; } .nav-container { max-width: 1000px; margin: 0 auto; } nav { float: right; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { float: left; position: relative; } nav ul li a { display: block; padding: 0 5px; margin: 0 10px; line-height: 45px; color: var(--secondary-color); text-decoration: none; } nav ul li a { position: relative; background: transparent; color: var(--secondary-color); font-weight: 600; font-size: 17px; transition: 0.4s; } nav ul li a:hover { color: var(--dark-green); } nav ul li a::before { position: absolute; content: ""; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--dark-blue); transition: 0.4s; } nav ul li a:hover::before { width: 100%; } nav ul li ul li { min-width: 190px; } nav ul li ul li a { padding: 15px; line-height: 20px; } .navbtn { border-radius: 15px; font-weight: 500; background: var(--dark-green); color: #000; text-decoration: none; padding: 10px 30px; transition: 0.4s; margin-left: 10px; } .navbtn:hover { background-color: #045980; color: #fff; } /* Mobile navigation */ .nav-mobile { display: none; position: absolute; top: 0; right: 0; background: transparent; height: 55px; width: 70px; } @media only screen and (max-width: 991px) { .nav-mobile { display: block; } .nav-list { margin-bottom: 15px; } nav { width: 100%; padding: 10px 0 0px; } nav ul { display: none; } nav ul li { float: none; } nav ul li a { padding: 15px; line-height: 20px; background: #fff; } nav ul li ul li a { padding-left: 30px; } .navbar-dropdown { position: static; } @media screen and (min-width:1200px) { .nav-list { display: block !important; } } #navbar-toggle { position: absolute; left: 18px; top: 25px; cursor: pointer; padding: 5px 8px; background: var(--secondary-color); border-radius: 2px; } #navbar-toggle span { height: 3px; width: 26px; background: #fff; position: relative; display: block; content: ''; margin: 5px 0; transition: all 300ms ease-in-out; } #navbar-toggle.active span { background-color: #fff; } #navbar-toggle.active span:before, #navbar-toggle.active span:after { top: 0; } #navbar-toggle.active span:before { transform: rotate(45deg); } #navbar-toggle.active span:after { transform: rotate(-45deg); } } /* Banner Section */ .banner { position: relative; z-index: 1; padding: 60px 0px 0; background: var(--primary-color); background-image: url("../image/banner-bg.png"); background-size: cover; } .banner::before{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(50deg, #ff9700f0 28%, transparent); } .colorful { font-weight: 700; color: var(--primary-color); } .banner-image img { position: relative; } /* counter section */ .counter { position: relative; padding: 35px 0; background: url("../image/bg1.webp"); background-position: center center; z-index: 1; } .counter::before { background: linear-gradient(0deg, #ff9900f0, #e98f04cf); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; z-index: -1; } .counter_icon img { filter: invert(1); width: 60px; } .counter .item p { margin: 0; color: #fff; } .counter .number { color: #fff; margin: 0; } .joining-fees { position: relative; padding-top: 50px; } .feature-wrapper { padding: 20px; border-radius: 15px; background: linear-gradient(45deg, #013147, #009943); color: #fff; text-align: center; } .feature_icon { width: 105px; margin: 11px auto 15px; height: 105px; border-radius: 50%; background-color: #fff; border: 5px solid #e5e5e5; padding: 20px; } .feature_icon img { max-width: 100%; animation: zooming 2s linear infinite alternate-reverse; } /* about section */ .about { position: relative; padding: 75px 0 30px; } .about-image { position: relative; margin-bottom: 50px; } .about-image img { max-width: 100%; width: auto; } .about-point { display: flex; align-items: center; margin-top: 10px; } .about-point img { width: 80px; margin-right: 20px; } .web_btn { margin-left: 0; font-weight: 600; background: var(--dark-green); } /* services */ .services { position: relative; padding: 30px 0 50px; } .line { width: 100px; display: inline-block; height: 1px; transition: 0.4s; } .aeps .line { background-color: #bd4cec; } .bbps .line { background-color: #eb6c40; } .dmt .line { background-color: #00aaef; } .recharge .line { background-color: #bd4cec; } .dth .line { background-color: darkgoldenrod; } .pancard .line { background-color: #19ccb1; } .service-wrap .serv_image { width: 70px; height: 70px; display: inline-block; border-radius: 50%; padding: 10px; position: relative; transition: 0.4s; margin-bottom: 15px; } .service-wrap .aeps_image { background-color: #bd4cec; } .service-wrap .bbps_image { background-color: #eb6c40; } .service-wrap .dmt_image { background-color: #00aaef; } .service-wrap .recharge_image { background-color: #bd4cec; } .service-wrap .pancard_image { background-color: #19ccb1; } .service-wrap .dth_image { background-color: darkgoldenrod; } .service-div { margin: auto; border-radius: 5px; height: 100%; padding: 20px; border: 1px solid #ddd; transition: 0.4s; } .service-div:hover { border-color: var(--dark-green); } .service-div:hover .service-wrap .serv_image::after { background-color: var(--dark-green); } .service-div:hover .service-wrap .serv_image { background-color: var(--dark-green); } .service-div:hover .service-wrap .serv_image::before { background-color: var(--dark-green); } .service-div:hover .service-wrap .line { background-color: var(--dark-green); } .service-wrap img { width: 100px; } .service-wrap i { margin: 10px 0; font-size: 70px; color: var(--primary-color); transition: 0.4s; } /* why-choose section */ .why-choose { position: relative; padding: 50px 0; } .feature-div { position: relative; padding: 10px; color: #fff; height: 100%; z-index: 1; background: #1f0035; border-radius: 30px; overflow: hidden; } .feature-div::after { position: absolute; content: ""; bottom: 0; width: 100%; height: 0; left: 0; background-color: #013147; z-index: -1; transition: ease 0.5s; } .feature-div:hover:after { height: 100%; } .feature-div:hover .feature-icon { transform: rotateY(360deg); } .commission {} .safe {} .fast-response {} .support {} .feature-icon { position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; background-color: #ffffff1c; margin: 15px auto; padding: 10px; transition: 0.8s; } .feature-icon span { width: 28px; height: 28px; border-radius: 50%; background-color: var(--primary-color); color: #fff; position: absolute; font-size: 14px; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } /* business-step section */ .business-step { position: relative; padding: 0px 0 50px; background-image: url("../image/service-bg.jpg"); } .business_steps_wrapper { position: relative; z-index: 1; height: 100%; } @media only screen and (max-width: 991px) { .business_steps_wrapper::after { right: -2px; top: 36%; width: 101%; height: 65%; } .business_steps_wrapper::before { top: 97%; left: 49%; } .business_steps_wrapper:hover::before { top: 92%; } } .business_steps { padding: 25px; background-color: #fff; margin: auto; height: 100%; } .step_num img { width: 60px; margin-bottom: 15px; } .business_steps.step1 { box-shadow: 0 -2px 10px #b3b3b3, 0 6px 1px #1f0035; } .business_steps.step2 { box-shadow: 0 -2px 10px #b3b3b3, 0 6px 1px #03a9f4; } .business_steps.step3 { box-shadow: 0 -2px 10px #b3b3b3, 0 6px 1px #1f0035; } /* Process Two Area */ .platform { padding: 0 0 50px; } .single-platform { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 2px 10px #ddd; } .platform_content{ padding: 20px; } /* Contact section */ .contact { position: relative; padding: 50px 0; background-color: #f5faff; } .contact p { font-size: 18px; font-weight: 600; } .contact-detail { padding: 20px 30px; } .contact-detail ul { padding: 0; } .contact-detail ul li { list-style: none; margin: 5px 0; } .contact-detail ul li a { text-decoration: none; font-size: 18px; font-weight: 600; color: #000; } .contact-detail p { font-size: 18px; font-weight: 600; color: #000; } .contact-form { padding: 20px 30px; } .contact-form input, textarea { width: 100%; margin: 10px; padding: 8px 10px; box-shadow: 0 0 10px 2px #dcf0ffb5; border-radius: 5px; font-size: 18px; font-weight: 600; border: none; outline: none; } .contact-form input, textarea::placeholder { font-size: 18px; } .contact-form .submit-btn { text-decoration: none; color: #fff; text-align: center; width: 200px; font-size: 18px; font-weight: 600; background-color: var(--dark-blue); border-radius: 5px; padding: 8px 20px; display: inline-block; margin: 0px auto 20px; } .contact-form .submit-btn i { transition: 0.4s; } .contact-form .submit-btn:hover i { margin-left: 5px; } /* Footer section */ .footer { position: relative; padding: 30px 0; background: #f1f1f1; } .foot-logo img { margin-bottom: 20px; max-width: 100%; } .social-icons span a { text-decoration: none; color: #40cfd1; padding: 5px; margin: 5px 0; width: 40px; height: 40px; } .social-icons span a i { font-size: 24px; color: var(--secondary-color); transition: ease 0.5s; } .social-icons span a i:hover { color: var(--dark-blue); } .foot-link ul { padding: 0; } .foot-link ul li { list-style: none; margin: 10px 0; color: var(--secondary-color); font-size: 17px; } .foot-link ul li a { position: relative; text-decoration: none; color: var(--secondary-color); font-size: 17px; font-weight: 500; } .foot-link ul li a::before { position: absolute; content: ""; background-color: var(--secondary-color); width: 0; height: 1px; bottom: 0; left: 0; transition: 0.5s; } .foot-link ul li a:hover::before { width: 100%; } @media screen and (min-width: 992px) { .left-padding { padding-left: 80px; border-left: 1px solid #a4bdc9; } } .bottom-foot { position: relative; padding: 10px; background-color: var(--secondary-color); color: var(--dark-blue); font-size: 16px; color: #fff; } .bottom-foot a { text-decoration: none; color: #fff; font-weight: 600; } .whatsapp-image { height: 60px; position: fixed; bottom: 20px; right: 10px; z-index: 9; } @media screen and (max-width: 575px) { .brand a img { width: 125px; } } /* pay now */ .payment { padding: 50px 0; position: relative; } #qrpayment { background-color: #00388d; } .Payment-head { background-color: #5e87eb; cursor: pointer; margin: 0 20px 0 0; color: #fff; font-size: 30px; font-weight: 600; padding: 5px 50px; border-radius: 10px; } .bank-details { padding: 20px; display: none; } .payment-methods { justify-content: space-around; background-color: #fff; box-shadow: 0 0 10px #dbdbdb; padding: 15px 0; } .payment-methods li button { font-size: 30px; font-weight: 600; color: #000; } .pay-qr { padding: 20px; } .pay-qr img { max-width: 300px; border-radius: 20px; margin: 0 auto; } .table tbody tr th, .table tbody tr td { font-size: 20px; color: #000; text-align: left; } /* Price page css */ .price-section { position: relative; padding: 50px 0; } .single-price h3 { font-size: 20px; color: white; font-weight: 600; } .single-price { position: relative; margin: 15px 0; padding: 30px 20px; background-color: #3dbeee; text-align: center; color: #fff; transition: 0.6s; } .price-detail h4 { font-size: 18px; font-weight: 500; color: #ffffff; } .price-detail { padding: 5px; text-align: center; background-color: #0f8fbe; margin: 15px 0; transition: 0.5s; } .sub_heading { font-size: 16px; font-weight: 600; color: #fff; } .sub_heading~p { color: #fff; } .main-price { margin-bottom: 10px; font-weight: 500; } .get_start_btn { display: block; font-size: 14px; font-weight: 600; padding: 7px 25px; color: #000; margin: 20px 0; text-decoration: none; background-color: #ffffff; transition: 0.5s; } .heading h2 { margin: 0 0 25px 0; } .price-wraper { padding: 20px; background: aliceblue; } .wrap-2 { background: #8d42b2; } .wrap-3 { background: #ee515b; } .wrap-4 { background: #40bb94; } .price-detail.wrap2-price { background: #69069a; } .price-detail.wrap3-price { background: #9b0811; } .wrap4-price { background: #078f64; } .main-price h5, h6, h5 { color: white; }
| ver. 1.4 |
Github
|
.
| PHP 8.2.27 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка