/* * * Theme Blog Eye style * author: Noor Alam * */ :root { ---light-body: #ffffff; ---light-content: #f7f8fa; --section-color: #f9f9fc; --section-color-2: #fdfdfd; --box-color: #eee; --box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; --box-shadow-2: 0 20px 40px #d9d4d4e6; --black: #000; --white: #fff; --color-primary: #827055; --color-heading: #222429; --color-gray: #5a5a5a; --color-gray-2: #1c1e22; } html { -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { font-family: inherit; } a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; display: inline-block; color: inherit; } a { color: var(--color-primary); text-decoration: inherit; } a:hover { color: var(--color-primary); text-decoration: underline; } img { max-width: 100%; height: auto; } .bg-black { background: #000; } .text-white a { color: #fff; } .btn { display: inline-block; padding: 1rem 3rem; border-radius: 1rem; -webkit-box-shadow: var(--shadow-white-3); box-shadow: var(--shadow-white-3); background: var(--gradient-box-w); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: var(--black); } .btn.outline { margin-left: 1rem; color: var(--black); background-color: transparent; border: 2px solid var(--color-primary); } .btn:hover { background: var(--gradient-red-hover); color: #fff; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .btn.outline:hover { background-color: var(--color-primary); color: var(--white); } input[type="search"], input[type="email"], input[type="url"], input[type="text"], select { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } [type="search"]:focus, [type="text"]:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%); box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%); } input[type="submit"], html body button, a#clickTop { border: 1px solid #ccc; padding: 10px 30px; vertical-align: middle; background: var(--color-primary); color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } input[type="submit"] { width: auto !important; } input[type="submit"]:hover, button:hover, a#clickTop { background: #464646; } /*Secondery color*/ a, .entry-meta span, .entry-footer span, .entry-meta a, .ghead-meta { color: var(--color-primary); } nav.navigation.pagination { margin-bottom: 2rem; } .pagination .nav-links a:hover, .pagination .nav-links span { background-color: var(--color-primary); } /*Primery color*/ a:hover, .entry-meta a:hover { color: #464646; } .modal.show .modal-dialog { margin-bottom: 80px; } /* # # Heade style # */ /*header style one*/ header.ax-hstyle2 { -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 12%); box-shadow: 0 5px 15px rgb(0 0 0 / 12%); } header#masthead { border: 1px solid #ededed; } .pxm-style1 .main-navigation ul li a { text-transform: uppercase; font-size: 14px; font-weight: 600; text-decoration: none; } .pxms1-logo { margin: 1rem 1rem 0 0; -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .pxm-style1 .d-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-img img { width: 100%; } .pxms1-logo h1.site-title { font-size: 24px; font-weight: 700; } .pxms1-logo .brand-text .site-description { font-size: 14px; font-style: italic; } .pxms1-logo h1.site-title a { color: var(--black); text-decoration: none; } .head-logo-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 20px 0; } .brand-text .site-title { font-size: 60px; } .head-info { margin-left: auto; margin-right: 0; } .site-branding.brand-logo { margin-right: 10px; } .site-branding.brand-logo img { max-width: 250px; max-height: 150px; } .site-branding.brand-logo img { max-width: 250px; max-height: 150px; } .brand-text .site-description { font-size: 17px; font-style: italic; } .blog-eye-logo-section { border-bottom: 2px solid #fbf7ef; } /* Main Menu style */ .mobile-menu-bar { display: none; } /* ── Mobile Hamburger Menu ───────────────────────────────── */ /* Hamburger button */ .hamburger-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; padding: 6px; background: transparent; border: none; cursor: pointer; z-index: 9999; } .hamburger-btn .hamburger-line { display: block; width: 24px; height: 2px; background-color: var(--color-heading, #222); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; } /* Animated X state */ .hamburger-btn.is-active .hamburger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); } .hamburger-btn.is-active .hamburger-line:nth-child(2) { opacity: 0; } .hamburger-btn.is-active .hamburger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .mobile-menu-header button:hover span.hamburger-line { background:#fff } .mobile-menu-header button:hover svg { fill:#fff } /* Overlay */ .mobile-menu-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 99999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .mobile-menu-overlay.is-visible { opacity: 1; visibility: visible; } /* Drawer */ .mobile-nav-drawer { position: fixed; top: 0; right: -320px; width: 300px; max-width: 85vw; height: 100%; background: #fff; z-index: 100000; overflow-y: auto; box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15); transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: none; } .mobile-nav-drawer.is-open { right: 0; } /* Drawer header */ .mobile-nav-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #eee; } .mobile-nav-title { font-size: 18px; font-weight: 600; color: var(--color-heading, #222); } .mobile-nav-close { background: none; border: none; cursor: pointer; padding: 4px; color: var(--color-heading, #222); line-height: 1; } .mobile-nav-close:hover { color: var(--color-primary); } /* Drawer menu list */ .mobile-nav-body .wsm-menu { list-style: none; margin: 0; padding: 0; } .mobile-nav-body .wsm-menu li { border-bottom: 1px solid #f0f0f0; } .mobile-nav-body .wsm-menu li a { display: block; padding: 12px 20px; color: var(--color-heading, #222); text-decoration: none; font-size: 15px; transition: background 0.2s; } .mobile-nav-body .wsm-menu li a:hover { background-color: #f7f7f7; color: var(--color-primary); } /* Sub-menu toggle */ .menu-item-has-children, .page_item_has_children { position: relative; } .mobile-nav-body .menu-item-has-children > a, .mobile-nav-body .page_item_has_children > a { padding-right: 50px; } .sub-menu-toggle { position: absolute; top: 0; right: 0; width: 48px; height: 46px; display: flex; align-items: center; justify-content: center; background: none; border: none; border-left: 1px solid #f0f0f0; cursor: pointer; color: var(--color-gray, #5a5a5a); transition: transform 0.3s ease; } .sub-open > .sub-menu-toggle { transform: rotate(180deg); } /* Sub-menu accordion */ .mobile-nav-body .sub-menu { list-style: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .mobile-nav-body .sub-open > .sub-menu { max-height: 600px; } .mobile-nav-body .sub-menu li a { padding-left: 36px; font-size: 14px; } .mobile-nav-body .sub-menu .sub-menu li a { padding-left: 52px; } /* Mobile header bar */ .mobile-menu-header { display: flex; justify-content: space-between; align-items: center; } .mobile-brand { flex: 1; } .mobile-brand a { font-size: 20px; font-weight: 700; color: var(--color-heading, #222); text-decoration: none; } .mobile-brand img { max-height: 40px; width: auto; } /* Lock body scroll when menu open */ body.mobile-menu-open { overflow: hidden; } .menu-bar { position: relative; -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 12%); box-shadow: 0 0 5px rgb(0 0 0 / 12%); margin: 5px 0; } div#blog-eye-menu ul { margin: 0; } .main-navigation ul { list-style: outside none none; padding: 0; margin-bottom: 0; } .main-navigation ul ul { margin: 0; } .main-navigation ul li { display: inline-block; position: relative; } .main-navigation ul li a { color: #222; display: block; padding: 15px; } .main-navigation ul li:after { background: #fff none repeat scroll 0 0; content: ""; height: 25px; margin-bottom: 12.5px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; position: absolute; right: 0; top: 30%; width: 1px; } .main-navigation ul li:last-child:after { display: none; } /*dropdown menu*/ .main-navigation ul li ul { position: absolute; top: 60px; left: 0; z-index: 9999; background: #fff; width: 250px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; text-align: left; -webkit-box-shadow: 0px 5px 42px -6px rgb(92 91 92); box-shadow: 0px 5px 42px -6px rgb(92 91 92); } .main-navigation ul li ul li { display: block; } .main-navigation ul li li a, .main-navigation ul li li:first-child a, .main-navigation ul li li:last-child a, .main-navigation ul li:first-child li a { padding: 15px; text-transform: none; } .main-navigation ul li li:after { bottom: auto; width: 100%; height: 1px; top: auto; margin-top: 0; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .main-navigation ul li li:hover>a, .main-navigation ul li li.hover>a { background-color: #fff; color: #000; } .main-navigation ul li:hover>a, .main-navigation ul li:focus>a { color: var(--color-primary); } .main-navigation ul li:hover ul, .main-navigation ul li.hover ul { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 50px; } .main-navigation ul li ul ul { left: 250px; } .main-navigation ul li:hover ul li ul { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .main-navigation ul li:hover ul li:hover>ul { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 20px; } .main-navigation ul ul ul ul ul { right: 250px; left: auto; } .main-navigation ul ul ul ul ul ul ul { right: auto; left: 250px; } .main-navigation ul ul ul ul ul ul ul ul ul { left: auto; right: 250px; } .main-navigation ul ul ul ul ul ul ul ul ul ul ul { right: auto; left: 250px; } .main-navigation ul>li.menu-item.menu-item-has-children { padding-right: 15px; } .main-navigation ul ul li.menu-item.menu-item-has-children { padding-right: 0; } .main-navigation ul li.menu-item.menu-item-has-children>a { position: relative; z-index: 0; } .main-navigation ul li.menu-item.menu-item-has-children>a:after { position: absolute; top: 0; right: 2px; background: transparent; z-index: 99999; content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-navigation ul ul li.menu-item.menu-item-has-children>a:after { right: 12px; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } /* # # Widget style # */ .widget .search-form label, .widget .search-form .search-submit { width: 100%; margin: 6px 0; } h2.widget-title, .widget h2 { font-size: 24px; margin-bottom: 1.5rem; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { margin-bottom: 5px; } .widget ul li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ededed; } .widget ul li:last-child { border-bottom: 0; } .widget ul li a { color: inherit; } .widget ul li a:hover { color: var(--color-primary); } .widget .search-form .search-submit { width: 97%; margin-top: 5px; } .tagcloud a { border: 1px solid #ededed; background: #fff; padding: 5px 7px; margin: 0 2px 5px 0; } .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } /* # # page And post style # */ header.entry-header.page-header { margin-bottom: 1.5rem; } /*posts List style*/ .blog-eye-text-list, aside section.widget, .menu-bar, article.post, .post-navigation, .comments-area, .archive-header, .search-header { border-radius: 5px; -webkit-box-shadow: var(--shadow-white-3); box-shadow: var(--shadow-white-3); } aside section.widget, .xpost-item { border: 1px solid #ededed; } .blog-eye-text-list { border: 1px solid #ededed; } .blogeye-blist-content { margin-top: 1.2rem; } .blog-eye-text-list a.blog-eye-readmore { display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; font-size: 15px; background: var(--white); padding: 10px 30px; color: var(--color-primary); margin-top: 1rem; border: 2px solid var(--color-primary); font-weight: 700; } .blog-eye-text-list a.blog-eye-readmore:hover { background: var(--color-primary); color: var(--white); text-decoration: none; } .blog-eye-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; } .blog-eye-text-inner { flex: 0 0 100%; } .beye-grid .blog-eye-text-inner { margin-top: 2rem; } .list-meta { font-size: 0.8rem; font-weight: 700; padding-bottom: 4px; margin-bottom: 12px; text-transform: uppercase; display: inline-block; } .list-meta .byline{ font-weight: 500; } .list-meta.list-author, .list-meta.list-author a { color: #ababab; } h2.entry-title a, h2.entry-title { color: var(--black); font-size: 1.8rem; } .entry-title a:hover { color: var(--color-primary); } /*posts grid style*/ h2.entry-title.grid-title { font-size: 20px; } /* Blog Section Start */ .ax-all-blog .ax-single-blog-post-categories a { font-size: 13px; color: var(--black); } .ax-all-blog .ax-single-blog-post-categories { padding: 10px 0; } .ax-all-blog .ax-single-blog-post-categories a:hover { color: var(--color-primary); } .ax-all-blog .ax-single-blog-post-title a { color: var(--black); } .ax-all-blog .ax-single-blog-post-title a:hover { color: var(--color-gray); } h2.ax-single-blog-post-title { font-size: 1.75rem; font-weight: 700; line-height: 1.3; } .ax-blog-post-author-img a { border-radius: 50%; } .ax-blog-post-author-img img { width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 5px; border: 2px solid #ccc; } .ax-blog-post-author-detalis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ax-blog-post-author-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0.5rem; } a.ax-blog-post-author-name { color: var(--color-gray-2); font-size: 0.85rem; text-decoration: none; } a.ax-blog-post-author-name:hover { color: var(--color-gray); } .ax-single-blog-post-pub-date p { font-weight: 400; color: var(--color-gray); font-size: 14px; opacity: 0.7; } .ax-all-blog .ax-single-blog-post-author-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0; } .ax-all-blog .ax-single-blog-post-reaction-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -14px; } .ax-all-blog .ax-single-blog-post-view { margin-right: 13px; } .ax-all-blog .ax-single-blog-post-reaction-section i { margin-right: 2px; } .ax-all-blog .ax-single-blog-post-reaction-section a { color: var(--black); font-weight: 500; } .ax-all-blog .ax-single-blog-post-reaction-section a:hover { color: var(--color-gray); } .ax-all-blog .ax-single-blog-post-dres p { color: var(--color-gray); font-weight: 300; font-size: 16px; line-height: 1.7; letter-spacing: 0.6px; } .ax-all-blog a.ax-single-blog-post-readmore-btn { color: var(--black); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); padding: 11px 15px; text-align: center; border-radius: 5px; } .ax-all-blog .ax-single-blog-post-dres { margin-bottom: 40px; } .ax-all-blog .ax-single-blog-post { margin-bottom: 35px; padding: 20px 10px 40px 10px; border-radius: 5px; -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); } .ax-all-blog a.ax-single-blog-post-readmore-btn:hover { color: var(--color-primary); letter-spacing: 2px; font-weight: 600; } .ax-all-blog .ax-single-blog-post-img img { border-radius: 5px; } .ax-all-blog .ax-single-blog-post-img { width: 100%; height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .ax-all-blog .ax-single-blog-post:hover .ax-single-blog-post-img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .ax-all-blog .ax-blog-next-all-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ax-all-blog .ax-blog-next-all-btn a { -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); text-align: center; padding: 5px 15px; margin-right: 13px; border-radius: 5px; font-weight: 600; color: var(--color-gray); } .ax-all-blog .ax-blog-next-all-btn a:hover { color: var(--black); } .xpost-item.shadow.pb-3.mb-5 { width: 100%; } .blog .sticky, .blog .blog-eye-list-item.sticky .blog-eye-text-list { background: #7798d33d; position: relative; } .blog .blog-eye-list-item.sticky { background: transparent; } .blog .sticky:before { right: 25px; } .blog .blog-eye-list-item.sticky:before { position: absolute; right: 24px; top: 8px; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f005"; color: #048f02; } a.blog-eye-readmore { display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; font-size: 15px; } a.blog-eye-readmore i { margin: 0px 0 0 6px; opacity: 0.7; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; vertical-align: middle; } a.blog-eye-readmore:hover i { margin-left: 10px; } .pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 10px; } .pagination .nav-links a, .pagination .nav-links span { padding: 5px 10px; margin-right: 10px; background: var(--box-color); } .pagination .nav-links a:hover, .pagination .nav-links span { color: #fff; background: var(--color-primary); } .pagination .nav-links a:hover{ text-decoration: inherit; } .entry-meta a, .entry-meta span, .ghead-meta { font-size: 14px; } .post-thumbnail img { border: 1px solid #ededed; } .aghome .ax-home-title .ax-section-title { font-size: 70px; margin-bottom: 3rem; color: #ffcd81; } section.no-results.not-found.xmain-404 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer.entry-footer { display: flex; flex-direction: column; } footer.entry-footer span { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; margin-bottom: 5px; } footer.entry-footer span, footer.entry-footer span a { font-size: 14px; } footer.entry-footer span:last-child { border: none; } .site-info a { color: inherit; } .navigation.post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; border: 1px solid #ededed; padding: 20px 10px; margin-bottom: 3rem; } .navigation.post-navigation .nav-links .nav-next { margin-left: auto; } .comments-area { margin-bottom: 20px; } p.comment-form-comment label { margin: 10px 0; } .comments-area .comment-form-comment label { display: block; } .comments-area .comment-form-comment textarea { width: 100%; } /*404 style*/ .xmain-404 { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .xmain-404 h1 { font-size: 60px; background: -webkit-linear-gradient(rgb(214, 3, 3), rgb(65, 9, 9)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* # Footer style */ .site-footer { -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 12%); box-shadow: 0 0 5px rgb(0 0 0 / 12%); } a#clickTop { right: 5px !important; } /*Home intro section*/ .aghome { padding: 0; overflow: hidden; position: relative; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .aghome.show-axbanner { opacity: 1; } .aghome .ax-home-bg { width: 100%; min-height: 100vh; max-height: 100vh; position: relative; overflow: hidden; z-index: 1; } #ax-praticals { position: absolute; top: 0; z-index: 10; width: 100%; height: 100vh; right: 0; } .aghome .ax-home-bg img { min-width: 100%; height: auto; overflow: hidden; } .aghome .ax-home-bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000000bd; z-index: 99; } .aghome .ax-home-details { position: absolute; top: 5%; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 30px; } /* Home Two Css Start */ .aghome .ax-home-two-details { position: absolute; top: 5%; left: 5%; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Home Two Css End */ .ax-hstyle2.has-aghome { position: fixed; width: 100%; height: auto; z-index: 999; -webkit-box-shadow: inherit; box-shadow: inherit; } .ax-hstyle2.has-aghome ul li li a { color: var(--black); } .ax-hstyle2.has-aghome, .ax-hstyle2.has-aghome ul li a { color: var(--white); } .scrolling .ax-hstyle2.has-aghome { display: none; } .scrolling .ax-hstyle2.has-aghome ul li a { color: inherit; } .aghome .ax-home-subtitle p { color: #fff; font-weight: 600; letter-spacing: 3px; background: var(--color-primary); padding: 5px 20px; margin-bottom: 35px; } .aghome .ax-home-title h1 { margin: 0; font-size: 5rem; color: #fff; font-weight: 700; } .aghome .ax-home-dres { padding-top: 15px; max-width: 900px; } .aghome .ax-home-dres p { font-size: 18px; color: #e5e0e0; margin: 0; font-weight: 500; letter-spacing: 1px; line-height: 1.9; } .aghome .ax-home-btn { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aghome a.ax-home-first-btn { background: var(--color-primary); font-size: 18px; font-weight: 500; padding: 12px 20px; border-radius: 5px; margin-right: 25px; text-decoration: none; color: var(--white); } .aghome a.ax-home-first-btn:hover { opacity: 0.7; } .aghome a.ax-home-video-btn { color: #fff; font-weight: 500; letter-spacing: 1px; } .aghome a.ax-home-video-btn i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border: 3px solid var(--color-primary); width: 50px; height: 50px; line-height: 45px; text-align: center; border-radius: 50%; } .aghome a.ax-home-video-btn:hover i { background: var(--color-primary); color: #000; } .aghome a.ax-home-video-btn:hover { color: var(--color-primary); } /*-------------------------------------------------------------- # Footer Credits Enhancement --------------------------------------------------------------*/ .footer-cradit.site-info { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 15px 20px; border-top: 1px solid #dee2e6; font-size: 14px; line-height: 1.6; color: #6c757d; } .footer-cradit.site-info a { color: #0073aa; text-decoration: none; transition: all 0.3s ease; font-weight: 500; } .footer-cradit.site-info a:hover { color: #005a87; text-decoration: underline; } /* Special styling for call-to-action links */ .footer-cradit.site-info a[style*="color: #e74c3c"] { color: #e74c3c !important; font-weight: 600; text-decoration: none !important; transition: all 0.3s ease; } .footer-cradit.site-info a[style*="color: #e74c3c"]:hover { color: #c0392b !important; text-decoration: underline !important; } /* Responsive design for footer credits */ @media (max-width: 768px) { .footer-cradit.site-info { padding: 12px 15px; font-size: 13px; line-height: 1.5; } }