| @@ -1836,8 +1836,9 @@ | ||
| 1836 | 1836 | .unicon-zoom-reset:before { |
| 1837 | 1837 | content: "\eb14"; |
| 1838 | 1838 | } |
| 1839 | 1839 | |
| 1840 | +/* Progress Bar Styles for Easy Elements Slider */ | |
| 1840 | 1841 | .swiper-progressbar { |
| 1841 | 1842 | position: absolute; |
| 1842 | 1843 | top: 0; |
| 1843 | 1844 | left: 0; |
| @@ -1896,9 +1897,9 @@ | ||
| 1896 | 1897 | } |
| 1897 | 1898 | |
| 1898 | 1899 | .easy-img-cover .jarallax img { |
| 1899 | 1900 | width: 100% !important; |
| 1900 | - object-fit: cover !important; | |
| 1901 | + object-fit: cover ! important; | |
| 1901 | 1902 | } |
| 1902 | 1903 | |
| 1903 | 1904 | .eel-flip-img-scroll img { |
| 1904 | 1905 | width: auto; |
| @@ -1905,28 +1906,10 @@ | ||
| 1905 | 1906 | transform: rotateX(0deg); |
| 1906 | 1907 | will-change: transform; |
| 1907 | 1908 | } |
| 1908 | 1909 | |
| 1909 | -.eele-has-jarallax { | |
| 1910 | - position: relative; | |
| 1911 | -} | |
| 1912 | 1910 | |
| 1913 | -.eele-jarallax-bg { | |
| 1914 | - position: absolute; | |
| 1915 | - inset: 0; | |
| 1916 | - width: 100%; | |
| 1917 | - height: 100%; | |
| 1918 | - z-index: -1; | |
| 1919 | - left: 0; | |
| 1920 | - right: 0; | |
| 1921 | - top: 0; | |
| 1922 | - bottom: 0; | |
| 1923 | -} | |
| 1924 | 1911 | |
| 1925 | -footer{ | |
| 1926 | - overflow: hidden; | |
| 1927 | -} | |
| 1928 | - | |
| 1929 | 1912 | /************ All Css Important ************/ |
| 1930 | 1913 | .easyel-fixed-header .easy-site-header { |
| 1931 | 1914 | position: absolute; |
| 1932 | 1915 | top: 0; |
| @@ -1963,12 +1946,9 @@ | ||
| 1963 | 1946 | |
| 1964 | 1947 | /* Overlay */ |
| 1965 | 1948 | .entro-all-video-popup-wrap { |
| 1966 | 1949 | position: fixed; |
| 1967 | - top: 0; | |
| 1968 | - right: 0; | |
| 1969 | - bottom: 0; | |
| 1970 | - left: 0; | |
| 1950 | + top: 0; right: 0; bottom: 0; left: 0; /* <-- overlay fill */ | |
| 1971 | 1951 | display: none; |
| 1972 | 1952 | align-items: center; |
| 1973 | 1953 | justify-content: center; |
| 1974 | 1954 | background: rgba(0,0,0,0.85); |
| @@ -1988,9 +1968,9 @@ | ||
| 1988 | 1968 | |
| 1989 | 1969 | /* Close button */ |
| 1990 | 1970 | .entro-all-video-popup-close { |
| 1991 | 1971 | position: absolute; |
| 1992 | - top: -50px; /* sits above the frame */ | |
| 1972 | + top: -40px; /* sits above the frame */ | |
| 1993 | 1973 | right: 0; |
| 1994 | 1974 | font-size: 32px; |
| 1995 | 1975 | background: none; |
| 1996 | 1976 | border: 0; |
| @@ -2026,8 +2006,10 @@ | ||
| 2026 | 2006 | body{ |
| 2027 | 2007 | overflow-x: hidden; |
| 2028 | 2008 | } |
| 2029 | 2009 | |
| 2010 | + | |
| 2011 | + | |
| 2030 | 2012 | @-webkit-keyframes scaleIn { |
| 2031 | 2013 | from { |
| 2032 | 2014 | opacity: 0; |
| 2033 | 2015 | -webkit-transform: scale3d(1.5, 1.5, 1.5); |
| @@ -2059,28 +2041,71 @@ | ||
| 2059 | 2041 | -webkit-animation-name: scaleIn; |
| 2060 | 2042 | animation-name: scaleIn; |
| 2061 | 2043 | } |
| 2062 | 2044 | |
| 2063 | -.hover-zoom-in .elementor-widget-image img { | |
| 2064 | - transition: all 2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 2045 | +.hover-zoom-in{ | |
| 2046 | + .elementor-widget-image{ | |
| 2047 | + img{ | |
| 2048 | + transition: all 2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 2049 | + } | |
| 2050 | + } | |
| 2051 | + &:hover{ | |
| 2052 | + img{ | |
| 2053 | + transform: scale(1.1); | |
| 2054 | + } | |
| 2055 | + } | |
| 2065 | 2056 | } |
| 2066 | 2057 | |
| 2067 | -.hover-zoom-in:hover .elementor-widget-image img { | |
| 2068 | - transform: scale(1.1); | |
| 2058 | +.hover-scale{ | |
| 2059 | + .elementor-widget-image{ | |
| 2060 | + img{ | |
| 2061 | + transition: all 2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 2062 | + } | |
| 2063 | + } | |
| 2064 | + &:hover{ | |
| 2065 | + img{ | |
| 2066 | + transform: scale(1.1); | |
| 2067 | + } | |
| 2068 | + } | |
| 2069 | 2069 | } |
| 2070 | 2070 | |
| 2071 | -.hover-scale .elementor-widget-image img { | |
| 2072 | - transition: all 2s cubic-bezier(0.4, 0, 0.2, 1); | |
| 2071 | +/* service menu */ | |
| 2072 | +/* service menu */ | |
| 2073 | +.service__menu .menu-item { | |
| 2074 | + background-color: #F8F9FA; | |
| 2075 | + padding: 7px 20px; | |
| 2076 | + border-radius: 10px; | |
| 2073 | 2077 | } |
| 2078 | +.service__menu .menu-item .eel-menu-item { | |
| 2079 | + padding-left: 0 !important; | |
| 2080 | +} | |
| 2074 | 2081 | |
| 2075 | -.hover-scale:hover .elementor-widget-image img { | |
| 2076 | - transform: scale(1.1); | |
| 2082 | +.service__menu .menu-item:not(:last-child) { | |
| 2083 | + margin-bottom: 20px; | |
| 2077 | 2084 | } |
| 2078 | 2085 | |
| 2086 | +.service__menu .menu-item.current_page_item { | |
| 2087 | + background-color: var(--e-global-color-primary); | |
| 2088 | +} | |
| 2089 | +.service__menu .menu-item.current_page_item .eel-menu-item { | |
| 2090 | + color: #fff; | |
| 2091 | +} | |
| 2092 | + | |
| 2093 | +.service__menu .menu-item.current_page_item .menu-text span { | |
| 2094 | + color: #fff; | |
| 2095 | +} | |
| 2096 | + | |
| 2097 | +.service__menu .menu-item.current_page_item a.menu-link { | |
| 2098 | + color: #fff !important; | |
| 2099 | +} | |
| 2100 | + | |
| 2101 | +.service__menu .menu-item.current_page_item span.vertical_menu_active_icon { | |
| 2102 | + display: none; | |
| 2103 | +} | |
| 2104 | + | |
| 2079 | 2105 | .eel-cursor-hover { |
| 2080 | 2106 | position: fixed; |
| 2081 | - top: 0; | |
| 2082 | - left: 0; | |
| 2107 | + top: 0; left: 0; | |
| 2083 | 2108 | line-height: 100%; |
| 2084 | 2109 | width: 120px; |
| 2085 | 2110 | height: 120px; |
| 2086 | 2111 | display: grid; |
| @@ -2093,11 +2118,11 @@ | ||
| 2093 | 2118 | background: #fff; |
| 2094 | 2119 | z-index: 99999; |
| 2095 | 2120 | transform: translate(-50%, -50%); |
| 2096 | 2121 | transition: transform 0.1s, opacity 0.1s; |
| 2097 | - place-content: center;; | |
| 2098 | 2122 | } |
| 2099 | 2123 | |
| 2124 | + | |
| 2100 | 2125 | .swiper-pagination:not(.swiper-pagination-fraction) span{ |
| 2101 | 2126 | font-size: 0; |
| 2102 | 2127 | } |
| 2103 | 2128 | |
| @@ -2118,51 +2143,4 @@ | ||
| 2118 | 2143 | -moz-border-radius: 16px; |
| 2119 | 2144 | -webkit-border-radius: 16px; |
| 2120 | 2145 | } |
| 2121 | 2146 | |
| 2122 | -/* Swiper Navigation and Pagination */ | |
| 2123 | -.swiper-prev, | |
| 2124 | -.swiper-next { | |
| 2125 | - background-color: #5933FF; | |
| 2126 | - color: #fff; | |
| 2127 | - width: 40px; | |
| 2128 | - height: 40px; | |
| 2129 | - border-radius: 8px; | |
| 2130 | -} | |
| 2131 | -.swiper-prev::after, | |
| 2132 | -.swiper-next::after { | |
| 2133 | - font-size: 18px; | |
| 2134 | -} | |
| 2135 | -.swiper-prev svg, | |
| 2136 | -.swiper-next svg { | |
| 2137 | - height: 1em; | |
| 2138 | - fill: currentColor; | |
| 2139 | -} | |
| 2140 | -.swiper-navigation .swiper-next, | |
| 2141 | -.swiper-navigation .swiper-prev { | |
| 2142 | - cursor: pointer; | |
| 2143 | - position: absolute; | |
| 2144 | - top: 50%; | |
| 2145 | - left: 10px; | |
| 2146 | - transform: translateY(-50%); | |
| 2147 | - z-index: 1; | |
| 2148 | - line-height: 30px; | |
| 2149 | - display: inline-flex; | |
| 2150 | - align-items: center; | |
| 2151 | - justify-content: center; | |
| 2152 | -} | |
| 2153 | -.swiper-navigation .swiper-next { | |
| 2154 | - left: auto; | |
| 2155 | - right: 10px; | |
| 2156 | -} | |
| 2157 | -.swiper-pagination .swiper-pagination-bullet { | |
| 2158 | - background: #5933FF; | |
| 2159 | - width: 10px; | |
| 2160 | - height: 10px; | |
| 2161 | - border-radius: 100px; | |
| 2162 | -} | |
| 2163 | -.swiper-pagination .swiper-pagination-bullet-active { | |
| 2164 | - width: 30px; | |
| 2165 | -} | |
| 2166 | -.swiper-button-next:after, .swiper-button-prev:after { | |
| 2167 | - font-size: 14px; | |
| 2168 | -} | |