/* ============================================================ [Master Stylesheets] Theme Name: Archeva Theme URL: http:// Description: Archeva- Architecture Interiors Living HTML Template Version: 1.0.0 ============================================================== */ /* ======================================== *********** TABLE OF CONTENTS ********** 01. Css Variables 02. Font Size css 03. Common Typography Css 04. Custom Classes Css 05. Global Start 06. Background Color Css 07. Color Css 08. margin Css 09. padding Css 10. Border Color Css 11. Button Css 12. Accordion Css 13. Card Css 14. Form Css 15. Custom Input group 16. Modal Css 17. Pagination Css 18. Table Css 19. Tab Css 20. Badge Cs 21. Alert Css 22. preload Css 23. Social Icon Css 24. Header Start 25. Footer Start 26. Breadcrumb Css 27. Banner Start 28. Who-we Start 29. About Start 30. Services Start 31. Video Start 32. Projects Start 33. Testimonial Start 34. Team Start 35. Faq Start 36. Blog Start 37. Call-to-action Section Start 38. 404 Start ========================================*/ @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap"); /* ========================= Css Variables Start ======================== */ :root { /* Font Family */ --heading-font: "Jost", sans-serif; --body-font: "Inter", sans-serif; /* Base Color */ --base-h: 160; --base-s: 46%; --base-l: 39%; --base: var(--base-h) var(--base-s) var(--base-l); --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1); --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2); --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3); --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4); --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5); --base-d-600: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.6); --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7); --base-d-800: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.8); --base-d-900: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.9); --base-d-1000: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 1); --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1); --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2); --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3); --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4); --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5); --base-l-600: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.6); --base-l-700: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.7); --base-l-800: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.8); --base-l-900: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.9); --base-l-1000: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 1); /* Base Two Color */ --base-two-h: 31; --base-two-s: 70%; --base-two-l: 64%; --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l); --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1); --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2); --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3); --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4); --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5); --base-two-d-600: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.6); --base-two-d-700: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.7); --base-two-d-800: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.8); --base-two-d-900: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.9); --base-two-d-1000: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 1); --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1); --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2); --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3); --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4); --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5); --base-two-l-600: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.6); --base-two-l-700: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.7); --base-two-l-800: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.8); --base-two-l-900: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.9); --base-two-l-1000: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 1); --white: 0 0% 100%; --body-color: 0 0% 40%; --heading-color: 160 8% 8%; --border-color: 0 0% 40%; --black-h: 160; --black-s: 8%; --black-l: 8%; --black: var(--black-h) var(--black-s) var(--black-l); --black-d-100: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.1); --black-d-200: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.2); --black-d-300: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.3); --black-d-400: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.4); --black-d-500: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.5); --black-d-600: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.6); --black-d-700: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.7); --black-d-800: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.8); --black-d-900: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 0.9); --black-d-1000: var(--black-h) var(--black-s) calc(var(--black-l) - var(--black-l) * 1); --black-l-100: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.1); --black-l-200: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.2); --black-l-300: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.3); --black-l-400: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.4); --black-l-500: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.5); --black-l-600: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.6); --black-l-700: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.7); --black-l-800: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.8); --black-l-900: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 0.9); --black-l-1000: var(--black-h) calc(var(--black-s)) calc(var(--black-l) + (100% - var(--black-l)) * 1); --grey: 0 0% 40%; --grey-two: 0 0% 95%; --green: 155 52% 13%; --orange: 30 100% 98%; --header-box-shadow: 0px -1px 15px 3px hsl(var(--black) / 0.3); --mobile-box-shadow: 0px -1px 5px 0px hsl(var(--black) / 0.92); --box-shadow: 0px 0px 66px hsl(var(--black) / 0.08); /* === Bootstrap Modifier Start ==== */ /* Primary Color */ --primary-h: 245; --primary-s: 100%; --primary-l: 60%; --primary: var(--primary-h) var(--primary-s) var(--primary-l); --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1); --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2); --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3); --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4); --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5); --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1); --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2); --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3); --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4); --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5); /* Secondary Color */ --secondary-h: 208; --secondary-s: 7%; --secondary-l: 46%; --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l); --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1); --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2); --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3); --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4); --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5); --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1); --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2); --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3); --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4); --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5); /* Success Color */ --success-h: 147; --success-s: 94%; --success-l: 39%; --success: var(--success-h) var(--success-s) var(--success-l); --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1); --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2); --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3); --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4); --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5); --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1); --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2); --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3); --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4); --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5); /* Danger Color */ --danger-h: 0; --danger-s: 83%; --danger-l: 53%; --danger: var(--danger-h) var(--danger-s) var(--danger-l); --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1); --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2); --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3); --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4); --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5); --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1); --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2); --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3); --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4); --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5); /* Warning Color */ --warning-h: 29; --warning-s: 100%; --warning-l: 63%; --warning: var(--warning-h) var(--warning-s) var(--warning-l); --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1); --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2); --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3); --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4); --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5); --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1); --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2); --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3); --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4); --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5); /* Info Color */ --info-h: 196; --info-s: 100%; --info-l: 50%; --info: var(--info-h) var(--info-s) var(--info-l); --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1); --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2); --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3); --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4); --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5); --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1); --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2); --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3); --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4); --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5); /* === Bootstrap Modifier End ==== */ /* ==== Dark Mood Color Modify Start ===== */ } :root [data-theme=dark] { --white: 200 9% 7%; --black: 210 40% 98%; } /* ========================= Css Variables End =========================== */ /* ===================== Font Size For responsive devices Start =================== */ .fs-10 { font-size: 0.625rem; } .fs-11 { font-size: 0.6875rem; } .fs-12 { font-size: 0.75rem; } .fs-13 { font-size: 0.8125rem; } .fs-14 { font-size: 0.875rem; } .fs-15 { font-size: 0.9375rem; } .fs-16 { font-size: 1rem; } @media screen and (max-width: 1199px) { .fs-16 { font-size: 0.9375rem; } } .fs-17 { font-size: 1.0625rem; } @media screen and (max-width: 1199px) { .fs-17 { font-size: 1rem; } } @media screen and (max-width: 767px) { .fs-17 { font-size: 0.9375rem; } } .fs-18 { font-size: 1.125rem; } @media screen and (max-width: 1399px) { .fs-18 { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { .fs-18 { font-size: 1rem; } } .fs-20 { font-size: 1.25rem; } @media screen and (max-width: 1399px) { .fs-20 { font-size: 1.125rem; } } @media screen and (max-width: 767px) { .fs-20 { font-size: 1.0625rem; } } .fs-21 { font-size: 1.3125rem; } @media screen and (max-width: 1399px) { .fs-21 { font-size: 1.1875rem; } } @media screen and (max-width: 767px) { .fs-21 { font-size: 1.125rem; } } .fs-22 { font-size: 1.375rem; } @media screen and (max-width: 1399px) { .fs-22 { font-size: 1.25rem; } } @media screen and (max-width: 767px) { .fs-22 { font-size: 1.1875rem; } } .fs-23 { font-size: 1.4375rem; } @media screen and (max-width: 1399px) { .fs-23 { font-size: 1.3125rem; } } @media screen and (max-width: 767px) { .fs-23 { font-size: 1.25rem; } } .fs-24 { font-size: 1.5rem; } @media screen and (max-width: 1399px) { .fs-24 { font-size: 1.375rem; } } @media screen and (max-width: 767px) { .fs-24 { font-size: 1.3125rem; } } .fs-25 { font-size: 1.5625rem; } @media screen and (max-width: 1399px) { .fs-25 { font-size: 1.4375rem; } } @media screen and (max-width: 767px) { .fs-25 { font-size: 1.375rem; } } .fs-26 { font-size: 1.625rem; } @media screen and (max-width: 1399px) { .fs-26 { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .fs-26 { font-size: 1.4375rem; } } .fs-27 { font-size: 1.6875rem; } @media screen and (max-width: 1399px) { .fs-27 { font-size: 1.5625rem; } } @media screen and (max-width: 767px) { .fs-27 { font-size: 1.5rem; } } .fs-28 { font-size: 1.75rem; } @media screen and (max-width: 1399px) { .fs-28 { font-size: 1.625rem; } } @media screen and (max-width: 767px) { .fs-28 { font-size: 1.5625rem; } } .fs-29 { font-size: 1.8125rem; } @media screen and (max-width: 1399px) { .fs-29 { font-size: 1.6875rem; } } @media screen and (max-width: 767px) { .fs-29 { font-size: 1.625rem; } } .fs-30 { font-size: 1.875rem; } @media screen and (max-width: 1399px) { .fs-30 { font-size: 1.75rem; } } @media screen and (max-width: 767px) { .fs-30 { font-size: 1.6875rem; } } .fs-31 { font-size: 1.9375rem; } @media screen and (max-width: 1399px) { .fs-31 { font-size: 1.8125rem; } } @media screen and (max-width: 767px) { .fs-31 { font-size: 1.75rem; } } .fs-32 { font-size: 2rem; } @media screen and (max-width: 1399px) { .fs-32 { font-size: 1.875rem; } } @media screen and (max-width: 767px) { .fs-32 { font-size: 1.8125rem; } } .fs-33 { font-size: 2.0625rem; } @media screen and (max-width: 1399px) { .fs-33 { font-size: 1.9375rem; } } @media screen and (max-width: 767px) { .fs-33 { font-size: 1.875rem; } } .fs-34 { font-size: 2.125rem; } @media screen and (max-width: 1399px) { .fs-34 { font-size: 2rem; } } @media screen and (max-width: 767px) { .fs-34 { font-size: 1.9375rem; } } .fs-35 { font-size: 2.1875rem; } @media screen and (max-width: 1399px) { .fs-35 { font-size: 2.0625rem; } } @media screen and (max-width: 767px) { .fs-35 { font-size: 2rem; } } .fs-36 { font-size: 2.25rem; } @media screen and (max-width: 1399px) { .fs-36 { font-size: 2.125rem; } } @media screen and (max-width: 767px) { .fs-36 { font-size: 2.0625rem; } } .fs-37 { font-size: 2.3125rem; } @media screen and (max-width: 1399px) { .fs-37 { font-size: 2.1875rem; } } @media screen and (max-width: 767px) { .fs-37 { font-size: 2.125rem; } } .fs-38 { font-size: 2.375rem; } @media screen and (max-width: 1399px) { .fs-38 { font-size: 2.25rem; } } @media screen and (max-width: 767px) { .fs-38 { font-size: 2.1875rem; } } .fs-39 { font-size: 2.4375rem; } @media screen and (max-width: 1399px) { .fs-39 { font-size: 2.3125rem; } } @media screen and (max-width: 767px) { .fs-39 { font-size: 2.25rem; } } .fs-40 { font-size: 2.5rem; } @media screen and (max-width: 1399px) { .fs-40 { font-size: 2.375rem; } } @media screen and (max-width: 767px) { .fs-40 { font-size: 2.3125rem; } } .fs-41 { font-size: 2.5625rem; } @media screen and (max-width: 1399px) { .fs-41 { font-size: 2.4375rem; } } @media screen and (max-width: 767px) { .fs-41 { font-size: 2.375rem; } } .fs-42 { font-size: 2.625rem; } @media screen and (max-width: 1399px) { .fs-42 { font-size: 2.5rem; } } @media screen and (max-width: 767px) { .fs-42 { font-size: 2.4375rem; } } .fs-43 { font-size: 2.6875rem; } @media screen and (max-width: 1399px) { .fs-43 { font-size: 2.5625rem; } } @media screen and (max-width: 767px) { .fs-43 { font-size: 2.5rem; } } .fs-44 { font-size: 2.75rem; } @media screen and (max-width: 1399px) { .fs-44 { font-size: 2.625rem; } } @media screen and (max-width: 767px) { .fs-44 { font-size: 2.5625rem; } } .fs-45 { font-size: 2.8125rem; } @media screen and (max-width: 1399px) { .fs-45 { font-size: 2.6875rem; } } @media screen and (max-width: 767px) { .fs-45 { font-size: 2.625rem; } } .fs-46 { font-size: 2.875rem; } @media screen and (max-width: 1399px) { .fs-46 { font-size: 2.75rem; } } @media screen and (max-width: 767px) { .fs-46 { font-size: 2.6875rem; } } .fs-47 { font-size: 2.9375rem; } @media screen and (max-width: 1399px) { .fs-47 { font-size: 2.8125rem; } } @media screen and (max-width: 767px) { .fs-47 { font-size: 2.75rem; } } .fs-48 { font-size: 3rem; } @media screen and (max-width: 1399px) { .fs-48 { font-size: 2.875rem; } } @media screen and (max-width: 767px) { .fs-48 { font-size: 2.8125rem; } } .fs-49 { font-size: 3.0625rem; } @media screen and (max-width: 1399px) { .fs-49 { font-size: 2.9375rem; } } @media screen and (max-width: 767px) { .fs-49 { font-size: 2.875rem; } } .fs-50 { font-size: 3.125rem; } @media screen and (max-width: 1399px) { .fs-50 { font-size: 3rem; } } @media screen and (max-width: 767px) { .fs-50 { font-size: 2.9375rem; } } .fs-51 { font-size: 3.1875rem; } @media screen and (max-width: 1399px) { .fs-51 { font-size: 3.0625rem; } } @media screen and (max-width: 767px) { .fs-51 { font-size: 3rem; } } .fs-52 { font-size: 3.25rem; } @media screen and (max-width: 1399px) { .fs-52 { font-size: 3.125rem; } } @media screen and (max-width: 767px) { .fs-52 { font-size: 3.0625rem; } } .fs-53 { font-size: 3.3125rem; } @media screen and (max-width: 1399px) { .fs-53 { font-size: 3.1875rem; } } @media screen and (max-width: 767px) { .fs-53 { font-size: 3.125rem; } } .fs-54 { font-size: 3.375rem; } @media screen and (max-width: 1399px) { .fs-54 { font-size: 3.25rem; } } @media screen and (max-width: 767px) { .fs-54 { font-size: 3.1875rem; } } .fs-55 { font-size: 3.4375rem; } @media screen and (max-width: 1399px) { .fs-55 { font-size: 3.3125rem; } } @media screen and (max-width: 767px) { .fs-55 { font-size: 3.25rem; } } .fs-56 { font-size: 3.5rem; } @media screen and (max-width: 1399px) { .fs-56 { font-size: 3.375rem; } } @media screen and (max-width: 767px) { .fs-56 { font-size: 3.3125rem; } } .fs-57 { font-size: 3.5625rem; } @media screen and (max-width: 1399px) { .fs-57 { font-size: 3.4375rem; } } @media screen and (max-width: 767px) { .fs-57 { font-size: 3.375rem; } } .fs-58 { font-size: 3.625rem; } @media screen and (max-width: 1399px) { .fs-58 { font-size: 3.5rem; } } @media screen and (max-width: 767px) { .fs-58 { font-size: 3.4375rem; } } .fs-59 { font-size: 3.6875rem; } @media screen and (max-width: 1399px) { .fs-59 { font-size: 3.5625rem; } } @media screen and (max-width: 767px) { .fs-59 { font-size: 3.5rem; } } .fs-60 { font-size: 3.75rem; } @media screen and (max-width: 1399px) { .fs-60 { font-size: 3.625rem; } } @media screen and (max-width: 767px) { .fs-60 { font-size: 3.5rem; } } /* ===================== Font Size For responsive devices End =================== */ /* ================================= Common Typography Css Start =========================== */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--body-font); color: black; word-break: break-word; background-color: var(--background-color); min-height: 100vh; display: flex; flex-direction: column; } span { display: inline-block; } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); color: hsl(var(--heading-color)); line-height: 1.3; font-weight: 700; } p { font-size: 1rem; font-weight: 400; margin: 0; color: black; } h1 { font-size: 3.75rem; } @media screen and (max-width: 1399px) { h1 { font-size: 3.125rem; } } @media screen and (max-width: 1199px) { h1 { font-size: 2.8125rem; } } @media screen and (max-width: 991px) { h1 { font-size: 2.5rem; } } @media screen and (max-width: 767px) { h1 { font-size: 2.1875rem; } } @media screen and (max-width: 575px) { h1 { font-size: 1.875rem; } } h2 { font-size: 2.8125rem; } @media screen and (max-width: 1199px) { h2 { font-size: 2.1875rem; } } @media screen and (max-width: 991px) { h2 { font-size: 1.875rem; } } @media screen and (max-width: 767px) { h2 { font-size: 1.875rem; } } @media screen and (max-width: 575px) { h2 { font-size: 1.5625rem; } } h3 { font-size: 1.875rem; } @media screen and (max-width: 1399px) { h3 { font-size: 1.75rem; } } @media screen and (max-width: 1199px) { h3 { font-size: 1.5625rem; } } @media screen and (max-width: 991px) { h3 { font-size: 1.4375rem; } } @media screen and (max-width: 767px) { h3 { font-size: 1.375rem; } } @media screen and (max-width: 575px) { h3 { font-size: 1.25rem; } } h4 { font-size: 1.5rem; } @media screen and (max-width: 1399px) { h4 { font-size: 1.3125rem; } } @media screen and (max-width: 1199px) { h4 { font-size: 1.25rem; } } @media screen and (max-width: 991px) { h4 { font-size: 1.1875rem; } } h5 { font-size: 1.25rem; } @media screen and (max-width: 1399px) { h5 { font-size: 1.1875rem; } } @media screen and (max-width: 1199px) { h5 { font-size: 1.125rem; } } @media screen and (max-width: 991px) { h5 { font-size: 1.0625rem; } } @media screen and (max-width: 767px) { h5 { font-size: 1rem; } } @media screen and (max-width: 575px) { h5 { font-size: 1rem; } } h6 { font-size: 1rem; } @media screen and (max-width: 1399px) { h6 { font-size: 1rem; } } @media screen and (max-width: 1199px) { h6 { font-size: 0.9375rem; } } @media screen and (max-width: 991px) { h6 { font-size: 0.875rem; } } @media screen and (max-width: 767px) { h6 { font-size: 0.875rem; } } @media screen and (max-width: 575px) { h6 { font-size: 0.875rem; } } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { font-weight: inherit; font-size: inherit; color: inherit; transition: 0.2s linear; line-height: inherit; } a { display: inline-block; transition: 0.2s linear; text-decoration: none; color: hsl(var(--info)); } a:hover { color: #64E2B7; } img { max-width: 100%; height: auto; } select { cursor: pointer; } ul, ol { padding: 0; margin: 0; list-style: none; } button { border: 0; background-color: transparent; } button:focus { outline: none; box-shadow: none; } .form-select:focus { outline: 0; box-shadow: none; } figure { margin: 0; } /* ================================= Common Typography Css End =========================== */ /* ================================= Custom Classes Css Start =========================== */ /* Selection Css */ ::-moz-selection { color: hsl(var(--white)); background: hsl(var(--base-d-100)); } ::selection { color: hsl(var(--white)); background: hsl(var(--base-d-100)); } /* Bg Image Css */ .bg-img { background-size: cover !important; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; } /* parallax image */ .parallax-image-wrap { position: relative; overflow: hidden; } .parallax-image-inner { width: 100%; height: 100%; will-change: transform; } .parallax-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } /* ================================= Custom Classes Css End =========================== */ /* ====================== Global Start ======================*/ .wrapper { overflow-x: hidden; } .section-title h6 { font-weight: 500; } .section-title p { padding-top: 15px; } .btn-slider-next, .btn-slider-prev { --nav-offset: -7%; border: 1px solid #EB5B00; width: 48px; height: 48px; border-radius: 100%; color: hsl(var(--black)); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; transition: all 0.5s; } @media screen and (max-width: 1399px) { .btn-slider-next, .btn-slider-prev { --nav-offset: -5%; } } @media screen and (max-width: 991px) { .btn-slider-next, .btn-slider-prev { position: relative; bottom: 0; top: auto; transform: translateY(0); } } .btn-slider-next:hover, .btn-slider-prev:hover { background-color: #64E2B7; border-color: #64E2B7; color: hsl(var(--white)); } .btn-slider-next::after, .btn-slider-prev::after { font-size: 22px; } .btn-slider-next { right: var(--nav-offset); } .btn-slider-prev { left: var(--nav-offset); } .swiper-button-disabled { opacity: 0.2; cursor: auto; } @media screen and (max-width: 991px) { .slider-btn { display: flex; align-items: center; gap: 15px; } .btn-slider-next, .btn-slider-prev { --nav-offset: 0; border-radius: 7px; } } .swiper-pagination { position: relative; margin-top: 60px; } .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; } .swiper-pagination .swiper-pagination-bullet-active { background-color: #64E2B7; } .progress { --bs-progress-height: 5px; border-radius: 5px; background-color: hsl(var(--black)/0.2); overflow: unset; } .progress .progress-bar { transition: width 2s ease-in-out; width: 25%; background: #64E2B7; border-radius: 5px; } /* ====================== Global End ======================*/ /* ================================= Background Color Css Start =========================== */ .bg--base { background-color: #5F8B4C !important; } .bg--base-two { background-color: #EB5B00!important; } .bg--green { background-color: #5F8B4C; } .bg--orange { /* background-color: hsl(var(--orange)) !important; */ } .bg--primary { background-color: hsl(var(--primary)) !important; } .bg--secondary { background-color: hsl(var(--secondary)) !important; } .bg--success { background-color: hsl(var(--success)) !important; } .bg--danger { background-color: hsl(var(--danger)) !important; } .bg--warning { background-color: hsl(var(--warning)) !important; } .bg--info { background-color: hsl(var(--info)) !important; } /* ================================= Background Color Css End =========================== */ /* ================================= Color Css Start =========================== */ .text--base { color: #64E2B7 !important; } .text--base-two { color: black!important; } .text--grey { color: hsl(var(--grey)) !important; } .text--grey-two { color: hsl(var(--grey-two)) !important; } .text--white { color: hsl(var(--white)) !important; } .text--black { color: hsl(var(--black)) !important; } .text--primary { color: hsl(var(--primary)) !important; } .text--secondary { color: hsl(var(--secondary)) !important; } .text--success { color: hsl(var(--success)) !important; } .text--danger { color: hsl(var(--danger)) !important; } .text--warning { color: hsl(var(--warning)) !important; } .text--info { color: hsl(var(--info)) !important; } /* ================================= Color Css End =========================== */ /* ================================= margin Css Start =========================== */ .my-120 { margin-top: 60px; margin-bottom: 60px; } @media (min-width: 576px) { .my-120 { margin-top: 80px; margin-bottom: 80px; } } @media (min-width: 992px) { .my-120 { margin-top: 120px; margin-bottom: 120px; } } .mt-120 { margin-top: 60px; } @media (min-width: 576px) { .mt-120 { margin-top: 80px; } } @media (min-width: 992px) { .mt-120 { margin-top: 120px; } } .mb-120 { margin-bottom: 60px; } @media (min-width: 576px) { .mb-120 { margin-bottom: 80px; } } @media (min-width: 992px) { .mb-120 { margin-bottom: 120px; } } .my-60 { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 576px) { .my-60 { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 992px) { .my-60 { margin-top: 60px; margin-bottom: 60px; } } .mt-60 { margin-top: 30px; } @media (min-width: 576px) { .mt-60 { margin-top: 40px; } } @media (min-width: 992px) { .mt-60 { margin-top: 60px; } } .mb-60 { margin-bottom: 30px; } @media (min-width: 576px) { .mb-60 { margin-bottom: 40px; } } @media (min-width: 992px) { .mb-60 { margin-bottom: 60px; } } /* ================================= margin Css End =========================== */ /* ================================= padding Css Start =========================== */ .py-120 { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 576px) { .py-120 { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 992px) { .py-120 { padding-top: 120px; padding-bottom: 120px; } } .pt-120 { padding-top: 60px; } @media (min-width: 576px) { .pt-120 { padding-top: 80px; } } @media (min-width: 992px) { .pt-120 { padding-top: 120px; } } .pb-120 { padding-bottom: 60px; } @media (min-width: 576px) { .pb-120 { padding-bottom: 80px; } } @media (min-width: 992px) { .pb-120 { padding-bottom: 120px; } } .py-60 { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 576px) { .py-60 { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 992px) { .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-40{ padding-top: 40px; padding-bottom: 40px; } } .pt-60 { padding-top: 30px; } @media (min-width: 576px) { .pt-60 { padding-top: 40px; } } @media (min-width: 992px) { .pt-60 { padding-top: 60px; } } .pb-60 { padding-bottom: 30px; } @media (min-width: 576px) { .pb-60 { padding-bottom: 40px; } } @media (min-width: 992px) { .pb-60 { padding-bottom: 60px; } } /* ================================= padding Css End =========================== */ /* ================================= Border Color Css Start =========================== */ .border--base { border-color: #64E2B7 !important; } .border--primary { border-color: hsl(var(--primary)) !important; } .border--secondary { border-color: hsl(var(--secondary)) !important; } .border--success { border-color: hsl(var(--success)) !important; } .border--danger { border-color: hsl(var(--danger)) !important; } .border--warning { border-color: hsl(var(--warning)) !important; } .border--info { border-color: hsl(var(--info)) !important; } /* ================================= Border Color Css End =========================== */ /* ================================= Button Css Start =========================== */ .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: none; background-color: none; border-color: none; } .pill { border-radius: 40px !important; } .btn { color: hsl(var(--white)) !important; font-weight: 500; padding: 17px 29px; border-radius: 5px; position: relative; z-index: 1; border: 1px solid transparent; font-family: var(--body-font); display: inline-block !important; font-size: 1rem; line-height: 1; } @media screen and (max-width: 767px) { .btn { padding: 14px 25px; font-size: 0.875rem; } } @media screen and (max-width: 575px) { .btn { padding: 12px 20px; } } .btn i { transform: rotate(-45deg); margin-left: 5px; transition: all 0.4s; } .btn:hover, .btn:focus, .btn:focus-visible { box-shadow: none !important; } .btn:hover i, .btn:focus i, .btn:focus-visible i { transform: rotate(0); } .btn:active { top: 1px; } .btn--lg { padding: 20px 35px; } @media screen and (max-width: 991px) { .btn--lg { padding: 18px 30px; } } @media screen and (max-width: 767px) { .btn--lg { padding: 16px 25px; } } .btn--sm { padding: 7px 18px; font-weight: 600; font-size: 0.75rem; } @media screen and (max-width: 767px) { .btn--sm { padding: 8px 12px; } } .btn--icon { width: 35px; height: 35px; line-height: 35px; font-size: 0.9375rem; padding: 0; } .btn--base { background-color: #64E2B7 !important; } .btn--base:hover, .btn--base:focus .btn--base:focus-visible { background-color: #EB5B00!important; border: 1px solid #EB5B00!important; } .btn-outline--base { background-color: transparent !important; border: 1px solid #64E2B7 !important; color: #64E2B7 !important; } .btn-outline--base:hover, .btn-outline--base:focus .btn-outline--base:focus-visible { background-color: #64E2B7 !important; color: hsl(var(--white)) !important; } .btn--base-two { background-color: #EB5B00!important; } .btn--base-two:hover, .btn--base-two:focus .btn--base-two:focus-visible { background-color: #EB5B00 !important; border: 1px solid #EB5B00 !important; } .btn-outline--base-two { background-color: transparent !important; border: 1px solid #EB5B00!important; color: #EB5B00!important; } .btn-outline--base-two:hover, .btn-outline--base-two:focus .btn-outline--base-two:focus-visible { background-color: #EB5B00!important; color: hsl(var(--white)) !important; } .btn--primary { background-color: hsl(var(--primary)) !important; } .btn--primary:hover, .btn--primary:focus .btn--primary:focus-visible { background-color: hsl(var(--primary-d-200)) !important; border: 1px solid hsl(var(--primary-d-200)) !important; } .btn-outline--primary { background-color: transparent !important; border: 1px solid hsl(var(--primary)) !important; color: hsl(var(--primary)) !important; } .btn-outline--primary:hover, .btn-outline--primary:focus .btn-outline--primary:focus-visible { background-color: hsl(var(--primary)) !important; color: hsl(var(--white)) !important; } .btn--secondary { background-color: hsl(var(--secondary)) !important; } .btn--secondary:hover, .btn--secondary:focus .btn--secondary:focus-visible { background-color: hsl(var(--secondary-d-200)) !important; border: 1px solid hsl(var(--secondary-d-200)) !important; } .btn-outline--secondary { background-color: transparent !important; border: 1px solid hsl(var(--secondary)) !important; color: hsl(var(--secondary)) !important; } .btn-outline--secondary:hover, .btn-outline--secondary:focus .btn-outline--secondary:focus-visible { background-color: hsl(var(--secondary)) !important; color: hsl(var(--white)) !important; } .btn--black { background-color: hsl(var(--black)) !important; } .btn--black:hover, .btn--black:focus .btn--black:focus-visible { background-color: hsl(var(--black-d-200)) !important; border: 1px solid hsl(var(--black-d-200)) !important; } .btn-outline--black { background-color: transparent !important; border: 1px solid hsl(var(--black)) !important; color: hsl(var(--black)) !important; } .btn-outline--black:hover, .btn-outline--black:focus .btn-outline--black:focus-visible { background-color: hsl(var(--black)) !important; color: hsl(var(--white)) !important; } .btn--danger { background-color: hsl(var(--danger)) !important; } .btn--danger:hover, .btn--danger:focus .btn--danger:focus-visible { background-color: hsl(var(--danger-d-200)) !important; border: 1px solid hsl(var(--danger-d-200)) !important; } .btn-outline--danger { background-color: transparent !important; border: 1px solid hsl(var(--danger)) !important; color: hsl(var(--danger)) !important; } .btn-outline--danger:hover, .btn-outline--danger:focus .btn-outline--danger:focus-visible { background-color: hsl(var(--danger)) !important; color: hsl(var(--white)) !important; } .btn--warning { background-color: hsl(var(--warning)) !important; } .btn--warning:hover, .btn--warning:focus .btn--warning:focus-visible { background-color: hsl(var(--warning-d-200)) !important; border: 1px solid hsl(var(--warning-d-200)) !important; } .btn-outline--warning { background-color: transparent !important; border: 1px solid hsl(var(--warning)) !important; color: hsl(var(--warning)) !important; } .btn-outline--warning:hover, .btn-outline--warning:focus .btn-outline--warning:focus-visible { background-color: hsl(var(--warning)) !important; color: hsl(var(--white)) !important; } .btn--info { background-color: hsl(var(--info)) !important; } .btn--info:hover, .btn--info:focus .btn--info:focus-visible { background-color: hsl(var(--info-d-200)) !important; border: 1px solid hsl(var(--info-d-200)) !important; } .btn-outline--info { background-color: transparent !important; border: 1px solid hsl(var(--info)) !important; color: hsl(var(--info)) !important; } .btn-outline--info:hover, .btn-outline--info:focus .btn-outline--info:focus-visible { background-color: hsl(var(--info)) !important; color: hsl(var(--white)) !important; } /* ================================= Button Css End =========================== */ /* =========================== Accordion Css start ============================= */ .custom--accordion .accordion-item { border: 1px solid hsl(var(--black)/0.09); background-color: hsl(var(--green)); border-radius: 5px; overflow: hidden; } .custom--accordion .accordion-item:not(:last-child) { margin-bottom: 20px; } .custom--accordion .accordion-header { line-height: 1; color: hsl(var(--white)); } .custom--accordion .accordion-body { padding: 24px 20px; background-color: #5F8B4C; } .custom--accordion .accordion-body .text { max-width: 60%; } @media screen and (max-width: 575px) { .custom--accordion .accordion-body .text { max-width: 100%; } } .custom--accordion .accordion-body p { color: hsl(var(--white)/0.8); } .custom--accordion:first-of-type .accordion-button.collapsed { border-radius: 5px; } .custom--accordion:last-of-type .accordion-button.collapsed { border-radius: 5px; } .custom--accordion .accordion-button { background-color: #5F8B4C; color: var(--heading-color); font-size: 1.125rem; padding: 20px; } @media screen and (max-width: 575px) { .custom--accordion .accordion-button { padding: 15px; padding-right: 30px; } } .custom--accordion .accordion-button::after { background-image: none; } .custom--accordion .accordion-button:focus { box-shadow: none; } .custom--accordion .accordion-button:not(.collapsed) { color: hsl(var(--white)); background-color: #64E2B7 !important; box-shadow: none; } .custom--accordion .accordion-button:not(.collapsed)::after { background-image: none; color: hsl(var(--white)); } .custom--accordion .accordion-button[aria-expanded=true]::after, .custom--accordion .accordion-button[aria-expanded=false]::after { font-family: "Font Awesome 6 free"; font-weight: 900; content: "\f106"; display: inline-block; position: absolute; right: 15px; height: unset; top: 50%; transform: translateY(-50%); } .custom--accordion .accordion-button[aria-expanded=false]::after { content: "\f107"; color: hsl(var(--white)); } /* ================================= Accordion Css End =========================== */ /* ================================= Card Css Start =========================== */ .custom--card { border-radius: 5px; box-shadow: var(--box-shadow); background-color: hsl(var(--white)); border: transparent; } .custom--card .card-header { padding: 12px 24px; background-color: transparent; border-bottom: 1px solid hsl(var(--black)/0.1); } .custom--card .card-header .title { margin-bottom: 0; } .custom--card .card-body { background-color: hsl(var(--white)); padding: 24px; border-radius: 5px; } .custom--card .card-footer { padding: 12px 24px; background-color: transparent; border-top: 1px solid hsl(var(--black)/0.1); } /* ================================= Card Css End =========================== */ /* ================================= Form Css Start =========================== */ /* Form Label */ .form--label { margin-bottom: 6px; font-size: 0.9375rem; color: hsl(var(--black)/0.6); font-weight: 500; } .form-group { margin-bottom: 1rem; } /* Form Select */ .select { color: hsl(var(--black)/0.6) !important; } .select:focus { border-color: #64E2B7; color: hsl(var(--black)) !important; } .select option { background-color: hsl(var(--black)); color: hsl(var(--white)); } /* Form Select End */ /* Form Control Start */ .form--control { border-radius: 8px; font-weight: 400; outline: none; width: 100%; padding: 24px 24px; background-color: transparent; border: 2px solid black; color: black; line-height: 1; } .form--control::-moz-placeholder { color: black; font-size: 1rem; } .form--control::placeholder { color: black; font-size: 1rem; } .form--control:focus { border-color: #64E2B7; } .form--control:disabled, .form--control[readonly] { background-color: hsl(var(--black)/0.2); opacity: 1; border: 0; } .form--control[type=password] { color: hsl(var(--black)/0.5); } .form--control[type=password]:focus { color: hsl(var(--black)); } .form--control[type=file] { line-height: 50px; padding: 0; position: relative; } .form--control[type=file]::file-selector-button { border: 1px solid hsl(var(--black)/0.08); padding: 4px 6px; border-radius: 0.2em; background-color: #64E2B7 !important; transition: 0.2s linear; line-height: 25px; position: relative; margin-left: 15px; color: hsl(var(--body-color)) !important; } .form--control[type=file]::file-selector-button:hover { background-color: #64E2B7; border: 1px solid #64E2B7; color: hsl(var(--black)); } /* Form Control End */ textarea.form--control { height: 150px; } /* Autofill Css */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-text-fill-color: hsl(var(--white)) !important; caret-color: hsl(var(--white)); } /* Autofill Css End */ /* input group */ .input--group { position: relative; } /* Show Hide Password */ input#your-password, input#confirm-password { padding-right: 50px; } .password-show-hide { position: absolute; right: 20px; z-index: 5; cursor: pointer; top: 50%; transform: translateY(-50%); color: hsl(var(--black)/0.4); } /* --------------- Number Arrow None --------------------- */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } /* Custom Checkbox Design */ .form--check .form-check-input { box-shadow: none; background-color: transparent; box-shadow: none !important; border: 0; position: relative; border-radius: 4px; width: 18px; height: 18px; border: 1px solid hsl(var(--white)/0.6); margin-top: 0; cursor: pointer; } .form--check .form-check-input:checked { background-color: #64E2B7 !important; border-color: #64E2B7 !important; box-shadow: none; } .form--check .form-check-input:checked[type=checkbox] { background-image: none; } .form--check .form-check-input:checked::before { position: absolute; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: hsl(var(--white)); font-size: 0.6875rem; top: 50%; left: 50%; transform: translate(-50%, -50%); } .form--check .form-check-label { width: calc(100% - 16px); padding-left: 12px; cursor: pointer; font-size: 0.875rem; } @media screen and (max-width: 424px) { .form--check label { font-size: 0.9375rem; } } .form--check a { display: inline; color: #64E2B7; } @media screen and (max-width: 424px) { .form--check a { font-size: 0.9375rem; } } /* Custom Radio Design */ .form--radio .form-check-input { box-shadow: none; border: 1px solid hsl(var(--black)/0.2); position: relative; background-color: transparent; cursor: pointer; width: 16px; height: 16px; } .form--radio .form-check-input:active { filter: brightness(100%); } .form--radio .form-check-input:checked { background-color: transparent; border-color: #64E2B7; } .form--radio .form-check-input:checked[type=radio] { background-image: none; } .form--radio .form-check-input:checked::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 7px; height: 7px; background-color: #64E2B7; border-radius: 50%; z-index: 999; } .form--radio .form-check-label { font-weight: 600; width: calc(100% - 16px); padding-left: 12px; cursor: pointer; font-size: 0.875rem; } /* Custom Switch Design */ .form--switch .form-check-input { border-radius: 3px; background-image: none; position: relative; box-shadow: none; border: 0; background-color: hsl(var(--black)/0.2) !important; padding: 10px !important; margin-left: 0; margin-bottom: 5px; border-radius: 40px; width: 70px; height: 38px; cursor: pointer; } .form--switch .form-check-input:focus { border-radius: 40px; background-image: none; position: relative; box-shadow: none; border: 0; } .form--switch .form-check-input::before { position: absolute; content: ""; width: 28px; height: 28px; background-color: hsl(var(--white)); top: 50%; transform: translateY(-50%); border-radius: 2px; left: 5px; border-radius: 50%; transition: 0.2s linear; } .form--switch .form-check-input:checked { background-color: #64E2B7 !important; } .form--switch .form-check-input:checked::before { left: calc(100% - 33px); background-color: hsl(var(--white)) !important; } .form--switch .form-check-input:checked[type=checkbox] { background-image: none; } .form--switch .form-check-label { width: calc(100% - 14px); padding-left: 5px; cursor: pointer; } /* Custom Switch End Design */ /* ================================= Form Css End =========================== */ /* --======================Custom Input group Start ======================*/ .input--group { border-radius: 5px; border: 1px solid hsl(var(--border-color)); } .input--group .form--control { border-width: 0px !important; padding-right: 5px; box-shadow: unset; } .input--group .input-group-text + .form--control { padding-right: 20px; padding-left: 10px; } .input--group:focus-within { border: 1px solid #64E2B7; } .input--group .input-group-text { border-width: 0px; height: calc(100% - 10px); margin: 5px; border-radius: 5px; background-color: hsl(var(--black)/0.1); color: hsl(var(--body-color)); } .input--group-text { margin-left: 5px; } .input--group .form--control[readonly] { background: hsl(var(--black)/0.3) !important; } .input--group .form--control[readonly]:focus { border-color: hsl(var(--black)/0.3); } .input--group:has(.form--control[readonly]) { background: hsl(var(--black)/0.3) !important; } .input--group:has(.form--control[readonly]):focus-within { border-color: hsl(var(--black)/0.4) !important; } /* --======================Custom Input group End ======================*/ /* ================================= Modal Css Start =========================== */ .custom--modal .modal-header { border-bottom: 1px solid hsl(var(--black)/0.12); padding: 15px; } .custom--modal .modal-header.close { width: 35px; height: 35px; background-color: hsl(var(--danger)); font-size: 1.5625rem; line-height: 1; border-radius: 4px; transition: 0.2s linear; } .custom--modal .modal-header.close:hover { background-color: hsl(var(--danger-l-100)); } .custom--modal .modal-header.close :focus { box-shadow: none; } .custom--modal .modal-content { border-radius: 10px !important; } .custom--modal .modal-body { padding: 15px; } .custom--modal .modal-icon i { font-size: 2rem; color: #64E2B7; border: 3px solid #64E2B7; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .custom--modal .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: center; padding: 15px; border-top: 1px solid hsl(var(--black)/0.12); justify-content: flex-end; } /* ================================= Modal Css End =========================== */ /* ================================= Pagination Css Start =========================== */ .pagination { flex-wrap: wrap; justify-content: center; margin-top: 56px; } @media screen and (max-width: 1199px) { .pagination { margin-top: 48px; } } @media screen and (max-width: 991px) { .pagination { margin-top: 40px; } } @media screen and (max-width: 767px) { .pagination { margin-top: 32px; } } .pagination .page-item.active .page-link { background-color: #64E2B7; color: hsl(var(--white)); border-color: #64E2B7; } .pagination .page-item .page-link { border: 1px solid hsl(var(--black)/0.15); margin: 0 5px; border-radius: 5px; height: 40px; min-width: 40px; display: flex; justify-content: center; align-items: center; background-color: transparent; font-weight: 500; padding: 0 15px; color: hsl(var(--body-color)); } .pagination .page-item .page-link:hover { background-color: #64E2B7; color: hsl(var(--white)); border-color: #64E2B7; } .pagination .page-item .page-link:focus { box-shadow: none; } /* ================================= Pagination Css End =========================== */ /* ================================= Table Css Start =========================== */ /* Table Content Css start */ .table p { font-size: 14px; } .user__wrap { display: flex; align-items: center; gap: 10px; } .user__wrap__img { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; } .user__wrap__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user__wrap__info h4 { font-size: 14px; font-weight: 600; text-transform: capitalize; margin-bottom: 2px; } .user__wrap__info p { font-size: 11px; } .user__wrap__info { text-align: left; } .table__country { display: flex; align-items: center; justify-content: center; gap: 6px; } .table__country img { width: 15px; height: 15px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; flex: 0 0 auto; } .table__action .dropdown-toggle { width: 30px; height: 30px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); color: #282828; display: flex; align-items: center; justify-content: center; transition: 0.3s; margin-left: auto; } .table__action .dropdown-toggle::after { display: none; } .table__action .dropdown-toggle:hover { background-color: #03A1A0; color: #fff; } .table__transaction__id { display: flex; align-items: center; gap: 5px; cursor: pointer; transition: 0.3s; font-size: 14px; } .table__transaction__id:hover { color: #03A1A0; } .table__initiated p { font-size: 14px; color: #282828; display: block; margin-bottom: 5px; } .table__initiated > span { font-size: 14px; font-weight: 400; color: #555; } .table__status p { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 400; text-transform: capitalize; color: #282828; } .table__status p i { font-size: 10px; color: hsl(var(--warning)); } .table__status__reject p i { color: hsl(var(--danger)) !important; } .table__status__approve p i { color: hsl(var(--success)) !important; } .support__tickets .table tbody tr td:nth-child(2) { text-align: left; } /* Table Content Css end */ /* Table Css Start */ .table { margin: 0; border-collapse: collapse; border-collapse: separate; border-spacing: 0px 8px; } .table thead tr th { background-color: hsl(var(--grey)); text-align: center; padding: 16px; color: hsl(var(--white)); font-family: var(--heading-font); font-weight: 500; border-bottom: 0; max-width: 170px; font-size: 14px; } .table thead tr th:not(:first-child) { border-left: 0; } .table thead tr th:first-child { text-align: left; border-radius: 7px 0px 0px 7px; } .table thead tr th:last-child { border-radius: 0 7px 7px 0; text-align: right; } .table thead tr th:nth-child(2) { text-align: left; } .table tbody { border: 0 !important; background-color: transparent; } .table tbody tr td { text-align: center; vertical-align: middle; padding: 10px 16px; border-width: 1px; border: 0; font-family: var(--heading-font); color: hsl(var(--heading-color)); font-weight: 400; max-width: 170px; background-color: hsl(var(--black)/0.04); font-size: 14px; border-top: 1px solid hsl(var(--black)/0.04); border-bottom: 1px solid hsl(var(--black)/0.04); } .table tbody tr td:first-child { text-align: left; border-left: 1px solid hsl(var(--black)/0.04); border-radius: 7px 0px 0px 7px; } .table tbody tr td:last-child { text-align: right; border-right: 1px solid hsl(var(--black)/0.04); border-radius: 0 7px 7px 0; } @media screen and (max-width: 767px) { .table--responsive--md thead { display: none; } .table--responsive--md tbody tr { display: flex; margin-bottom: 15px; flex-wrap: wrap; gap: 5px; } .table--responsive--md tbody tr:last-child td { border-bottom: 0; } .table--responsive--md tbody tr td { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 15px; border: none; border-bottom: 1px solid hsl(var(--black)/0.8); max-width: unset; border-radius: 7px !important; } .table--responsive--md tbody tr td:last-child { border: none; } .table--responsive--md tbody tr td:first-child { text-align: right; border-left: 0; background-color: hsl(var(--grey)); color: hsl(var(--white)); flex: 0 0 100%; } .table--responsive--md tbody tr td::before { display: block; font-size: 0.875rem; color: hsl(var(--black)/0.7); } } @media screen and (max-width: 767px) { .table--responsive--md tbody tr td { border: 0; } } @media screen and (max-width: 1399px) { .table--responsive--lg thead { display: none; } .table--responsive--lg tbody tr { display: flex; margin-bottom: 15px; flex-wrap: wrap; gap: 5px; } .table--responsive--lg tbody tr:nth-child(even) { background-color: hsl(var(--black)/0.02); } .table--responsive--lg tbody tr:last-child td { border-bottom: 0; } .table--responsive--lg tbody tr td { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 15px; border: none; border-bottom: 1px solid hsl(var(--black)/0.08); max-width: unset; border-radius: 7px !important; } .table--responsive--lg tbody tr td:last-child { border: none; } .table--responsive--lg tbody tr td:first-child { text-align: right; border-left: 0; background-color: hsl(var(--grey)); color: hsl(var(--white)); flex: 0 0 100%; } .table--responsive--lg tbody tr td::before { display: block; font-size: 0.875rem; color: hsl(var(--black)/0.7); } } @media screen and (max-width: 1399px) { .table--responsive--lg tbody tr td { border: none; } } @media screen and (max-width: 1399px) { .table--responsive--xl thead { display: none; } .table--responsive--xl tbody tr { display: flex; margin-bottom: 15px; flex-wrap: wrap; gap: 5px; } .table--responsive--xl tbody tr:nth-child(even) { background-color: hsl(var(--black)/0.02); } .table--responsive--xl tbody tr td { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 15px; border: none; border-bottom: 1px solid hsl(var(--black)/0.08); max-width: unset; border-radius: 7px !important; } .table--responsive--xl tbody tr td:last-child { border: none; } .table--responsive--xl tbody tr td:first-child { text-align: right; border-left: 0; background-color: hsl(var(--grey)); color: hsl(var(--white)); flex: 0 0 100%; } .table--responsive--xl tbody tr td::before { display: block; font-size: 0.875rem; color: hsl(var(--black)/0.7); } } @media screen and (max-width: 1399px) { .table--responsive--xl tbody tr td { border: 0; } } @media screen and (max-width: 1399px) { .table--responsive--xxl thead { display: none; } .table--responsive--xxl tbody tr { display: flex; margin-bottom: 15px; flex-wrap: wrap; gap: 5px; } .table--responsive--xxl tbody tr:last-child td { border-bottom: 0; } .table--responsive--xxl tbody tr td { display: flex; align-items: center; justify-content: space-between; gap: 15px; text-align: right; padding: 10px 15px; border: none; border-bottom: 1px solid hsl(var(--black)/0.08); max-width: unset; border-radius: 7px !important; } .table--responsive--xxl tbody tr td:last-child { border: none; } .table--responsive--xxl tbody tr td:first-child { text-align: right; border-left: 0; background-color: hsl(var(--grey)); color: hsl(var(--white)); flex: 0 0 100%; } .table--responsive--xxl tbody tr td::before { display: block; font-size: 0.875rem; color: hsl(var(--black)/0.7); } } @media screen and (max-width: 1399px) { .table--responsive--xxl tbody tr td { border: 0; } } /* ================================= Table Css End =========================== */ /* ================================= Tab Css Start =========================== */ .custom--tab { justify-content: center; border-radius: 6px; margin-bottom: 40px; } .custom--tab .nav-item { border-bottom: 0; padding: 5px; } .custom--tab .nav-item .nav-link { color: hsl(var(--white)); padding: 8px 25px; background-color: transparent !important; border-radius: 5px; transition: 0.4s; border: 1px solid hsl(var(--black)/0.08) !important; } @media screen and (max-width: 1199px) { .custom--tab .nav-item .nav-link { padding: 12px 15px; } } .custom--tab .nav-item .nav-link.active { color: hsl(var(--white)); background-color: ##5F8B4C!important; border: 1px solid transparent !important; } .custom--tab .nav-item .nav-link.active:hover { color: hsl(var(--white)); } .custom--tab .nav-item .nav-link:hover { color: #64E2B7; } /* ================================= Tab Css End =========================== */ /* ================================= Badge Css Start =========================== */ .custom--badge { font-size: 0.75rem; border-radius: 5px; padding: 8px 10px; font-weight: 500; position: relative; text-align: center; } .badge--base { background-color: hsl(var(--base)/0.15) !important; color: #64E2B7 !important; } .badge--primary { background-color: hsl(var(--primary)/0.15) !important; color: hsl(var(--primary)) !important; } .badge--secondary { background-color: hsl(var(--secondary)/0.15) !important; color: hsl(var(--secondary)) !important; } .badge--success { background-color: hsl(var(--success)/0.15) !important; color: hsl(var(--success)) !important; } .badge--danger { background-color: hsl(var(--danger)/0.15) !important; color: hsl(var(--danger)) !important; } .badge--warning { background-color: hsl(var(--warning)/0.15) !important; color: hsl(var(--warning)) !important; } .badge--info { background-color: hsl(var(--info)/0.15) !important; color: hsl(var(--info)) !important; } /* ================================= Badge Css End =========================== */ /* ====================================== Alert Css Start =============================== */ .alert { margin-bottom: 0; background-color: hsl(var(--white)) !important; font-weight: 400; padding: 17px 24px; border-radius: 5px; } @media screen and (max-width: 991px) { .alert { padding: 16px; } } @media screen and (max-width: 575px) { .alert { padding: 12px; } } .alert__icon { font-size: 1.5rem; line-height: 1; } .alert__content { width: calc(100% - 24px); padding-left: 32px; } @media screen and (max-width: 991px) { .alert__content { padding-left: 16px; } } @media screen and (max-width: 575px) { .alert__content { padding-left: 0; width: 100%; margin-top: 6px; } } .alert__title { font-size: 1rem; color: hsl(var(--base-two)/0.8); font-weight: 600; font-family: var(--heading-font); margin-bottom: 6px; } .alert__desc { color: hsl(var(--base-two)/0.5); display: block; line-height: 1.375; } @media screen and (max-width: 424px) { .alert__desc { font-size: 0.8125rem; } } .alert__link { position: relative; } .alert__link:hover::before { visibility: visible; opacity: 1; bottom: 0; } .alert__link::before { left: 0; bottom: -5px; width: 100%; height: 1px; background-color: #64E2B7; visibility: hidden; opacity: 0; transition: 0.2s ease-in-out; } .alert--base { border-color: hsl(var(--base)/0.6); } .alert--base .alert__icon { color: #64E2B7; } .alert--primary { border-color: hsl(var(--primary)/0.6); } .alert--primary .alert__icon { color: hsl(var(--primary)); } .alert--success { border-color: hsl(var(--success)/0.6); } .alert--success .alert__icon { color: hsl(var(--success)); } .alert--info { border-color: hsl(var(--info)/0.6); } .alert--info .alert__icon { color: hsl(var(--info)); } .alert--danger { border-color: hsl(var(--danger)/0.6); } .alert--danger .alert__icon { color: hsl(var(--danger)); } .alert--warning { border-color: hsl(var(--warning)/0.6); } .alert--warning .alert__icon { color: hsl(var(--warning)); } .alert--secondary { border-color: hsl(var(--secondary)/0.6); } .alert--secondary .alert__icon { color: hsl(var(--secondary)); } /* ====================================== Alert Css End =============================== */ /* ================================= preload Css Start =========================== */ #preloader { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: hsl(var(--black)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: grid; justify-content: center; align-items: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: height 0.5s, opacity 0.5s, border-radius 0.5s; } #preloader #text { display: flex; align-items: center; gap: 12px; } @media screen and (max-width: 767px) { #preloader #text { gap: 7px; } } #preloader #text p { color: hsl(var(--white)); font-size: 3.75rem; font-weight: 800; margin: 0; opacity: 0; animation: fadeIn 1.5s ease-in-out infinite; font-family: var(--title-font); } @media screen and (max-width: 767px) { #preloader #text p { font-size: 2.5rem; } } #preloader #text p:nth-child(1) { animation-delay: 0s; } #preloader #text p:nth-child(2) { animation-delay: 0.2s; } #preloader #text p:nth-child(3) { animation-delay: 0.4s; } #preloader #text p:nth-child(4) { animation-delay: 0.6s; } #preloader #text p:nth-child(5) { animation-delay: 0.8s; } #preloader #text p:nth-child(6) { animation-delay: 1s; } #preloader #text p:nth-child(7) { animation-delay: 1.2s; } #preloader #text p:nth-child(8) { animation-delay: 1.4s; } #preloader #text p:nth-child(9) { animation-delay: 1.6s; } #preloader #text p:nth-child(10) { animation-delay: 1.8s; } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* ================================= preload Css End =========================== */ /* ===================== Scroll to Top Start ================================= */ .progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 100px; box-shadow: inset 0 0 0 2px hsl(var(--base)/0.3); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 200ms linear; background: none; background-color: hsl(var(--white)); } @media screen and (max-width: 991px) { .progress-wrap { right: 10px; bottom: 20px; height: 35px; width: 35px; } } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap:hover::after { opacity: 0; } .progress-wrap:hover::before { opacity: 1; } .progress-wrap::before, .progress-wrap::after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f062"; text-align: center; line-height: 46px; font-size: 18px; color: #64E2B7; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; display: block; z-index: 2; transition: all 200ms linear; display: flex; align-items: center; justify-content: center; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #64E2B7; stroke-width: 5; box-sizing: border-box; transition: all 200ms linear; } /* ===================== Scroll to Top End ================================= */ /* ================================= Social Icon Css Start =========================== */ .social-list { display: flex; flex-wrap: wrap; align-items: center; } .social-list__item { margin-right: 10px; } .social-list__item:last-child { margin-right: 0; } .social-list__link { width: 40px; height: 40px; border-radius: 50%; position: relative; overflow: hidden; transition: 0.3s; cursor: pointer; border: 1px solid #64E2B7; color: hsl(var(--white)); display: flex; align-items: center; justify-content: center; } .social-list__link.active, .social-list__link:hover, .social-list__link:focus { background-color: #EB5B00; color: hsl(var(--black)) !important; border-color: #EB5B00!important; } @media screen and (max-width: 767px) { .social-list__link { width: 35px; height: 35px; font-size: 0.875rem; } } .social-icon { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 17px; } .social-icon a { border: 1px solid hsl(var(--black)/0.25); color: hsl(var(--black)); border-radius: 5px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; transition: all 0.3s; } .social-icon a:hover { background-color: #64E2B7; color: hsl(var(--white)); } /* ================================= Social Icon Css End =========================== */ /* ====================== Header Start ======================*/ .navbar-main { width: 100%; height: auto; z-index: 111; padding: 10px 0; position: fixed; top: 0; transition: all 0.5s; } .navbar-main .logo-black { display: block; } .navbar-main .logo-white { display: none; } .navbar-main.navbar-shrink { -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background: hsl(var(--black)); padding: 0; } @media screen and (max-width: 991px) { .navbar-main.navbar-shrink { padding: 10px 0; } } .navbar-main.navbar-shrink .logo-black { display: none; } .navbar-main.navbar-shrink .logo-white { display: block; } .navbar-main.navbar-shrink .navbar-nav .nav-item .nav-link { color: hsl(var(--white)); } .navbar-main.navbar-shrink .navbar-toggler { color: hsl(var(--white)); border-color: hsl(var(--white)); } .navbar-main.navbar-shrink .navbar-nav .nav-item .nav-link.active, .navbar-main.navbar-shrink .navbar-nav .nav-item .nav-link:hover { color: #64E2B7; } .navbar-main .right-nav { display: flex; align-items: center; gap: 20px; order: 1; } .navbar-main .right-nav .btn { padding: 13px 24px; } @media screen and (max-width: 424px) { .navbar-main .right-nav .btn { display: none !important; } } @media screen and (max-width: 767px) { .navbar-main .right-nav .btn { padding: 13px 17px; } } @media screen and (max-width: 1199px) { .navbar-main .right-nav { gap: 10px; } } @media screen and (max-width: 991px) { .navbar-main .right-nav { gap: 5px; } } .navbar-toggler { opacity: 1; padding: 4px 8px; border-radius: 5px; outline: none; box-shadow: none !important; border: 1px solid #64E2B7; color: hsl(var(--body-color)); transition: all 0.4s; } .navbar-toggler:hover { background-color: #64E2B7; color: hsl(var(--black)); } @media screen and (max-width: 767px) { .navbar-toggler { padding: 1px 8px; } } .navbar-toggler svg { width: 35px; height: 35px; } .navbar-nav { gap: 1.5rem; position: relative; } @media screen and (max-width: 1199px) { .navbar-nav { gap: 0.9375rem; } } @media screen and (max-width: 991px) { .navbar-nav { gap: 0rem; } } .navbar-nav .nav-item .nav-link { color: hsl(var(--body-color)); font-size: 1rem; font-weight: 500; padding: 1.5625rem 0.3125rem; text-transform: capitalize; display: flex; align-items: center; } @media screen and (max-width: 1199px) { .navbar-nav .nav-item .nav-link { font-size: 0.9375rem; padding-left: 0.3125rem; padding-right: 0.3125rem; } } @media screen and (max-width: 991px) { .navbar-nav .nav-item .nav-link { padding: 0.625rem; color: hsl(var(--white)/0.8); font-size: 0.9375rem; } } .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link:hover { color: #64E2B7; position: relative; } .navbar-nav .nav-item .nav-link.active span::before, .navbar-nav .nav-item .nav-link:hover span::before { width: 100%; transition: all 0.5s ease-in-out; } .navbar-nav .nav-item .dropdown-toggle::after { content: "\f107"; font-weight: 900; font-family: "Font Awesome 6 free"; border: 0; } @media screen and (max-width: 991px) { .navbar-nav .nav-item .dropdown-toggle::after { margin-left: auto; } } @media (max-width: 991.98px) { .navbar-nav .nav-item.dropdown .nav-link { position: relative; display: flex; align-items: center; justify-content: space-between; } .navbar-nav .nav-item.dropdown .nav-link::after { content: "\f107"; font-weight: 900; font-family: "Font Awesome 6 free"; margin-left: auto; } } .navbar-nav .nav-item .dropdown-menu { transition: 0.5s; margin-top: 0; padding: 5px 10px; min-width: 220px; border-radius: 5px; gap: 5px; } @media screen and (max-width: 991px) { .navbar-nav .nav-item .dropdown-menu { background-color: hsl(var(--black-two)); border: 0; } } @media all and (min-width: 991.98px) { .navbar-nav .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; } .navbar-nav .nav-item .dropdown-menu.fade-down { top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; } .navbar-nav .nav-item .dropdown-menu.fade-up { top: 100%; } } .navbar-nav .nav-item .dropdown-menu a { margin: 5px 0; background: none; transition: 0.5s; position: relative; font-weight: 500; font-size: 0.875rem; border: 0; color: hsl(var(--body-color)); padding: 8px 15px; display: flex; align-items: center; justify-content: space-between; font-weight: 600; border-radius: 5px; } @media screen and (max-width: 991px) { .navbar-nav .nav-item .dropdown-menu a { color: hsl(var(--white)/0.8); } } .navbar-nav .nav-item .dropdown-menu a::after { content: "\f236"; font-weight: 900; font-family: "Font Awesome 6 free"; transform: translateX(-20px); transition: all 0.3s; opacity: 0; } .navbar-nav .nav-item .dropdown-menu a.active, .navbar-nav .nav-item .dropdown-menu a:hover { color: hsl(var(--white)); background-color: #64E2B7; } .navbar-nav .nav-item .dropdown-menu a.active::before, .navbar-nav .nav-item .dropdown-menu a:hover::before { opacity: 1; width: 10px; } .navbar-nav .nav-item .dropdown-menu a.active::after, .navbar-nav .nav-item .dropdown-menu a:hover::after { transform: translateX(0px); opacity: 1; } .navbar-nav .nav-item:hover .nav-link { color: #64E2B7; } .navbar-nav .nav-item:hover .dropdown-menu { transition: 0.5s; opacity: 1; } @media all and (min-width: 991.98px) { .navbar-nav .nav-item:hover .dropdown-menu { visibility: visible; top: 100%; transform: rotateX(0deg); } } #offcanvasNavbar { background-color: hsl(var(--black)); } @media screen and (max-width: 991px) { #offcanvasNavbar { min-height: 100vh; } } @media screen and (max-width: 767px) { #offcanvasNavbar .btn { padding: 15px 20px; } } .btn-close { outline: none; box-shadow: none !important; filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(42deg) brightness(102%) contrast(87%); opacity: 1; } /* ====================== Header End ======================*/ /* ============= Footer Start Here ======================= */ .footer-area { background-color: hsl(var(--black)); color: hsl(var(--white)); margin-top: auto; } .footer-area.bg-img { background-size: contain; background-position: top center; } @media screen and (max-width: 1199px) { .footer-logo-con { text-align: left; } .footer-logo-con .social-list { justify-content: center; } } .footer-item__desc { color: hsl(var(--white)/0.8); padding-bottom: 1 0px; font-size: 0.9375rem; line-height: 1.6; } @media screen and (max-width: 767px) { .footer-item__desc { padding-bottom: 15px; } } .footer-item__logo { margin-bottom: 20px; } .footer-item__logo a img { width: 100%; height: 100%; max-width: 190px; max-height: 64px; } .footer-item__title { color: hsl(var(--white)); padding-bottom: 10px; margin-bottom: 25px; position: relative; font-size: 1.4375rem; } @media screen and (max-width: 767px) { .footer-item__title { margin-bottom: 18px; } } .footer-item .social-list { margin-top: 30px; } @media screen and (max-width: 991px) { .footer-item .social-list { margin-top: 20px; } } @media screen and (max-width: 575px) { .footer-item .social-list { margin-top: 15px; } } .footer-widget__content { display: grid; grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 767px) { .footer-widget__content { grid-template-columns: repeat(2, 1fr); row-gap: 40px; } } @media screen and (max-width: 575px) { .footer-widget__content .footer-item:last-child { grid-column: span 2/span 2; max-width: 300px; } } /* Footer List Item */ .footer-menu { display: flex; flex-direction: column; } .footer-menu__item { display: block; padding-bottom: 16px; } .footer-menu__item:last-child { padding-bottom: 0; } .footer-menu__link { color: hsl(var(--white)/0.8); } .footer-menu__link:hover { color: #64E2B7; /* text-decoration: underline; */ } /* Footer Contact */ .footer-contact-menu__item { display: flex; padding-bottom: 12px; } .footer-contact-menu__item:last-child { padding-bottom: 0; } .footer-contact-menu__item-icon { width: 15px; color: #64E2B7; font-size: 1.25rem; } .footer-contact-menu__item-content { width: calc(100% - 15px); padding-left: 15px; } .footer-contact-menu__item-content p { color: hsl(var(--white)/0.8); } .footer-contact-menu__item-content p:hover { /* color: #64E2B7; */ } .footer-contact-menu__form { position: relative; } .footer-contact-menu__form input:-webkit-autofill, .footer-contact-menu__form textarea:-webkit-autofill, .footer-contact-menu__form select:-webkit-autofill { -webkit-text-fill-color: hsl(var(--black)) !important; caret-color: #64E2B7; } .footer-contact-menu__form .form-control { height: 60px; padding: 0 50px 0 20px; border-radius: 10px; } .footer-contact-menu__form button { position: absolute; right: 0%; top: 50%; transform: translateY(-50%); background-color: #64E2B7; height: 60px; width: 60px; border-radius: 10px; color: hsl(var(--white)); } .bottom-footer { border-top: 1px solid hsl(var(--white)/0.05); } .bottom-footer-text a { color: #64E2B7; } .footer-shape img { position: absolute; } .footer-shape img:first-child { left: -15%; } .footer-shape img:last-child { right: -15%; bottom: -10%; } /* ============= Footer End Here ======================= */ /* ====================== Breadcrumb Css Start ==================== */ .breadcrumb { position: relative; z-index: 1; padding: 150px 0 80px; margin-bottom: 0; overflow: hidden; } .breadcrumb .banner-shape { position: absolute; right: -120px; top: -120px; /* background-color: rgba(255, 235, 216, 0.7); */ border-radius: 100%; display: grid; align-items: center; justify-content: center; width: 685px; height: 685px; padding: 100px; } @media screen and (max-width: 1199px) { .breadcrumb .banner-shape { width: 550px; height: 550px; } } @media screen and (max-width: 991px) { .breadcrumb .banner-shape { width: 400px; height: 400px; right: -80px; top: -80px; } } .breadcrumb .banner-shape img { width: 100%; } @media screen and (max-width: 991px) { .breadcrumb { padding: 115px 0 60px; } } @media screen and (max-width: 767px) { .breadcrumb { padding: 105px 0 40px; } } .breadcrumb__wrapper { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/breadcrumb.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } @media screen and (max-width: 767px) { .breadcrumb__wrapper { padding: 100px 0 110px; } } @media screen and (max-width: 575px) { .breadcrumb__wrapper { padding: 80px 0 80px; } } .breadcrumb__wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: hsl(var(--green)/0.6); z-index: -1; } .breadcrumb__title { margin-bottom: 10px; color: hsl(var(--white)); font-size: 3.125rem; } @media screen and (max-width: 991px) { .breadcrumb__title { font-size: 2.5rem; } } @media screen and (max-width: 767px) { .breadcrumb__title { font-size: 2.1875rem; } } @media screen and (max-width: 424px) { .breadcrumb__title { font-size: 1.875rem; } } .breadcrumb__list { display: flex; flex-wrap: wrap; justify-content: center; font-family: "Jost"; } .breadcrumb__item { color: hsl(var(--white)); padding: 0 5px; font-weight: 400; font-size: 1.25rem; } @media screen and (max-width: 991px) { .breadcrumb__item { font-size: 1.125rem; } } @media screen and (max-width: 767px) { .breadcrumb__item { font-size: 1rem; } } .breadcrumb__item-text { color: hsl(var(--white)); } .breadcrumb__item i { transform: translateY(3px); } .breadcrumb__link { color: hsl(var(--white)); font-weight: 400; } .breadcrumb__link:hover { color: #64E2B7; } .breadcrumb__date { display: flex; align-items: center; justify-content: center; gap: 50px; padding: 5px 0 0; } .breadcrumb__date li { display: flex; align-items: center; gap: 10px; font-weight: 500; } .breadcrumb__date li::before { content: "\f111"; font-family: "Font Awesome 6 free"; font-weight: 900; font-size: 7px; color: #64E2B7; } /* ====================== Breadcrumb Css End ==================== */ /* ====================== Banner Start ======================*/ .banner-section { padding: 170px 0 120px; /* background-color: hsl(var(--orange)); */ position: relative; overflow-x: hidden; } @media screen and (max-width: 767px) { .banner-section { padding: 120px 0 80px; } } .banner-section .banner-shape { position: absolute; right: -120px; top: -120px; background-color: rgba(255, 235, 216, 0.7); border-radius: 100%; display: grid; align-items: center; justify-content: center; width: 685px; height: 685px; padding: 100px; } @media screen and (max-width: 1199px) { .banner-section .banner-shape { width: 550px; height: 550px; } } @media screen and (max-width: 991px) { .banner-section .banner-shape { width: 400px; height: 400px; right: -80px; top: -80px; } } .banner-section .banner-shape img { width: 100%; } .banner-section__content { position: relative; z-index: 1; } @media screen and (max-width: 991px) { .banner-section__content { text-align: center; } } .banner-section__content h5 { font-weight: 500; color: #64E2B7; position: relative; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 30px; } .banner-section__content h5::before { content: url("data:image/svg+xml,%3Csvg%20width%3D%2292%22%20height%3D%228%22%20viewBox%3D%220%200%2092%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22%23369374%22/%3E%3Cline%20y1%3D%224%22%20x2%3D%2288%22%20y2%3D%224%22%20stroke%3D%22%23369374%22%20stroke-width%3D%222%22/%3E%3C/svg%3E"); } .banner-section__content h1 { font-size: 55px; line-height: 0; } @media screen and (max-width: 1399px) { .banner-section__content h1 { font-size: 55px; } } @media screen and (max-width: 1199px) { .banner-section__content h1 { font-size: 55px; } } @media screen and (max-width: 991px) { .banner-section__content h1 { line-height: 1; padding-bottom: 30px; } } @media screen and (max-width: 767px) { .banner-section__content h1 { font-size: 30px; } } @media screen and (max-width: 575px) { .banner-section__content h1 { font-size: 30px; } } @media screen and (max-width: 424px) { .banner-section__content h1 { font-size: 30px; } } .banner-section__content h1 span { display: ruby-text; line-height: 1; } @-moz-document url-prefix() { .banner-section__content h1 span { display: block ruby; } } @media screen and (max-width: 991px) { .banner-section__content h1 span { display: block; } } .banner-section__content p { padding-bottom: 40px; } @media screen and (max-width: 1199px) { .banner-section__content p { font-size: 15px; } } .banner-section__image { position: relative; } @media screen and (max-width: 991px) { .banner-section__image { max-width: 460px; margin: 0 auto; } } .banner-section__image .image-effect { overflow: hidden; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-image: url(data:image/png;base64,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grhaWn5fAAAYvJsJ4mp6CAAApVntPfy9AABANRqPx8cFAABWRm3bPi8AALDS7UE8KgAAsNIF4qQAAMBKF4iHBQAAVkYFAADuEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAANx1KRABALhrLhABALjrQiACAHCraZozgQgAwK3FYnEqEAEAWHs7nU4dUgEA4P+Wy+Xr7qtABACgtG37c50ezrv3AhEAgPnV1dWP628EIgDAsM3r0vK023u4/kAgAgAMVxeH36+Xltf2CwAAQ7SeHM7/+AcmiAAAA9MdSKlx+O19cdgxQQQAGIAahd0ew1+urq7efCwM1wQiAEAPdUHYNM28vi6ur6/P6uv07kGUvyIQAb6i7gI+Go1Ou4v33t7exWKxmH/uBRxgWwQiwNcxr6+f61LPW0EIPDUCEeBvtFryef3s2bM3BeCJEogAf5/uSQXTT20OB/ja3OYG4O9x8bH7jQE8NQIRYPvufVIBwFMlEAG2zOQQ2DUCEWC7fhCHwK4RiADbM3daGdhFAhFgS7rb2RSAHSQQAbbj8rvvvntbAHaQQATYjtMCsKMEIsAW1OXlswKwowQiwHZcFIAdJRABtmCxWMwLwI4SiABbMJ1OLwvAjhKIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAACELhAvCwCb5LoK7LQuEOcFgE2aF4AdNvrw4cN/CwCbdFEAdlg3Qfx3AWBjmqY5KwA7bHR9fX1a7JcB2JjFYnFaAHbYaDqdXrZt+0sBYBPedtfVArDDbm5zc3V19aYA8GjL5fJ1AdhxN4FY/7c7r1PEnwsAD9ZdR7vraQHYcbc3yq5TxB+LWzMAPNR8dR0F2Hm3gdjtmalLI9MiEgG+1Ly7ftp7CPRFPGqvWxppmub7IhIBPlcXh99bWgb6pLnvw9lsNjk4OJjVt5MCwMesJ4fzAtAjo/s+7C529aL3rYMrAPfrro/ddVIcAn3UfOoHumni3t7ej6PR6F8FYMBqFHZ7DH/pbg0mDIE++2QgrtVQPByPx8fX19f/rLH4j3qhnDRNc1gAeqoLwnqd6/ZmX9Rr31n35CkHUYAh+B92cj/lAwzGSwAAAABJRU5ErkJggg==); mask-image: url(data:image/png;base64,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grhaWn5fAAAYvJsJ4mp6CAAApVntPfy9AABANRqPx8cFAABWRm3bPi8AALDS7UE8KgAAsNIF4qQAAMBKF4iHBQAAVkYFAADuEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAAASBCABAEIgAANx1KRABALhrLhABALjrQiACAHCraZozgQgAwK3FYnEqEAEAWHs7nU4dUgEA4P+Wy+Xr7qtABACgtG37c50ezrv3AhEAgPnV1dWP628EIgDAsM3r0vK023u4/kAgAgAMVxeH36+Xltf2CwAAQ7SeHM7/+AcmiAAAA9MdSKlx+O19cdgxQQQAGIAahd0ew1+urq7efCwM1wQiAEAPdUHYNM28vi6ur6/P6uv07kGUvyIQAb6i7gI+Go1Ou4v33t7exWKxmH/uBRxgWwQiwNcxr6+f61LPW0EIPDUCEeBvtFryef3s2bM3BeCJEogAf5/uSQXTT20OB/ja3OYG4O9x8bH7jQE8NQIRYPvufVIBwFMlEAG2zOQQ2DUCEWC7fhCHwK4RiADbM3daGdhFAhFgS7rb2RSAHSQQAbbj8rvvvntbAHaQQATYjtMCsKMEIsAW1OXlswKwowQiwHZcFIAdJRABtmCxWMwLwI4SiABbMJ1OLwvAjhKIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAAAEgQgAQBCIAACELhAvCwCb5LoK7LQuEOcFgE2aF4AdNvrw4cN/CwCbdFEAdlg3Qfx3AWBjmqY5KwA7bHR9fX1a7JcB2JjFYnFaAHbYaDqdXrZt+0sBYBPedtfVArDDbm5zc3V19aYA8GjL5fJ1AdhxN4FY/7c7r1PEnwsAD9ZdR7vraQHYcbc3yq5TxB+LWzMAPNR8dR0F2Hm3gdjtmalLI9MiEgG+1Ly7ftp7CPRFPGqvWxppmub7IhIBPlcXh99bWgb6pLnvw9lsNjk4OJjVt5MCwMesJ4fzAtAjo/s+7C529aL3rYMrAPfrro/ddVIcAn3UfOoHumni3t7ej6PR6F8FYMBqFHZ7DH/pbg0mDIE++2QgrtVQPByPx8fX19f/rLH4j3qhnDRNc1gAeqoLwnqd6/ZmX9Rr31n35CkHUYAh+B92cj/lAwzGSwAAAABJRU5ErkJggg==); } .banner-section__image .image-effect:hover img { transform: scale(1.1); } .banner-section__image .image-effect img { transition: all 0.3s; } .banner-section__image .out-best-engineers { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; gap: 15px; } @media screen and (max-width: 1199px) { .banner-section__image .out-best-engineers { gap: 10px; } } @media screen and (max-width: 424px) { .banner-section__image .out-best-engineers { bottom: -8px; } } .banner-section__image .out-best-engineers .d-flex img { margin: 0 -5px; border-radius: 100%; width: 55px; height: 55px; border: 2px solid hsl(var(--grey)); } @media screen and (max-width: 1399px) { .banner-section__image .out-best-engineers .d-flex img { width: 50px; height: 50px; } } @media screen and (max-width: 1199px) { .banner-section__image .out-best-engineers .d-flex img { width: 40px; height: 40px; } } .banner-section__image .out-best-engineers p { max-width: 118px; list-style: 0; } @media screen and (max-width: 1399px) { .banner-section__image .out-best-engineers p { font-size: 13px; max-width: 100px; } } @media screen and (max-width: 1199px) { .banner-section__image .out-best-engineers p { max-width: 95px; } } .banner-two-section { padding: 170px 0 120px; position: relative; overflow-x: hidden; background-image: url(../images/banner/banner-shape.png); background-size: cover; background-position: center top; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .banner-two-section { padding: 120px 0 80px; } } .banner-two-section__content { position: relative; z-index: 1; } @media screen and (max-width: 991px) { .banner-two-section__content { text-align: center; } } @media screen and (max-width: 1199px) { .banner-two-section__content { max-width: 650px; margin: 0 auto; } } .banner-two-section__content h5 { font-weight: 500; color: #64E2B7; position: relative; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 30px; } .banner-two-section__content h5::before { content: url("data:image/svg+xml,%3Csvg%20width%3D%2292%22%20height%3D%228%22%20viewBox%3D%220%200%2092%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22%23369374%22/%3E%3Cline%20y1%3D%224%22%20x2%3D%2288%22%20y2%3D%224%22%20stroke%3D%22%23369374%22%20stroke-width%3D%222%22/%3E%3C/svg%3E"); } .banner-two-section__content h1 { font-size: 100px; line-height: 1; } @media screen and (max-width: 1399px) { .banner-two-section__content h1 { font-size: 90px; } } @media screen and (max-width: 1199px) { .banner-two-section__content h1 { font-size: 85px; } } @media screen and (max-width: 991px) { .banner-two-section__content h1 { line-height: 1; padding-bottom: 30px; } } @media screen and (max-width: 767px) { .banner-two-section__content h1 { font-size: 60px; } } @media screen and (max-width: 575px) { .banner-two-section__content h1 { font-size: 40px; } } @media screen and (max-width: 374px) { .banner-two-section__content h1 { font-size: 30px; } } .banner-two-section__content h1 span { display: ruby-text; } @media screen and (max-width: 991px) { .banner-two-section__content h1 span { display: block; } } .banner-two-section__content p { padding-bottom: 40px; max-width: 730px; margin: 30px auto 10px; font-size: 1.125rem; } @media screen and (max-width: 991px) { .banner-two-section__content p { margin: 8px auto 0px; padding-bottom: 20px; } } @media screen and (max-width: 1199px) { .banner-two-section__content p { font-size: 15px; } } @media screen and (max-width: 991px) { .banner-two-section__image { display: none; } } .banner-two-section__image .image-effect-one, .banner-two-section__image .image-effect-two { --img-gap: -200px; --rotate-deg: -15deg; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 320px; height: 320px; background-color: hsl(var(--white)); position: absolute; top: 30%; padding: 4px; border-radius: 10px; overflow: hidden; } .banner-two-section__image .image-effect-one:hover img, .banner-two-section__image .image-effect-two:hover img { transform: scale(1.1); } .banner-two-section__image .image-effect-one figure, .banner-two-section__image .image-effect-two figure { width: 100%; } .banner-two-section__image .image-effect-one img, .banner-two-section__image .image-effect-two img { transition: all 0.3s ease-in-out; } .banner-two-section__image .image-effect-one { transform: rotate(-15deg); left: var(--img-gap); } .banner-two-section__image .image-effect-one .image-effect { -webkit-mask-image: url(data:image/png;base64,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); mask-image: url(data:image/png;base64,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); } .banner-two-section__image .image-effect-two { transform: rotate(15deg); right: var(--img-gap); } .banner-two-section__image .image-effect-two .image-effect { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYwAAAGCCAYAAADzM/Q6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAqkSURBVHgB7d2xdhzlGcfhl5AineUunUdXAO7SsVwBpEuHcgVAl852l1QhV4Dp6IAuHaKjw3TpGEo6uSNd5mO1YS3vrv4atKvZ0fOc8652JevIHB/mp29mdqYKAAJvFDBnJ5czRlfjdDXO2L/rgzrsf2Py97y4nBfDfHP5sa8jJxjscuiNzV1s3B7VOGP/rof+Pqbj+TCfDXNeR0owpqVtEN4f5q1abgCvbiC6GsfGBqbj+TDP6ghXHIIxDYthnlx+BOavH+bjYb6sI/JmcZcWw3w6zNMav3oAjk9b8f/l8vk3dSQE4+58OMznJRRwny2GeTnMt3UE7JK6G21VcVYAS+/WERwMF4zD++cwHxXAr/phHtfyVNzJskvqsNqB7b8VwKvaMY3/1sRXGVYYh9MN80MBbNZWF6c14VWGFcbhfFfeCwFs94dhfqoJHwD/XXEI7c14XQHs9l5NmF1Sh/F1eVMekHlYE90tZYWxf2031KIAMl1NlGDs36IAcm/XRAnG/i0KYAYEY//GXj4bYFIEY/+cSgvcRFcTJRgARAQDgIhgABARDAAigrF/DnoDsyAY+9cVwAwIxn61d2xaYQCzIBj7Ndm3+APclGDs1wcFMBOCsT9duY4UMCOCsT9PCmBGBGM/umHOCmBGBOP2tbOivi6AmRGM2/dpee8FMN5kb4kgGLerxeL9ApghwbgdXS13Q50VwEwJxm/XVhTflVNogZkTjPEWtVxVfFEu/wHcA78vrtNdfmxRaJf6eKeWqwqRAO6VscFoG8tFLTemj2rcxrOrmzup8RvqrgAY7SbBaBvqD2sZikUBcK8kwViF4qOyGwbg3rouGF0tD+x2BcC9tussqdXpol0BcChdTdS2FUaLxRcFwKF1NVFvbPhcV8uVheMVAHejG+bHmpg3N3yuxeKPBcBdabH4tibm6jGMdtOfrgC4S+/VBK0HoysXzwOYgkVN8P1u68FYlNUFwFRM7jbP68cw2r0cHLsAmIZumH6Y72siVmdJdcP8UABMycUwj2sZjju32iX1dgEwNe3tDZO52oZgAExbVxOJhhsoAUxfVxO4DfQqGF0BMGVdLU9O+rTuaJtthQFwXM5qeZJSC8eiDmh18cGLAuCYnF1O236/uJyX9eoZVSeXX+/XZjTBADhuq1tmL4I/2w9zPsyzGhEPu6QA7o+uft2l9UXd8FiIYADcT+2+Ry0c8SVIBAPgfntay1N2r70HkmAAsKggGoIBQNOu+LHz1tyCAcDKYpiPtn1RMABYt/XOq4IBwLp2HGPjmVOCAcBVZ7XhALhgALDJa8cyBAOATd65+gnBAGCT126stwqGiw8CsK4dw3i0/gnBAGCb0/UXdkkBEBEMACKCAUBEMADY5pU37wkGANsIBgA3JxgARAQDgIhgABARDAAiggFARDAAiAgGAJFVMPoCgB2sMACICAYAEcEAICIYAEQEA4BtuvUXggFARDAAiAgGABHBACAiGABEBAOAiGAAEFkF46IAYAfBACBilxQAEcEAICIYAEQEA4CIYACwzaP1F4IBQEQwAIgIBgARwQAgIhgARAQDgIhgABARDAAiq2D0BQA7WGEAEBEMACKCAUBEMACICAYA2zxcfyEYAGzzYP2FYAAQEQwAIoIBQEQwAIgIBgARwQAgIhgARNaD0RcAbGGFAUBEMACICAYAEcEAICIYAGzTrb8QDAAiggFARDAAiAgGABHBACAiGABEBAOAiGAAEFkPxkUBwBaCAUDELikAIoIBQEQwAIgIBgDbnKy/EAwAthEMAG5OMACICAYAEcEAICIYAEQEA4CIYAAQWQ/GjwUAW1hhABARDAAiggFARDAAiAgGALv8/wKEggHALg9WTwQDgIhgABARDAAiggFARDAAiAgGABHBACCyHoyLAoAtBAOAiF1SAEQEA4CIYAAQEQwAIoIBwC6nqyeCAUBEMACICAYAEcEAICIYAEQEA4CIYAAQcfFBACKCAUDELikAIoIBQEQwAIgIBgARwQBgl271RDAAiAgGABHBACAiGABEBAOAiGAAEBEMACKCAUBkPRh9AcAWVhgARAQDgIhgABARDAAiggHALt3qiWAAEBEMACKCAUBEMACICAYAEcEAICIYAEQEA4CIq9UCELHCACAiGABEBAOAiGAAEBEMAHZ5tHoiGABEBAOAiGAAEBEMACKCAUBEMACICAYAEcEAIOJqtQBErDAAiAgGABHBACAiGABEBAOAXR6unggGALs8WD0RDAAiggFARDAAiAgGABHBACAiGABEBAOAyNVg9AUAG1hhABARDAAiggFARDAAiAgGALucrJ4IBgC7CAYANyMYAEQEA4CIYAAQEQwAIoIBQEQwAIhcDcZFAcAGggFAxC4pACKCAUBEMACICAYAEcEAYJdu9UQwAIgIBgARwQAgIhgARAQDgIhgABARDAAiLj4IQORqMF4WAGxglxQAEcEAICIYAEQEA4CIYABwnUftQTAAiAgGABHBACAiGABEBAOAiGAAEBEMACKCAUDkajD6AoANrDAAiAgGABHBACAiGABEBAOA65y2B8EAICIYAEQEA4CIYAAQEQwAIoIBQEQwAIgIBgARV6sFIGKFAUBEMACICAYAEcEAICIYAFynaw+CAUBEMACICAYAEcEAICIYAEQEA4CIYAAQEQwAIq5WC0DECgOAiGAAEBEMACKCAUBEMAC4zkl7EAwAriMYAOQEA4CIYAAQEQwAIoIBQEQwAIgIBgARV6sFIGKFAUBEMACICAYAEcEAICIYAFzHxQcBiDxoD4IBQEQwAIgIBgARwQAgIhgARAQDgIhgABC5GoyLAoANBAOAiF1SAEQEA4CIYAAQEQwAIpuC0RcA/KprD5uC8aIA4IpNwfi+AOCKTcE4LwC4YlswzgsA1mw7S+qzAoA124LxvKwyAFiz630YHxcAXNoVjHZ6rWgA8Ivr3un9yTDPCoB7L7k0yNMSDYB7L72W1NNh/lwuGwJwb93k4oNfDvPuMP8qAO6dN2qcbpjFMB9cfpyrvsa5qHF3Lxz7fS8P9PPeHuatmve/OfC6dhLU47HBuGoxzMnlJPq6ubEb07E/j+3av/P7wzypy6tYArPWD3N6W8Hg/npay3AA89UPc+oGSvxWT4d5XFZxMHuCwW1o+zfbCRFjdxkCR0AwuC19LU+9BmZKMLhN5+W0a5gtB725be0Mqh8qP2MOmL6+HPRmD9pxDKsMmCHBYB+eFzAnv5zQIhjsQ19Os4U5EQz26kUBc/F9exAM9uVlAXPxyy+AgsG+9AXMxXl7EAwAdvmqLn8BFAz2pS9gDj5ZPREM9uW8gGP3vNb+X/ZOb/bpu1redAk4Pu1U2leuRG2FwT59VcCx+riu7Fq2wmCfXFcKjtOzWt7r5hVvFuzPz8P8VMvbuQLHoa0s/r7pC4LBvrU3/Dwc5k8FTFlfy3vafL7tDwgGh/DvYU7LAXCYonZw+x/D/HWY/+z6g4LBoXxZy2NmiwKm4LyWtyJooWi/1P183Tc46M2hnQ3zZJiuYFouatx96Q/9fc2PdXOrn9d2E/c14mcLBnflbJj3aj4HxPsaZ+xGo69xXtbhN259jdPXOH2xF4LBFLRjG+3U227D1/q6ubvYuAEA0PwPfUrsB7SVQUYAAAAASUVORK5CYII=); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYwAAAGCCAYAAADzM/Q6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAqkSURBVHgB7d2xdhzlGcfhl5AineUunUdXAO7SsVwBpEuHcgVAl852l1QhV4Dp6IAuHaKjw3TpGEo6uSNd5mO1YS3vrv4atKvZ0fOc8652JevIHB/mp29mdqYKAAJvFDBnJ5czRlfjdDXO2L/rgzrsf2Py97y4nBfDfHP5sa8jJxjscuiNzV1s3B7VOGP/rof+Pqbj+TCfDXNeR0owpqVtEN4f5q1abgCvbiC6GsfGBqbj+TDP6ghXHIIxDYthnlx+BOavH+bjYb6sI/JmcZcWw3w6zNMav3oAjk9b8f/l8vk3dSQE4+58OMznJRRwny2GeTnMt3UE7JK6G21VcVYAS+/WERwMF4zD++cwHxXAr/phHtfyVNzJskvqsNqB7b8VwKvaMY3/1sRXGVYYh9MN80MBbNZWF6c14VWGFcbhfFfeCwFs94dhfqoJHwD/XXEI7c14XQHs9l5NmF1Sh/F1eVMekHlYE90tZYWxf2031KIAMl1NlGDs36IAcm/XRAnG/i0KYAYEY//GXj4bYFIEY/+cSgvcRFcTJRgARAQDgIhgABARDAAigrF/DnoDsyAY+9cVwAwIxn61d2xaYQCzIBj7Ndm3+APclGDs1wcFMBOCsT9duY4UMCOCsT9PCmBGBGM/umHOCmBGBOP2tbOivi6AmRGM2/dpee8FMN5kb4kgGLerxeL9ApghwbgdXS13Q50VwEwJxm/XVhTflVNogZkTjPEWtVxVfFEu/wHcA78vrtNdfmxRaJf6eKeWqwqRAO6VscFoG8tFLTemj2rcxrOrmzup8RvqrgAY7SbBaBvqD2sZikUBcK8kwViF4qOyGwbg3rouGF0tD+x2BcC9tussqdXpol0BcChdTdS2FUaLxRcFwKF1NVFvbPhcV8uVheMVAHejG+bHmpg3N3yuxeKPBcBdabH4tibm6jGMdtOfrgC4S+/VBK0HoysXzwOYgkVN8P1u68FYlNUFwFRM7jbP68cw2r0cHLsAmIZumH6Y72siVmdJdcP8UABMycUwj2sZjju32iX1dgEwNe3tDZO52oZgAExbVxOJhhsoAUxfVxO4DfQqGF0BMGVdLU9O+rTuaJtthQFwXM5qeZJSC8eiDmh18cGLAuCYnF1O236/uJyX9eoZVSeXX+/XZjTBADhuq1tmL4I/2w9zPsyzGhEPu6QA7o+uft2l9UXd8FiIYADcT+2+Ry0c8SVIBAPgfntay1N2r70HkmAAsKggGoIBQNOu+LHz1tyCAcDKYpiPtn1RMABYt/XOq4IBwLp2HGPjmVOCAcBVZ7XhALhgALDJa8cyBAOATd65+gnBAGCT126stwqGiw8CsK4dw3i0/gnBAGCb0/UXdkkBEBEMACKCAUBEMADY5pU37wkGANsIBgA3JxgARAQDgIhgABARDAAiggFARDAAiAgGAJFVMPoCgB2sMACICAYAEcEAICIYAEQEA4BtuvUXggFARDAAiAgGABHBACAiGABEBAOAiGAAEFkF46IAYAfBACBilxQAEcEAICIYAEQEA4CIYACwzaP1F4IBQEQwAIgIBgARwQAgIhgARAQDgIhgABARDAAiq2D0BQA7WGEAEBEMACKCAUBEMACICAYA2zxcfyEYAGzzYP2FYAAQEQwAIoIBQEQwAIgIBgARwQAgIhgARNaD0RcAbGGFAUBEMACICAYAEcEAICIYAGzTrb8QDAAiggFARDAAiAgGABHBACAiGABEBAOAiGAAEFkPxkUBwBaCAUDELikAIoIBQEQwAIgIBgDbnKy/EAwAthEMAG5OMACICAYAEcEAICIYAEQEA4CIYAAQWQ/GjwUAW1hhABARDAAiggFARDAAiAgGALv8/wKEggHALg9WTwQDgIhgABARDAAiggFARDAAiAgGABHBACCyHoyLAoAtBAOAiF1SAEQEA4CIYAAQEQwAIoIBwC6nqyeCAUBEMACICAYAEcEAICIYAEQEA4CIYAAQcfFBACKCAUDELikAIoIBQEQwAIgIBgARwQBgl271RDAAiAgGABHBACAiGABEBAOAiGAAEBEMACKCAUBkPRh9AcAWVhgARAQDgIhgABARDAAiggHALt3qiWAAEBEMACKCAUBEMACICAYAEcEAICIYAEQEA4CIq9UCELHCACAiGABEBAOAiGAAEBEMAHZ5tHoiGABEBAOAiGAAEBEMACKCAUBEMACICAYAEcEAIOJqtQBErDAAiAgGABHBACAiGABEBAOAXR6unggGALs8WD0RDAAiggFARDAAiAgGABHBACAiGABEBAOAyNVg9AUAG1hhABARDAAiggFARDAAiAgGALucrJ4IBgC7CAYANyMYAEQEA4CIYAAQEQwAIoIBQEQwAIhcDcZFAcAGggFAxC4pACKCAUBEMACICAYAEcEAYJdu9UQwAIgIBgARwQAgIhgARAQDgIhgABARDAAiLj4IQORqMF4WAGxglxQAEcEAICIYAEQEA4CIYABwnUftQTAAiAgGABHBACAiGABEBAOAiGAAEBEMACKCAUDkajD6AoANrDAAiAgGABHBACAiGABEBAOA65y2B8EAICIYAEQEA4CIYAAQEQwAIoIBQEQwAIgIBgARV6sFIGKFAUBEMACICAYAEcEAICIYAFynaw+CAUBEMACICAYAEcEAICIYAEQEA4CIYAAQEQwAIq5WC0DECgOAiGAAEBEMACKCAUBEMAC4zkl7EAwAriMYAOQEA4CIYAAQEQwAIoIBQEQwAIgIBgARV6sFIGKFAUBEMACICAYAEcEAICIYAFzHxQcBiDxoD4IBQEQwAIgIBgARwQAgIhgARAQDgIhgABC5GoyLAoANBAOAiF1SAEQEA4CIYAAQEQwAIpuC0RcA/KprD5uC8aIA4IpNwfi+AOCKTcE4LwC4YlswzgsA1mw7S+qzAoA124LxvKwyAFiz630YHxcAXNoVjHZ6rWgA8Ivr3un9yTDPCoB7L7k0yNMSDYB7L72W1NNh/lwuGwJwb93k4oNfDvPuMP8qAO6dN2qcbpjFMB9cfpyrvsa5qHF3Lxz7fS8P9PPeHuatmve/OfC6dhLU47HBuGoxzMnlJPq6ubEb07E/j+3av/P7wzypy6tYArPWD3N6W8Hg/npay3AA89UPc+oGSvxWT4d5XFZxMHuCwW1o+zfbCRFjdxkCR0AwuC19LU+9BmZKMLhN5+W0a5gtB725be0Mqh8qP2MOmL6+HPRmD9pxDKsMmCHBYB+eFzAnv5zQIhjsQ19Os4U5EQz26kUBc/F9exAM9uVlAXPxyy+AgsG+9AXMxXl7EAwAdvmqLn8BFAz2pS9gDj5ZPREM9uW8gGP3vNb+X/ZOb/bpu1redAk4Pu1U2leuRG2FwT59VcCx+riu7Fq2wmCfXFcKjtOzWt7r5hVvFuzPz8P8VMvbuQLHoa0s/r7pC4LBvrU3/Dwc5k8FTFlfy3vafL7tDwgGh/DvYU7LAXCYonZw+x/D/HWY/+z6g4LBoXxZy2NmiwKm4LyWtyJooWi/1P183Tc46M2hnQ3zZJiuYFouatx96Q/9fc2PdXOrn9d2E/c14mcLBnflbJj3aj4HxPsaZ+xGo69xXtbhN259jdPXOH2xF4LBFLRjG+3U227D1/q6ubvYuAEA0PwPfUrsB7SVQUYAAAAASUVORK5CYII=); } .banner-two-section__image .image-effect { position: absolute; top: 0; left: 0; width: 50%; height: 100%; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .banner-form { border-radius: 10px; display: flex; align-items: center; max-width: 750px; margin: 0 auto; overflow: hidden; } .banner-form input { width: 100%; height: 68px; outline: none; box-shadow: none; border: none; padding: 0 20px; background-color: hsl(var(--grey-two)); } .banner-form button { background-color: #64E2B7; width: 140px; height: 68px; border: none; outline: none; box-shadow: none; color: hsl(var(--white)); font-size: 16px; display: flex; align-items: center; justify-content: center; gap: 10px; } .banner-tags { margin-top: 40px; } .banner-tags span { font-size: 16px; color: hsl(var(--body-color)); } .banner-tags ul { display: flex; align-items: center; gap: 10px; } .banner-tags ul li a { font-size: 16px; color: hsl(var(--body-color)); text-decoration: none; padding: 5px 15px; border-radius: 4px; background-color: hsl(var(--grey-two)); transition: all 0.3s ease; } .banner-tags ul li a:hover { background-color: #64E2B7; color: hsl(var(--white)); } .banner-three .banner-section__image .image-effect { -webkit-mask-image: url(data:image/png;base64,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EAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQCILRBfDQAAXNgC8TQAAHBhC8Q/DwAAXNgC8bsBAIALD9b5eJ2XFx8BADi4h+v87zr/us6/DQAAh/fg4uMy5y0iAAAH9/Di4/aom1+NLSIAwOE9uPLn7R7EH+a8TQQA4KCuvkll2yJ+Np6LCABwaK+/au+0zm9HJAIAHNaDaz6/rPPtuNwMAHA4D6/5/Ha5+Q/r/Ms4uAIAcCgP3/K17fmIf5pzKG4nnB8PAAC79+AW/3Y75fx0nU/X+fWcLz97+woAwM7cJhAB/pG2X0iXOV/N+HSdfx+/pAL8JAQicJ89W+f5OFAHcKcEIrAHX6zz5QBwJwQisBfLeDwXwJ34aAD24TTnt0G9GAA+iA0isDfL2CQCfBCBCOzRss4P45QzwHt5OAD7s70N6v/W+c0AcGs2iMCevRyXmgFuzQYR2LPtl2BbRIBbskEE9my7B/HluBcR4FY85gbYs+1exP8eAG5FIAJ7990AcCsCEdg7D84GuCWBCOzdaQC4FYdUgCP4cQC4MRtEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABI7g1QBwU68EInAEpwHgpk4CETiCPw8AN/VCIAJH8N0AcFPfPxiA/ft4nZcXHwF4u1/ZIAJHsB1S+cMA8C5fr/PKBhE4imXOW0QArvdoHFIBDuS0zn8NANfZvkeetj/YIAJHst2D+MOct4kA/N1pztvDv7JBBI5kuxfxs/FcRICrTnP+3vg3AhE4mtM6vx2RCLA5zRu+J7rEDBzVss6343IzcFynueaqig0icFSndT4ZB1eAY9q+923fA09v+qINIsB5i/if6/zHAOzX5TNhv5p33GYjEAH+bjvl/HSdT9f59ZzD0dtXgPtqC8LTOi/W+X6dby4+907/Dy55u0R8HyzKAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,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EAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQCILRBfDQAAXNgC8TQAAHBhC8Q/DwAAXNgC8bsBAIALD9b5eJ2XFx8BADi4h+v87zr/us6/DQAAh/fg4uMy5y0iAAAH9/Di4/aom1+NLSIAwOE9uPLn7R7EH+a8TQQA4KCuvkll2yJ+Np6LCABwaK+/au+0zm9HJAIAHNaDaz6/rPPtuNwMAHA4D6/5/Ha5+Q/r/Ms4uAIAcCgP3/K17fmIf5pzKG4nnB8PAAC79+AW/3Y75fx0nU/X+fWcLz97+woAwM7cJhAB/pG2X0iXOV/N+HSdfx+/pAL8JAQicJ89W+f5OFAHcKcEIrAHX6zz5QBwJwQisBfLeDwXwJ34aAD24TTnt0G9GAA+iA0isDfL2CQCfBCBCOzRss4P45QzwHt5OAD7s70N6v/W+c0AcGs2iMCevRyXmgFuzQYR2LPtl2BbRIBbskEE9my7B/HluBcR4FY85gbYs+1exP8eAG5FIAJ7990AcCsCEdg7D84GuCWBCOzdaQC4FYdUgCP4cQC4MRtEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABAAgBCIAACEQAQAIgQgAQAhEAABCIAIAEAIRAIAQiAAAhEAEACAEIgAAIRABAAiBCABACEQAAEIgAgAQAhEAgBCIAACEQAQAIAQiAAAhEAEACIEIAEAIRAAAQiACABACEQCAEIgAAIRABI7g1QBwU68EInAEpwHgpk4CETiCPw8AN/VCIAJH8N0AcFPfPxiA/ft4nZcXHwF4u1/ZIAJHsB1S+cMA8C5fr/PKBhE4imXOW0QArvdoHFIBDuS0zn8NANfZvkeetj/YIAJHst2D+MOct4kA/N1pztvDv7JBBI5kuxfxs/FcRICrTnP+3vg3AhE4mtM6vx2RCLA5zRu+J7rEDBzVss6343IzcFynueaqig0icFSndT4ZB1eAY9q+923fA09v+qINIsB5i/if6/zHAOzX5TNhv5p33GYjEAH+bjvl/HSdT9f59ZzD0dtXgPtqC8LTOi/W+X6dby4+907/Dy55u0R8HyzKAAAAAElFTkSuQmCC); } .banner-three .banner-section__image .out-best-engineers { left: 0; } /* ====================== Banner End ======================*/ /* ====================== Who-we Start ======================*/ .who-we-are-section { position: relative; overflow: hidden; z-index: 1; } .who-we-are-section .who-shape img { position: absolute; opacity: 0.4; z-index: -1; } .who-we-are-section .who-shape .left-round { top: 15%; left: 5%; } .who-we-are-section .who-shape .right-round { right: 5%; top: 25%; } .who-we-are-section .who-shape .left-shape { top: 30%; left: -5%; transform: rotate(-175deg); } .who-we-are-section .who-shape .right-shape { top: 43%; right: -5%; } .who-we-are-section__content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media screen and (max-width: 991px) { .who-we-are-section__content { grid-template-columns: repeat(2, 1fr); } } .who-item { background-color: hsl(var(--white)); display: flex; align-items: center; padding: 30px; border-radius: 12px; gap: 20px; transition: all 0.3s; } .who-item:hover { transform: translateY(-10px); background-color: #64E2B7; } .who-item:hover .who-icon { background-color: #EB5B00; } .who-item:hover .who-text h2 { color: hsl(var(--white)); } .who-item:hover .who-text p { color: hsl(var(--white)); } @media screen and (max-width: 575px) { .who-item { display: grid; text-align: center; padding: 20px 15px; } } @media screen and (max-width: 1199px) { .who-item { padding: 10px 25px; gap: 10px; } } .who-item .who-icon { background-color: #64E2B7 ; max-width: 86px; width: 86px; height: 86px; border-radius: 12px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item .who-icon { margin: 0 auto; width: 65px; height: 65px; padding: 10px; } } .who-item .who-text h2 { margin: -10px 0; font-weight: 600; transition: all 0.3s; } @media screen and (max-width: 1199px) { .who-item .who-text h2 { font-size: 20px; } } .who-item .who-text p { font-size: 0.875rem; line-height: 1.4; padding-top: 10px; max-width: 120px; transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item .who-text p { margin: 0 auto; } } @media screen and (max-width: 1199px) { .who-item .who-text p { font-size: 0.75rem; } } .who-item-two { background-color: hsl(var(--white)); align-items: center; padding: 30px; border-radius: 12px; text-align: center; transition: all 0.3s; } .who-item-two:hover { transform: translateY(-10px); background-color: #64E2B7; } .who-item-two:hover .who-icon { background-color: #EB5B00; } .who-item-two:hover .who-text h2 { color: hsl(var(--white)); } .who-item-two:hover .who-text p { color: hsl(var(--white)); } @media screen and (max-width: 575px) { .who-item-two { padding: 20px 15px; } } .who-item-two .who-icon { background-color: #64E2B7; max-width: 80px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin: 0 auto; transition: all 0.3s; } .who-item-two .who-icon img { height: 45px; } .who-item-two .who-text { padding-top: 20px; } .who-item-two .who-text h2 { font-size: 40px; font-weight: 600; color: hsl(var(--black)); transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item-two .who-text h2 { font-size: 30px; } } .who-item-two .who-text p { font-size: 16px; color: hsl(var(--body-color)); transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item-two .who-text p { font-size: 14px; } } .who-item-three { background-color: hsl(var(--white)); align-items: center; padding: 30px; border-radius: 12px; text-align: center; transition: all 0.3s; } .who-item-three:hover { transform: translateY(-10px); background-color: #64E2B7; } .who-item-three:hover .who-icon { background-color: #EB5B00; } .who-item-three:hover .who-text h2 { color: hsl(var(--white)); } .who-item-three:hover .who-text p { color: hsl(var(--white)); } @media screen and (max-width: 575px) { .who-item-three { padding: 20px 15px; } } .who-item-three .who-icon { background-color: #64E2B7; max-width: 80px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin: 0 auto; transition: all 0.3s; } .who-item-three .who-icon img { height: 45px; } .who-item-three .who-text { padding-top: 20px; } .who-item-three .who-text h2 { font-size: 40px; font-weight: 600; color: hsl(var(--black)); transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item-three .who-text h2 { font-size: 30px; } } .who-item-three .who-text p { font-size: 16px; color: hsl(var(--body-color)); transition: all 0.3s; } @media screen and (max-width: 575px) { .who-item-three .who-text p { font-size: 14px; } } /* ====================== Who-we End ======================*/ /* ====================== About Start ======================*/ .about-section { position: relative; } .about-section .image-effect { transition: all 0.3s; overflow: hidden; border-radius: 12px; } .about-section .image-effect:hover img { transform: scale(1.05); } .about-section .image-effect img { transition: all 0.3s; } .about-section .about-shape img { position: absolute; right: 0; bottom: 0; z-index: -1; } .about-section__image { display: grid; grid-template-columns: 52% 44%; gap: 24px; } @media screen and (max-width: 991px) { .about-section__image { grid-template-columns: 51% 43%; } } @media screen and (max-width: 575px) { .about-section__image { grid-template-columns: 51% 41%; } } .about-section__image img { border-radius: 12px; width: 100%; } .about-section__content .about-details-box { border: 1px solid hsl(var(--border-color)/0.4); border-radius: 12px; text-align: center; padding: 24px; } @media screen and (max-width: 1399px) { .about-section__content .about-details-box p { font-size: 14px; } } @media screen and (max-width: 575px) { .about-section__content .about-details-box { padding: 15px; } .about-section__content .about-details-box h2 { font-size: 22px; } .about-section__content .about-details-box p { font-size: 14px; } } .about-section__content .about-lists { -moz-column-count: 2; column-count: 2; -moz-column-gap: 24px; column-gap: 24px; } .about-section__content .about-lists li { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .about-section__content .about-lists li:nth-child(even) i { color: #EB5B00; } .about-section__content .about-lists li i { color: #64E2B7; } .about-section-image { position: relative; overflow: hidden; border-radius: 12px; } .about-section-image .about-details-box { position: absolute; bottom: 0; left: 0; right: 0; border: 1px solid hsl(var(--border-color)/0.4); border-radius: 12px; text-align: center; padding: 24px; background-color: #64E2B7; max-width: 300px; margin-left: auto; z-index: 1; border-top: 10px solid hsl(var(--white)); border-left: 10px solid hsl(var(--white)); } @media screen and (max-width: 575px) { .about-section-image .about-details-box { max-width: 250px; } } .about-section-image .about-details-box h2 { color: hsl(var(--white)); } .about-section-image .about-details-box p { color: hsl(var(--white)); } @media screen and (max-width: 1399px) { .about-section-image .about-details-box p { font-size: 14px; } } @media screen and (max-width: 575px) { .about-section-image .about-details-box { padding: 15px; } .about-section-image .about-details-box h2 { font-size: 22px; color: hsl(var(--white)); } .about-section-image .about-details-box p { font-size: 14px; color: hsl(var(--white)); } } /* ====================== About End ======================*/ /* ====================== Services Start ======================*/ .services-section__item { border: 1px solid #64E2B7; padding: 40px 30px; border-radius: 10px; text-align: center; transition: all 0.3s ease-in-out; } .services-section__item:hover { border-color: #64E2B7; background-color: #64E2B7; transform: scale(1.02); } .services-section__item:hover .icon { background-color: #EB5B00; } .services-section__item:hover .text h4 { color: hsl(var(--white)); } .services-section__item:hover .text p { color: hsl(var(--white)); } .services-section__item .icon { width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #64E2B7; color: hsl(var(--white)); font-size: 24px; margin: 0 auto; transition: all 0.3s ease-in-out; } .services-section__item .text h4 { padding: 30px 0 10px; transition: all 0.3s ease-in-out; } .services-section__item .text p { transition: all 0.3s ease-in-out; } .what-we-section__item { display: flex; align-items: center; border: 1px solid hsl(var(--border-color)); padding: 40px 30px; border-radius: 8px; transition: all 0.3s ease; gap: 30px; position: relative; z-index: 1; } @media screen and (max-width: 767px) { .what-we-section__item { flex-wrap: wrap; } } .what-we-section__item:nth-child(even) .icon { background-color: #EB5B00; } .what-we-section__item:nth-child(even) .arrow-btn .btn { background-color: #64E2B7; } .what-we-section__item:hover .btn img { transform: rotate(40deg); } .what-we-section__item:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .what-we-section__item .icon { min-width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #64E2B7; color: hsl(var(--white)); font-size: 24px; } @media screen and (max-width: 767px) { .what-we-section__item .icon { margin: 0 auto; } } .what-we-section__item .text { max-width: 620px; } @media screen and (max-width: 767px) { .what-we-section__item .text { text-align: center; } } .what-we-section__item .arrow-btn { margin-left: auto; } @media screen and (max-width: 767px) { .what-we-section__item .arrow-btn { margin: 0 auto; } } .what-we-section__item .arrow-btn .btn { display: flex; width: 60px; height: 60px; padding: 16px 10px; flex-direction: column; justify-content: center; align-items: center; gap: 40px; flex-shrink: 0; background-color: #EB5B00; } .what-we-section__item .arrow-btn .btn img { transition: all 0.3s; } .hover-image-container { position: absolute; pointer-events: none; top: 0; left: 0; transform: translate(-50%, -50%) scale(0.8); display: none; z-index: 1000; transition: transform 0.3s ease, opacity 0.3s ease; } .hover-image-container.show { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-image-container img { max-width: 250px; border-radius: 5px; margin: 0 auto; margin-left: -20px; transform: rotate(-10deg); } .bg--green .services-section__item h4 { color: hsl(var(--white)); } .bg--green .services-section__item p { color: hsl(var(--white)/0.8); } .what-we-two-section__item { border: 1px solid hsl(var(--border-color)); border-radius: 10px; overflow: hidden; transition: all 0.3s ease-in-out; } .what-we-two-section__item:hover { transform: scale(1.02); border-color: #64E2B7; background-color: #64E2B7; } .what-we-two-section__item:hover .image-content img { transform: scale(1.1); } .what-we-two-section__item .image-content { position: relative; overflow: hidden; } .what-we-two-section__item .image-content img { transition: all 0.3s ease-in-out; } .what-we-two-section__item .image-content .icon { position: absolute; bottom: 20px; left: 20px; background-color: #64E2B7; padding: 10px; border-radius: 5px; } .what-we-two-section__item .text-content { padding: 24px 24px 35px; } .what-we-three-section__item { background-color: hsl(var(--green)); padding: 24px; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; } .what-we-three-section__item:hover { background-color: #64E2B7; } .what-we-three-section__item:hover .image-effect img { transform: scale(1.1); } .what-we-three-section__item:hover .text-content .icon { background-color: #EB5B00; } .what-we-three-section__item .text-content { display: flex; align-items: center; gap: 20px; } .what-we-three-section__item .text-content h3 { margin: 0; } .what-we-three-section__item .text-content h3 a:hover { color: hsl(var(--white)); } .what-we-three-section__item .text-content .icon { max-width: 75px; width: 100%; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #64E2B7; border-radius: 5px; transition: all 0.3s ease; } .what-we-three-section__item p { padding: 20px 0 25px; } .what-we-three-section__item .image-effect { overflow: hidden; border-radius: 10px; } .what-we-three-section__item .image-effect img { transition: all 0.3s ease-in-out; } /* ====================== Services End ======================*/ /* ====================== Video Start ======================*/ .video-container { position: relative; /* cursor: none; */ max-width: 100%; } .video-container .play-button { position: absolute; border: 3px solid hsl(var(--white)); border-radius: 100px; width: 100px; height: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; cursor: none; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 767px) { .video-container .play-button { width: 65px; height: 65px; } } .video-container .video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .video-container .play-icon { font-size: 40px; color: hsl(var(--white)); } @media screen and (max-width: 767px) { .video-container .play-icon { font-size: 26px; } } /* ====================== Video End ======================*/ /* ====================== Projects Start ======================*/ .project-item { position: relative; height: 100%; } .project-item:hover .project-item__content { background-color: #64E2B7; color: hsl(var(--white)); } .project-item:hover .project-item__content h4 { color: hsl(var(--white)); } .project-item:hover .project-item__content p { color: hsl(var(--white)/0.8); } .project-item:hover .project-item__image img { transform: scale(1.1); } .project-item:hover .project-item__btn .project-btn { background-color: #EB5B00; } .project-item__image { border-radius: 10px; overflow: hidden; } .project-item__image img { transition: all 0.3s ease-in-out; } .project-item__content { position: absolute; bottom: 15px; left: 15px; background-color: hsl(var(--white)); border-radius: 10px; padding: 20px; width: calc(100% - 110px); transition: all 0.3s; } .project-item__content h4 { transition: all 0.3s; } .project-item__content p { color: #64E2B7; transition: all 0.3s; } .project-item__btn { position: absolute; bottom: 0; right: 0; background-color: hsl(var(--orange)); border-top-left-radius: 10px; transition: all 0.3s; } .project-item__btn .project-btn { background-color: #64E2B7; border-radius: 10px; padding: 20px 20px; margin-top: 10px; margin-left: 10px; position: relative; transition: all 0.3s; } .project-item__btn .project-btn:hover img { transform: rotate(40deg); } .project-item__btn .project-btn img { transition: all 0.3s; } .project-item__btn .project-btn::before, .project-item__btn .project-btn::after { content: ""; position: absolute; --border-shape: 10px; --border2-shape: 0px; width: var(--border-shape); height: var(--border-shape); background-size: cover; background-color: hsl(var(--orange)); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNBAMAAAARJ/SDAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACdQTFRFAAAA//nz8u7r+PTv8+/s5eLi7ejo5eLi7ejo5OTk6+jn6+jn5OTk1JYNuwAAAA10Uk5TAP////8dtTEZQY8vHeacE48AAADlSURBVHicxdHBEcIgEEBRNkbN6MUtISWkBEqwA+3AEizBluzMiXGMwAL/wIwc9vTmLwzOoXMhaHDuxHL/cjvopKUbeM9Dp23dDjpp7Dx02tb10Al0Hjpt66Sx07ZOGjtlrodOoPPQKXMC3QidMifQeeiUOYFOmeugG6FT5gQ6ZU6gU+YEuom5IGe7Y3y7Qk+g06rbG7lc76DMjczFWzNumzDbJVsTd7e3xu4xj85gobu9p8UCt7Cp5hZ2NVny3qfNYnfOsMhlWejyLHDGN1huKrDVbUpqdcXY11ViH1dXsyu98se9ACL1Qg+wjxjMAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNBAMAAAARJ/SDAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACdQTFRFAAAA//nz8u7r+PTv8+/s5eLi7ejo5eLi7ejo5OTk6+jn6+jn5OTk1JYNuwAAAA10Uk5TAP////8dtTEZQY8vHeacE48AAADlSURBVHicxdHBEcIgEEBRNkbN6MUtISWkBEqwA+3AEizBluzMiXGMwAL/wIwc9vTmLwzOoXMhaHDuxHL/cjvopKUbeM9Dp23dDjpp7Dx02tb10Al0Hjpt66Sx07ZOGjtlrodOoPPQKXMC3QidMifQeeiUOYFOmeugG6FT5gQ6ZU6gU+YEuom5IGe7Y3y7Qk+g06rbG7lc76DMjczFWzNumzDbJVsTd7e3xu4xj85gobu9p8UCt7Cp5hZ2NVny3qfNYnfOsMhlWejyLHDGN1huKrDVbUpqdcXY11ViH1dXsyu98se9ACL1Qg+wjxjMAAAAAElFTkSuQmCC); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; } .project-item__btn .project-btn::before { left: -20px; bottom: 0; } .project-item__btn .project-btn::after { top: -20px; right: 0; } .portfolio-nav { display: flex; align-items: center; gap: 30px; position: relative; } @media screen and (max-width: 575px) { .portfolio-nav { gap: 20px; row-gap: 10px; flex-wrap: wrap; justify-content: center; } } .portfolio-nav button { font-size: 16px; font-weight: 500; padding-bottom: 5px; } .portfolio-nav button.active { color: #64E2B7; } @media screen and (max-width: 575px) { .portfolio-nav button.active { border-bottom: 2px solid #64E2B7; } } .portfolio-nav .nav-indicator { position: absolute; height: 2px; background: #64E2B7; bottom: 0; transition: width 0.5s ease, left 0.5s ease; z-index: -1; border-radius: 0; } @media screen and (max-width: 575px) { .portfolio-nav .nav-indicator { display: none; } } .card-grid-item { margin-top: 24px; } .projects-section__item { border-radius: 10px; overflow: hidden; position: relative; } .projects-section__item:hover .image-effect img { transform: scale(1.1); } .projects-section__item:hover .projects-section__content { transform: translateY(0); } .projects-section__item .image-effect { border-radius: 10px; overflow: hidden; } .projects-section__item .image-effect img { transition: all 0.3s ease-in-out; } .projects-section__item .projects-section__content { position: absolute; bottom: 20px; left: 20px; background-color: hsl(var(--white)); border-radius: 10px; padding: 20px; width: calc(100% - 40px); transition: all 0.3s; text-align: center; transform: translateY(120%); } .projects-section__item .projects-section__content .sub-title { font-weight: 500; color: #64E2B7; margin-bottom: 5px; } .projects-section-two .swiper-slide-active .projects-section__content { transform: translateY(0); } .project-item-three { position: relative; height: 100%; border: 1px solid hsl(var(--border-color)/0.4); border-radius: 10px; overflow: hidden; padding: 20px; transition: all 0.3s ease-in-out; } .project-item-three:hover { border-color: #64E2B7; background-color: #64E2B7; } .project-item-three:hover .project-item-three__image img { transform: scale(1.1); } .project-item-three:hover .project-item-three__content h4 { color: hsl(var(--white)); } .project-item-three:hover .project-item-three__content a, .project-item-three:hover .project-item-three__content p { color: hsl(var(--white)); } .project-item-three:hover .project-btn { background-color: #EB5B00; } .project-item-three__image { border-radius: 10px; overflow: hidden; } .project-item-three__image img { height: 350px; transition: all 0.3s ease-in-out; -o-object-fit: cover; object-fit: cover; } .project-item-three__content { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; } .project-item-three__content p { color: #64E2B7; } .project-item-three__btn { background-color: hsl(var(--orange)); border-radius: 10px; transition: all 0.3s; transform: scale(0.7); } .project-item-three__btn .project-btn { background-color: #64E2B7; border-radius: 10px; padding: 20px 20px; position: relative; transition: all 0.3s; } .project-item-three__btn .project-btn:hover { background-color: #EB5B00; } .project-item-three__btn .project-btn:hover img { transform: rotate(40deg); } .project-item-three__btn .project-btn img { transition: all 0.3s; } .project-item-three__btn .project-btn::before, .project-item-three__btn .project-btn::after { display: none; } /* ====================== Projects End ======================*/ /* ====================== Testimonial Start ======================*/ .testimonial-slide .swiper-pagination { position: relative; margin-top: 40px; } .testimonial-slide .swiper-pagination-bullet { background-color: hsl(var(--white)); width: 10px; height: 10px; margin: 0 7px !important; } .testimonial-slide .swiper-pagination-bullet-active { background-color: #EB5B00; } .testimonial-slide .swiper-slide-next .testimonial-item { background-color: #64E2B7; } .testimonial-item { background-color: #5F8B4C; border-radius: 15px; position: relative; padding: 30px; z-index: 1; } .testimonial-item .start-client { position: absolute; background-color: hsl(var(--white)); right: 0; top: 0; border-bottom-left-radius: 15px; padding: 0px 20px 15px; } .testimonial-item .start-client::before, .testimonial-item .start-client::after { content: ""; position: absolute; --border-shape: 15px; --border2-shape: -15px; width: var(--border-shape); height: var(--border-shape); background-size: cover; background-color: hsl(var(--white)); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAABwCAMAAAANKy+zAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANJQTFRFAAAAGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbn5jZLgAAAEZ0Uk5TAP8It0fK8wJvzo/6BK4XVye/d9IcImTH7wzlMfaf6l01stx/8fggQD38isSZfmIeTGfgEZVEbFCHwaPnD+3Ygiye1xXjeeHouDIAAAIPSURBVHicxdiHVhpBFMbxLwtmKSsdEYEAsawx2I0aS0ws7/9KGRL1HKWty8z8vxf4nSl7753VQW3vz7B1/cl79JJm3N+/WvkMyM9p/Dg/q24Q8r8EneNRvkjI/1e/trrFyCZRvFdn5HF2zjNdRh4f+9HZCSOblGpfIdlkt2f3Y08uSw/7XyDZnPhBHpJNsiuUbM1OIRv7OyVLcYuSzbqXvWupZeliOXsJWcHdNiRLlZ+ULK2lLmvLyioNKdksO10nsSCrmaqw2JAVPqUYF63IUufjg4MlWe0rSpb6H7xo9mRVflGyboaULN1hso6SP4gsyxokruO2ZTUfKVmNhI9A+7JukjVtB7LaGUpWkIR2Iiei3chJaEey2gufQK5knS7q2M5kNRf8VXMn6/f8hu1QVjx3OnMp6xiTVcDkcJWSFcxuXI5l7axTsi4weeYtcy9HMyq4e3nWUXuQVcZkTf2qvciNW0qeut9+5Gn77Uk+nOzVnmTlMDmcqCe+ZA2+UfJE/fYnl7YoWTVMDq4p+d0o6lMO65SsPiZHG5T8pob6lYN1StYmJp92KVk9TB5gslqYXMbk6JaSXycE/3IHk5XH5Bwml4qUrAwm5zC5gsm6x+QCJmcxOdimZFUxeROTY0weHzQjjw8aki8xuYzJFUwOu5Rsxm5KHmFyDpOzmHyIyVGRknWCyVVM7mHyJSbX/gICsCIViQTHogAAAABJRU5ErkJggg==); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAABwCAMAAAANKy+zAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANJQTFRFAAAAGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbn5jZLgAAAEZ0Uk5TAP8It0fK8wJvzo/6BK4XVye/d9IcImTH7wzlMfaf6l01stx/8fggQD38isSZfmIeTGfgEZVEbFCHwaPnD+3Ygiye1xXjeeHouDIAAAIPSURBVHicxdiHVhpBFMbxLwtmKSsdEYEAsawx2I0aS0ws7/9KGRL1HKWty8z8vxf4nSl7753VQW3vz7B1/cl79JJm3N+/WvkMyM9p/Dg/q24Q8r8EneNRvkjI/1e/trrFyCZRvFdn5HF2zjNdRh4f+9HZCSOblGpfIdlkt2f3Y08uSw/7XyDZnPhBHpJNsiuUbM1OIRv7OyVLcYuSzbqXvWupZeliOXsJWcHdNiRLlZ+ULK2lLmvLyioNKdksO10nsSCrmaqw2JAVPqUYF63IUufjg4MlWe0rSpb6H7xo9mRVflGyboaULN1hso6SP4gsyxokruO2ZTUfKVmNhI9A+7JukjVtB7LaGUpWkIR2Iiei3chJaEey2gufQK5knS7q2M5kNRf8VXMn6/f8hu1QVjx3OnMp6xiTVcDkcJWSFcxuXI5l7axTsi4weeYtcy9HMyq4e3nWUXuQVcZkTf2qvciNW0qeut9+5Gn77Uk+nOzVnmTlMDmcqCe+ZA2+UfJE/fYnl7YoWTVMDq4p+d0o6lMO65SsPiZHG5T8pob6lYN1StYmJp92KVk9TB5gslqYXMbk6JaSXycE/3IHk5XH5Bwml4qUrAwm5zC5gsm6x+QCJmcxOdimZFUxeROTY0weHzQjjw8aki8xuYzJFUwOu5Rsxm5KHmFyDpOzmHyIyVGRknWCyVVM7mHyJSbX/gICsCIViQTHogAAAABJRU5ErkJggg==); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; } .testimonial-item .start-client::before { left: var(--border2-shape); } .testimonial-item .start-client::after { bottom: var(--border2-shape); right: 0; } .testimonial-item .client-text { padding: 26px 0; color: hsl(var(--grey-two)); font-size: 15px; } .testimonial-item .client-info .client-img { min-width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .testimonial-item .client-info h4 { color: hsl(var(--white)); } .testimonial-item .client-info p { color: hsl(var(--white)); } .testimonial-item .quite-icon-three { position: absolute; right: 24px; z-index: -1; } .testimonials-two-section .testimonial-item .start-client { background: none; top: 30px; right: 10px; } .testimonials-two-section .testimonial-item .start-client::before, .testimonials-two-section .testimonial-item .start-client::after { background: none; } /* ====================== Testimonial End ======================*/ /* ====================== Team Start ======================*/ .team-slide .swiper-pagination { position: relative; margin-top: 40px; } .team-slide .swiper-pagination-bullet { background-color: hsl(var(--white)); width: 10px; height: 10px; margin: 0 7px !important; } .team-slide .swiper-pagination-bullet-active { background-color: #64E2B7; } .team-light .team-item { background-color: hsl(var(--orange)); } .team-item { background-color: hsl(var(--white)); border: 1px solid hsl(var(--gray)/0.25); border-radius: 15px; padding: 15px; transition: all 0.3s ease-in-out; } @media screen and (max-width: 575px) { .team-item { max-width: 300px; margin: 0 auto; } } .team-item:hover { background-color: #64E2B7; border-color: #EB5B00; box-shadow: 0 0 10px hsl(var(--base)/0.2); } .team-item:hover img { transform: scale(1.05) rotate(2deg); filter: brightness(1.1); } .team-item:hover .team-content h4 { color: hsl(var(--white)); } .team-item:hover .team-content h4 a { color: hsl(var(--white)); } .team-item:hover .team-content p { color: hsl(var(--white)/0.8); } .team-item:hover .team-content .social-icon a { border-color: hsl(var(--white)/0.25); color: hsl(var(--white)); } .team-item:hover .team-content .social-icon a:hover { background-color: #EB5B00; color: hsl(var(--white)); } .team-item .team-img { overflow: hidden; border-radius: 10px; display: block; } .team-item .team-img img { transition: all 0.3s ease-in-out; width: 100%; } .team-item .team-content { text-align: center; padding: 20px 0 15px; } .team-two-item { background-color: hsl(var(--white)); border: 1px solid hsl(var(--gray)/0.25); border-radius: 15px; padding: 15px; transition: all 0.3s ease-in-out; } .team-two-item:hover { background-color: #64E2B7; border-color: #EB5B00; box-shadow: 0 0 10px hsl(var(--base)/0.2); } .team-two-item:hover .team-img img { transform: scale(1.05) rotate(2deg); filter: brightness(1.1); } .team-two-item:hover .social-icon li:nth-child(1) { bottom: 35px; } .team-two-item:hover .social-icon li:nth-child(2) { bottom: 70px; } .team-two-item:hover .social-icon li:nth-child(3) { bottom: 105px; } .team-two-item:hover .team-content h4 { color: hsl(var(--white)); } .team-two-item:hover .team-content p { color: hsl(var(--white)/0.8); } .team-two-item .team-img { position: relative; overflow: hidden; border-radius: 10px; } .team-two-item .team-img img { transition: all 0.3s ease-in-out; } .team-two-item .team-content { padding-top: 15px; padding-bottom: 10px; } .team-two-item .team-content h4 a:hover { color: hsl(var(--white)); } .team-two-item .team-content p { transition: all 0.3s ease-in-out; } .team-two-item .social-icon { position: absolute; bottom: 10px; right: 10px; display: flex; transition: all 0.3s ease-in-out; } .team-two-item .social-icon li { position: absolute; bottom: 0px; right: 0px; transition: all 0.3s ease-in-out; } .team-two-item .social-icon li a { background-color: hsl(var(--white)); } .team-details-content .team-add-list { display: grid; gap: 5px; } .team-details-content .team-add-list li span:first-child { min-width: 150px; } .team-details-content .team-add-list li span:last-child { color: #64E2B7; } .team-details-img img { border-radius: 10px; } .professional-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; row-gap: 20px; } @media screen and (max-width: 991px) { .professional-content { grid-template-columns: 1fr; } } .professional-content .fs-16 { padding-bottom: 10px; font-weight: 500; } .professional-content .percentage { font-size: 0.9375rem; color: #64E2B7; font-weight: 500; transform: translate(-20px, -30px); } @media screen and (max-width: 424px) { .professional-content .percentage { width: 42px; } } .team-section-three .social-icon { bottom: 35px; right: 24px; } /* ====================== Team End ======================*/ /* ====================== Faq Start ======================*/ .faq-img { border-radius: 10px; overflow: hidden; } .faq-img:hover img { transform: scale(1.1); } .faq-img img { transition: all 0.3s ease-in-out; } /* ====================== Faq End ======================*/ /* ====================== Blog Start ======================*/ .blog-item { border-radius: 10px; border: 2px solid hsl(var(--black)/0.1); padding: 20px; transition: all 0.3s ease-in-out; } .blog-item:hover { border-color: #64E2B7; background-color: #64E2B7; } .blog-item:hover .blog-img img { transform: scale(1.1); } .blog-item:hover .blog-text .text--base { color: hsl(var(--white)) !important; } .blog-item:hover .blog-text a { color: hsl(var(--white)); } .blog-item .blog-img { overflow: hidden; border-radius: 10px; } .blog-item .blog-img img { transition: all 0.3s ease-in-out; } .blog-item .blog-text .fs-16 { padding: 20px 0 10px; } .blog-details-content { display: grid; gap: 24px; border: 1px solid hsl(var(--gray)/0.25); border-radius: 15px; } .blog-details-content img { border-radius: 13px; } .blog-details-content ul { display: grid; gap: 10px; } .blog-details-content ul li { font-size: 1rem; font-weight: 500; display: flex; align-items: center; gap: 15px; transition: 0.4s; } .blog-details-content ul li::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; color: #EB5B00; } .blog-que { background: hsl(var(--green)/0.05); padding: 24px; border-radius: 13px; position: relative; z-index: 1; } .blog-que svg { position: absolute; z-index: -1; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0.3; } .blog-que p { font-style: italic; } .blog-que .user { font-size: 1.125rem; font-weight: 700; color: #64E2B7; position: relative; padding-left: 50px; margin-top: 15px; } .blog-que .user::before { content: ""; position: absolute; left: 0; bottom: 8px; width: 40px; height: 2px; background: #64E2B7; } .sidebar-item { background: hsl(var(--orange)); padding: 24px 24px 30px; border-radius: 10px; } @media screen and (max-width: 575px) { .sidebar-item { padding: 20px; } } .sidebar-item h4 { color: hsl(var(--black)); padding-bottom: 10px; } .sidebar-item h5 { padding-bottom: 20px; margin-bottom: 0; color: hsl(var(--white)); } .sidebar-item form { position: relative; } .sidebar-item form input { width: 100%; height: 62px; border-radius: 8px; border: 1px solid hsl(var(--black)/0.12); background: none; outline: none; box-sizing: none; color: hsl(var(--black)); font-size: 1rem; font-weight: 400; padding: 0 20px; } .sidebar-item form input::-moz-placeholder { color: hsl(var(--black)/0.5); } .sidebar-item form input::placeholder { color: hsl(var(--black)/0.5); } .sidebar-item form button { background: none; outline: none; box-shadow: none; position: absolute; right: 0; top: 0; color: hsl(var(--gray)); padding: 18px 18px; transition: all 0.3s; } .sidebar-item form button:hover { color: hsl(var(--white)); } .sidebar-item .category-file { display: grid; gap: 15px; } .sidebar-item .category-file a { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: hsl(var(--black)/0.8); border: 1px solid hsl(var(--black)/0.12); padding: 15px; border-radius: 8px; transition: all 0.3s; } .sidebar-item .category-file a:hover { background-color: #64E2B7; color: hsl(var(--white)); } .sidebar-item .category-file a:hover .category-title i { color: #EB5B00; } .sidebar-item .category-file .category-title i { color: #64E2B7; margin-right: 8px; } .sidebar-item .recent-post { display: grid; gap: 15px; } .sidebar-item .recent-post__item { display: grid; grid-template-columns: 80px 1fr; gap: 15px; border: 1px solid hsl(var(--black)/0.12); padding: 10px; border-radius: 10px; transition: all 0.4s; align-items: center; } .sidebar-item .recent-post__item:hover { transform: translateY(-5px); } .sidebar-item .recent-post__item .img { border-radius: 10px; overflow: hidden; } .sidebar-item .recent-post__item .img img { width: 100%; } .sidebar-item .recent-post__item .date { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: hsl(var(--black)/0.7); } @media screen and (max-width: 424px) { .sidebar-item .recent-post__item .date { font-size: 0.625rem; } } .sidebar-item .recent-post__item .date::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 6px; color: #64E2B7; } .sidebar-item .recent-post__item h6 { font-size: 1rem; line-height: 1.4; margin-top: 10px; color: hsl(var(--black)/0.9); margin-bottom: 0; } @media screen and (max-width: 575px) { .sidebar-item .recent-post__item h6 { font-size: 0.875rem; } } @media screen and (max-width: 424px) { .sidebar-item .recent-post__item h6 { font-size: 0.75rem; } } .sidebar-item .recent-post__item h6 a { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sidebar-item .tags-list { display: flex; flex-wrap: wrap; gap: 12px; } .sidebar-item .tags-list a { padding: 8px 12px; display: inline-block; border-radius: 5px; border: 1px solid hsl(var(--black)/0.2); font-size: 0.875rem; font-weight: 500; color: hsl(var(--black)/0.9); transition: all 0.4s; font-family: "Jost"; } .sidebar-item .tags-list a:hover { background-color: #64E2B7; color: hsl(var(--white)); } .blogs-tags p strong { color: hsl(var(--black)); margin-right: 10px; font-size: 1.25rem; } .blogs-tags p a { color: hsl(var(--black)); margin: 0 5px; } .blog-details-section .form--control { border-color: hsl(var(--black)/0.5); color: hsl(var(--black)); } .blog-details-section .form--control::-moz-placeholder { color: hsl(var(--black)/0.5); } .blog-details-section .form--control::placeholder { color: hsl(var(--black)/0.5); } .blog-details-section .form--check .form-check-input { border-color: hsl(var(--black)/0.5); } .blog-details-section .form--check .form-check-input:checked { background-color: hsl(var(--black)); border-color: hsl(var(--black)); } /* ====================== Blog End ======================*/ /* ====================== Call-to-action Section Start ======================*/ .call-to-action__image { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; overflow: hidden; border-radius: 10px; } .call-to-action__image:hover .image-effect img { transform: scale(1.1); } .call-to-action__image .image-effect { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; } .call-to-action__image .image-effect img { transition: all 0.3s ease-in-out; } .call-to-action__image .image-effect:nth-child(1) { -webkit-mask-image: url(data:image/png;base64,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); mask-image: url(data:image/png;base64,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); } .call-to-action__image .image-effect:nth-child(2) { -webkit-mask-image: url(data:image/png;base64,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); mask-image: url(data:image/png;base64,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); } /* ====================== Call-to-action Section End ======================*/ .contact-section__info { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } .contact-section__item { border: 1px solid hsl(var(--white)/0.5); border-radius: 8px; padding: 24px; text-align: center; width: 100%; } .contact-section__item:nth-child(2) i { background-color: #64E2B7; } .contact-section__item i { font-size: 24px; color: hsl(var(--white)); background-color: #EB5B00; width: 50px; height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; /* margin: 0 auto 10px; */ } .contact-section__item .text p { color: hsl(var(--white)); } .contact-section__item .text p a { color: hsl(var(--white)); } .map-section { margin-bottom: -10px; } .map-section iframe { width: 100%; height: 550px; } @media screen and (max-width: 575px) { .map-section iframe { height: 400px; } } /* ====================== 404 Start ======================*/ .error-404 { padding: 100px 0; text-align: center; height: 100vh; display: grid; align-items: center; justify-content: center; } .error-404 img { width: 100%; max-width: 700px; } .error-404 p { font-size: 20px; font-weight: 400; color: hsl(var(--black)); margin-bottom: 20px; } @media screen and (max-width: 991px) { .error-404 p { font-size: 18px; } .rrf{ height: 500px; } } @media screen and (max-width: 767px) { .error-404 p { font-size: 16px; } } .ddw{ padding-bottom: 10px; } .ls{ margin-top: 20px; } .breadcrumb__wrapper.bout { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(2\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.mid { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(4\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.luxury { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(5\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.budget { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(1\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.eco { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(6\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.extended { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/banner\ \(3\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.anti { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(1\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.priva { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(2\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.terms { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(3\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.unsub { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(4\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.cont { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(5\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .breadcrumb__wrapper.book { position: relative; z-index: 1; text-align: center; background-image: url("../images/breadcrumb/plw\ \(6\).png"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 130px 0 140px; } .iti{ width: 100%; } .ll{ color: black; } .ll:hover{ color: #64E2B7; } .ty{ padding-top: 10px; padding-bottom: 20px; } .lss{ color: hsl(var(--white)/0.8); } .lss:hover{ color: #64E2B7; } .rf{ width: 200px !important; } .rgt{ padding-top: 60px; } .hy{ padding-top: 10px; } .loi{ padding-top: 40px; } @media( min-width:1400px) and (max-width:1950px){ .yu{ height: 392px; } .iu{ height: 180px; } } .fg{ font-size: 1.8rem; } .fge{ margin-bottom: 20px; } .fre{ color: black; } .fre:hover{ color: #EB5B00; } .tuo{ padding-bottom: 40px; }