/* Theme Name: Scriptor Author: TonicTheme Version: 1.1.0 */ /*CSS Table Of Content Ends Here*/ @import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap'); :root { --body: #fff; --black: #000; --white: #fff; --theme: #492108; --theme2: #492108; --header: #16171a; --base: #492108; --text: #5e5f63; --text2: #8a8c94; --border: #eeeff4; --border2: #d7d7d7; --button: #1c2539; --button2: #030734; --ratting: #f09815; --bg: #f5f5f7; --bg2: #f6f6f6; --bg3: #f5f6fd; --bg4: #16171a; --bg5: #f8f8f8; --bg6: #16171a; --bg7: #edeeee; --color-gradient-1: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(15, 116, 230, 0.55) 71.26%, #166fd3 100%); --color-gradient-2: linear-gradient(180deg, rgba(0, 0, 0, 0.31) 0%, rgba(0, 0, 0, 0.78) 100%); ---box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .page-content-wrap-1412 { padding-top: 0 !important; padding-bottom: 0 !important; } .theme-recent-post-item .content { /* padding-right: 20px; */ } .theme-recent-post-item .content span { font-size: 16px; font-weight: 400; line-height: 24px; color: var(--theme); /* margin-bottom: 15px; */ } .theme-recent-post-item .content span .re-po-ic { font-size: 16px; font-weight: 800; line-height: 24px; color: var(--theme); margin-right: 7px; } .theme-recent-post-item .content p { font-size: 18px !important; line-height: 26px !important; font-weight: 700; color: var(--black); /* margin-top: 5px; */ } @media (max-width: 450px) { .theme-recent-post-item .content p { /* font-size: 15px !important; */ /* line-height: 20px !important; */ } } .theme-btn { background-color: var(--black); color: var(--white); font-weight: 600; border-radius: 0px; transition: all 0.4s ease-in-out; text-transform: capitalize; position: relative; overflow: hidden; font-size: 18px; padding: 10px 22px; z-index: 9; display: inline-block; line-height: 26px; border: none; } @media (max-width:1024px) { .theme-btn { padding: 8px 20px; font-size: 16px; line-height: 24px; } } @media (max-width: 767px) { .theme-btn { padding: 6px 18px; font-size: 14px; line-height: 22px; } } .theme-btn i { margin-left: 8px; transition: all 0.4s ease-in-out; } .theme-btn span { position: relative; z-index: 9; } .theme-btn:hover { /* background-color: var(--theme2); */ transition: all 0.9s; } /* .theme-btn:hover::before { height: 100%; } .theme-btn:hover::after { height: 100%; } */ .theme-btn:hover i { transform: translate(5px); } .theme-btn.hover-white::before, .theme-btn.hover-white::after { background-color: var(--white); } .theme-btn.hover-white:hover { color: var(--header); } .theme-btn.hover-white:hover i { transform: translate(5px); color: var(--header); } .theme-btn.bg-white { color: var(--header); } .theme-btn.bg-white:hover { color: var(--white); } .theme-btn.bg-white:hover i { transform: translate(5px); color: var(--white); } .theme-bttnn { background-color: var(--white); color: var(--black); font-weight: 400; border-radius: 0px; transition: all 0.4s ease-in-out; text-transform: capitalize; position: relative; overflow: hidden; font-size: 16px; padding: 8px 20px; z-index: 9; display: inline-block; line-height: 24px; } .theme-bttnn:hover { /* background-color: var(--white); color: var(--theme2); */ transition: all 0.9s; } .theme-btn.theme-btn-2 { background-color: var(--white); color: var(--black); font-weight: 400; font-size: 18px; line-height: 26px; padding: 10px 22px; border-radius: 0px; } .theme-btn.theme-btn-2:hover { /* background-color: var(--white); color: var(--theme2); */ transition: all 0.9s; } .theme-btn.line-height { /* line-height: 1.3; */ } @media (max-width: 1024px) { .theme-btn.theme-btn-2 { padding: 8px 20px; font-size: 16px; line-height: 24px; } } @media (max-width: 767px) { .theme-bttnn { padding: 6px 18px; font-size: 14px; line-height: 22px; } } /* @media (max-width: 575px) { .theme-btn { padding: 18px 30px; } .theme-btn span { font-size: 14px; } } */ .elementor-button { display: inline-block; /* line-height: 11px !important; */ /* background-color: #69727D; */ /* font-size: 16px !important; */ /* padding: 15px 20px !important; */ /* border-radius: 0px !important; */ color: #fff; fill: #fff; text-align: center; transition: all 0.3s; } .link-btn { text-transform: capitalize; font-size: 16px; color: var(--header); font-weight: 600; } .news-content { /* background-color: #EEEEDF; */ } .news-content h3 { font-size: 24px; line-height: 32px; font-weight: 600; color: var(--white); } @media (max-width: 1200px) { .news-content h3 { font-size: 22px; line-height: 30px; font-weight: 600; color: var(--white); } } @media (max-width: 1125px) { .news-content h3 { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--white); } } @media (max-width: 1048px) { .news-content h3 { font-size: 18px; line-height: 26px; font-weight: 600; color: var(--white); } } @media (max-width: 991px) { .news-content h3 { font-size: 24px; line-height: 34px; font-weight: 600; color: var(--white); } } @media (max-width: 830px) { .news-content h3 { font-size: 22px; line-height: 32px; font-weight: 600; color: var(--white); } } @media (max-width: 779px) { .news-content h3 { font-size: 21px; line-height: 32px; font-weight: 600; color: var(--white); } } .news-content p { font-size: 14px; line-height: 22px; font-weight: 400; } .link-btn span { color: var(--white); padding: 6px 18px; background-color: var(--theme); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline-block; transition: all 0.4s ease-in-out; line-height: 22px; font-size: 14px; font-weight: 700; } .link-btn i { margin-left: 10px; font-size: 16px; transition: all 0.4s ease-in-out; font-size: 12px; width: 25px; height: 25px; line-height: 25px; border-radius: 25px; background-color: var(--theme); text-align: center; color: var(--white); } .link-btn:hover span { /* color: var(--theme); background-size: 100% 1px; */ /* color: var(--theme2); */ /* background-color: var(--theme); */ } .link-btn.link-btn-2 span { background-color: var(--black); padding: 6px 18px; color: var(--white); font-weight: 400; font-size: 14px; line-height: 22px; border-radius: 0px; } .link-btn.link-btn-2 i { /* background-color: var(--theme2); */ } .link-btn.link-btn-2:hover span { /* background: linear-gradient(to right, #5C469C,#D4ADFC); */ /* color: var(--white); */ } /* -------------------------------------------- Template Default Fonts & Fonts Styles ---------------------------------------------- */ body { font-family: "Baloo 2"; font-size: 16px; font-weight: normal; /* line-height: 28px; */ color: var(--text); background-color: var(--bg); padding: 0; margin: 0; overflow-x: hidden; } ul { padding: 0; margin: 0; list-style: none; } button { border: none; background-color: transparent; padding: 0; } input:focus { color: var(--black); outline: none; } input { color: var(--black); } h1, h2, h3, h4, h5, h6 { font-family: "Baloo 2"; margin: 0px; padding: 0; color: var(--header); text-transform: capitalize; transition: all 0.4s ease-in-out; } h1 { font-size: 85px; font-weight: 600; line-height: 106%; } h2 { font-size: 48px; line-height: 115%; font-weight: 700; } @media (max-width: 1199px) { h2 { font-size: 42px; } } @media (max-width: 991px) { h2 { font-size: 32px; } } @media (max-width: 575px) { h2 { font-size: 26px; } } h3 { font-size: 24px; font-weight: 600; line-height: 32px; } @media (max-width: 575px) { h3 { font-size: 20px; } } .contact-info-items { display: flex; align-items: center; gap: 10px; } .contact-info-area-5 { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 15px; } @media (max-width: 1024px) { .contact-info-area-5 { gap: 15px; } } @media (max-width: 767px) { .contact-info-area-5 { gap: 10px; } } .contact-info-items .content h3 a { font-size: 18px; line-height: 26px; } .contact-info-items .content h3 a:hover { color: var(--theme); transition: all 0.4s linear; } .last_newsletter { max-width: 280px; } .fadeInUp .icon { /* margin-right: 15px; */ } .scriptor_footer_2_about_widget-1 { text-align: center; } h4 { font-size: 22px; font-weight: 700; } @media (max-width: 575px) { h4 { font-size: 20px; } } h5 { font-size: 20px; font-weight: 600; } h6 { font-size: 18px; font-weight: 600; line-height: 156%; } a { text-decoration: none; outline: none !important; cursor: pointer; color: #ffffff; transition: all 0.4s ease-in-out; font-size: medium; } p { margin: 0px; transition: all 0.4s ease-in-out; } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(40px); background: #000000c8; display: flex; justify-content: center; align-items: center; z-index: 9999; animation: fadeIn 0.6s ease; } .preloader .animation-preloader { z-index: 1000; } .book { --color: #fff; --duration: 6.8s; width: 32px; height: 12px; position: relative; margin: 32px 0 0 0; zoom: 1.5; } .book .inner { width: 32px; height: 12px; position: relative; transform-origin: 2px 2px; transform: rotateZ(-90deg); -webkit-animation: book var(--duration) ease infinite; animation: book var(--duration) ease infinite; } .book .inner .left, .book .inner .right { width: 60px; height: 4px; top: 0; border-radius: 2px; background: var(--color); position: absolute; } .book .inner .left:before, .book .inner .right:before { content: ""; width: 48px; height: 4px; border-radius: 2px; background: inherit; position: absolute; top: -10px; left: 6px; } .book .inner .left { right: 28px; transform-origin: 58px 2px; transform: rotateZ(90deg); -webkit-animation: left var(--duration) ease infinite; animation: left var(--duration) ease infinite; } .book .inner .right { left: 28px; transform-origin: 2px 2px; transform: rotateZ(-90deg); -webkit-animation: right var(--duration) ease infinite; animation: right var(--duration) ease infinite; } .book .inner .middle { width: 32px; height: 12px; border: 4px solid var(--color); border-top: 0; border-radius: 0 0 9px 9px; transform: translateY(2px); } .book ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; top: 0; } .book ul li { height: 4px; border-radius: 2px; transform-origin: 100% 2px; width: 48px; right: 0; top: -10px; position: absolute; background: var(--color); transform: rotateZ(0deg) translateX(-18px); -webkit-animation-duration: var(--duration); animation-duration: var(--duration); -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .book ul li:nth-child(0) { -webkit-animation-name: page-0; animation-name: page-0; } .book ul li:nth-child(1) { -webkit-animation-name: page-1; animation-name: page-1; } .book ul li:nth-child(2) { -webkit-animation-name: page-2; animation-name: page-2; } .book ul li:nth-child(3) { -webkit-animation-name: page-3; animation-name: page-3; } .book ul li:nth-child(4) { -webkit-animation-name: page-4; animation-name: page-4; } .book ul li:nth-child(5) { -webkit-animation-name: page-5; animation-name: page-5; } .book ul li:nth-child(6) { -webkit-animation-name: page-6; animation-name: page-6; } .book ul li:nth-child(7) { -webkit-animation-name: page-7; animation-name: page-7; } .book ul li:nth-child(8) { -webkit-animation-name: page-8; animation-name: page-8; } .book ul li:nth-child(9) { -webkit-animation-name: page-9; animation-name: page-9; } .book ul li:nth-child(10) { -webkit-animation-name: page-10; animation-name: page-10; } .book ul li:nth-child(11) { -webkit-animation-name: page-11; animation-name: page-11; } .book ul li:nth-child(12) { -webkit-animation-name: page-12; animation-name: page-12; } .book ul li:nth-child(13) { -webkit-animation-name: page-13; animation-name: page-13; } .book ul li:nth-child(14) { -webkit-animation-name: page-14; animation-name: page-14; } .book ul li:nth-child(15) { -webkit-animation-name: page-15; animation-name: page-15; } .book ul li:nth-child(16) { -webkit-animation-name: page-16; animation-name: page-16; } .book ul li:nth-child(17) { -webkit-animation-name: page-17; animation-name: page-17; } .book ul li:nth-child(18) { -webkit-animation-name: page-18; animation-name: page-18; } @-webkit-keyframes page-0 { 4% { transform: rotateZ(0deg) translateX(-18px); } 13%, 54% { transform: rotateZ(180deg) translateX(-18px); } 63% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-0 { 4% { transform: rotateZ(0deg) translateX(-18px); } 13%, 54% { transform: rotateZ(180deg) translateX(-18px); } 63% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-1 { 5.86% { transform: rotateZ(0deg) translateX(-18px); } 14.74%, 55.86% { transform: rotateZ(180deg) translateX(-18px); } 64.74% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-1 { 5.86% { transform: rotateZ(0deg) translateX(-18px); } 14.74%, 55.86% { transform: rotateZ(180deg) translateX(-18px); } 64.74% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-2 { 7.72% { transform: rotateZ(0deg) translateX(-18px); } 16.48%, 57.72% { transform: rotateZ(180deg) translateX(-18px); } 66.48% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-2 { 7.72% { transform: rotateZ(0deg) translateX(-18px); } 16.48%, 57.72% { transform: rotateZ(180deg) translateX(-18px); } 66.48% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-3 { 9.58% { transform: rotateZ(0deg) translateX(-18px); } 18.22%, 59.58% { transform: rotateZ(180deg) translateX(-18px); } 68.22% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-3 { 9.58% { transform: rotateZ(0deg) translateX(-18px); } 18.22%, 59.58% { transform: rotateZ(180deg) translateX(-18px); } 68.22% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-4 { 11.44% { transform: rotateZ(0deg) translateX(-18px); } 19.96%, 61.44% { transform: rotateZ(180deg) translateX(-18px); } 69.96% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-4 { 11.44% { transform: rotateZ(0deg) translateX(-18px); } 19.96%, 61.44% { transform: rotateZ(180deg) translateX(-18px); } 69.96% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-5 { 13.3% { transform: rotateZ(0deg) translateX(-18px); } 21.7%, 63.3% { transform: rotateZ(180deg) translateX(-18px); } 71.7% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-5 { 13.3% { transform: rotateZ(0deg) translateX(-18px); } 21.7%, 63.3% { transform: rotateZ(180deg) translateX(-18px); } 71.7% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-6 { 15.16% { transform: rotateZ(0deg) translateX(-18px); } 23.44%, 65.16% { transform: rotateZ(180deg) translateX(-18px); } 73.44% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-6 { 15.16% { transform: rotateZ(0deg) translateX(-18px); } 23.44%, 65.16% { transform: rotateZ(180deg) translateX(-18px); } 73.44% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-7 { 17.02% { transform: rotateZ(0deg) translateX(-18px); } 25.18%, 67.02% { transform: rotateZ(180deg) translateX(-18px); } 75.18% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-7 { 17.02% { transform: rotateZ(0deg) translateX(-18px); } 25.18%, 67.02% { transform: rotateZ(180deg) translateX(-18px); } 75.18% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-8 { 18.88% { transform: rotateZ(0deg) translateX(-18px); } 26.92%, 68.88% { transform: rotateZ(180deg) translateX(-18px); } 76.92% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-8 { 18.88% { transform: rotateZ(0deg) translateX(-18px); } 26.92%, 68.88% { transform: rotateZ(180deg) translateX(-18px); } 76.92% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-9 { 20.74% { transform: rotateZ(0deg) translateX(-18px); } 28.66%, 70.74% { transform: rotateZ(180deg) translateX(-18px); } 78.66% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-9 { 20.74% { transform: rotateZ(0deg) translateX(-18px); } 28.66%, 70.74% { transform: rotateZ(180deg) translateX(-18px); } 78.66% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-10 { 22.6% { transform: rotateZ(0deg) translateX(-18px); } 30.4%, 72.6% { transform: rotateZ(180deg) translateX(-18px); } 80.4% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-10 { 22.6% { transform: rotateZ(0deg) translateX(-18px); } 30.4%, 72.6% { transform: rotateZ(180deg) translateX(-18px); } 80.4% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-11 { 24.46% { transform: rotateZ(0deg) translateX(-18px); } 32.14%, 74.46% { transform: rotateZ(180deg) translateX(-18px); } 82.14% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-11 { 24.46% { transform: rotateZ(0deg) translateX(-18px); } 32.14%, 74.46% { transform: rotateZ(180deg) translateX(-18px); } 82.14% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-12 { 26.32% { transform: rotateZ(0deg) translateX(-18px); } 33.88%, 76.32% { transform: rotateZ(180deg) translateX(-18px); } 83.88% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-12 { 26.32% { transform: rotateZ(0deg) translateX(-18px); } 33.88%, 76.32% { transform: rotateZ(180deg) translateX(-18px); } 83.88% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-13 { 28.18% { transform: rotateZ(0deg) translateX(-18px); } 35.62%, 78.18% { transform: rotateZ(180deg) translateX(-18px); } 85.62% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-13 { 28.18% { transform: rotateZ(0deg) translateX(-18px); } 35.62%, 78.18% { transform: rotateZ(180deg) translateX(-18px); } 85.62% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-14 { 30.04% { transform: rotateZ(0deg) translateX(-18px); } 37.36%, 80.04% { transform: rotateZ(180deg) translateX(-18px); } 87.36% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-14 { 30.04% { transform: rotateZ(0deg) translateX(-18px); } 37.36%, 80.04% { transform: rotateZ(180deg) translateX(-18px); } 87.36% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-15 { 31.9% { transform: rotateZ(0deg) translateX(-18px); } 39.1%, 81.9% { transform: rotateZ(180deg) translateX(-18px); } 89.1% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-15 { 31.9% { transform: rotateZ(0deg) translateX(-18px); } 39.1%, 81.9% { transform: rotateZ(180deg) translateX(-18px); } 89.1% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-16 { 33.76% { transform: rotateZ(0deg) translateX(-18px); } 40.84%, 83.76% { transform: rotateZ(180deg) translateX(-18px); } 90.84% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-16 { 33.76% { transform: rotateZ(0deg) translateX(-18px); } 40.84%, 83.76% { transform: rotateZ(180deg) translateX(-18px); } 90.84% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-17 { 35.62% { transform: rotateZ(0deg) translateX(-18px); } 42.58%, 85.62% { transform: rotateZ(180deg) translateX(-18px); } 92.58% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-17 { 35.62% { transform: rotateZ(0deg) translateX(-18px); } 42.58%, 85.62% { transform: rotateZ(180deg) translateX(-18px); } 92.58% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes page-18 { 37.48% { transform: rotateZ(0deg) translateX(-18px); } 44.32%, 87.48% { transform: rotateZ(180deg) translateX(-18px); } 94.32% { transform: rotateZ(0deg) translateX(-18px); } } @keyframes page-18 { 37.48% { transform: rotateZ(0deg) translateX(-18px); } 44.32%, 87.48% { transform: rotateZ(180deg) translateX(-18px); } 94.32% { transform: rotateZ(0deg) translateX(-18px); } } @-webkit-keyframes left { 4% { transform: rotateZ(90deg); } 10%, 40% { transform: rotateZ(0deg); } 46%, 54% { transform: rotateZ(90deg); } 60%, 90% { transform: rotateZ(0deg); } 96% { transform: rotateZ(90deg); } } @keyframes left { 4% { transform: rotateZ(90deg); } 10%, 40% { transform: rotateZ(0deg); } 46%, 54% { transform: rotateZ(90deg); } 60%, 90% { transform: rotateZ(0deg); } 96% { transform: rotateZ(90deg); } } @-webkit-keyframes right { 4% { transform: rotateZ(-90deg); } 10%, 40% { transform: rotateZ(0deg); } 46%, 54% { transform: rotateZ(-90deg); } 60%, 90% { transform: rotateZ(0deg); } 96% { transform: rotateZ(-90deg); } } @keyframes right { 4% { transform: rotateZ(-90deg); } 10%, 40% { transform: rotateZ(0deg); } 46%, 54% { transform: rotateZ(-90deg); } 60%, 90% { transform: rotateZ(0deg); } 96% { transform: rotateZ(-90deg); } } @-webkit-keyframes book { 4% { transform: rotateZ(-90deg); } 10%, 40% { transform: rotateZ(0deg); transform-origin: 2px 2px; } 40.01%, 59.99% { transform-origin: 30px 2px; } 46%, 54% { transform: rotateZ(90deg); } 60%, 90% { transform: rotateZ(0deg); transform-origin: 2px 2px; } 96% { transform: rotateZ(-90deg); } } @keyframes book { 4% { transform: rotateZ(-90deg); } 10%, 40% { transform: rotateZ(0deg); transform-origin: 2px 2px; } 40.01%, 59.99% { transform-origin: 30px 2px; } 46%, 54% { transform: rotateZ(90deg); } 60%, 90% { transform: rotateZ(0deg); transform-origin: 2px 2px; } 96% { transform: rotateZ(-90deg); } } html { box-sizing: border-box; -webkit-font-smoothing: antialiased; } * { box-sizing: inherit; } *:before, *:after { box-sizing: inherit; } @media (max-width:1024px) { .book { width: 10px; height: 4px; } .book .inner { width: 10px; height: 4px; } .book .inner .left { right: 7px; transform-origin: 33px 2px; } .book .inner .right { right: 7px; } .book .inner .left, .book .inner .right { width: 34px; } .book ul li { width: 25px; } .book .inner .left:before, .book .inner .right:before { width: 30px; } .book ul li { right: -8px; } } /* default theme loader start */ /* .preloader .animation-preloader .spinner { animation: spinner 1s infinite linear; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.2); border-top-color: var(--theme); height: 9em; margin: 0 auto 3.5em auto; width: 9em; border: 4px solid #fff; border-top: 4px solid #f39c12; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto; } @media (max-width: 767px) { .preloader .animation-preloader .spinner { width: 7.5em; height: 7.5em; margin: 0 auto 1.5em auto; } } .preloader .animation-preloader .txt-loading { font: bold 5em "Inter", sans-serif, "Inter", sans-serif; text-align: center; user-select: none; } @media (max-width: 767px) { .preloader .animation-preloader .txt-loading { font-size: 2.5em; } } .preloader .animation-preloader .txt-loading .letters-loading { color: var(--theme); position: relative; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.4s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.6s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.8s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s; } .preloader .animation-preloader .txt-loading .letters-loading::before { animation: letters-loading 4s infinite; color: var(--header); content: attr(data-text-preloader); left: 0; opacity: 0; font-family: "Inter", sans-serif; position: absolute; top: -3px; transform: rotateY(-90deg); } .preloader p { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 8px; color: var(--theme); } .preloader .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; pointer-events: none; } .preloader .loader .row { height: 100%; } .preloader .loader .loader-section { padding: 0px; } .preloader .loader .loader-section .bg { background-color: #fff; height: 100%; left: 0; width: 100%; transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); } .preloader.loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .preloader.loaded .loader-section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); } /* default theme loader end */ .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 999999; background-color: rgba(255, 255, 255, 0.9); } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-cell { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .search-wrap .search-field-holder { width: 50%; margin: auto; position: relative; animation: slideInUp 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-wrap .search-field-holder { width: 70%; } } @media (max-width: 575px) { .search-wrap .search-field-holder { width: 80%; } } .search-wrap .main-search-input { width: 100%; height: 70px; border: 0; padding: 0 50px; text-transform: capitalize; background: transparent; font-size: 25px; color: var(--header); border-bottom: 2px solid var(--header); text-align: center; letter-spacing: 2px; } @media (max-width: 575px) { .search-wrap .main-search-input { height: 50px; padding: 0 0; line-height: 50px; font-size: 18px; } } .search-wrap input.form-control, .search-wrap input.form-control:focus { background-color: var(--header); } input.main-search-input::placeholder { color: var(--header); opacity: 1; font-size: 25px; } @media (max-width: 575px) { input.main-search-input::placeholder { font-size: 18px; } } .search-close { position: absolute; top: 50px; right: 50px; font-size: 30px; color: var(--theme); cursor: pointer; } .mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; } @media (max-width: 767px) { .mouse-cursor { display: none; } } .cursor-inner { width: 6px; height: 6px; z-index: 10000001; background-color: var(--theme); -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .cursor-inner.cursor-hover { margin-left: -35px; margin-top: -35px; width: 70px; height: 70px; background-color: var(--theme); opacity: 0.3; } .cursor-outer { margin-left: -12px; margin-top: -12px; width: 30px; height: 30px; border: 1px solid var(--theme); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: 0.5; -webkit-transition: all 0.08s ease-out; -o-transition: all 0.08s ease-out; transition: all 0.08s ease-out; } .cursor-outer.cursor-hover { opacity: 0; } .scroll-up { cursor: pointer; display: block; border-radius: 50px; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); position: fixed; right: 25px; bottom: 35px; height: 50px; width: 50px; transition: all 0.4s ease-in-out; } .scroll-up::after { position: absolute; font-family: "Font Awesome 5 Pro"; content: "\f325"; text-align: center; line-height: 50px; font-weight: 700; font-size: 18px; color: var(--theme2); left: 0; top: 0; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; transition: all 0.4s ease-in-out; } .scroll-up svg path { fill: none; } .scroll-up svg.scroll-circle path { stroke: var(--theme2); stroke-width: 4px; box-sizing: border-box; transition: all 0.4s ease-in-out; } .scroll-up.active-scroll { opacity: 1; visibility: visible; transform: translateY(0); } .section-title { position: relative; z-index: 99; margin-bottom: 30px; margin-top: -6px; } @media (max-width: 767px) { .section-title { margin-bottom: 0; } } .section-title span { color: var(--theme); margin-bottom: 10px; display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.11em; } .section-title span.color-style { color: var(--theme); } .section-title h2 { text-transform: capitalize; } .section-title.style-2 span { color: var(--theme2); text-decoration: none; letter-spacing: 0; } .section-title.style-2 h2 { text-transform: uppercase; } .section-title.style-2 h2 span { color: var(--theme2); letter-spacing: 0; text-decoration: none; } .title-section-area { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .title-section-area { flex-wrap: wrap; gap: 0; text-align: center; justify-content: center; } } @media (max-width: 767px) { .title-section-area { gap: 20px; } } .center { text-align: center; margin: 0 auto; } .section-bg { background-color: var(--bg); } .section-bg-2 { background-color: var(--bg5); } .section-bg-3 { background-color: var(--bg6); } .section-bg-4 { background-color: var(--bg7); } .section-bg-5 { background-color: #191919; } .footer-bg { background-color: var(--bg4); } .section-padding { padding: 200px 0px 150px 0px; } @media (max-width: 1024px) { .section-padding { padding: 150px 0px 100px 0px; } } @media (max-width: 767px) { .section-padding { padding: 130px 0px 80px 0px; } } @-webkit-keyframes rippleOne { 70% { -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } @keyframes rippleOne { 70% { -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes moveCursor1 { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes moveCursor1 { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes moveCursor2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes moveCursor2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes cir36 { 100% { transform: rotate(360deg); } } @keyframes rounded { 50% { transform: rotate(15deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animation__rotate { animation: rotate 40s linear infinite; } @keyframes rotateY { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .animation__rotateY { animation: rotateY 40s linear infinite; } @keyframes rounded { 50% { transform: rotate(30deg); } } @keyframes handed { 100% { transform: rotate(-360deg); } } @keyframes right-image-bounce { 0% { transform: translateX(8px); } 50% { transform: translateX(-12px); } 100% { transform: translateX(8px); } } @keyframes top-image-bounce { 0% { transform: translateY(8px); } 50% { transform: translateY(-12px); } 100% { transform: translateY(8px); } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes tpswing { 0% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { transform: translateY(-30px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-30px); } } @keyframes float-bob-y { 0% { transform: translateY(-30px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(0px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes bounce-x { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounce-x { -webkit-animation: bounce-x 7s infinite linear; animation: bounce-x 7s infinite linear; } @-webkit-keyframes video-animation { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } } @keyframes video-animation { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } } .header-top-section { background-color: var(--bg4); padding: 10px 0; position: relative; z-index: 9; } @media (max-width: 991px) { .header-top-section { display: none; } } .header-top-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); z-index: -1; left: 73%; } @media (max-width: 1899px) { .header-top-section::before { display: none; } } .header-top-section-2 { background-color: var(--bg7); } @media (max-width: 1199px) { .header-top-section-2 { display: none; } } .header-top-section-3 { background-color: #f1f5ff; } @media (max-width: 1199px) { .header-top-section-3 { display: none; } } .header-top-section-3 .container-fluid { padding: 0 100px; } @media (max-width: 1399px) { .header-top-section-3 .container-fluid { padding: 0; } } .header-top-wrapper { display: flex; align-items: center; justify-content: space-between; } .header-top-wrapper .contact-list { display: flex; align-items: center; gap: 25px; } .header-top-wrapper .contact-list li { font-size: 15px; color: var(--text2); } .header-top-wrapper .contact-list li a { color: var(--text2); } .header-top-wrapper .contact-list li i { color: var(--theme); margin-right: 10px; } .header-top-wrapper .top-right { display: flex; align-items: center; gap: 65px; } .header-top-wrapper .top-right .social-icon { gap: 15px; } .header-top-wrapper .top-right .social-icon a { color: var(--text2); } .header-top-wrapper .top-right .social-icon a:hover { color: var(--theme); } .header-top-wrapper .top-right .header-menu { display: flex; align-items: center; gap: 20px; } .header-top-wrapper .top-right .header-menu li a { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline-block; transition: all 0.4s ease-in-out; } .header-top-wrapper .top-right .header-menu li a:hover { background-size: 100% 1px; } @media (max-width: 1899px) { .header-top-wrapper .top-right .header-menu li a { color: var(--text2); background-image: linear-gradient(var(--text2), var(--text2)); } } .header-top-wrapper.style-2 .contact-list { display: initial; } .header-top-wrapper.style-2 .contact-list li { color: var(--header); font-weight: 500; } .header-top-wrapper.style-2 .contact-list li .line-none { text-decoration: none !important; } .header-top-wrapper.style-2 .top-left { display: flex; align-items: center; gap: 30px; } .header-top-wrapper.style-2 .flag-wrap { position: relative; width: 160px; } .header-top-wrapper.style-2 .flag-wrap .nice-select { padding: 10px 7px 10px 55px; background: transparent; border: none; text-align: center; margin: 0 auto; position: relative; z-index: 999; } .header-top-wrapper.style-2 .flag-wrap .nice-select span { font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--header); } .header-top-wrapper.style-2 .flag-wrap .flag { position: absolute; top: 9px; left: 15px; z-index: 1; } @media (max-width: 767px) { .header-top-wrapper.style-2 .flag-wrap .flag { display: none; } } .header-top-wrapper.style-2 .flag-wrap .flag img { width: 100%; height: 100%; border: 4px solid var(--white); border-radius: 50%; } .header-top-wrapper.style-2 .top-right { gap: 35px; } .header-top-wrapper.style-2 .top-right .header-menu { padding: 15px 25px; background-color: var(--theme); } @media (max-width: 1899px) { .header-top-wrapper.style-2 .top-right .header-menu li a { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); } } .header-top-wrapper.style-2 .top-right .social-icon { gap: 20px; } .header-top-wrapper.style-2 .top-right .social-icon a { color: var(--header); } .header-top-wrapper.style-2 .top-right .social-icon a:hover { color: var(--theme); } .header-top-wrapper.style-3 .top-left { display: initial; } .header-top-wrapper.style-3 .top-left .contact-list { display: flex; align-items: center; gap: 25px; } @media (max-width: 1600px) { .header-top-wrapper.style-3 .top-left .contact-list { gap: 10px; } } .header-top-wrapper.style-3 .top-left .contact-list li { font-size: 15px; color: var(--header); font-weight: 500; } @media (max-width: 1600px) { .header-top-wrapper.style-3 .top-left .contact-list li { font-size: 14px; } } .header-top-wrapper.style-3 .top-left .contact-list li:not(:last-child) { border-right: 1px solid var(--border2); padding-right: 20px; } @media (max-width: 1600px) { .header-top-wrapper.style-3 .top-left .contact-list li:not(:last-child) { padding-right: 10px; } } .header-top-wrapper.style-3 .top-left .contact-list li span { font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; background-color: var(--theme2); padding: 5px 10px; color: var(--white); margin-right: 10px; } .header-top-wrapper.style-3 .top-left .contact-list li a { text-decoration: underline; color: var(--header); } .header-top-wrapper.style-3 .top-left .contact-list li a:hover { color: var(--theme2); } .header-top-wrapper.style-3 .top-left .contact-list li i { color: var(--theme2); margin-right: 10px; } .header-top-wrapper.style-3 .top-right { gap: 5px; } .header-top-wrapper.style-3 .top-right .nice-select.style-2 { background: transparent; border: none; text-align: center; margin: 0 auto; position: relative; z-index: 999; padding: 0 30px; } .header-top-wrapper.style-3 .top-right .social-icon { background-color: var(--theme2); padding: 18px 25px; } .header-top-wrapper.style-3 .top-right .social-icon a { color: var(--white); } .header-top-wrapper.color-style .top-left { display: initial; } .header-top-wrapper.color-style .top-left .contact-list li span { background-color: var(--theme); } .header-top-wrapper.color-style .top-left .contact-list li a:hover { color: var(--theme); } .header-top-wrapper.color-style .top-left .contact-list li i { color: var(--theme); } .header-top-wrapper.color-style .top-right .social-icon { background-color: var(--theme); } .header-top-4 { position: relative; background-color: var(--black); padding: 15px 0; z-index: 9; } @media (max-width: 991px) { .header-top-4 { display: none; } } .header-top-4::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme2); width: 40%; z-index: -1; clip-path: polygon(0 0, 96% 0, 100% 99%, 0% 100%); } .header-top-4 .container-fluid { padding: 0 100px; } @media (max-width: 1199px) { .header-top-4 .container-fluid { padding: 0 20px; } } .header-top-wrapper-4 { display: flex; align-items: center; justify-content: space-between; } .header-top-wrapper-4 .header-top-left p { color: var(--white); } .header-top-wrapper-4 .header-top-right { display: flex; align-items: center; gap: 40px; } .header-top-wrapper-4 .header-top-right .contact-list { display: flex; align-items: center; gap: 40px; } .header-top-wrapper-4 .header-top-right .contact-list li a { color: var(--white); } .header-top-wrapper-4 .header-top-right .contact-list li i { margin-right: 5px; color: var(--white); } .header-top-wrapper-4 .header-top-right .social-icon { gap: 15px; } .header-top-wrapper-4 .header-top-right .social-icon i { color: var(--white); } .header-section-1 { position: relative; background-color: var(--white); box-shadow: var(---box-shadow); z-index: 999; } .header-section-1::before { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 110px; content: ""; background-color: var(--theme); z-index: -1; } @media (max-width: 1899px) { .header-section-1::before { display: none !important; } } .header-section-2 { position: relative; } .header-section-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg5); z-index: -1; top: 50%; } @media (max-width: 991px) { .menu-thumb { display: none !important; } } .header-main { display: flex; align-items: center; justify-content: space-between; /* max-width: 1200px; */ } .header-main .header-left { padding: 28px 0; } @media (max-width: 991px) { .header-main { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 767px) { .header-main { padding: 12px 0px; } } .header-leri { display: flex; gap: 60px; } @media (max-width: 1199px) { .header-leri { gap: 45px; } } @media (max-width: 1060px) { .header-leri { gap: 30px; } } .header-main .main-menu ul { margin-bottom: 0; } .header-main .main-menu ul li { position: relative; list-style: none; display: inline-block; /* margin-inline-end: 60px; */ } .header-main .main-menu ul li:last-child { margin-inline-end: 0; } .header-main .main-menu ul li a:before { /* position: absolute; top: 38px; left: -25px; width: 20px; height: 6px; content: ""; border-radius: 30px; transition: all 0.9s ease-in-out; opacity: 0; visibility: hidden; */ } .header-main .main-menu ul li a::before { /* background-color: var(--body); */ } .header-main .main-menu ul li a:hover:before { /* opacity: 1; visibility: visible; */ } .header-main .main-menu ul li a { display: inline-block; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--white); text-align: right; text-transform: capitalize; transition: all 0.4s ease-in-out; } .header-main .main-menu ul li a i { font-size: 15px; font-weight: 600; margin-left: 5px; } .header-main .main-menu ul li a:hover { color: var(--theme) !important; /* padding-left: 5px; */ } .header-main .main-menu ul li .sub-menu { position: absolute; top: 216%; inset-inline-start: 0; min-width: 240px; background: var(--theme2); z-index: 99999; visibility: hidden; opacity: 0; transform-origin: top center; color: var(--header); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transform: translateY(10px); transition: all 0.4s ease-in-out; } .header-main .main-menu ul li .sub-menu li { display: block; width: 100%; margin: 0; padding: 0; } .header-main .main-menu ul li .sub-menu li a:before { /* position: absolute; top: 25px; left: 7px; width: 20px; height: 6px; content: ""; border-radius: 30px; transition: all 0.9s ease-in-out; opacity: 0; visibility: hidden; */ } .header-main .main-menu ul li .sub-menu li a::before { /* background-color: var(--body); */ } .header-main .main-menu ul li .sub-menu li a:hover:before { /* opacity: 1; visibility: visible; */ } .header-main .main-menu ul li .sub-menu li a { position: relative; z-index: 11; font-size: 16px; font-weight: 400; line-height: 13px; background-color: var(--black); color: var(--white); padding: 0 25px; padding-bottom: 20px; padding-top: 20px; width: 100%; border-bottom: 0.5px solid var(--white); } .header-main .main-menu ul li .sub-menu li a:hover { /* padding-left: 28px; */ } .header-main .main-menu ul li .sub-menu li:last-child a { border: none; } .header-main .main-menu ul li .sub-menu li .sub-menu { inset-inline-start: 100%; top: 0; visibility: hidden; opacity: 0; } .header-main .main-menu ul li .sub-menu li:hover > a { background: var(--theme); color: var(--white) !important; } .header-main .main-menu ul li .sub-menu li:hover > a::after { color: var(--theme); } .header-main .main-menu ul li .sub-menu li:hover > .sub-menu { -webkit-transform: translateY(1); -moz-transform: translateY(1); -ms-transform: translateY(1); -o-transform: translateY(1); transform: translateY(1); visibility: visible; opacity: 1; } .header-main .main-menu ul li .sub-menu li.has-dropdown > a::after { position: absolute; top: 50%; inset-inline-end: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: var(--theme); } .header-main .main-menu ul li .has-home-menu { width: 1000px; padding: 30px 30px 10px 30px; opacity: 0; left: -250px; visibility: hidden; padding: 30px 30px 10px 30px; } .header-main .main-menu ul li .has-home-menu .home-menu { position: relative; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb { position: relative; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; gap: 10px; display: flex; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; margin-top: 20px; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn { padding: 14px 20px; color: var(--white) !important; width: initial; font-size: 14px; text-align: center; border-radius: 0px !important; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover { color: var(--white) !important; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover::before, .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb .demo-button .theme-btn:hover::after { border-radius: 0px; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb::before { background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, var(--theme2) 100%); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease-in-out; content: ""; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover::before { visibility: visible; opacity: 1; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb:hover.home-menu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%); } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-thumb img { width: 100%; } .header-main .main-menu ul li .has-home-menu .home-menu .home-menu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 16px; } .header-main .main-menu ul li:hover > a { color: var(--theme); } .header-main .main-menu ul li:hover > a::after { color: var(--theme); } .header-main .main-menu ul li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0px); } .container-fluid { /* max-width: 1220px; */ } .header-1 .container-fluid { padding: 0 50px; } @media (max-width: 470px) { .header-1 .container-fluid { padding: 0 15px; } } @media (max-width: 1199px) { .header-1 .mega-menu-wrapper .header-main { gap: 20px; } } .header-1 .mega-menu-wrapper .header-main .header-left { display: flex; align-items: center; gap: 180px; } @media (max-width: 1899px) { .header-1 .mega-menu-wrapper .header-main .header-left { gap: 100px; } } @media (max-width: 1399px) { .header-1 .mega-menu-wrapper .header-main .header-left { gap: 90px; } } @media (max-width: 1199px) { .header-1 .mega-menu-wrapper .header-main .header-left { gap: 60px; } } .header-1 .mega-menu-wrapper .header-main .header-right { gap: 90px; } @media (max-width: 1899px) { .header-1 .mega-menu-wrapper .header-main .header-right { gap: 30px; } } @media (max-width: 1399px) { .header-1 .mega-menu-wrapper .header-main .header-right { gap: 50px; } } @media (max-width: 1199px) { .header-1 .mega-menu-wrapper .header-main .header-right { gap: 40px; } } .header-1 .mega-menu-wrapper .header-main .header-right .contact-info { display: flex; align-items: center; gap: 20px; } @media (max-width: 1399px) { .header-1 .mega-menu-wrapper .header-main .header-right .contact-info { display: none !important; } } .header-1 .mega-menu-wrapper .header-main .header-right .contact-info .content p { text-transform: uppercase; } .header-1 .mega-menu-wrapper .header-main .header-right .contact-info .content h6 { font-size: 16px; } @media (max-width: 1199px) { .header-1 .mega-menu-wrapper .header-main .header-right .header-button { display: none !important; } } .header-1 .mega-menu-wrapper .header-main .header-right .search-icon { color: var(--white); } @media (max-width: 1899px) { .header-1 .mega-menu-wrapper .header-main .header-right .search-icon { color: var(--theme); } } @media (max-width: 991px) { .header-1 .mega-menu-wrapper .header-main .header-right .search-icon { display: none !important; } } .header-1 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle { color: var(--theme); } .header-2 .container-fluid { padding: 0 100px; } @media (max-width: 1199px) { .header-2 .container-fluid { padding: 20px 20px; } } @media (max-width: 1899px) { .header-2 .header-main .main-menu ul li .has-homemenu { left: -250px; } } @media (max-width: 1199px) { .header-2 .header-main .main-menu ul li a { padding: 12px 0; } } .header-2 .header-main .header-right { gap: 40px; } @media (max-width: 1199px) { .header-2 .header-main .header-right .header-button { display: none; } } /* @media (max-width: 1025px) { */ .header-3 .container-fluid { /* padding: 0 10px; */ } .header-3 { background-color: var(--black); border-bottom: 1px solid var(--theme); position: fixed; /* backdrop-filter: blur(30px); */ top: 0; z-index: 99; width: 100%; /* box-shadow: 0px 20px 20px #00000033; */ } /* } */ @media (min-width: 1200px) { /* .header-3 .container-fluid { } */ } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li a:hover { color: var(--theme) !important; } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .sub-menu li:hover > a { background: var(--white); color: var(--black) !important; } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .sub-menu li:hover > a::after { color: var(--theme2); } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li .sub-menu li.has-dropdown > a::after { color: var(--theme2); } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li:hover > a { color: var(--theme); } .header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li:hover > a::after { color: var(--theme); } .header-3 .mega-menu-wrapper .header-main .header-right { gap: 30px; } .header-3 .mega-menu-wrapper .header-main .header-right .header-button { line-height: 0; } @media (max-width: 991px) { .header-3 .mega-menu-wrapper .header-main .header-right .header-button { display: none; } } .header-3 .mega-menu-wrapper /* .header-main */ .header-right .header__hamburger .sidebar__toggle { color: var(--header); } .header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span { background: var(--header); } .header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:first-child { background: var(--white); } .header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:nth-child(2) { background: var(--white); } .header-3 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle .header-bar span:last-child { background: var(--white); } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li a:hover { color: var(--theme) !important; } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .sub-menu li:hover > a { background: var(--theme); color: var(--white) !important; } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .sub-menu li:hover > a::after { color: var(--theme); } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li .sub-menu li.has-dropdown > a::after { color: var(--theme); } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li:hover > a { color: var(--theme); } .header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li:hover > a::after { color: var(--theme); } @media (max-width: 991px) { .header-left { display: none; } } .header-4 { position: absolute; z-index: 99; overflow-x: clip; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(150, 150, 150, 0.2784313725); } .header-4 .container-fluid { padding: 0 50px; } @media (max-width: 470px) { .header-4 .container-fluid { padding: 0 15px; } } @media (max-width: 1199px) { .header-4 .mega-menu-wrapper .header-main { gap: 20px; } } .header-4 .mega-menu-wrapper .header-main .header-logo-2 { display: none; } @media (max-width: 1199px) { .header-4 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper .main-menu li { margin-inline-end: 20px; } } .header-4 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper .main-menu li a { color: var(--white); } .header-4 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper .main-menu li .sub-menu li a { color: var(--header); } .header-4 .mega-menu-wrapper .header-main .header-right { gap: 30px; } .header-4 .mega-menu-wrapper .header-main .header-right .search-icon { color: var(--white); } .header-4 .mega-menu-wrapper .header-main .header-right .cart-icon { color: var(--white); } @media (max-width: 1199px) { .header-4 .mega-menu-wrapper .header-main .header-right .cart-icon { display: none; } } .header-4 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle { color: var(--white); } .header-section-4 { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .header-section-4 .container-fluid { padding: 0 50px; } @media (max-width: 470px) { .header-section-4 .container-fluid { padding: 0 15px; } } .top-header-2 { padding: 15px 0; background-color: var(--theme); } .top-header-2 .top-header-items { display: flex; align-items: center; justify-content: space-between; } .top-header-2 .top-header-items .contact-list { display: flex; align-items: center; gap: 40px; } .top-header-2 .top-header-items .contact-list li { color: var(--white); } .top-header-2 .top-header-items .contact-list li a { color: var(--white); } .top-header-2 .top-header-items .contact-list li i { margin-right: 10px; color: var(--white); } .top-header-2 .top-header-items .header-right { display: flex; align-items: center; gap: 40px; } .top-header-2 .top-header-items .header-right .social-icon { display: flex; align-items: center; gap: 20px; } .top-header-2 .top-header-items .header-right .social-icon li a { color: var(--white); } .top-header-2 .top-header-items .header-right .support-list { gap: 30px; } .top-header-2 .top-header-items .header-right .support-list li { color: var(--white); } .sidebar__toggle { cursor: pointer; } .sidebar__toggle .header-bar { position: relative; width: 31px; height: 18px; } .sidebar__toggle .header-bar span { position: absolute; width: 100%; height: 2px; display: inline-block; transition: all 0.3s; left: 0; background: var(--white); overflow: hidden; } .sidebar__toggle .header-bar span:first-child { top: 0; background: var(--theme); left: 16px; width: 15px; } .sidebar__toggle .header-bar span:nth-child(2) { top: 44%; background: var(--theme); width: 30px; } .sidebar__toggle .header-bar span:last-child { bottom: 0; background: var(--theme); width: 15px; } .sidebar__toggle .header-bar.active span:first-child { transform: rotate(45deg) translate(3px, 9px); } .sidebar__toggle .header-bar.active span:nth-child(2) { opacity: 0; } .sidebar__toggle .header-bar.active span:last-child { transform: rotate(-45deg) translate(3px, -9px); } .sidebar__toggle .header-bar:hover { cursor: pointer; } .sticky { position: fixed !important; top: 0 !important; left: 0; width: 100%; z-index: 100; /* background-color: rgba(0, 0, 0, 0.5); */ backdrop-filter: blur(30px); /* box-shadow: var(---box-shadow); */ transition: all 0.9s; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; } .sticky.header-1 .mega-menu-wrapper .header-main .header-right .search-icon { color: var(--theme); } .sticky.header-1 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle { color: var(--theme); } .sticky.header-2 { background-color: var(--theme); } .sticky.header-2 .mega-menu-wrapper .header-main { padding: 0; } .sticky.header-2 .mega-menu-wrapper .header-main .logo { display: block; } .sticky.header-4 { border-bottom: none; } .sticky.header-4 .mega-menu-wrapper .header-main .header-logo-2 { display: block; } .sticky.header-4 .mega-menu-wrapper .header-main .header-logo { display: none; } .sticky.header-4 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper .main-menu li a { color: var(--header); } .sticky.header-4 .mega-menu-wrapper .header-main .header-left .mean__menu-wrapper .main-menu li .sub-menu li a { color: var(--header); } .sticky.header-4 .mega-menu-wrapper .header-main .header-right { gap: 30px; } .sticky.header-4 .mega-menu-wrapper .header-main .header-right .search-icon { color: var(--header); } .sticky.header-4 .mega-menu-wrapper .header-main .header-right .cart-icon { color: var(--header); } .sticky.header-4 .mega-menu-wrapper .header-main .header-right .header__hamburger .sidebar__toggle { color: var(--header); } @media (min-width: 992px) { .header__hamburger { display: none !important; } } .offcanvas__contact { display: none; } .offcanvas__logo a img { width: 180px; } .offcanvas__info { background: var(--black) none repeat scroll 0 0; border-left: 2px solid var(--white); backdrop-filter: blur(30px); position: fixed; right: 0; top: 0; width: 400px; height: 100%; -webkit-transform: translateX(calc(100% + 80px)); -moz-transform: translateX(calc(100% + 80px)); -ms-transform: translateX(calc(100% + 80px)); -o-transform: translateX(calc(100% + 80px)); transform: translateX(calc(100% + 80px)); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; z-index: 9999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; } .offcanvas__info::-webkit-scrollbar { display: none; } .offcanvas__info.info-open { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .offcanvas__wrapper { position: relative; height: 100%; padding: 30px 30px; } .offcanvas__wrapper .offcanvas__content .text { color: var(--white); } .offcanvas__wrapper .offcanvas__content .offcanvas__close { width: 40px; height: 40px; line-height: 42px; text-align: center; border-radius: 50%; background-color: var(--theme); position: relative; z-index: 9; cursor: pointer; } @media (max-width: 450px) { .offcanvas__wrapper .offcanvas__content .offcanvas__close { /* width: 47px; */ } } .offcanvas__wrapper .offcanvas__content .offcanvas__close i { color: var(--white); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact { margin-top: 50px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul { margin-top: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li { font-size: 16px; font-weight: 500; text-transform: capitalize; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) { margin-bottom: 15px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon { margin-right: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i { color: var(--theme); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn { width: 100%; padding: 20px 40px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon { margin-top: 30px; gap: 10px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a { width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--header); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; border: 1px solid var(--border); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover { background-color: var(--theme); color: var(--white); } .offcanvas__overlay { position: fixed; height: 100%; width: 100%; background: #151515; z-index: 900; top: 0; opacity: 0; visibility: hidden; right: 0; } .offcanvas__overlay.overlay-open { opacity: 0.8; visibility: visible; } @media (max-width: 450px) { .offcanvas__info { width: 300px; } } @media (max-width: 575px) { .offcanvas__wrapper { padding: 20px; } } .breadcrumb-wrapper { position: relative; overflow: hidden; z-index: 9; } .content-area .container { /* max-width: 1200px; */ } .allCtegories { /* padding: 20px 30px !important; */ } @media (max-width: 720px) { .allCtegories { /* padding: 20px 16px !important; */ } } .allCategoryContent { /* padding: 20px 30px !important; */ } @media (max-width: 720px) { .allCategoryContent { /* padding: 0px 16px 20px 16px !important; */ } } .content h6 { font-size: 22px; font-weight: 700; color: var(--black); } @media (max-width: 720px) { .breadcrumb-wrapper { padding-left: 10px; } } .breadcrumb-wrapper .container { max-width: 1300px; } @media (max-width: 1200px) { .breadcrumb-wrapper { padding-left: 0px; } } @media (min-width: 1200px) { .breadcrumb-wrapper { /* padding-left: 60px; */ } } .breadcrumb-wrapper::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2); /* border-bottom: 1px solid var(--body); */ /* background: linear-gradient(90deg, #16171A 6%, rgba(22, 23, 26, 0.2) 99.93%); */ z-index: -1; } .breadcrumb-wrapper .layer-shape { position: absolute; bottom: 0; left: 0; z-index: 1; } .breadcrumb-wrappe .container { max-width: 1224px; } @media (max-width: 991px) { .breadcrumb-wrapper .layer-shape { display: none; } } .breadcrumb-wrapper .layer-shape img { width: 100%; height: 100%; } .breadcrumb-wrapper .breadcrumb-shape { position: absolute; top: 0; right: 0; z-index: 1; } .breadcrumb-wrapper .breadcrumb-shape img { width: 100%; height: 100%; } @media (max-width: 991px) { .breadcrumb-wrapper .breadcrumb-shape { display: none; } } .breadcrumb-wrapper .page-heading { position: relative; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: space-between; z-index: 99; } @media (max-width: 991px) { .breadcrumb-wrapper .page-heading { flex-wrap: wrap; /* gap: 20px; */ justify-content: center; padding-left: 10px; } } .breadcrumb-wrapper .page-heading h1 { color: var(--white); font-size: 44px; position: relative; z-index: 9; line-height: 56px; font-weight: 600; } @media (max-width: 1199px) { .breadcrumb-wrapper .page-heading h1 { /* font-size: 50px; */ /* line-height: 56px; */ } } @media (max-width: 1024px) { .breadcrumb-wrapper .page-heading h1 { font-size: 32px; line-height: 42px; } } @media (max-width: 767px) { .breadcrumb-wrapper .page-heading h1 { font-size: 32px; line-height: 58px; } .breadcrumb-wrapper .page-heading { gap: 0; } } .breadcrumb-wrapper .page-heading .breadcrumb-items { display: flex; align-items: center; justify-content: center; gap: 10px; } .breadcrumb-wrapper .page-heading .breadcrumb-items li { font-size: 18px; color: var(--white); font-weight: 500; text-transform: capitalize; } @media (max-width: 575px) { .breadcrumb-wrapper .page-heading .breadcrumb-items li { font-size: 16px; } } .breadcrumb-wrapper .page-heading .breadcrumb-items li a { color: var(--theme); transition: all 0.4s ease-in-out; } .breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover { color: var(--theme); } .breadcrumb-wrapper .page-heading .breadcrumb-items li i { font-size: 18px; color: var(--theme); } @media (max-width: 575px) { .breadcrumb-wrapper .page-heading .breadcrumb-items li i { font-size: 16px; } } .error-content h2 { font-weight: 400; font-size: 32px; line-height: 48px; margin-bottom: 15px; color: var(--black); /* -webkit-text-fill-color: transparent; */ } .error-content a { color: var(--white); margin-top: 30px !important; } .error-content h3 { font-weight: 400; font-size: 18px; line-height: 26px; color: var(--black); } @media (max-width: 1024px) { .error-content h2 { font-size: 40px; line-height: 45px; } .error-content h3 { font-size: 18px; line-height: 32px; } } @media (max-width: 767px) { .error-content h2 { font-size: 30px; line-height: 36px; } .error-content h3 { font-size: 16px; line-height: 32px; } } .mean-container a.meanmenu-reveal { display: none; } .mean-container .mean-nav { background: none; margin-top: 0; } .mean-container .mean-bar { padding: 0; min-height: auto; background: none; } .mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container .mean-nav > ul .home-menu { position: relative; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb { position: relative; width: 280px; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; gap: 10px; display: flex; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button .theme-btn { padding: 10px 30px; color: var(--white) !important; width: initial; font-size: 14px; text-align: center; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb .demo-button .theme-btn:hover { color: var(--white) !important; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover::before { visibility: visible; opacity: 1; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; } .mean-container .mean-nav > ul .home-menu .home-menu-thumb:hover .home-menu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%); } .mean-container .mean-nav > ul .home-menu .home-menu-thumb img { width: 100%; } .mean-container .mean-nav > ul .home-menu .home-menu-content .home-menu-title { margin-top: 15px; display: inline-block; font-size: 16px; } .mean-container a.meanmenu-reveal { display: none !important; } .mean-container .mean-nav ul li a { width: 100%; padding: 20px 0; color: var(--white); font-size: 16px; line-height: 22px; font-weight: 400; border-top: 0.5px solid var(--white) !important; } .mean-container .mean-nav ul li a:hover { /* color: var(--theme2); */ } .mean-container .mean-nav ul li a:last-child { /* border-bottom: 0; */ } .mean-container .mean-nav ul li a:hover { color: var(--theme2); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 18px; padding: 0 !important; } .mean-container .mean-nav ul li > a > i { display: none; } .mean-container .mean-nav ul li > a.mean-expand i { display: inline-block; color: var(--white); } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0 !important; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked i { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all 0.4s ease-in-out; color: var(--white); } .mean-container .mean-nav ul li .mega-menu li a { height: 200px; width: 100%; padding: 0; border-top: 0; margin-bottom: 20px; } .hero-1 { position: relative; } .hero-1 .swiper-slide-active .hero-image { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); transform: scale(1.12); } .hero-1 .swiper-dot { position: absolute; bottom: 5%; left: 50%; z-index: 9; transform: translateX(-50%); } .hero-1 .swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; transition: 0.6s; background-color: var(--white); opacity: 1; border-radius: 10px; } .hero-1 .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 10px; } .hero-1 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--theme); transition: 0.6s; position: relative; } .hero-1 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before { position: absolute; width: 22px; height: 22px; line-height: 22px; top: -6px; left: -6px; border-radius: 50%; background-color: transparent; border: 2px solid var(--theme); content: ""; } .hero-1 .shape-image { position: absolute; top: 0; left: 0; z-index: 2; bottom: 0; } .hero-1 .shape-image img { width: 100%; height: 100%; } .hero-1 .shape-image-2 { position: absolute; top: -20%; right: 0; z-index: 9; } @media (max-width: 1199px) { .hero-1 .shape-image-2 { display: none; } } .hero-1 .hero-image { overflow: hidden; position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: -2; background-size: cover; transform: scale(1); -webkit-transition: all 8s ease-out 0s; -moz-transition: all 8s ease-out 0s; -ms-transition: all 8s ease-out 0s; -o-transition: all 8s ease-out 0s; transition: all 8s ease-out 0s; } .hero-1 .hero-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #16171a 0.06%, rgba(22, 23, 26, 0) 99.93%); z-index: -1; } .hero-1 .hero-content { padding: 180px 0 180px; position: relative; z-index: 9; } @media (max-width: 767px) { .hero-1 .hero-content { text-align: center; margin: 0 auto; padding: 130px 0 130px; } } .hero-1 .hero-content h6 { color: var(--theme); /* background-color: var(--theme); */ /* padding: 8px 20px; */ line-height: 14px; font-weight: 500; font-size: 20px; display: inline-block; /* letter-spacing: 1px; */ margin-bottom: 20px; } .hero-1 .hero-content h1 { color: var(--white); margin-bottom: 15px; font-weight: 700; font-size: 56px; line-height: 68px; } @media (max-width: 991px) { .hero-1 .hero-content h1 { /* font-size: 56px; */ } } @media (max-width: 767px) { .hero-1 .hero-content h1 { font-size: 43px; } } @media (max-width: 575px) { .hero-1 .hero-content h1 { font-size: 34px; } } .hero-1 .hero-content p { color: var(--white); font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: 40px; } .hero-2 { background-color: #16171a; position: relative; z-index: 9; } .hero-2 .hero-image { position: absolute; bottom: 0; right: 0; z-index: 1; } @media (max-width: 1899px) { .hero-2 .hero-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9 !important; } .hero-2 .hero-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #16171a 0.06%, rgba(22, 23, 26, 0) 99.93%); } .hero-2 .hero-image img { width: 100%; height: 100%; object-fit: cover; } } .hero-2 .hero-image img { max-width: 100%; } .hero-2 .dot-shape { position: absolute; top: 0; right: 600px; } .hero-2 .hero-content { padding: 175px 0; position: relative; z-index: 9; } @media (max-width: 767px) { .hero-2 .hero-content { text-align: center; margin: 0 auto; padding: 130px 0; } } .hero-2 .hero-content h1 { color: var(--white); font-size: 75px; margin-bottom: 30px; } @media (max-width: 1199px) { .hero-2 .hero-content h1 { font-size: 70px; } .hero-2 .hero-content h1 br { display: none; } } @media (max-width: 991px) { .hero-2 .hero-content h1 { font-size: 60px; } } @media (max-width: 767px) { .hero-2 .hero-content h1 { font-size: 48px; } } @media (max-width: 575px) { .hero-2 .hero-content h1 { font-size: 34px; } } .hero-2 .hero-content p { color: var(--white); font-weight: 500; } .hero-2 .hero-content .hero-button { display: flex; align-items: center; gap: 15px; margin-top: 50px; flex-wrap: wrap; } @media (max-width: 767px) { .hero-2 .hero-content .hero-button { justify-content: center; margin-top: 30px; } } .hero-2 .hero-content .hero-button .theme-btn.bg-white::before, .hero-2 .hero-content .hero-button .theme-btn.bg-white::after { background-color: var(--theme); } .hero-3 { position: relative; } @media (max-width: 767px) { .hero-3 .slider-button { display: none; } } @media (max-width: 996px) { .hero-content-inner h1 { /* font-size: 32px !important; */ } .hero-content-inner p { /* font-size: 16px !important; */ } .service-visa-items .service-visa-content p { font-size: 15px !important; } .service-visa-items .service-visa-content h3 { font-size: 20px !important; } } .hero-3 .slider-button .hero-nav-prev { font-size: 22px; color: var(--white); position: absolute; left: 2%; top: 50%; transform: translateY(-50%); z-index: 9; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.4s ease-in-out; /* background-color: var(--theme); */ border: 2px solid var(--white); opacity: 0.8; } .hero-3 .slider-button .hero-nav-prev:hover { background-color: var(--white); color: var(--theme); opacity: 1; } .hero-3 .slider-button .hero-nav-next { font-size: 22px; color: var(--white); position: absolute; right: 2%; top: 50%; transform: translateY(-50%); z-index: 9; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.4s ease-in-out; /* background-color: var(--white); */ border: 2px solid var(--white); opacity: 0.8; } .hero-3 .slider-button .hero-nav-next:hover { background-color: var(--white); color: var(--theme); opacity: 1; } .hero-3 .slide-bg { position: relative; padding: 180px 0 115px 0; background-color: var(--black); z-index: 3; } @media (max-width: 1199px) { .hero-3 .slide-bg { /* padding: 160px 0; */ } } @media (max-width: 1191px) { .hero-3 .slide-bg { /* padding: 120px 0; */ } } @media (max-width: 1024px) { .hero-3 .slide-bg { padding: 160px 0px 100px 0px; } } @media (max-width: 767px) { .hero-3 .slide-bg { padding: 130px 0px 90px 0px; } } .hero-3 .slide-bg::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; /* background: linear-gradient(90deg, #16171a 0.06%, rgba(22, 23, 26, 0) 99.93%); */ z-index: -1; } .slide-bg .container { /* max-width: 1246px; */ } .hero-3 .slide-bg .hero-content { position: relative; z-index: 9; text-align: center; display: flex; justify-content: space-between; /* padding: 0 50px; */ gap: 30px; } @media (max-width: 1024px) { .hero-3 .slide-bg .hero-content { padding: 0 0px; } .hero-3 .slide-bg .hero-content { gap: 20px; } } @media (max-width: 767px) { .hero-3 .slide-bg .hero-content { flex-direction: column; /* padding: 0 20px; */ align-items: center; } .hero-3 .slide-bg .hero-content { gap: 30px; } .hero-3 .slide-bg .hero-content .hero-image { /* margin-top: 50px; */ /* text-align: center; */ /* width: 160px; */ } } @media (max-width: 575px) { .hero-3 .slide-bg .hero-content { padding: 0; } } .hero-3 .slide-bg .hero-content-inner { align-self: center; text-align: right; width: 640px; } .hero-3 .slide-bg .sli-bg { /* width: 30%; */ /* text-align:right; */ } @media (max-width: 991px) { .hero-3 .slide-bg .hero-content br { display: none; } } .platform-icons { display: flex; flex-wrap: wrap; width: 896px; gap: 50px; justify-content: center; margin-top: 100px; align-items: center; padding: 40px 50px; border-radius: 50px 50px 0 0; background-color: var(--theme); } .platform { display: flex; flex-wrap: nowrap; /* flex-direction: column; */ align-items: center; color: var(--white); font-weight: 500; font-size: 18px; line-height: 12px; gap: 20px; text-align: start; } .platform img { height: 40px !important; width: 40px; /* margin-bottom: 6px; */ /* filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4)); */ } .platform-title { font-weight: 600; font-size: 18px; line-height: 12px; color: var(--white); } .platform-subtitle { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--white); display: block; margin-top: 10px; } @media (max-width: 944px) { .platform-icons { padding: 35px 30px; margin-top: 60px; width: 712px; gap: 20px; } .platform { gap: 15px; } .platform img { width: 30px; height: 30px !important; } .platform-title { font-size: 16px; line-height: 11px; } .platform-title { margin-top: 5px; } } @media (max-width: 767px) { .platform-icons { margin-top: 40px; padding: 25px 20px; column-gap: 20px; row-gap: 30px; width: 100%; } .platform img { width: 30px; height: 30px !important; } .platform { font-size: 16px; } } .hero-3 .slide-bg .hero-content .subtitle-icon h4 { font-weight: 600; color: var(--white); margin-bottom: 10px; font-size: 18px; line-height: 26px; display: inline-block; /* padding-left: 30px; */ } .hero-3 .slide-bg .hero-content .subtitle-icon::after { position: absolute; left: 0; /* top: 14px; */ width: 22px; height: 20px; opacity: 1; visibility: visible; /* content: url('../img/Vector.svg'); */ } @media (max-width: 1024px) { .hero-3 .slide-bg .hero-content h4 { /* margin-top: 30px; */ } .hero-3 .slide-bg .hero-content .subtitle-icon h4 { font-size: 16px; line-height: 24px; } } @media (max-width: 767px) { .hero-3 .slide-bg .hero-content h4 { margin-bottom: 15px; font-size: 18px; margin-bottom: 15px; line-height: 24px; } .hero-3 .slide-bg .hero-content .subtitle-icon h4 { font-size: 14px; line-height: 22px; margin-bottom: 6px; } .hero-3 .slide-bg .sli-bg { width: 100%; text-align: -webkit-center; } .hero-3 .slide-bg .hero-content-inner { width: 100%; } } @media (max-width: 575px) { .hero-3 .slide-bg .hero-content h4 { /* font-size: 12px; */ } } .hero-3 .slide-bg .hero-content h1 { color: var(--white); margin-bottom: 10px; font-weight: 600; font-size: 56px; line-height: 68px; } @media (max-width: 1024px) { .hero-3 .slide-bg .hero-content h1 { font-size: 40px; line-height: 52px; } } @media (max-width: 767px) { .hero-3 .slide-bg .hero-content h1 { font-size: 28px; line-height: 42px; margin-bottom: 6px; } } .hero-3 .slide-bg .hero-content p { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--white); } .hero-3 .slide-bg .hero-content .hero-button { display: flex; align-items: center; justify-content: start; gap: 40px; margin-top: 40px; } .hero-4 { position: relative; } .hero-4 .hero-image { padding: 180px 0px 0px 0px; position: relative; z-index: 9; background-color: var(--bg); background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1280px) { .hero-4 .hero-image { padding: 160px 0px 0px 0px; } } @media (max-width: 1024px) { .hero-4 .hero-image { padding: 160px 0px 0px 0px; } .hero-3 .slide-bg .hero-content .hero-button { margin-top: 30px; gap: 20px; } .hero-3 .slide-bg .hero-content p { font-size: 16px; line-height: 24px; } } @media (max-width: 767px) { .hero-4 .hero-image { padding: 100px 0px 0px 0px; } .hero-3 .slide-bg .hero-content .hero-button { margin-top: 25px; gap: 15px; } .hero-3 .slide-bg .hero-content p { font-size: 14px; line-height: 22px; } } .hero-4 .hero-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; /* background-color: rgba(18, 19, 21, 0.5); */ z-index: -1; } .hero-4 .hero-image .hero-content h2 { font-weight: 560; color: var(--theme); margin-bottom: 20px; font-size: 18px; line-height: 12px; } .hero-4 .hero-image .hero-content .subtttile::after { /* position: absolute; left: 0; width: 22px; height: 20px; opacity: 1; visibility: visible; content: url('../img/Vector.svg'); */ } .hero-4 .hero-image .hero-content .mainHead { margin-bottom: 30px; } .hero-4 .hero-image .hero-content h1 { color: var(--white); /* margin-bottom: 20px; */ font-weight: 700; font-size: 56px; line-height: 68px; } .hero-4 .hero-image .hero-content p { font-weight: 400; font-size: 18px; line-height: 26px; color: var(--white); } @media (max-width: 1199px) { .hero-4 .hero-image .hero-content h1 { /* font-size: 80px; */ } } @media (max-width: 1024px) { .hero-4 .hero-image .hero-content h1 { font-size: 44px; line-height: 54px; } .hero-4 .hero-image .hero-content h2 { /* font-size: 16px; */ margin-bottom: 20px; } .hero-4 .hero-image .hero-content p { font-size: 16px; line-height: 24px; } .hero-4 .hero-image .hero-content .mainHead { margin-bottom: 25px; } } @media (max-width: 767px) { .hero-4 .hero-image .hero-content h1 { /* font-size: 48px; */ /* line-height: 58px; */ } .hero-4 .hero-image .hero-content h2 { /* font-size: 16px; */ margin-bottom: 15px; } .hero-4 .hero-image .hero-content p { font-size: 14px; line-height: 22px; } } @media (max-width: 575px) { .hero-4 .hero-image .hero-content h1 { font-size: 29px; line-height: 41px; } .hero-4 .hero-image .hero-content .mainHead { margin-bottom: 15px; } } .hero-4 .hero-image .hero-content h1 span { font-weight: 700; } .hero-4 .hero-image .hero-content .hero-button { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 45px; } .hero-4 .hero-image .hero-content .hero-button .all-btn { /* text-transform: uppercase; */ } .all-btn { padding: 10px 22px; font-size: 18px; line-height: 26px; font-weight: 600; color: var(--black); background-color: var(--white); border-radius: 0px; } @media (max-width: 1024px) { .all-btn { padding: 14px 12px; font-size: 16px; line-height: 11px; } .hero-4 .hero-image .hero-content .hero-button { margin-top: 30px; } } @media (max-width: 767px) { .all-btn { padding: 12px 20px; font-size: 14px; line-height: 10px; } .hero-4 .hero-image .hero-content .hero-button { margin-top: 20px; } } .all-btn:hover { /* background-color: var(--theme); color: var(--white); */ transition: all 0.9s; } .main_heropart { display: flex; justify-content: center; text-align: center; margin: 0 auto; flex-wrap: wrap; } .main_heropart .hero-content { width: 555px; } @media (max-width: 767px) { .hero-4 .hero-image .hero-content .hero-button { margin-top: 20px; flex-wrap: wrap; } } .hero-3 .slide-dots { display: flex; justify-content: center; align-items: center; gap: 10px; position: absolute; bottom: 50px; left: 0; right: 0; } .hero-3 .slide-dots li button { text-indent: -9999px; border-radius: 3px; width: 20px; height: 10px; background-color: var(--white); transition: all 0.3s ease-in-out; } .hero-3 .slide-dots li.slick-active button { background-color: var(--theme); width: 40px; } .slick-dots { /* position: absolute; bottom: 10%; left: 50%; display: flex; gap: 20px; */ } .hero-3 .array-button-2 { display: flex; align-items: center; width: 100%; gap: 50px; justify-content: start; position: absolute; /* right: 0; */ bottom: 7%; /* top: 0; */ left: 27px; z-index: 9; /* padding: 0 10px; */ } @media (min-width: 1321px) { .hero-3 .array-button-2 { left: 80px; } } .hero-3 .array-button-2 .hero-nav-prev { /* width: 50px; */ /* height: 50px; */ /* line-height: 46px; */ /* border-radius: 50%; */ background-color: transparent; color: var(--theme); font-size: 30px; /* border: 3px solid var(--theme); */ transition: all 0.7s ease-in-out; } .hero-3 .array-button-2 .hero-nav-prev:hover { /* border: 3px solid var(--theme2); */ color: var(--theme2); } .hero-3 .array-button-2 .hero-nav-next { /* width: 50px; */ /* height: 50px; */ /* line-height: 46px; */ /* border-radius: 50%; */ background-color: transparent; color: var(--theme); font-size: 30px; /* border: 3px solid var(--theme); */ transition: all 0.7s ease-in-out; } .hero-3 .array-button-2 .hero-nav-next:hover { /* border: 3px solid var(--theme2); */ color: var(--theme2); } @media (max-width: 1024px) { .hero-3 .array-button-2 { gap: 30px; bottom: 6%; /* justify-content: center; */ /* margin-top: 30px; */ } .hero-3 .array-button-2 .hero-nav-next { /* width: 42px; height: 42px; line-height: 36px; */ } .hero-3 .array-button-2 .hero-nav-prev { /* width: 42px; height: 42px; line-height: 36px; */ } .hero-3 .slide-dots { bottom: 35px; } } @media (max-width: 767px) { .hero-3 .array-button-2 { gap: 25px; bottom: 2%; left: 0; right: 0; justify-content: center; } .hero-3 .array-button-2 .hero-nav-prev { /* width: 40px; height: 40px; line-height: 32px; */ font-size: 20px; } .hero-3 .array-button-2 .hero-nav-next { /* width: 40px; height: 40px; line-height: 32px; */ font-size: 20px; } } .hero-4 .array-button-2 { display: flex; align-items: center; width: 100%; padding: 0px 16px; justify-content: space-between; gap: 40px; position: absolute; right: 0; bottom: 0; left: 0; top: 0; z-index: 9; } .hero-4 .array-button-2 .array-prev { width: 36px; height: 36px; line-height: 32px; border-radius: 110px; color: var(--theme); background-color: var(--white); font-size: 15px; font-weight: 400; border: 1px solid var(--theme); transition: all 0.9s ease-in-out; } .hero-4 .array-button-2 .array-prev:hover { background-color: var(--theme); color: var(--white); } .hero-4 .array-button-2 .array-next { width: 36px; height: 36px; line-height: 32px; border-radius: 110px; color: var(--theme); font-size: 15px; font-weight: 400; background-color: var(--white); border: 1px solid var(--theme); transition: all 0.9s ease-in-out; } .hero-4 .array-button-2 .array-next:hover { background-color: var(--theme); color: var(--white); } @media (max-width: 1024px) { .hero-4 .array-button-2 { gap: 25px; bottom: 30px; } .hero-4 .array-button-2 .array-next { /* width: 42px; */ /* height: 42px; */ /* line-height: 36px; */ /* padding-right: 10px; */ } .hero-4 .array-button-2 .array-prev { /* width: 42px; */ /* height: 42px; */ /* line-height: 36px; */ /* padding-right: 10px; */ } } @media (max-width: 767px) { .hero-4 .array-button-2 { display: none; } .hero-3 .slide-dots { bottom: 26px; } .hero-4 .array-button-2 .array-next { font-size: 18px; padding-right: 0; } .hero-4 .array-button-2 .array-prev { font-size: 18px; padding-left: 0; } } .hero-4 .swiper-dot { position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); z-index: 9; } .hero-4 .swiper-dot { text-align: center; } .hero-4 .swiper-dot .swiper-pagination-bullet { width: 15px; height: 15px; transition: 0.6s; background-color: var(--theme); opacity: 1; border-radius: 60px; position: relative; } .hero-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 15px; height: 15px; transition: 0.6s; position: relative; outline: 3px solid var(--border); } @media (max-width: 768px) { .hero-4 .swiper-dot .swiper-pagination-bullet { width: 12px; height: 12px; transition: 0.6s; background-color: var(--theme); opacity: 1; border-radius: 60px; position: relative; } } @media (max-width: 768px) { .hero-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px; transition: 0.6s; position: relative; outline: 3px solid var(--border); } } .feature-icon-box-wrapper { padding: 80px 50px; background-color: var(--white); box-shadow: var(---box-shadow); position: relative; z-index: 9; margin-top: -120px; } @media (max-width: 575px) { .feature-icon-box-wrapper { padding: 50px 30px; } } .feature-icon-box-wrapper .icon-box-items { display: flex; align-items: center; gap: 30px; position: relative; } .feature-icon-box-wrapper .icon-box-items::before { position: absolute; bottom: -75%; left: 0; height: 2px; width: 100%; content: ""; background: var(--theme); transition: 0.3s; opacity: 0; } @media (max-width: 1399px) { .feature-icon-box-wrapper .icon-box-items::before { display: none; } } @media (max-width: 575px) { .feature-icon-box-wrapper .icon-box-items { flex-wrap: wrap; gap: 20px; justify-content: center; } } .feature-icon-box-wrapper .icon-box-items .icon { font-size: 42px; width: 107px; height: 107px; line-height: 115px; border-radius: 50%; text-align: center; background-color: var(--bg3); color: var(--theme); } @media (max-width: 575px) { .feature-icon-box-wrapper .icon-box-items .icon { width: 80px; height: 80px; line-height: 90px; font-size: 32px; } } .feature-icon-box-wrapper .icon-box-items .content { flex-basis: 62%; } @media (max-width: 1199px) { .feature-icon-box-wrapper .icon-box-items .content { flex-basis: 50%; } } .feature-icon-box-wrapper .icon-box-items .content h3 { margin-bottom: 10px; } .feature-icon-box-wrapper .icon-box-items:hover::before { opacity: 1; } .feature-icon-box-wrapper .icon-box-items.active::before { opacity: 1; } .feature-icon-box-area-2 { position: relative; } .feature-icon-box-area-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg5); top: 45%; } .woeking-process { position: relative; } .woeking-process .left-shape { position: absolute; bottom: 0; left: 0; } .woeking-process .right-shape { position: absolute; top: 0; right: 0; } .process-items { text-align: center; width: 290px; height: 290px; position: relative; text-align: center; margin: 30px auto; } @media (max-width: 1399px) { .process-items { width: 260px; height: 260px; } } @media (max-width: 767px) { .process-items { width: 240px; height: 240px; } } @media (max-width: 575px) { .process-items { width: 190px; height: 190px; } } .process-items::before { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 2px dotted rgba(255, 255, 255, 0.16); content: ""; border-radius: 50%; position: absolute; animation: rotate 20s linear infinite; } .process-items .icon { font-size: 60px; color: var(--theme); } @media (max-width: 575px) { .process-items .icon { font-size: 48px; } } .process-items .content { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 100%; } .process-items .content h3 { color: var(--white); margin-top: 20px; } @media (max-width: 1199px) { .process-items .content h3 { font-size: 20px; } } @media (max-width: 575px) { .process-items .content h3 { font-size: 16px; } } .process-items .process-number { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background-color: var(--theme); color: var(--white); display: inline-block; position: absolute; top: 5px; left: 30px; z-index: 1; } .choose-us-wrapper { margin-top: -30px; } .choose-us-wrapper .choose-us-content .icon-box-items { display: flex; gap: 20px; margin-top: 30px; } .choose-us-wrapper .choose-us-content .icon-box-items .icon { color: var(--theme); font-size: 55px; } .choose-us-wrapper .choose-us-image-items { margin-left: 40px; position: relative; } @media (max-width: 991px) { .choose-us-wrapper .choose-us-image-items { margin-left: 0; } } .choose-us-wrapper .choose-us-image-items .choose-box { background-color: var(--theme); padding: 40px; position: absolute; bottom: 0; left: 90px; } .choose-us-wrapper .choose-us-image-items .choose-box h3 { color: var(--white); margin-bottom: 20px; } .choose-us-wrapper .choose-us-image-items .choose-image-1 img { width: 100%; height: 100%; } .choose-us-wrapper .choose-us-image-items .choose-image-2 { height: 245px; margin-bottom: 25px; } .choose-us-wrapper .choose-us-image-items .choose-image-3 img { width: 100%; height: 100%; } .process-work-wrapper { position: relative; } .process-work-wrapper .line-shape { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); width: 880px; } .process-work-wrapper .line-shape img { width: 100%; height: 100%; } @media (max-width: 1399px) { .process-work-wrapper .line-shape { display: none; } } .process-work-wrapper .work-process-items { margin-top: 30px; } .process-work-wrapper .work-process-items .icon { width: 100px; height: 100px; line-height: 110px; text-align: center; border-radius: 50%; background-color: var(--white); box-shadow: var(---box-shadow); position: relative; margin: 0 auto; color: var(--theme); font-size: 46px; } .process-work-wrapper .work-process-items .icon .number { width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; background-color: var(--theme); color: var(--white); position: absolute; top: 0; left: 0; font-weight: 400; } .process-work-wrapper .work-process-items .content { margin-top: 30px; } .process-work-wrapper .work-process-items .content h4 { margin-bottom: 5px; font-weight: 700; } .process-work-wrapper .work-process-items .content.style-2 { margin-top: 0; margin-bottom: 30px; } .choose-us-section { position: relative; } .choose-us-section .shape-image { position: absolute; right: 0; top: 10%; } @media (max-width: 1199px) { .choose-us-section .shape-image { display: none; } } @media (max-width: 991px) { .choose-wrapper { margin-bottom: 80px; } } @media (max-width: 575px) { .choose-wrapper { margin-bottom: -80px; } } .choose-wrapper .choose-content ul { margin-top: 30px; } .choose-wrapper .choose-content ul li { font-weight: 500; color: var(--header); } .choose-wrapper .choose-content ul li:not(:last-child) { margin-bottom: 10px; } .choose-wrapper .choose-content ul li i { color: var(--theme); margin-right: 5px; } .choose-wrapper .choose-content .icon-area { margin-top: 40px; } .choose-wrapper .choose-content .icon-area .icon-items { display: flex; align-items: center; gap: 30px; } .choose-wrapper .choose-content .icon-area .icon-items:not(:last-child) { margin-bottom: 30px; } .choose-wrapper .choose-content .icon-area .icon-items .icon { width: 90px; height: 90px; border-radius: 50%; font-size: 42px; color: var(--white); background-color: var(--header); text-align: center; padding: 25px; } .choose-wrapper .choose-content .icon-area .icon-items .content { border-left: 2px solid var(--header); padding-left: 30px; } .choose-wrapper .choose-content .icon-area .icon-items .content h5 { margin-bottom: 5px; } .choose-wrapper .choose-content .icon-area .icon-items.style-2 .icon { background-color: var(--theme); } .choose-wrapper .choose-content .icon-area .icon-items.style-2 .content { border-left: 2px solid var(--border); } .choose-wrapper .choose-image-items { position: relative; } .choose-wrapper .choose-image-items .choose-image { height: 390px; max-width: 370px; position: relative; z-index: 9; } @media (max-width: 575px) { .choose-wrapper .choose-image-items .choose-image { max-width: 490px; } } .choose-wrapper .choose-image-items .choose-image-2 { max-width: 370px; position: absolute; bottom: -44%; right: 0; } @media (max-width: 991px) { .choose-wrapper .choose-image-items .choose-image-2 { bottom: -21%; } } .choose-wrapper .choose-image-items .choose-image-2 img { width: 100%; } @media (max-width: 575px) { .choose-wrapper .choose-image-items .choose-image-2 { width: 210px; height: 210px; bottom: 0; z-index: 99; } } .choose-wrapper .choose-image-items .circle-shape { position: absolute; left: 5%; bottom: -40%; z-index: -1; } .choose-wrapper .choose-image-items .circle-shape .text-circle { animation: cir36 10s linear infinite; } @media (max-width: 1199px) { .choose-wrapper .choose-image-items .circle-shape { display: none; } } .single-simple-process-items { margin-top: 30px; text-align: center; background-color: var(--white); box-shadow: var(---box-shadow); padding: 50px 30px; } .single-simple-process-items .icon { width: 100px; height: 100px; line-height: 115px; text-align: center; border-radius: 50%; background-color: var(--bg); font-size: 52px; color: var(--theme); transition: all 0.4s ease-in-out; } .single-simple-process-items .content { margin-top: 20px; } .single-simple-process-items .content span { font-size: 16px; font-weight: 600; color: var(--theme); display: inline-block; margin-bottom: 5px; } .single-simple-process-items .content h3 { margin-bottom: 10px; } .single-simple-process-items:hover .icon { background-color: var(--theme); color: var(--white); transform: scaleX(-1); } .choose-us-wrapper-2 .choose-us-image { position: relative; } .choose-us-wrapper-2 .choose-us-image img { width: 100%; height: 100%; object-fit: cover; } .choose-us-wrapper-2 .choose-us-image .thumb-2 { margin-top: 80px; } @media (max-width: 991px) { .choose-us-wrapper-2 .choose-us-image .thumb-2 { margin-top: 0; height: 650px; } } @media (max-width: 767px) { .choose-us-wrapper-2 .choose-us-image .thumb-2 { height: 500px; } } @media (max-width: 575px) { .choose-us-wrapper-2 .choose-us-image .thumb-2 { height: 420px; } } @media (max-width: 991px) { .choose-us-wrapper-2 .choose-us-image .thumb-1 { height: 650px; } } @media (max-width: 767px) { .choose-us-wrapper-2 .choose-us-image .thumb-1 { height: 500px; } } @media (max-width: 575px) { .choose-us-wrapper-2 .choose-us-image .thumb-1 { height: 420px; } } .choose-us-wrapper-2 .choose-us-image .choose-box { background-color: var(--theme); padding: 40px; position: absolute; bottom: 130px; left: 180px; z-index: 9; } .choose-us-wrapper-2 .choose-us-image .choose-box h3 { color: var(--white); margin-bottom: 20px; } .choose-us-wrapper-2 .choose-us-content { margin-left: 50px; } @media (max-width: 1199px) { .choose-us-wrapper-2 .choose-us-content { margin-left: 25px; } } @media (max-width: 991px) { .choose-us-wrapper-2 .choose-us-content { margin-left: 0; } } .choose-us-wrapper-2 .icon-items { margin-top: 40px; display: block; } .choose-us-wrapper-2 .icon-items li { border: 1px solid var(--border); display: flex; align-items: center; gap: 20px; padding: 25px 30px; } .choose-us-wrapper-2 .icon-items li:not(:last-child) { margin-bottom: 15px; } .choose-us-wrapper-2 .icon-items li .icon { font-size: 50px; color: var(--theme); } .choose-us-wrapper-2 .icon-items li .content p { margin-bottom: 5px; } .about-section { position: relative; } .about-section .left-shape { position: absolute; top: -34%; left: 0; } .about-section .left-shape img { width: 100%; } .about-section .line-shape { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; } .about-section .line-shape img { width: 100%; height: 100%; } .about-section .shape { position: absolute; bottom: -15%; right: 0; } @media (max-width: 1600px) { .about-section .shape { display: none; } } .about-wrapper .about-image-items { position: relative; padding-left: 25px; } .about-wrapper .about-image-items::before { position: absolute; top: 100px; left: 0; content: ""; height: 210px; width: 4px; background-color: var(--theme); content: ""; } .about-wrapper .about-image-items .border-shape { position: absolute; bottom: -30px; right: 22%; z-index: 1; } @media (max-width: 575px) { .about-wrapper .about-image-items .border-shape { display: none; } } .about-wrapper .about-image-items .about-image { width: 437px; height: 530px; position: relative; z-index: 1; } @media (max-width: 575px) { .about-wrapper .about-image-items .about-image { max-width: 430px; width: initial; height: 400px; } } .about-wrapper .about-image-items .about-image .about-image-2 { position: absolute; bottom: -100px; right: -100px; } @media (max-width: 1399px) { .about-wrapper .about-image-items .about-image .about-image-2 { right: -50px; } } @media (max-width: 1199px) { .about-wrapper .about-image-items .about-image .about-image-2 { right: 0; } } @media (max-width: 991px) { .about-wrapper .about-image-items .about-image .about-image-2 { bottom: 0; } } @media (max-width: 767px) { .about-wrapper .about-image-items .about-image .about-image-2 { bottom: 0; right: 0; width: 250px; } .about-wrapper .about-image-items .about-image .about-image-2 img { width: 100%; height: 100%; } } @media (max-width: 767px) { .about-wrapper .about-image-items .about-image .about-image-2 { width: 200px; } } .about-wrapper .about-content .circle-progress-bar-wrapper { display: flex; align-items: center; gap: 70px; margin-top: 50px; flex-wrap: wrap; } @media (max-width: 1399px) { .about-wrapper .about-content .circle-progress-bar-wrapper { gap: 30px; } } @media (max-width: 991px) { .about-wrapper .about-content .circle-progress-bar-wrapper { margin-top: 40px; gap: 70px; } } @media (max-width: 991px) { .about-wrapper .about-content .circle-progress-bar-wrapper { gap: 20px; } } @media (max-width: 575px) { .about-wrapper .about-content .circle-progress-bar-wrapper { margin-top: 30px; flex-wrap: wrap; gap: 10px; } } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar { display: flex; align-items: center; gap: 10px; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar span { font-size: 16px; line-height: 1; font-weight: 700; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .content h6 { display: block; margin-bottom: 0; } @media (max-width: 575px) { .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .content br { display: block; } } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar { position: relative; height: 120px; width: 120px; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div { position: absolute; height: 100px; width: 100px; border-radius: 50%; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span { position: absolute; font-size: 30px; line-height: 92px; height: 90px; width: 90px; left: 5px; top: 5px; font-weight: 700; text-align: center; border-radius: 50%; background-color: var(--white); color: var(--header); } @media (max-width: 575px) { .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span { font-size: 24px; } } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background { background-color: var(--bg) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate { clip: rect(0 50px 100px 0); background-color: var(--theme) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left { clip: rect(0 50px 100px 0); opacity: 1; background-color: var(--bg) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right { clip: rect(0 50px 100px 0); -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; background-color: var(--theme) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar { display: flex; align-items: center; gap: 10px; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar span { font-size: 16px; line-height: 1; font-weight: 700; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .content h6 { display: block; margin-bottom: 0; } @media (max-width: 575px) { .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .content br { display: block; } } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar { position: relative; height: 120px; width: 120px; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div { position: absolute; height: 100px; width: 100px; border-radius: 50%; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div span { position: absolute; font-size: 30px; line-height: 92px; height: 90px; width: 90px; left: 5px; top: 5px; font-weight: 700; text-align: center; border-radius: 50%; background-color: var(--white); color: var(--header); } @media (max-width: 575px) { .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar div span { font-size: 24px; } } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .background { background-color: var(--bg) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .rotate { background-color: var(--theme2) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .left { clip: rect(0 50px 100px 0); opacity: 1; background-color: var(--bg) !important; } .about-wrapper .about-content .circle-progress-bar-wrapper.style-2 .single-circle-bar .circle-bar .right { background-color: var(--theme2) !important; } .about-wrapper .about-content .about-list { margin-top: 20px; } @media (max-width: 991px) { .about-wrapper .about-content .about-list { margin-top: 0; } } .about-wrapper .about-content .about-list li { font-weight: 600; font-size: 18px; } @media (max-width: 991px) { .about-wrapper .about-content .about-list li { font-size: 16px; } } @media (max-width: 1199px) { .about-wrapper .about-content .about-list li { font-size: 15px; } } .about-wrapper .about-content .about-list li:not(:last-child) { margin-bottom: 10px; } .about-wrapper .about-content .about-list li i { color: var(--theme); } .about-wrapper .about-content .about-author { display: flex; align-items: center; gap: 50px; margin-top: 40px; } @media (max-width: 1399px) { .about-wrapper .about-content .about-author { gap: 40px; } } @media (max-width: 1199px) { .about-wrapper .about-content .about-author { flex-wrap: wrap; } } .about-wrapper .about-content .about-author .author-image { display: flex; align-items: center; gap: 10px; } .about-wrapper .about-content .about-author .author-image .content p { font-size: 14px; color: var(--theme); font-weight: 500; margin-top: -10px; } @media (max-width: 575px) { .about-wrapper.style-2 .about-image-items { padding-left: 0; } } @media (max-width: 575px) { .about-wrapper.style-2 .about-image-items .about-image { max-width: 525px; } } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area { position: absolute; top: 50px; left: -25%; padding: 35px 45px; background-color: var(--theme); width: 320px; } @media (max-width: 1399px) { .about-wrapper.style-2 .about-image-items .about-image .experience-text-area { top: 0px; left: 0; } } @media (max-width: 991px) { .about-wrapper.style-2 .about-image-items .about-image .experience-text-area { padding: 30px 20px; width: 264px; } } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area h2 { font-size: 65px; color: var(--white); } @media (max-width: 575px) { .about-wrapper.style-2 .about-image-items .about-image .experience-text-area h2 { font-size: 32px; } } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area h6 { font-size: 16px; color: var(--white); position: relative; } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area h6::before { position: absolute; bottom: -5px; left: 34%; transform: translateX(-50%); content: ""; width: 147px; height: 5px; background-image: url(../img/bar.png); background-repeat: no-repeat; background-size: cover; } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .star { margin-top: 15px; } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .star span { font-size: 15px; color: var(--white); } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting { position: absolute; top: 10px; right: 10px; padding: 15px 20px; text-align: center; background-color: var(--white); z-index: 9; } @media (max-width: 575px) { .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting { padding: 15px; } } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting span { font-size: 18px; font-weight: 600; color: var(--theme); } @media (max-width: 575px) { .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting span { font-size: 15px; } } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting::after { position: absolute; right: 4px; top: 0px; font-family: "Font Awesome 5 Pro"; content: "\f005"; font-size: 14px; color: var(--theme); } .about-wrapper.style-2 .about-image-items .about-image .experience-text-area .ratting::before { position: absolute; top: 8px; left: -8px; right: 0px; width: 94%; height: 100%; content: ""; border: 1px solid var(--white); z-index: -1; } .about-wrapper.style-2 .about-image-items .about-image .about-image-2 { bottom: -140px; } @media (max-width: 1399px) { .about-wrapper.style-2 .about-image-items .about-image .about-image-2 { bottom: initial; top: 0; } } @media (max-width: 1199px) { .about-wrapper.style-2 .about-content { margin-left: 20px; } } @media (max-width: 991px) { .about-wrapper.style-2 .about-content { margin-left: 0; } } @media (max-width: 1199px) { .about-wrapper.style-2 .about-content .section-title h2 { font-size: 32px; } } @media (max-width: 575px) { .about-wrapper.style-2 .about-content .section-title h2 { font-size: 24px; } } .about-wrapper.style-2 .about-content .icon-area { margin-top: 30px; gap: 30px; display: flex; align-items: center; border-bottom: 1px solid var(--border); padding-bottom: 25px; margin-bottom: 25px; } @media (max-width: 470px) { .about-wrapper.style-2 .about-content .icon-area { flex-wrap: wrap; } } .about-wrapper.style-2 .about-content .icon-area .icon-items .icon { font-size: 52px; color: var(--theme); margin-bottom: 20px; } .about-wrapper.style-2 .about-content .icon-area .icon-items .content h5 { margin-bottom: 10px; } .about-wrapper.style-2 .about-content .about-author { gap: 30px; } .about-wrapper.style-2 .about-content .about-author .author-image { display: flex; align-items: center; gap: 20px; } .about-wrapper.style-2 .about-content .about-author .author-image .content p { font-weight: 600; color: var(--text); margin-top: 10px; position: relative; } .about-wrapper.style-2 .about-content .about-author .author-image .content p::before { position: absolute; bottom: -5px; left: 34%; transform: translateX(-50%); content: ""; width: 124px; height: 5px; background-image: url(../img/bar-2.png); background-repeat: no-repeat; background-size: cover; } .about-wrapper-2 .about-image-items { position: relative; } .about-wrapper-2 .about-image-items .circle-shape { position: absolute; bottom: -80px; left: 60px; z-index: 2; width: 200px; } @media (max-width: 991px) { .about-wrapper-2 .about-image-items .circle-shape { right: 20%; top: 0; bottom: initial; left: initial; } } @media (max-width: 767px) { .about-wrapper-2 .about-image-items .circle-shape { right: 0; width: 140px; } } @media (max-width: 575px) { .about-wrapper-2 .about-image-items .circle-shape { display: none; } } .about-wrapper-2 .about-image-items .circle-shape img { width: 100%; } .about-wrapper-2 .about-image-items .circle-shape .text-circle { animation: cir36 10s linear infinite; } .about-wrapper-2 .about-image-items .circle-shape .about-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .about-wrapper-2 .about-image-items .circle-shape .about-title h2 { font-size: 57px; color: var(--white); } @media (max-width: 991px) { .about-wrapper-2 .about-image-items .circle-shape .about-title h2 { font-size: 36px; } } .about-wrapper-2 .about-image-items .circle-shape .about-title p { font-size: 14px; color: var(--white); line-height: 1.5; } .about-wrapper-2 .about-image-items .about-image-1 { max-width: 387px; height: 467px; border-radius: 10px; position: relative; } @media (max-width: 575px) { .about-wrapper-2 .about-image-items .about-image-1 { max-width: 550px; } } .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { height: 489px; max-width: 376px; position: absolute; right: -45%; bottom: -32%; border-radius: 10px; overflow: hidden; } @media (max-width: 1399px) { .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { right: -30%; height: 400px; } } @media (max-width: 1199px) { .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { height: 390px; right: -10%; } } @media (max-width: 991px) { .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { bottom: -40px; right: -50%; height: 400px; } } @media (max-width: 767px) { .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { bottom: 0; right: -30%; height: 350px; } } @media (max-width: 575px) { .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 { height: 280px; right: 0; } } .about-wrapper-2 .about-image-items .about-image-1 .about-image-2 img { width: 100%; height: 100%; } .about-wrapper-2 .about-content .about-tabs-area { margin-top: 40px; } .about-wrapper-2 .about-content .about-tabs-area .about-list-items { display: flex; align-items: center; gap: 40px; } @media (max-width: 575px) { .about-wrapper-2 .about-content .about-tabs-area .about-list-items { flex-wrap: wrap; gap: 20px; } } .about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image { position: relative; display: inline-block; border-radius: 10px; overflow: hidden; } .about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image .video-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about-wrapper-2 .about-content .about-tabs-area .about-list-items .video-image .video-box .video-btn { background-color: var(--theme2); color: var(--white); display: inline-block; font-size: 16px; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; text-align: center; } .about-wrapper-2 .about-content .about-tabs-area .about-list-items ul li:not(:last-child) { margin-bottom: 5px; } .about-wrapper-2 .about-content .about-tabs-area .about-list-items ul li i { color: var(--theme2); margin-right: 5px; } .about-wrapper-2 .about-content .about-tabs-area .about-author { margin-top: 30px; display: flex; align-items: center; gap: 55px; } @media (max-width: 575px) { .about-wrapper-2 .about-content .about-tabs-area .about-author { flex-wrap: wrap; gap: 20px; margin-top: 20px; } } .about-wrapper-2 .about-content .about-tabs-area .about-author .author-image { display: flex; align-items: center; gap: 10px; } .about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact { display: flex; align-items: center; gap: 20px; } .about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact .content p { text-transform: uppercase; font-size: 14px; } .about-wrapper-2 .about-content .about-tabs-area .about-author .author-contact .content h6 { font-size: 16px; } .about-wrapper-2 .about-content .single-tab-items { margin-top: 40px; } @media (max-width: 575px) { .about-wrapper-2 .about-content .single-tab-items { margin-top: 30px; } } .about-wrapper-2 .about-content .single-tab-items .nav { display: flex; align-items: center; gap: 30px; border-bottom: 1px solid var(--theme); } @media (max-width: 575px) { .about-wrapper-2 .about-content .single-tab-items .nav { gap: 0; } } .about-wrapper-2 .about-content .single-tab-items .nav .nav-link { text-align: center; padding: 10px 40px; background-color: transparent; border-radius: 4px 4px 0px 0px; font-weight: 600; text-transform: uppercase; color: var(--header); transition: all 0.3s ease-in-out; letter-spacing: 0.05em; font-size: 14px; } @media (max-width: 991px) { .about-wrapper-2 .about-content .single-tab-items .nav .nav-link { padding: 14px 45px; font-size: 18px; } } @media (max-width: 575px) { .about-wrapper-2 .about-content .single-tab-items .nav .nav-link { padding: 12px 20px; font-size: 14px; } } .about-wrapper-2 .about-content .single-tab-items .nav .nav-link.active { position: relative; background-color: var(--theme2); color: var(--white); } .single-about-wrapper-2 { margin-top: 60px; } .single-about-wrapper-2 .about-image-item { z-index: 9; } .single-about-wrapper-2 .about-image-item .about-image-1 { max-width: 300px; margin-top: 45px; } @media (max-width: 991px) { .single-about-wrapper-2 .about-image-item .about-image-1 { margin-top: 0; } } @media (max-width: 575px) { .single-about-wrapper-2 .about-image-item .about-image-1 { margin: 0 auto 30px; text-align: center; } } .single-about-wrapper-2 .about-image-item .about-image-1 img { width: 100%; height: 100%; } .single-about-wrapper-2 .about-image-item .about-image-2 { max-width: 300px; } @media (max-width: 575px) { .single-about-wrapper-2 .about-image-item .about-image-2 { margin: 0 auto; text-align: center; } } .single-about-wrapper-2 .about-image-item .about-image-2 img { width: 100%; height: 100%; } .single-about-wrapper-2 .about-image-item .circle-shape { position: absolute; top: 25%; left: 15%; z-index: -1; animation: rotate 15s linear infinite; } @media (max-width: 1199px) { .single-about-wrapper-2 .about-image-item .circle-shape { display: none; } } .single-about-wrapper-2 .about-image-item .bg-shape { position: absolute; top: -20%; left: 0; z-index: -1; } @media (max-width: 1199px) { .single-about-wrapper-2 .about-image-item .bg-shape { display: none; } } .single-about-wrapper-2 .about-content { margin-left: 40px; } @media (max-width: 1600px) { .single-about-wrapper-2 .about-content { margin-left: 20px; } } @media (max-width: 1199px) { .single-about-wrapper-2 .about-content { margin-left: 10px; } } @media (max-width: 991px) { .single-about-wrapper-2 .about-content { margin-left: 0; } } .single-about-wrapper-2 .about-content .text { color: var(--header); font-weight: 500; margin-bottom: 40px; } @media (max-width: 575px) { .single-about-wrapper-2 .about-content .text { text-align: center; } } .single-about-wrapper-2 .about-content .text a { color: var(--theme); text-decoration-line: underline; font-weight: 600; } .single-about-wrapper-2 .about-content .single-system-item { display: flex; gap: 30px; background-color: var(--white); box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25); padding: 30px 40px; } .single-about-wrapper-2 .about-content .single-system-item:not(:last-child) { margin-bottom: 20px; } @media (max-width: 575px) { .single-about-wrapper-2 .about-content .single-system-item { flex-wrap: wrap; justify-content: center; } } @media (max-width: 575px) { .single-about-wrapper-2 .about-content .single-system-item .content { text-align: center; margin: 0 auto; } } .single-about-wrapper-2 .about-content .single-system-item .content h4 { margin-bottom: 10px; } .single-about-wrapper-2 .about-content .single-system-item .icon { font-size: 60px; color: var(--theme); } .service-wrapper { padding: 0 130px; } @media (max-width: 1399px) { .service-wrapper { padding: 0 40px; } } @media (max-width: 1199px) { .service-wrapper { padding: 0 30px; } } .service-wrapper .service-card-items { margin-top: 30px; padding: 30px; background-color: var(--bg); transition: all 0.4s ease-in-out; } .service-wrapper .service-card-items h3 { margin-bottom: 15px; } .service-wrapper .service-card-items .service-thumb { margin-top: 20px; margin-bottom: 30px; position: relative; overflow: hidden; } .service-wrapper .service-card-items .service-thumb::after { background: linear-gradient(90deg, rgba(var(--white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--white-rgb, 255, 255, 255), 0.3) 92%, rgba(var(--white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; left: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.5s ease 0s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; width: 200%; } .service-wrapper .service-card-items .service-thumb img { width: 100%; height: 100%; transition: all 0.4s ease-in-out; } .service-wrapper .service-card-items:hover { background-color: var(--theme); } .service-wrapper .service-card-items:hover h3 a { color: var(--white); } .service-wrapper .service-card-items:hover p { color: var(--white); } .service-wrapper .service-card-items:hover .link-btn { color: var(--white); transition: initial !important; } .service-wrapper .service-card-items:hover .link-btn i { background-color: var(--white); color: var(--theme); } .service-wrapper .service-card-items:hover .link-btn span { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); } .service-wrapper .service-card-items:hover .service-thumb::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.5s, 0.5s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear; } .service-wrapper .service-card-items:hover .service-thumb img { transform: scale(1.1); } .service-wrapper .service-card-items.active { background-color: var(--theme); } .service-wrapper .service-card-items.active h3 a { color: var(--white); } .service-wrapper .service-card-items.active p { color: var(--white); } .service-wrapper .service-card-items.active .link-btn { color: var(--white); transition: initial !important; } .service-wrapper .service-card-items.active .link-btn i { background-color: var(--white); color: var(--theme); } .service-wrapper .service-card-items.active .link-btn span { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); } .service-wrapper .service-card-items.active .service-thumb::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.5s, 0.5s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear; } .service-wrapper .service-card-items.active .service-thumb img { transform: scale(1.1); } .service-section { position: relative; } .service-section .shape-image { position: absolute; left: 0; top: 0; } .service-section .left-shape { position: absolute; top: 0; left: 0; } .service-section .right-shape { position: absolute; bottom: 0; right: 0; } .service-section .line-shape-2 { position: absolute; left: 0; bottom: 8%; } .service-section .bottom-shape { position: absolute; bottom: 0; right: 0; } .service-section .bg-shape { position: absolute; top: -20%; left: 0; z-index: -1; } @media (max-width: 1199px) { .service-section .bg-shape { display: none; } } .service-section-2 { position: relative; } .service-section-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg5); z-index: -1; top: 68%; } .service-box-items { position: relative; margin-top: 30px; background-color: var(--white); box-shadow: var(---box-shadow); padding: 35px 35px; z-index: 9; overflow: hidden; } @media (max-width: 575px) { .service-box-items { padding: 30px 25px; text-align: center; } } .service-box-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center; z-index: -1; } .service-box-items::after { position: absolute; bottom: -50px; left: 0; right: 0; width: 100%; height: 320px; content: ""; background-repeat: no-repeat; background-size: cover; background-image: url(../img/line-shape.png); z-index: -1; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out; } .service-box-items .icon { position: relative; transition: all 0.4s ease-in-out; display: inline-block; font-size: 60px; color: var(--theme); } .service-box-items .icon::before { position: absolute; bottom: -20px; left: 0; width: 46px; height: 46px; border-radius: 50%; background: rgba(8, 106, 216, 0.08); content: ""; } .service-box-items .content { margin-top: 40px; } @media (max-width: 767px) { .service-box-items .content { margin-top: 30px; } } @media (max-width: 575px) { .service-box-items .content { margin-top: 20px; } } .service-box-items .content h3 { margin-bottom: 20px; font-size: 21px; } @media (max-width: 575px) { .service-box-items .content h3 { margin-bottom: 10px; } } .service-box-items .arrow-icon { transform: rotate(-50deg); display: inline-block; color: var(--theme); margin-top: 30px; transition: all 0.4s ease-in-out; } @media (max-width: 767px) { .service-box-items .arrow-icon { margin-top: 30px; } } @media (max-width: 575px) { .service-box-items .arrow-icon { margin-top: 20px; } } .service-box-items:hover::before { transform: scale(1, 1); transform-origin: top center; } .service-box-items:hover::after { bottom: 0; visibility: visible; opacity: 1; } .service-box-items:hover .icon { color: var(--white); transform: scaleX(-1); } .service-box-items:hover .content h3 { color: var(--white); } .service-box-items:hover .content p { color: var(--white); } .service-box-items:hover .arrow-icon { color: var(--white); transform: initial; } .service-box-items.active::before { transform: scale(1, 1); transform-origin: top center; } .service-box-items.active::after { bottom: 0; visibility: visible; opacity: 1; } .service-box-items.active .icon { color: var(--white); } .service-box-items.active .content h3 { color: var(--white); } .service-box-items.active .content p { color: var(--white); } .service-box-items.active .arrow-icon { color: var(--white); transform: initial; } .service-box-items.style-2 { text-align: center; margin: 0 auto; padding: 50px 20px; width: 100%; } .service-box-items.style-2::before { background-color: var(--theme2); } .service-box-items.style-2::after { position: absolute; bottom: -50px; left: 5px; width: 12px; height: 12px; content: ""; background-repeat: initial; background-size: initial; background-image: initial; background: rgba(255, 255, 255, 0.23); } .service-box-items.style-2 .icon { font-size: 70px; color: var(--theme2); } .service-box-items.style-2 .content h6 { font-weight: bold; } .service-box-items.style-2:hover::after { bottom: 5px; } .service-box-items.style-2:hover .icon { color: var(--white); } .service-box-items.style-2:hover .content h6 a { color: var(--white); } .service-box-items.style-2.active::after { bottom: 5px; } .service-box-items.style-2.active .icon { color: var(--white); } .service-box-items.style-2.active .content h6 a { color: var(--white); } .service-counter-section { position: relative; } .service-counter-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg6); z-index: -1; top: 55%; } .service-counter-wrapper { background-color: var(--theme); padding: 85px; } @media (max-width: 1199px) { .service-counter-wrapper { padding: 50px 35px; } } @media (max-width: 991px) { .service-counter-wrapper { padding: 85px; } } @media (max-width: 575px) { .service-counter-wrapper { padding: 40px 30px; } } @media (max-width: 991px) { .service-counter-wrapper .service-counter-content { text-align: center; margin: 0 auto; } } .service-counter-wrapper .service-counter-items { text-align: center; position: relative; z-index: 9; padding-bottom: 50px; overflow: hidden; } .service-counter-wrapper .service-counter-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: #d41124; border-radius: 9px; z-index: -1; top: -50px; height: initial; transition: all 0.4s ease-in-out; visibility: hidden; opacity: 0; } .service-counter-wrapper .service-counter-items .icon { width: 100px; height: 100px; line-height: 120px; border-radius: 50%; text-align: center; background-color: var(--white); font-size: 56px; color: var(--theme); text-align: center; margin: 40px auto; transition: all 0.4s ease-in-out; } @media (max-width: 575px) { .service-counter-wrapper .service-counter-items .icon { font-size: 38px; width: 85px; height: 85px; line-height: 100px; margin: 30px auto; } } .service-counter-wrapper .service-counter-items .content h2 { font-size: 55px; color: var(--white); } @media (max-width: 1399px) { .service-counter-wrapper .service-counter-items .content h2 { font-size: 42px; } } @media (max-width: 991px) { .service-counter-wrapper .service-counter-items .content h2 { font-size: 55px; } } @media (max-width: 575px) { .service-counter-wrapper .service-counter-items .content h2 { font-size: 42px; } } .service-counter-wrapper .service-counter-items .content p { color: var(--white); font-size: 18px; margin-top: 20px; } @media (max-width: 575px) { .service-counter-wrapper .service-counter-items .content p { margin-top: 0; } } .service-counter-wrapper .service-counter-items:hover::before { top: 20%; visibility: visible; opacity: 1; } .service-counter-wrapper .service-counter-items:hover .icon { transform: scaleX(-1); } .service-counter-wrapper .service-counter-items.active::before { top: 20%; visibility: visible; opacity: 1; } .service-wrapper-3 { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 25px; margin-top: 30px; } @media (max-width: 1399px) { .service-wrapper-3 { flex-wrap: wrap; } } .service-text-area .link-btn-2 span { color: var(--theme2); background-size: 100% 1px; } .single-it-service-provide { position: relative; } .single-it-service-provide .arrow-shape { position: absolute; top: 130px; right: 0; z-index: 11; } @media (max-width: 1399px) { .single-it-service-provide .arrow-shape { display: none; } } .single-it-service-provide .arrow-shape-2 { position: absolute; bottom: 0; right: 0; z-index: 9; } @media (max-width: 1399px) { .single-it-service-provide .arrow-shape-2 { display: none; } } .single-it-service-provide .service-bg { padding: 130px 110px; position: relative; z-index: 1; } @media (max-width: 991px) { .single-it-service-provide .service-bg { padding: 80px 80px; } } @media (max-width: 767px) { .single-it-service-provide .service-bg { padding: 60px 30px; } } .single-it-service-provide .service-bg::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(90deg, #492108 0%, rgba(226, 9, 53, 0) 100%); } .single-it-service-provide .service-bg .single-provide-content { display: flex; align-items: center; gap: 180px; position: relative; z-index: 9; } @media (max-width: 991px) { .single-it-service-provide .service-bg .single-provide-content { gap: 100px; } } @media (max-width: 767px) { .single-it-service-provide .service-bg .single-provide-content { flex-wrap: wrap; gap: 80px; justify-content: center; } } .single-it-service-provide .service-bg .single-provide-content .section-content { max-width: 550px; } @media (max-width: 767px) { .single-it-service-provide .service-bg .single-provide-content .section-content { text-align: center; margin: 0 auto; } } .single-it-service-provide .service-bg .single-provide-content .section-content .sub-cont { margin-bottom: 10px; color: var(--white); font-size: 22px; font-weight: 700; display: inline-block; } .single-it-service-provide .service-bg .single-provide-content .section-content h2 { margin-bottom: 25px; color: var(--white); } .single-it-service-provide .service-bg .single-provide-content .section-content p { margin-bottom: 35px; color: var(--white); } .single-it-service-provide .service-bg .single-provide-content .section-content .bg-style-3::before, .single-it-service-provide .service-bg .single-provide-content .section-content .bg-style-3::after { background-color: var(--theme); } .single-it-service-provide .service-bg .single-provide-content .video-btn { position: relative; text-align: center; display: inline-block; z-index: 2; } .single-it-service-provide .service-bg .single-provide-content .video-btn a { position: relative; color: var(--black); font-size: 16px; z-index: 1; background-color: var(--white); width: 90px; height: 90px; line-height: 90px; border-radius: 50%; display: block; transition: 0.4s; } .single-it-service-provide .service-bg .single-provide-content .video-btn a i { color: var(--theme); } .service-provide-2 { position: relative; } .service-provide-2 .line-shape-2 { position: absolute; bottom: -85%; right: 0; } @media (max-width: 1199px) { .service-provide-2 .line-shape-2 { display: none; } } .service-provide-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: #191919; } .single-case-study-wrapper { padding: 0 70px; position: relative; } .single-case-study-wrapper::before { position: absolute; left: 0; right: 0; width: 100%; height: 130%; content: ""; background-color: #191919; top: -77%; z-index: -1; } @media (max-width: 767px) { .single-case-study-wrapper { padding: 0 0; } } .single-case-study-wrapper .it-case-study-carousel-active .slick-slide { margin: 0 15px; } .single-case-study-wrapper .it-case-study-carousel-active .slide-dots { text-align: center; border: 1px dotted var(--theme); width: 145px; height: 40px; line-height: 40px; border-radius: 30px; margin: 0 auto; margin-top: 30px; } .single-case-study-wrapper .it-case-study-carousel-active .slide-dots li { display: inline-block; margin: 13px 5px; } .single-case-study-wrapper .it-case-study-carousel-active .slide-dots li button { position: relative; text-indent: -9999px; border-radius: 10px; width: 10px; height: 10px; background-color: var(--white); transition: all 0.3s ease-in-out; border: 2px solid var(--theme); } .single-case-study-wrapper .it-case-study-carousel-active .slide-dots li button:hover { background-color: var(--theme); } .single-case-study-wrapper .it-case-study-carousel-active .slide-dots li.slick-active button { background-color: var(--theme); border-color: var(--theme); } .single-case-study-wrapper .it-case-study-carousel-active .slick-list { margin: 0 -15px; } .single-it-case-study .case-study-image { position: relative; } .single-it-case-study .case-study-image img { width: 100%; height: 100%; } .single-it-case-study .case-study-image .case-study-content { position: absolute; bottom: 30px; left: 40px; right: 40px; background-color: var(--white); padding: 40px 50px; } @media (max-width: 575px) { .single-it-case-study .case-study-image .case-study-content { bottom: 20px; left: 20px; right: 20px; padding: 25px; } } .single-it-case-study .case-study-image .case-study-content .arrow-shape { position: absolute; right: 0; top: 0; } @media (max-width: 767px) { .single-it-case-study .case-study-image .case-study-content .arrow-shape { display: none; } } .single-it-case-study .case-study-image .case-study-content .icon { margin-bottom: 20px; } .single-it-case-study .case-study-image .case-study-content .icon img { width: initial; height: initial; } .single-it-case-study .case-study-image .case-study-content h4 a:hover { color: var(--theme); } .single-it-case-study .case-study-image .case-study-content p { margin-bottom: 15px; } .service-visa-items { margin-top: 30px; background-color: var(--white); box-shadow: var(---box-shadow); border-radius: 10px; } .service-visa-items .service-visa-thumb { position: relative; overflow: hidden; } .service-visa-items .service-visa-thumb img { width: 100%; height: 100%; border-radius: 10px 10px 0 0; transition: 0.5s; background-size: cover; } .service-visa-items .service-visa-thumb img:nth-child(1) { perspective: 300px; transition: transform 500ms ease; transform-origin: top center; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg); } .service-visa-items .service-visa-thumb img:nth-child(2) { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; transition: transform 700ms ease, top 700ms ease; transform: translateX(0%) translateX(150px) scaleX(0) rotateY(90deg); transform-origin: bottom center; width: 100%; } .service-visa-items .service-visa-thumb .image-overlay { display: flex; width: 100%; height: 100%; background-color: rgba(2, 32, 61, 0.6); position: absolute; top: 0; left: 0; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; border-radius: 10px 10px 0 0; font-size: 32px; color: var(--white); } .service-visa-items .service-visa-content { padding: 20px; } /* .service-visa-items .service-visa-content :hover { background-color: #492108; color:#FFFFFF !important } */ /* .service-visa-items :hover { background-color: #492108; color:#FFFFFF !important } */ .service-visa-items .service-visa-content h3 { font-size: 28px; font-weight: 700; color: #000; } .service-visa-items .service-visa-content p { font-size: 16px; font-weight: 400; color: #494949; } .service-visa-items .service-visa-content h3 { margin-bottom: 5px; } .service-visa-items .service-visa-content h3 a:hover { color: var(--theme); } /* .service-visa-items .service-visa-content p { margin-bottom: 20px; } */ .service-visa-items:hover .service-visa-thumb img:nth-child(1) { transform-origin: bottom center; transform: translateX(-100%) translateX(150px) scaleX(0) rotateY(90deg); } .service-visa-items:hover .service-visa-thumb img:nth-child(2) { transition: transform 500ms ease, top 500ms ease; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg); } .service-visa-items:hover .service-visa-thumb .image-overlay { opacity: 1; transform: translateY(0); } .visa-service-section-2 { position: relative; z-index: 9; } .visa-service-section-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background-color: #09161d; opacity: 0.8; } .visa-service-section-2::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); z-index: -1; top: 75%; } .visa-details-wrapper .visa-sidebar .visa-widget-categories { margin-bottom: 30px; } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li { padding: 22px 20px; background-color: var(--white); font-weight: 500; transition: all 0.4s ease-in-out; border: 1px solid var(--border); border-radius: 0; font-size: 18px; line-height: 1; position: relative; } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li a { color: var(--header); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li span { position: absolute; width: 60px; line-height: 55px; height: 100%; content: ""; background-color: var(--theme); right: 0; top: 0; text-align: center; color: var(--white); transition: all 0.4s ease-in-out; } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li:not(:last-child) { margin-bottom: 12px; } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li:hover { background-color: var(--theme); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li:hover a { color: var(--white); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li:hover span { background-color: var(--header); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li.active { background-color: var(--theme); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li.active a { color: var(--white); } .visa-details-wrapper .visa-sidebar .visa-widget-categories ul li.active span { color: var(--white); } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget { margin-bottom: 30px; } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg { padding: 50px 30px; position: relative; z-index: 9; } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background: linear-gradient(90deg, #16171a 0.06%, rgba(22, 23, 26, 0) 99.93%); } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg h4 { color: var(--white); margin-bottom: 10px; } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg h3 { margin-bottom: 10px; } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg h3 a { color: var(--white); } .visa-details-wrapper .visa-sidebar .visa-sidebar-widget .contact-bg p { color: var(--white); margin-bottom: 30px; } .visa-details-wrapper .service-details-items .details-image img { width: 100%; height: 100%; } .visa-details-wrapper .service-details-items .details-content { margin-top: 30px; } .visa-details-wrapper .service-details-items .details-content h3 { font-size: 36px; } .visa-details-wrapper .service-details-items .details-content .single-icon-items { margin-top: 30px; } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box { display: flex; align-items: center; gap: 15px; border: 1px solid #e1e8e4; padding: 16px 30px; transition: all 0.4s ease-in-out; } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box:not(:last-child) { margin-bottom: 20px; } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box i { color: var(--theme); font-size: 18px; transition: all 0.4s ease-in-out; } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box:hover { background-color: var(--theme); } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box:hover i { color: var(--white); } .visa-details-wrapper .service-details-items .details-content .single-icon-items .icon-box:hover h6 { color: var(--white); } .coaching-card-items { margin-top: 30px; position: relative; z-index: 9; padding: 40px 30px; } .coaching-card-items::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 65%; border-radius: 14px; background-color: var(--white); transition: all 0.35s ease-in-out; z-index: -1; } @media (max-width: 575px) { .coaching-card-items::before { height: 60%; } } .coaching-card-items .coacing-image { width: 180px; height: 180px; margin: 0 auto; } .coaching-card-items .coacing-image img { width: 100%; height: 100%; border-radius: 50%; } .coaching-card-items .icon { width: 60px; height: 60px; line-height: 70px; text-align: center; border-radius: 50%; font-size: 32px; background-color: var(--theme); color: var(--white); text-align: center; margin: -40px auto 0; position: relative; z-index: 9; transition: all 0.4s ease-in-out; } .coaching-card-items .content { margin-top: 20px; } .coaching-card-items .content h3 { margin-bottom: 5px; } .coaching-card-items .content h3 a:hover { color: var(--theme); } .coaching-card-items:hover::before { height: 100%; background-color: var(--theme); } .coaching-card-items:hover .icon { background-color: var(--white); color: var(--theme); transform: scaleX(-1); } .coaching-card-items:hover .content h3 a { color: var(--white); } .coaching-card-items:hover .content p { color: var(--white); } .coaching-card-items.active::before { height: 100%; background-color: var(--theme); } .coaching-card-items.active .icon { background-color: var(--white); color: var(--theme); transform: scaleX(-1); } .coaching-card-items.active .content h3 a { color: var(--white); } .coaching-card-items.active .content p { color: var(--white); } .coaching-box-items { margin-top: 30px; background-color: var(--white); box-shadow: var(---box-shadow); border-radius: 10px; } .coaching-box-items .coaching-image { position: relative; overflow: hidden; } .coaching-box-items .coaching-image img { width: 100%; height: 100%; border-radius: 10px 10px 0 0; transition: 0.5s; background-size: cover; } .coaching-box-items .coaching-image img:nth-child(1) { perspective: 300px; transition: transform 500ms ease; transform-origin: top center; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg); } .coaching-box-items .coaching-image img:nth-child(2) { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; transition: transform 700ms ease, top 700ms ease; transform: translateX(0%) translateX(150px) scaleX(0) rotateY(90deg); transform-origin: bottom center; width: 100%; } .coaching-box-items .coaching-image .image-overlay { display: flex; width: 100%; height: 100%; background-color: rgba(2, 32, 61, 0.6); position: absolute; top: 0; left: 0; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; border-radius: 10px 10px 0 0; font-size: 32px; color: var(--white); } .coaching-box-items .coaching-image .price { width: 109px; height: 109px; background: var(--theme); border: 2px solid var(--white); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: right; border-radius: 50%; padding: 21px 0 0 16px; position: absolute; right: -35px; bottom: -41px; font-size: 20px; line-height: 32px; font-weight: 500; margin: 0; color: var(--white); } .coaching-box-items .content { padding: 25px; } .coaching-box-items .content h4 { margin-bottom: 5px; } .coaching-box-items .content h4 a:hover { color: var(--theme); } .coaching-box-items .content p { margin-bottom: 15px; } .coaching-box-items:hover .coaching-image img:nth-child(1) { transform-origin: bottom center; transform: translateX(-100%) translateX(150px) scaleX(0) rotateY(90deg); } .coaching-box-items:hover .coaching-image img:nth-child(2) { transition: transform 500ms ease, top 500ms ease; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg); } .coaching-box-items:hover .coaching-image .image-overlay { opacity: 1; transform: translateY(0); } .coaching-box-items:hover .coaching-image .price { width: 109px; height: 109px; background: var(--white); border: 2px solid var(--theme); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: right; border-radius: 50%; padding: 21px 0 0 16px; position: absolute; right: -35px; bottom: -41px; font-size: 20px; line-height: 32px; font-weight: 500; margin: 0; color: var(--header); } .coaching-box-items-2 { margin-top: 30px; padding: 30px; display: flex; align-items: center; gap: 25px; position: relative; z-index: 7; } @media (max-width: 767px) { .coaching-box-items-2 { flex-wrap: wrap; } } .coaching-box-items-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); border-radius: 10px; z-index: -1; transition: all 0.4s ease-in-out; left: initial; width: 80%; } @media (max-width: 767px) { .coaching-box-items-2::before { width: 100%; } } .coaching-box-items-2 .coaching-image { width: 180px; height: 180px; } .coaching-box-items-2 .coaching-image img { width: 100%; height: 100%; border-radius: 50%; } .coaching-box-items-2 .coaching-content { flex-basis: 60%; } @media (max-width: 767px) { .coaching-box-items-2 .coaching-content { flex-basis: 100%; } } .coaching-box-items-2 .coaching-content h3 { margin-bottom: 7px; } .coaching-box-items-2:hover::before { width: 100%; background-color: var(--theme); } .coaching-box-items-2:hover .coaching-content h3 a { color: var(--white); } .coaching-box-items-2:hover .coaching-content p { color: var(--white); } .coaching-box-items-2:hover .coaching-content .link-btn { color: var(--white); } .coaching-box-items-2:hover .coaching-content .link-btn i { background-color: var(--white); color: var(--header); } .coaching-details-wrapper .coaching-details-items .details-image img { width: 100%; height: 100%; } .coaching-details-wrapper .coaching-details-items .details-content { margin-top: 30px; } .coaching-details-wrapper .coaching-details-items .details-content h2 { font-size: 36px; margin-bottom: 20px; } .coaching-details-wrapper .coaching-details-items .details-content .details-thumb-2 img { width: 100%; height: 100%; } .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 { position: relative; } .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 img { width: 100%; height: 100%; } .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 .video-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 .video-box .video-btn { background-color: var(--theme); color: var(--white); display: inline-block; font-size: 16px; height: 80px; width: 80px; line-height: 80px; border-radius: 50%; text-align: center; } .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 .video-box .ripple::before, .coaching-details-wrapper .coaching-details-items .details-content .thumb-2 .video-box .ripple::after { height: 80px; width: 80px; } .coaching-details-wrapper .coaching-details-items .details-content .content h3 { font-size: 28px; margin-bottom: 15px; } .coaching-details-wrapper .coaching-details-items .details-content .content ul li { color: var(--header); } .coaching-details-wrapper .coaching-details-items .details-content .content ul li:not(:last-child) { margin-bottom: 10px; } .coaching-details-wrapper .coaching-details-items .details-content .content ul li i { color: var(--theme); margin-right: 5px; } .coaching-details-wrapper .country-sidebar .single-contact-form { background-color: var(--white); box-shadow: var(---box-shadow); padding: 35px; } .coaching-details-wrapper .country-sidebar .single-contact-form .wid-title { margin-bottom: 20px; } .coaching-details-wrapper .country-sidebar .single-contact-form .single-form-input input, .coaching-details-wrapper .country-sidebar .single-contact-form .single-form-input textarea { border: none; padding: 14px 20px; background-color: var(--bg); width: 100%; margin-bottom: 20px; text-transform: capitalize; color: var(--text); outline: none; } .coaching-details-wrapper .country-sidebar .single-contact-form .single-form-input textarea { padding-bottom: 90px; } .coaching-details-wrapper .country-sidebar .single-contact-form .theme-btn { padding: 16px 40px; } .coaching-details-wrapper .country-sidebar .country-sidebar-widget { margin-top: 30px; margin-bottom: 30px; } .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg { padding: 120px 40px; position: relative; z-index: 9; } .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--black); opacity: 0.5; z-index: -1; } .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h2 { font-size: 60px; color: var(--white); margin-bottom: 30px; } @media (max-width: 1199px) { .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h2 { font-size: 50px; } } @media (max-width: 767px) { .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h2 { font-size: 42px; } } @media (max-width: 575px) { .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h2 { font-size: 32px; } } .coaching-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h3 { color: var(--white); margin-bottom: 5px; } .counter-section { position: relative; } .counter-section .line-shape { position: absolute; top: -15%; left: 0; } @media (max-width: 1399px) { .counter-section .line-shape { top: 0; } } @media (max-width: 1199px) { .counter-section .line-shape { display: none; } } .counter-section .line-shape img { width: 100%; height: 100%; } .counter-wrapper .counter-items { position: relative; padding-bottom: 45px; } .counter-wrapper .counter-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); border-radius: 9px; top: 60px; height: initial; transition: all 0.4s ease-in-out; } .counter-wrapper .counter-items .icon { width: 106px; height: 106px; line-height: 122px; background-color: var(--white); color: var(--theme); text-align: center; border-radius: 50%; font-size: 56px; position: relative; z-index: 9; box-shadow: var(---box-shadow); transition: all 0.4s ease-in-out; transition: transform 500ms ease; } .counter-wrapper .counter-items .icon img { transition: all 0.4s ease-in-out; } .counter-wrapper .counter-items .content { margin-top: 30px; position: relative; z-index: 9; } .counter-wrapper .counter-items .content h2 { font-size: 65px; margin-bottom: 5px; } @media (max-width: 767px) { .counter-wrapper .counter-items .content h2 { font-size: 52px; } } @media (max-width: 575px) { .counter-wrapper .counter-items .content h2 { font-size: 48px; } } .counter-wrapper .counter-items .content p { font-size: 18px; font-weight: 500; } .counter-wrapper .counter-items:hover::before { background-color: var(--theme); } .counter-wrapper .counter-items:hover .icon { transform: scaleX(-1); } .counter-wrapper .counter-items:hover .content h2, .counter-wrapper .counter-items:hover .content p { color: var(--white); } .counter-section-2 { position: relative; } .counter-section-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg6); z-index: -1; top: 60%; } .counter-wrapper-2 { padding: 65px 105px; background-color: var(--theme2); border-radius: 11px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .counter-wrapper-2 { flex-wrap: wrap; padding: 50px 50px; gap: 30px; } } @media (max-width: 470px) { .counter-wrapper-2 { justify-content: center; text-align: center; } } .counter-wrapper-2 .counter-items:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.1019607843); padding-right: 80px; } @media (max-width: 1199px) { .counter-wrapper-2 .counter-items:not(:last-child) { padding-right: 20px; } } @media (max-width: 991px) { .counter-wrapper-2 .counter-items:not(:last-child) { border: none; padding-right: 0; } } .counter-wrapper-2 .counter-items .icon { font-size: 52px; color: var(--white); } .counter-wrapper-2 .counter-items .content { margin-top: 25px; } @media (max-width: 575px) { .counter-wrapper-2 .counter-items .content { margin-top: 15px; } } .counter-wrapper-2 .counter-items .content h2 { font-size: 50px; color: var(--white); font-weight: 600; } @media (max-width: 575px) { .counter-wrapper-2 .counter-items .content h2 { font-size: 38px; } } .counter-wrapper-2 .counter-items .content p { color: var(--white); margin-top: 10px; font-size: 18px; } @media (max-width: 575px) { .counter-wrapper-2 .counter-items .content p { font-size: 16px; } } .countries-card-items { display: flex; align-items: center; gap: 20px; background-color: var(--white); box-shadow: var(---box-shadow); margin-top: 30px; padding: 40px 25px; border-radius: 10px; transition: all 0.4s ease-in-out; } @media (max-width: 991px) { .countries-card-items { flex-wrap: wrap; } } .countries-card-items .thumb { width: 60px; height: 60px; } .countries-card-items .thumb img { width: 100%; height: 100%; transition: all 0.4s ease-in-out; } .countries-card-items .content h3 { margin-bottom: 5px; } .countries-card-items .content h3 a:hover { color: var(--theme); } .countries-card-items:hover { transform: translateY(-10px); } .countries-card-items:hover .thumb img { transform: rotate(360deg); } .country-box-items { position: relative; z-index: 9; text-align: center; margin-top: 30px; padding: 30px 15px; } .country-box-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); z-index: -1; border-radius: 10px; top: 100px; height: initial; } .country-box-items .flag-thumb img { transition: all 0.4s ease-in-out; } .country-box-items .flag-content { margin-top: 20px; } .country-box-items .flag-content h3 { margin-bottom: 5px; } .country-box-items .flag-content h3 a:hover { color: var(--theme); } .country-box-items:hover .flag-thumb img { transform: scaleX(-1); } .country-box-items.style-2 { margin-bottom: 30px; } .country-box-items.style-2::before { background-color: var(--white); top: initial; height: 65%; box-shadow: var(---box-shadow); transition: all 0.4s ease-in-out; } .country-box-items.style-2:hover::before { background-color: var(--theme); height: 100%; } .country-box-items.style-2:hover .flag-content h3 a { color: var(--white); } .country-box-items.style-2:hover .flag-content p { color: var(--white); } .country-section-4 { margin-bottom: -30px; } .country-section-4 .swiper-slide.swiper-slide-active .country-box-items.style-2::before { background-color: var(--theme); height: 100%; } .country-section-4 .swiper-slide.swiper-slide-active .country-box-items.style-2 .flag-thumb img { transform: scaleX(-1); } .country-section-4 .swiper-slide.swiper-slide-active .country-box-items.style-2 .flag-content h3 a { color: var(--white); } .country-section-4 .swiper-slide.swiper-slide-active .country-box-items.style-2 .flag-content p { color: var(--white); } .single-country-items { margin-top: 30px; background-color: var(--white); border-radius: 10px; } .single-country-items .country-image { position: relative; } .single-country-items .country-image img { width: 100%; height: 100%; border-radius: 10px 10px 0 0; } .single-country-items .country-image .flag { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); background-color: var(--white); box-shadow: var(---box-shadow); line-height: 50px; border-radius: 50%; width: 50px; height: 50px; text-align: center; } .single-country-items .country-image .flag img { width: 35px; height: 35px; transition: all 0.4s ease-in-out; } .single-country-items .contry-content { text-align: center; padding: 30px 25px 20px; } .single-country-items .contry-content h3 { margin-bottom: 5px; } .single-country-items .contry-content h3 a:hover { color: var(--theme); } .single-country-items:hover .country-image .flag img { transform: rotate(360deg); } .country-details-wrapper .country-details-items .country-content { margin-bottom: 40px; } .country-details-wrapper .country-details-items .country-content h2 { font-size: 36px; margin-bottom: 15px; } .country-details-wrapper .country-details-items .details-image { margin-bottom: 40px; } .country-details-wrapper .country-details-items .details-image img { width: 100%; height: 100%; } .country-details-wrapper .country-details-items .thumb-2 { position: relative; } .country-details-wrapper .country-details-items .thumb-2 img { width: 100%; height: 100%; } .country-details-wrapper .country-details-items .thumb-2 .video-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .country-details-wrapper .country-details-items .thumb-2 .video-box .video-btn { background-color: var(--theme); color: var(--white); display: inline-block; font-size: 16px; height: 80px; width: 80px; line-height: 80px; border-radius: 50%; text-align: center; } .country-details-wrapper .country-details-items .thumb-2 .video-box .ripple::before, .country-details-wrapper .country-details-items .thumb-2 .video-box .ripple::after { height: 80px; width: 80px; } .country-details-wrapper .country-details-items .content h3 { font-size: 28px; margin-bottom: 15px; } .country-details-wrapper .country-details-items .content ul li { color: var(--header); } .country-details-wrapper .country-details-items .content ul li:not(:last-child) { margin-bottom: 10px; } .country-details-wrapper .country-details-items .content ul li i { color: var(--theme); margin-right: 5px; } .country-details-wrapper .country-sidebar .single-contact-form { background-color: var(--white); box-shadow: var(---box-shadow); padding: 35px; } .country-details-wrapper .country-sidebar .single-contact-form .wid-title { margin-bottom: 20px; } .country-details-wrapper .country-sidebar .single-contact-form .single-form-input input, .country-details-wrapper .country-sidebar .single-contact-form .single-form-input textarea { border: none; padding: 14px 20px; background-color: var(--bg); width: 100%; margin-bottom: 20px; text-transform: capitalize; color: var(--text); outline: none; } .country-details-wrapper .country-sidebar .single-contact-form .single-form-input textarea { padding-bottom: 90px; } .country-details-wrapper .country-sidebar .single-contact-form .theme-btn { padding: 16px 40px; } .country-details-wrapper .country-sidebar .country-sidebar-widget { margin-top: 30px; margin-bottom: 30px; } .country-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg { padding: 120px 40px; position: relative; z-index: 9; } .country-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--black); opacity: 0.5; z-index: -1; } .country-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h2 { font-size: 60px; color: var(--white); margin-bottom: 30px; } .country-details-wrapper .country-sidebar .country-sidebar-widget .contact-bg h3 { color: var(--white); margin-bottom: 5px; } ::-webkit-scrollbar { width: 4px; height: 4px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--theme); border-radius: 5px; } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--theme); border-radius: 10px; } .fix { overflow: hidden; } .ralt { position: relative; } .ml-100 { margin-left: 100px; } .video-pulse::after, .video-pulse::before { position: absolute; content: ""; width: 90px; height: 90px; border: 1px solid var(--white); opacity: 0.7; left: 0; top: 0; border-radius: 50%; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: video-animation; animation-name: video-animation; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .video-pulse::before { -webkit-animation-delay: 1s; animation-delay: 1s; } .ripple { position: relative; } .ripple::before, .ripple::after { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; box-shadow: 0 0 0 0 rgba(214, 17, 30, 0.5); -webkit-animation: rippleOne 3s infinite; animation: rippleOne 3s infinite; } .ripple::before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; right: 0; bottom: 0; } .ripple::after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; right: 0; bottom: 0; } .mt-10 { margin-top: 10px; } @media (max-width: 991px) { br { display: none; } } /* background */ .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; } .nice-select { color: var(--text); background-color: transparent; font-size: 16px; width: unset; outline: none; padding: 18px 30px; border: none; border: 1px solid #e4e4e4; font-weight: 500; color: var(--text); transition: all 0.4s ease-in-out; } @media (max-width: 575px) { .nice-select { padding: 12px 20px; } } .nice-select span { color: var(--text); font-size: 16px; margin-bottom: 0 !important; font-weight: 500; } .nice-select:hover::after { border-bottom: 1px solid var(--text); border-right: 1px solid var(--text); } .nice-select option { color: var(--text); } .nice-select .current { margin-right: 12px; } .nice-select:after { right: 23px; border-bottom: 1px solid var(--text); border-right: 1px solid var(--text); width: 10px; height: 10px; } .nice-select.open .list { background: var(--bg); margin-top: 16px; width: 100%; text-transform: capitalize; color: var(--text); } .nice-select .option.selected.focus { background: var(--bg); outline: none; color: var(--theme); text-transform: capitalize; font-size: 16px; } .nice-select .option { border: none; } .nice-select .option:hover { background: transparent; } .head-color { color: var(--header); } .theme-color-1 { color: var(--theme) !important; } .border-none { border-top: none !important; } .mbm-10 { margin-bottom: -20px; } .ml-30 { margin-left: 30px; } @media (max-width: 1199px) { .ml-30 { margin-left: 0; } } .box-shadow { box-shadow: var(---box-shadow); } .team-box-items { margin-top: 30px; transition: all 0.4s ease-in-out; } .team-box-items.style-2 { margin-top: 60px; } .team-box-items .team-image { position: relative; overflow: hidden; } .team-box-items .team-image img { width: 100%; height: 100%; border-radius: 30px; transition: all 0.4s ease-in-out; } .team-box-items .team-image::after { background: linear-gradient(90deg, rgba(var(--white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--white-rgb, 255, 255, 255), 0.3) 92%, rgba(var(--white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; left: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.5s ease 0s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; width: 200%; } .team-box-items .team-image .social-icon { gap: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); right: 5%; z-index: 9; } .team-box-items .team-image .social-icon li { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; cursor: pointer; background-color: var(--theme); width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; } .team-box-items .team-image .social-icon li:hover { background-color: var(--header); } .team-box-items .team-image .social-icon li:hover i { color: var(--white); } .team-box-items .team-image .social-icon li a i { color: var(--white); font-size: 16px; transition: all 0.4s ease-in-out; } .team-box-items .team-content { margin-top: 20px; } .team-box-items .team-content h3 { margin-bottom: 5px; } .team-box-items .team-content h3 a:hover { color: var(--theme); } .team-box-items:hover { transform: translateY(-10px); } .team-box-items:hover .team-image::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.5s, 0.5s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear; } .team-box-items:hover .team-image .social-icon li { -webkit-transform: scaleX(1); transform: scaleX(1); } .single-team-items { margin-top: 30px; } .single-team-items .team-image { position: relative; } .single-team-items .team-image img { width: 100%; height: 100%; } .single-team-items .team-image .social-profile { position: absolute; right: 30px; top: 30px; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 2; display: inline-block; overflow: hidden; } .single-team-items .team-image .social-profile ul { transform: translateY(-100px); transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; } .single-team-items .team-image .social-profile ul li:not(:last-child) { margin-bottom: 10px; } .single-team-items .team-image .social-profile ul li a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 50%; display: block; background: var(--white); color: var(--header); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; margin: 0 auto; } .single-team-items .team-image .social-profile ul li a:hover { background-color: var(--theme); color: var(--white); } .single-team-items .team-image .social-profile .plus-btn { z-index: 2; cursor: pointer; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 50%; display: inline-block; background: var(--theme); color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 10px; } .single-team-items .team-image .social-profile:hover ul { transform: translateY(0); opacity: 1; visibility: visible; } .single-team-items .team-content { background-color: var(--white); padding: 20px; margin: -50px 20px 0; position: relative; z-index: 9; } .single-team-items .team-content h5 { margin-bottom: 5px; } .single-team-items .team-content h5 a:hover { color: var(--theme); } .team-card-items { margin-top: 30px; border: 1px solid rgba(255, 255, 255, 0.1019607843); } .team-card-items .team-content { padding: 40px; } .team-card-items .team-content h4 { margin-bottom: 5px; } .team-card-items .team-content h4 a { color: var(--white); } .team-card-items .team-image { position: relative; padding: 0 20px 20px 20px; } .team-card-items .team-image img { width: 100%; height: 100%; } .team-card-items .team-image .social-profile { position: absolute; left: 20px; bottom: 20px; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 2; display: flex; overflow: hidden; font-size: 22px; align-items: center; } .team-card-items .team-image .social-profile ul { transform: translateX(-100px); transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; display: flex; margin-top: 21px; } .team-card-items .team-image .social-profile ul li a { padding: 8px 15px; text-align: center; font-size: 14px; display: block; background: var(--white); color: var(--header); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; margin: 0 auto; color: var(--text); } .team-card-items .team-image .social-profile ul li a:hover { color: var(--theme2); } .team-card-items .team-image .social-profile .plus-btn { z-index: 2; cursor: pointer; width: 65px; height: 65px; line-height: 65px; text-align: center; font-size: 18px; display: inline-block; background: var(--theme2); color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-card-items .team-image .social-profile:hover ul { transform: translateY(0); opacity: 1; visibility: visible; } .team-box-items-2 { margin-top: 30px; } .team-box-items-2 .team-thumb img { width: 100%; height: 100%; } .team-box-items-2 .team-content { clip-path: polygon(100% 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 20%); background-color: var(--white); padding: 55px 0px 30px; margin: -80px 20px 0; text-align: center; } .team-box-items-2 .team-content h3 { font-size: 22px; } .team-box-items-2 .team-content h3 a:hover { color: var(--theme); } .team-box-items-2 .team-content .social-icon { gap: 10px; margin-top: 15px; } .team-box-items-2 .team-content .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; border: 1px solid var(--border); color: var(--header); display: inline-block; } .team-box-items-2 .team-content .social-icon a:hover { background-color: var(--theme); color: var(--white); } .team-details-wrapper .team-image { height: 525px; } @media (max-width: 575px) { .team-details-wrapper .team-image { height: 400px; } .team-details-wrapper .team-image img { object-fit: cover; } } .team-details-wrapper .team-details-content .star a { font-size: 14px; color: var(--header); } .team-details-wrapper .team-details-content .star a i { color: var(--ratting); } .team-details-wrapper .team-details-content h3 { margin-bottom: 5px; font-size: 44px; } @media (max-width: 767px) { .team-details-wrapper .team-details-content h3 { font-size: 30px; } } @media (max-width: 575px) { .team-details-wrapper .team-details-content h3 { font-size: 24px; } } .team-details-wrapper .team-details-content span { font-weight: 500; margin-bottom: 15px; display: block; } .team-details-wrapper .team-details-content .social-icon { margin-top: 40px; gap: 15px; position: relative; z-index: 9; } @media (max-width: 575px) { .team-details-wrapper .team-details-content .social-icon { margin-top: 20px; } } .team-details-wrapper .team-details-content .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: var(--bg); color: var(--text); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .team-details-wrapper .team-details-content .social-icon a:hover { background-color: var(--theme); color: var(--white); } .team-skill { background-color: var(--theme); } .team-skill-wrapper .team-skill-content h3 { color: var(--white); font-size: 40px; font-weight: 600; line-height: 125%; } @media (max-width: 1199px) { .team-skill-wrapper .team-skill-content h3 { font-size: 36px; } } @media (max-width: 767px) { .team-skill-wrapper .team-skill-content h3 { font-size: 28px; } } @media (max-width: 575px) { .team-skill-wrapper .team-skill-content h3 { font-size: 24px; } } .team-skill-wrapper .progress-wrap .pro-items:not(:last-child) { margin-bottom: 20px; } .team-skill-wrapper .progress-wrap .pro-items .pro-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .team-skill-wrapper .progress-wrap .pro-items .pro-head .point { font-size: 18px; font-weight: 700; color: var(--white); } .team-skill-wrapper .progress-wrap .pro-items .pro-head .title { color: var(--white); font-weight: 600; font-size: 18px; text-transform: uppercase; } .team-skill-wrapper .progress-wrap .pro-items .progress { background: var(--white); justify-content: flex-start; border-radius: 0; align-items: center; position: relative; display: flex; height: 6px; width: 100%; } .team-skill-wrapper .progress-wrap .pro-items .progress-value { animation: load 3s normal forwards; box-shadow: 0 10px 40px -10px var(--white); border-radius: 0; background: var(--white); height: 6px; width: 0; } .team-skill-wrapper .progress-wrap .pro-items .style-two { animation: load2 3s normal forwards; } @keyframes load { 0% { width: 0; } 100% { width: 65%; } } @keyframes load2 { 0% { width: 0; } 100% { width: 75%; } } .team-contact-wrapper .get-touch-items .get-touch-title h2 { margin-bottom: 10px; } .team-contact-wrapper .get-touch-items .contact-items { margin-top: 50px; display: flex; align-items: center; gap: 100px; } @media (max-width: 575px) { .team-contact-wrapper .get-touch-items .contact-items { margin-top: 20px; gap: 30px; flex-wrap: wrap; } } .team-contact-wrapper .get-touch-items .contact-items .contact-info h4 { font-weight: 600; text-transform: capitalize; margin-bottom: 10px; font-size: 22px; } .team-contact-wrapper .get-touch-items .contact-items .contact-info h5 { text-transform: capitalize; font-size: 18px; } .team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon { gap: 15px; position: relative; z-index: 9; } @media (max-width: 575px) { .team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon { margin-top: 20px; } } .team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: var(--bg); color: var(--text); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .team-contact-wrapper .get-touch-items .contact-items .contact-info .social-icon a:hover { background-color: var(--theme); color: var(--white); } .team-button { text-align: center; margin-top: 30px; } .team-section { position: relative; } .team-section .dot-shape-2 { position: absolute; top: 0; right: 0; } .faq-content .accordion-item { border: 0; margin-top: 20px; border-radius: 10px; background-color: var(--white); border: 1px solid var(--border2); border-radius: 9px; padding: 16px 30px; } @media (max-width: 575px) { .faq-content .accordion-item { margin-top: 10px; } } .faq-content .accordion-item .accordion-header .accordion-button { font-weight: bold; color: var(--header); letter-spacing: -0.2px; border: 0; border-radius: 0; box-shadow: none; background-color: transparent; padding: 10px 0; font-size: 20px; } .faq-content .accordion-item .accordion-header .accordion-button::after { content: "\f067"; background: transparent; font-family: "Font Awesome 5 Pro"; font-weight: 300; transition: all 0.3s ease-in-out !important; color: var(--header); } .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f068"; background: transparent; font-family: "Font Awesome 5 Pro"; font-weight: 300; } .faq-content .accordion-item .accordion-collapse .accordion-body { padding-right: 30px; padding-left: 0; padding-top: 5px; color: var(--text); } @media (max-width: 1199px) { .faq-content .accordion-item .accordion-collapse .accordion-body { padding-right: 0; } } .faq-content.style-2 .accordion-item { background-color: var(--white); box-shadow: 0px 14px 50px #e4e9f1; border: 1px solid var(--border); border-radius: 4px; } .faq-content.style-2 .accordion-item .accordion-header .accordion-button::after { content: "\f078"; width: 37px; height: 37px; background-color: var(--theme2); text-align: center; line-height: 37px; color: var(--white); border-radius: 4px; } .faq-content.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f077"; background: #00205b; } .faq-content.style-2 .accordion-item .accordion-collapse .accordion-body { color: #5a627d; } .faq-content.style-color .accordion-item .accordion-header .accordion-button::after { background-color: var(--theme); } .faq-content.style-color .accordion-item .accordion-collapse .accordion-body { color: #5a627d; } .faq-section-2 { background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%); } .faq-wrapper .single-tab-items .nav { display: flex; align-items: center; gap: 15px; } .faq-wrapper .single-tab-items .nav .nav-link { text-align: center; padding: 8px 25px; background-color: #edf2f6; border-radius: 5px; font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--header); transition: all 0.3s ease-in-out; } @media (max-width: 991px) { .faq-wrapper .single-tab-items .nav .nav-link { padding: 14px 45px; font-size: 18px; } } @media (max-width: 767px) { .faq-wrapper .single-tab-items .nav .nav-link { padding: 14px 30px; font-size: 14px; } } @media (max-width: 575px) { .faq-wrapper .single-tab-items .nav .nav-link { padding: 12px 20px; font-size: 14px; } } .faq-wrapper .single-tab-items .nav .nav-link.active { position: relative; background-color: var(--theme); color: var(--white); } .faq-wrapper .faq-content .accordion-item { border-radius: 0; border-bottom: 1px solid var(--border2) !important; border: 0; padding: 20px 0; margin-top: 0; } .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-weight: 600; } .faq-images img { width: 100%; height: 100%; } .cta-banner-section { position: relative; background-attachment: scroll; box-shadow: 0px 0px 15px 2px #00F0FF59; border: 3px solid var(--theme2); border-radius: 20px; padding: 80px 0px; } .cta-banner-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; /* background-image: var(--color-gradient-2); */ } .cta-banner-wrapper .video-box { text-align: center; margin: 0 auto; padding: 120px 0; } @media (max-width: 1024px) { .cta-banner-section { padding: 50px 0px; } } @media (max-width: 991px) { .cta-banner-section { padding: 30px 0px; } } @media (max-width: 767px) { .cta-banner-wrapper .video-box { padding: 100px 0; } } @media (max-width: 575px) { .cta-banner-wrapper .video-box { padding: 80px 0; } .cta-banner-section { padding: 20px; } } .cta-banner-wrapper .video-box .video-buttton { width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: var(--theme); color: var(--white); display: inline-block; font-size: 18px; } @media (max-width: 1199px) { .cta-banner-wrapper .video-box .video-buttton { /* width: 90px; */ /* height: 90px; */ /* line-height: 90px; */ } } @media (max-width: 767px) { .cta-banner-wrapper .video-box .video-buttton { /* width: 80px; */ /* height: 80px; */ /* line-height: 80px; */ /* font-size: 18px; */ } } @media (max-width: 575px) { .cta-banner-wrapper .video-box .video-buttton { /* width: 70px; */ /* height: 70px; */ /* line-height: 70px; */ } } .cta-banner-wrapper .video-box .ripple::before, .cta-banner-wrapper .video-box .ripple::after { width: 60px; height: 60px; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } @media (max-width: 1199px) { .cta-banner-wrapper .video-box .ripple::before, .cta-banner-wrapper .video-box .ripple::after { /* width: 90px; */ /* height: 90px; */ } } @media (max-width: 767px) { .cta-banner-wrapper .video-box .ripple::before, .cta-banner-wrapper .video-box .ripple::after { /* width: 80px; */ /* height: 80px; */ } } @media (max-width: 575px) { .cta-banner-wrapper .video-box .ripple::before, .cta-banner-wrapper .video-box .ripple::after { /* width: 70px; */ /* height: 70px; */ } } .cta-chat-wrapper { background-color: var(--theme); padding: 55px 40px; border-radius: 7px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .cta-chat-wrapper { flex-wrap: wrap; gap: 30px; justify-content: center; text-align: center; } } @media (max-width: 575px) { .cta-chat-wrapper { text-align: center; } } .cta-chat-wrapper .chat-items { display: flex; align-items: center; gap: 35px; } @media (max-width: 1199px) { .cta-chat-wrapper .chat-items { flex-wrap: wrap; justify-content: center; gap: 20px; } } .cta-chat-wrapper .chat-items .icon { font-size: 52px; color: var(--white); } .cta-chat-wrapper .chat-items .content h3 { font-size: 36px; color: var(--white); margin-bottom: 10px; } @media (max-width: 575px) { .cta-chat-wrapper .chat-items .content h3 { font-size: 28px; } } .cta-chat-wrapper .chat-items .content p { font-size: 18px; color: rgba(255, 255, 255, 0.52); } .cta-chat-wrapper.style-2 { background-color: var(--theme2); } .cta-chat-section-2 { position: relative; } .cta-chat-section-2::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg6); z-index: -1; height: 50%; } .cta-banner-2 { background-color: var(--theme); max-width: 800px; margin: 60px auto; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 25px 30px; position: relative; z-index: 9; } @media (max-width: 767px) { .cta-banner-2 { flex-wrap: wrap; justify-content: center; gap: 30px; } } .cta-banner-2 .cta-items { display: flex; align-items: center; gap: 30px; } @media (max-width: 767px) { .cta-banner-2 .cta-items { flex-wrap: wrap; justify-content: center; } } .cta-banner-2 .cta-items .content p { font-weight: 600; color: #c5c3c3; } @media (max-width: 470px) { .cta-banner-2 .cta-items .content p { text-align: center; } } .cta-banner-2 .cta-items .content h6 { font-size: 16px; color: var(--white); } .cta-banner-2 .theme-btn { line-height: 1; } .cta-banner-style-1 { position: relative; z-index: 99; padding: 60px 100px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .cta-banner-style-1 { flex-wrap: wrap; padding: 55px; } } @media (max-width: 991px) { .cta-banner-style-1 { justify-content: center; text-align: center; } } @media (max-width: 767px) { .cta-banner-style-1 { padding: 50px; } } @media (max-width: 575px) { .cta-banner-style-1 { padding: 40px; } } .cta-banner-style-1::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); opacity: 0.9; } .cta-banner-section-4 { position: relative; z-index: 9; } .cta-banner-section-4::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg4); top: 50%; z-index: -1; } .cta-banner-contact-section { position: relative; z-index: 2; background-attachment: fixed; } .cta-banner-contact-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #16171a 0.06%, rgba(22, 23, 26, 0) 99.93%); z-index: -1; } .cta-banner-concat-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .cta-banner-concat-wrapper { flex-wrap: wrap; gap: 30px; justify-content: center; text-align: center; } } .cta-banner-concat-wrapper h2 { color: var(--white); font-size: 48px; } @media (max-width: 767px) { .cta-banner-concat-wrapper h2 { font-size: 40px; } } @media (max-width: 575px) { .cta-banner-concat-wrapper h2 { font-size: 32px; } } .marque-section { position: relative; background-color: var(--theme); padding: 30px 0; } .marquee-wrapper { position: relative; overflow: hidden; white-space: nowrap; } @media (max-width: 575px) { .marquee-wrapper { margin-top: -25px; } } .text-slider { font-size: 114px; height: 110px; line-height: 90px; font-weight: 500; text-transform: capitalize; margin-right: 20px; color: rgba(61, 66, 92, 0.2); } .text-slider.style-height { height: 50px; line-height: 0; } @media (max-width: 575px) { .text-slider.style-height { line-height: initial; } } .text-slider.style-height-2 { height: 71px; line-height: 0; } @media (max-width: 575px) { .text-slider.style-height-2 { line-height: 70px; } } @media (max-width: 575px) { .text-slider { font-size: 50px; height: 70px; line-height: 65px; margin-bottom: -10px; } } .text-slider.style-border { position: relative; padding-left: 65px; } .text-slider.style-border::before { position: absolute; bottom: 30px; left: 0; content: ""; width: 60px; height: 8px; background-color: rgba(61, 66, 92, 0.2); } .marquee-inner { position: absolute; display: inline-flex; width: 200%; } .marquee-list { float: left; width: 50%; } .marquee-item { float: left; transition: animation 0.2s ease-out; } .marquee-item.style-2 .text-slider { text-transform: capitalize; font-size: 42px; color: var(--white); margin-right: 40px; line-height: 0; height: 65px; } @media (max-width: 767px) { .marquee-item.style-2 .text-slider { font-size: 42px; } } .marque-section .container-fluid { padding: 0 100px; } @media (max-width: 1199px) { .marque-section .container-fluid { padding: 0; } } .marque-section-2 { background-color: var(--theme); } .marquee-inner.to-left { animation: marqueeLeft 25s linear infinite; } @keyframes marqueeLeft { 0% { left: 0; } 100% { left: -100%; } } .marquee-inner.to-right { animation: marqueeRight 25s linear infinite; } @keyframes marqueeRight { 0% { right: 0; } 100% { right: -100%; } } .testimonial-card-items { margin-top: 30px !important; border: 1px solid var(--border); padding: 45px 35px; position: relative; } .testimonial-card-items::before { position: absolute; right: 40px; top: 40px; content: ""; width: 32px; height: 24px; background-image: url(../img/quote.png); background-repeat: no-repeat; background-size: cover; } .testimonial-card-items .author-items { display: flex; align-items: center; gap: 23px; } .testimonial-card-items .author-items .author-image { width: 75px; height: 75px; border-radius: 50%; } .testimonial-card-items .author-items .author-content h5 { margin-bottom: 5px; } .testimonial-card-items p { margin-top: 30px; font-size: 18px; } .testimonial-card-items ul { margin-top: 40px; } .testimonial-card-items ul li { padding: 15px; background-color: var(--theme); color: var(--white); font-weight: 500; position: relative; } .testimonial-card-items ul li::after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 25px solid transparent; border-bottom: 35px solid var(--theme); position: absolute; top: -15px; left: 50px; right: 0; transition: all 0.4s ease-in-out; z-index: -1; } .testimonial-section { position: relative; } .testimonial-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(180deg, rgba(246, 242, 237, 0) 0%, #f6f2ed 100%); z-index: -1; top: 10%; } .testimonial-carousel-active .slick-slide { margin: 0 15px; } .testimonial-carousel-active .slide-dots { text-align: center; border: 1px dotted var(--theme); width: 145px; height: 40px; line-height: 40px; border-radius: 30px; margin: 0 auto; margin-top: 30px; } .testimonial-carousel-active .slide-dots li { display: inline-block; margin: 13px 5px; } .testimonial-carousel-active .slide-dots li button { position: relative; text-indent: -9999px; border-radius: 10px; width: 10px; height: 10px; background-color: var(--white); transition: all 0.3s ease-in-out; border: 2px solid var(--theme); } .testimonial-carousel-active .slide-dots li button:hover { background-color: var(--theme); } .testimonial-carousel-active .slide-dots li.slick-active button { background-color: var(--theme); border-color: var(--theme); } .testimonial-carousel-active .slick-list { margin: 0 -15px; } .testimonial-card-items-2::before { /* background-color: #eeeedf !important; */ } .testimonial-carousel-active-2 .slick-slide { margin: 0 5px; /* margin-bottom: 50px; */ /* background-image: url(../img/Frame\ 870.png); background-repeat: no-repeat; */ position: relative; z-index: 3; background-position: center; } .testimonial-carousel-active-2 .slick-list { /* padding-top: 102px; */ } .testimonial-carousel-active-2 .slide-dots { margin: 40px auto; text-align: center; } .testimonial-carousel-active-2 .slide-dots li { display: inline-block; margin: 13px 8px; } .testimonial-carousel-active-2 .slide-dots li button { text-indent: -9999px; width: 8px; height: 8px; transition: 0.6s; background-color: #d6d1d1; opacity: 1; border-radius: 10px; position: relative; } .testimonial-carousel-active-2 .slide-dots li button:hover { background-color: var(--theme); } .testimonial-carousel-active-2 .slide-dots li.slick-active button { background-color: var(--theme); transition: 0.6s; position: relative; } .testimonial-carousel-active-2 .slide-dots li.slick-active button::before { position: absolute; width: 20px; height: 20px; line-height: 20px; top: -6px; left: -6px; border-radius: 50%; background-color: transparent; border: 2px solid var(--theme); content: ""; } .testimonial-carousel-active-2 .testimonial-maincon { /* display: flex; */ justify-content: center; flex-wrap: wrap; gap: 0px; margin-bottom: 0; } .testimonial-card-items-2 { /* margin-top: 30px; */ text-align: center; /* border-radius: 50px; */ /* border: 2px solid var(--theme2); */ /* background-color: var(--theme); */ /* padding: 25px 30px; */ position: relative; z-index: 9; } .testimonial-card-items-2::before { /* position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); z-index: -1; top: 20%; border-radius: 30px; box-shadow: 0 0 15px 2px #2E344066; height: initial; border: 2px solid var(--theme); */ } .testimonial-card-items-2:hover::before { /* background-color: var(--theme2); transition: all 0.9s; */ } .testimonial-card-items-2:hover { /* transition: all 0.9s; */ /* border: 2px solid var(--theme); */ /* background: linear-gradient(to right, #66D2CE26, #40706E26); */ } .testimonial-card-items-2:hover .testimonial-content .author-name h6 { color: var(--white); } .testimonial-card-items-2:hover .testimonial-content .author-name h4 { color: var(--white); } .testimonial-card-items-2:hover .testimonial-content .author-name p { color: var(--white); } .testimonial-card-items-2:hover .testimonial-content .star i { color: var(--white); } .testimonial-card-items-2:hover .testimonial-image { /* border: 2px solid var(--theme2); */ /* box-shadow: 0 0 10px 0 #66D2CE80; */ } .testimonial-card-items-2:hover .testimonial-imagee h4 { color: var(--theme); } .testimonial-card-items-2 .testimonial-imagee h5 { padding: 5px 15px; border-radius: 20px; background-color: var(--theme); color: var(--white); font-size: 16px; line-height: 24px; font-weight: 400; position: absolute; bottom: 15px; left: 20px; } .testimonial-card-items-2 .testimonial-image { /* position: absolute; */ /* top: 0; */ /* left: 0; */ width: 50px; height: 50px; /* box-shadow: 0 0 10px 0 #E3D2C380; */ /* background-size: auto; */ /* border-radius: 50%; */ /* text-align: center; */ /* margin-bottom: 10px; */ /* border: 2px solid var(--theme); */ } .testimonial-card-items-2 .testimonial-imagee img { width: 100%; } .testimonial-card-items-2 .testimonial-contentt h5 { font-size: 44px; line-height: 56px; font-weight: 600; margin-bottom: 50px; text-align: start; color: var(--white); } .testimonial-card-items-2 .testimonial-contentt p { font-weight: 400; font-size: 20px; line-height: 28px; color: var(--white); text-align: center; margin-bottom: 30px; } .testimonial-card-items-2 .testimonial-imagee { /* display: flex; */ /* flex-wrap: wrap; */ /* padding: 20px; */ /* background-color: var(--theme); */ gap: 15px; align-items: center; /* border-radius: 20px; */ justify-content: center; text-align: start; position: relative; } .testimonial-card-items-2 .testimonial-titleee { display: flex; flex-wrap: wrap; gap: 5px; text-align: center; } .testimonial-card-items-2 .testimonial-contentt { display: flex; text-align: start; justify-content: space-between; flex-wrap: wrap; gap: 16px; /* width: 776px; */ position: relative; padding: 0; margin-top: 20px; } .client-info { text-align: start; } .testimonial-card-items-2 .testimonial-imag { display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; justify-content: center; } .testimonial-card-items-2 .client-info h6 { font-weight: 600; font-size: 18px; line-height: 26px; color: var(--black); } .testimonial-card-items-2 .client-info h4 { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--theme); } .testimonial-card-items-2 .testimonial-content .client-info { display: flex; flex-wrap: nowrap; justify-content: center; gap: 20px; } .testimonial-card-items-2 .testimonial-content .client-info .client-content { text-align: center; } .testimonial-card-items-2 .testimonial-content .author-name h6 { color: var(--body); font-weight: 700; font-size: 28px; line-height: 36px; margin-bottom: 5px; } .testimonial-card-items-2 .testimonial-content .author-name h5 { font-size: 20px; line-height: 28px; font-weight: 400; color: var(--theme2); } .testimonial-card-items-2 .testimonial-content .author-name h4 { font-size: 18px; line-height: 26px; font-weight: 400; color: var(--theme); } .testimonial-card-items-2 .testimonial-content .author-name p { font-size: 18px; font-weight: 400; line-height: 26px; color: var(--body); /* border-bottom: 1px solid var(--border2); */ margin-top: 15px; } .testimonial-card-items-2 .testimonial-content { margin-top: 25px; } .testimonial-card-items-2 .testimonial-contentt .star { color: var(--theme); text-align: center; font-size: 15px; margin-bottom: 20px; } .testimonial-card-items-2 .testimonial-contentt .star i { margin-right: 5px; } .testimonial-card-items-2 .testimonial-content .star span { font-size: 18px; color: var(--ratting); } .testimonial-card-items-2 .testimonial-content .star span.color-2 { color: #ded9d1; } .testimonial-card-items-2 .testimonial-content .author-name { /* margin-top: 30px; */ } .slick-arrow.slick-hidden { display: block !important; } .testimonial-contentt .slider-button { display: flex; gap: 30px; align-items: center; /* position: absolute; bottom: 0px; left: 0; top: 0; right: 0; */ } .testimonial-wrapper .testimonial-nav-prev { display: inline-block; background-image: url(../img/test-prev.svg); background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; cursor: pointer; } .testimonial-wrapper .testimonial-nav-next { background-image: url(../img/test-next.svg); background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; cursor: pointer; } @media (max-width: 1200px) { .testimonial-card-items-2 .testimonial-contentt h5 { margin-bottom: 25px; } .testimonial-card-items-2 .testimonial-contentt p { margin-bottom: 25px; } } @media (max-width: 1024px) { .testimonial-card-items-2 .testimonial-imagee h5 { font-size: 14px; line-height: 22px; padding: 3px 12px; } .testimonial-contentt .slider-button { gap: 25px; } .testimonial-card-items-2 .testimonial-contentt h5 { font-size: 36px; line-height: 46px; } .testimonial-card-items-2 .testimonial-contentt p { font-size: 16px; line-height: 24px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 8; /* ← Set how many lines you want */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .testimonial-card-items-2 .testimonial-imag { justify-content: start; } .testimonial-card-items-2 .testimonial-contentt .star { font-size: 18px; margin-bottom: 10px; } .testimonial-card-items-2 .client-info h6 { font-size: 18px; line-height: 24px; margin-bottom: 0px; } .testimonial-card-items-2 .client-info h4 { font-size: 14px; line-height: 22px; } .testimonial-card-items-2 .testimonial-imagee .client-info h6 { font-size: 18px; line-height: 20px; } .testimonial-card-items-2 .testimonial-imagee .client-info h4 { font-size: 16px; line-height: 24px; } .testimonial-carousel-active-2 .testimonial-maincon { gap: 0px; } } @media (max-width: 767px) { .testimonial-card-items-2 .testimonial-content .author-name h6 { font-size: 24px; line-height: 32px; } .testimonial-card-items-2 .testimonial-contentt p { font-size: 14px; line-height: 22px; margin-bottom: 15px; text-align: center; display: -webkit-box; -webkit-line-clamp: 8; /* ← Set how many lines you want */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .testimonial-card-items-2 .testimonial-contentt { gap: 12px; flex-direction: column; } .testimonial-contentt .slider-button { } .testimonial-wrapper .testimonial-nav-prev { width: 35px; height: 35px; } .testimonial-wrapper .testimonial-nav-next { width: 35px; height: 35px; } .testimonial-card-items-2 .testimonial-contentt h5 { font-size: 28px; line-height: 38px; margin-bottom: 20px; } .testimonial-card-items-2 .testimonial-contentt .star { font-size: 16px; margin-bottom: 8px; } .testimonial-carousel-active-2 .slick-slide { justify-items: center; } .testimonial-carousel-active-2 .testimonial-maincon { flex-wrap: wrap; gap: 0px; justify-content: center; /* margin: 0px 15px; */ /* width: 288px; */ } .testimonial-contentt { text-align: center; } .testimonial-card-items-2 .client-info h6 { font-size: 18px; line-height: 26px; text-align: center; } .testimonial-card-items-2 .client-info h4 { text-align: start; font-size: 16px; line-height: 24px; } } .testimonial-wrapper.style-2 { background-color: var(--white); } @media (max-width: 575px) { .testimonial-card-items-2 .testimonial-content .author-name { margin-top: 20px; } } .testimonial-section-3 { position: relative; } .testimonial-section-3::before { /* position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg6); top: 70%; */ } .testimonial-section-3 .container-fluid { /* padding: 0 110px; */ } @media (max-width: 1399px) { .testimonial-section-3 .container-fluid { /* padding: 0 15px; */ } } .testimonial-wrapper-3 { position: relative; } .testimonial-wrapper-3 .testimonial-items { position: relative; margin: 0px 10px; } .testimonial-wrapper-3 .testimonial-items .testimonial-image-area img { width: 100%; } .testimonial-wrapper-3 .testimonial-items .testimonial-image-area .testimonial-image { /* max-width: 570px; */ /* height: 400px; */ /* border-radius: 20px; */ position: relative; text-align: center; /* margin: 0 auto; */ } .testimonial-carousel-active-3::before { /* position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); z-index: -1; top: 20%; border-radius: 20px; height: initial; */ } .testimonial-wrapper-3 .testimonial-items .testimonial-image-area { flex-basis: 100%; } .testimonial-wrapper-3 .testimonial-items .testimonial-image-area { text-align: center; } .testimonial-wrapper-3 .testimonial-items .testimonial-content { text-align: center; justify-items: center; position: absolute; right: 10px; bottom: 10px; background-color: var(--black); border-radius: 20px; padding: 20px; width: 440px; } .testimonial-wrapper-3 .testimonial-items .testimonial-content .image { margin-top: -47px; } .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 { font-size: 18px; line-height: 26px; font-weight: 400; color: var(--white); margin: 10px 0px; } .testimonial-wrapper-3 .testimonial-items .testimonial-content h4 { font-size: 18px; line-height: 26px; font-weight: 400; color: var(--white); } .testimonial-wrapper-3 .testimonial-items .testimonial-content .testimonial-image { width: 150px; height: 150px; border-radius: 200px; border: 1px solid var(--theme); position: absolute; top: -29%; left: 32%; } @media (max-width: 1100px) { .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 { font-size: 16px; line-height: 24px; } .testimonial-wrapper-3 .testimonial-items .testimonial-content { width: 400px; } } @media (max-width: 1024px) { .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 { font-size: 18px; line-height: 26px; } .testimonial-wrapper-3 .testimonial-items .testimonial-content { width: 440px; } } @media (max-width: 767px) { .testimonial-wrapper-3 .testimonial-items .testimonial-content h3 { font-size: 14px; line-height: 22px; margin: 6px 0px; color: var(--black); } .testimonial-wrapper-3 .testimonial-items .testimonial-content h4 { font-size: 14px; line-height: 22px; color: var(--black); } .testimonial-wrapper-3 .testimonial-items .testimonial-content { width: 100%; right: 0; padding: 10px; background-color: var(--white); position: relative; margin-top: -15; } .testimonial-wrapper-3 .testimonial-items .testimonial-content .image img { width: 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.374); border-radius: 50%; } .testimonial-wrapper-3 .testimonial-items .testimonial-content .image { margin-top: -32px; right: 5px; bottom: 5px; } .testimonial-wrapper-3 .testimonial-items { justify-items: center; margin: 0px 5px; } .testimonial-wrapper-3 .testimonial-items .testimonial-image-area { width: 100%; } } .testimonial-wrapper-3 .slider-button { position: absolute; bottom: 20%; right: 20%; } @media (max-width: 1199px) { .testimonial-wrapper-3 .slider-button { bottom: 4%; right: initial; left: 50%; transform: translateX(-50%); } } @media (max-width: 991px) { .testimonial-wrapper-3 .slider-button { display: none; } } .testimonial-wrapper-3 .testimonial-nav-prev, .testimonial-wrapper-3 .testimonial-nav-next { display: inline-block; height: 60px; width: 60px; text-align: center; color: var(--black); background-color: #f1f1f1; line-height: 60px; font-size: 18px; transition: all 0.3s ease-in-out; cursor: pointer; font-weight: 700; border-radius: 50%; } @media (max-width: 767px) { .testimonial-wrapper-3 .testimonial-nav-prev, .testimonial-wrapper-3 .testimonial-nav-next { width: 50px; height: 45px; line-height: 45px; font-size: 15px; } } .testimonial-wrapper-3 .testimonial-nav-prev.slick-disabled, .testimonial-wrapper-3 .testimonial-nav-next.slick-disabled { background-color: #b8b8b8 !important; } .testimonial-wrapper-3 .testimonial-nav-prev:hover, .testimonial-wrapper-3 .testimonial-nav-next:hover { background-color: var(--theme2); color: var(--white); } .testimonial-wrapper-3.style-2 { background-color: var(--white); } @media (max-width: 1199px) { .testimonial-wrapper-3.style-2 { margin-bottom: -5px; } } .testimonial-wrapper-3.style-2 .slider-button { position: absolute; bottom: 0; } @media (max-width: 1199px) { .testimonial-wrapper-3.style-2 .slider-button { display: none; } } .testimonial-wrapper-3.style-2 .testimonial-nav-prev:hover, .testimonial-wrapper-3.style-2 .testimonial-nav-next:hover { background-color: var(--theme); } .testimonial-wrapper-3.style-2 .testimonial-items .testimonial-image-area .testimonial-image .icon { color: var(--theme); } .testimonial-section-4 { position: relative; } @media (max-width: 1199px) { .testimonial-section-4 { margin-top: -40px; } } .testimonial-section-4::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg5); z-index: -1; top: 30%; } .testimonial-section-4::after { position: absolute; bottom: 11%; right: 20%; width: 90px; height: 90px; border-radius: 90px; background-color: #ffb302; content: ""; z-index: -1; } .testimonial-section-4 .client-1 { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; width: 90px; height: 90px; animation: scale-up-one 3s infinite linear; } @media (max-width: 1399px) { .testimonial-section-4 .client-1 { display: none; } } .testimonial-section-4 .client-1 img { width: 100%; height: 100%; } .testimonial-section-4 .client-2 { position: absolute; bottom: 10%; right: 10%; animation: scale-up-one 4s infinite linear; } @media (max-width: 1399px) { .testimonial-section-4 .client-2 { display: none; } } .testimonial-section-4 .slider-button { position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 30px; } @media (max-width: 991px) { .testimonial-section-4 .slider-button { display: none; } } .testimonial-section-4 .slider-button .testimonial-nav-prev, .testimonial-section-4 .slider-button .testimonial-nav-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: var(--theme); border-radius: 50%; border: 1px solid var(--theme); cursor: pointer; transition: all 0.4s ease-in-out; color: var(--white); } .testimonial-section-4 .slider-button .testimonial-nav-prev:hover, .testimonial-section-4 .slider-button .testimonial-nav-next:hover { background-color: transparent; color: var(--theme); } .testimonial-wrapper-4 { position: relative; } .testimonial-wrapper-4 .testimonial-items { text-align: center; position: relative; padding-bottom: 20px; } @media (max-width: 1199px) { .testimonial-wrapper-4 .testimonial-items { padding: 40px; } } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-items { padding: 30px; } } .testimonial-wrapper-4 .testimonial-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.07); top: 40px; z-index: 1; } @media (max-width: 1199px) { .testimonial-wrapper-4 .testimonial-items::before { top: 70px; } } .testimonial-wrapper-4 .testimonial-items .testimonial-image { width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; position: relative; z-index: 9; } .testimonial-wrapper-4 .testimonial-items .client-info { margin-top: 20px; position: relative; z-index: 9; } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-items .client-info { margin-top: 10px; } } .testimonial-wrapper-4 .testimonial-items .client-info h5 { font-size: 18px; text-transform: uppercase; } .testimonial-wrapper-4 .testimonial-items .client-info h6 { font-size: 16px; margin-top: 5px; } .testimonial-wrapper-4 .testimonial-items .client-info h6 span { color: var(--theme); } .testimonial-wrapper-4 .testimonial-items .testimonial-content { max-width: 950px; text-align: center; margin: 50px auto; position: relative; z-index: 9; } @media (max-width: 991px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content { margin: 30px auto; } } @media (max-width: 767px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content { margin: 20px auto; } } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content { margin: 10px auto; } } .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 { font-size: 30px; line-height: 180%; font-weight: 500; } @media (max-width: 1199px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 { font-size: 25px; } } @media (max-width: 991px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 { font-size: 24px; line-height: 170%; } } @media (max-width: 767px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 { font-size: 20px; line-height: 165%; } } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content h3 { font-size: 18px; line-height: 160%; } } .testimonial-wrapper-4 .testimonial-items .testimonial-content .star { margin-top: 30px; } @media (max-width: 767px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content .star { margin-top: 20px; } } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-items .testimonial-content .star { margin-top: 10px; } } .testimonial-wrapper-4 .testimonial-items .testimonial-content .star span { font-size: 14px; color: var(--ratting); } .testimonial-carousel-active-2 .slide-dots { margin-bottom: -10px !important; } .testimonial-carousel-active-2 .slide-dots li { margin: 0px 8px 0px !important; } .single-testimonial-style-2 .single-testimonial-items-2 .client-ratting { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; } .single-testimonial-style-2 .single-testimonial-items-2 .client-ratting h5 { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black); } .single-testimonial-style-2 .single-testimonial-items-2 { background-color: var(--white); padding: 20px; transition: all 0.4s ease-in-out; border-radius: 20px; } .single-testimonial-style-2 .single-testimonial-items-2 .ratting-items { /* display: flex; */ align-items: center; justify-content: space-between; margin-bottom: 20px; } .single-testimonial-style-2 .single-testimonial-items-2 .ratting-items .client-ratting ul { margin-top: 5px; display: flex; align-items: center; } .single-testimonial-style-2 .single-testimonial-items-2 .ratting-items .client-ratting ul li i { color: var(--theme); } .single-testimonial-style-2 .single-testimonial-items-2 .text { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black); position: relative; /* margin-left: 25px; */ } .single-testimonial-style-2 .single-testimonial-items-2 .text::before { position: absolute; content: ""; left: -25px; top: -10px; background-image: url(../img/comma.png); width: 100%; height: 100%; background-repeat: no-repeat; } .single-testimonial-style-2 .single-testimonial-items-2 .client-info { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--theme); display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; } @media (max-width: 575px) { .single-testimonial-style-2 .single-testimonial-items-2 .client-info { /* gap: 15px; justify-content: center; margin-top: 25px; */ } } .single-testimonial-style-2 .single-testimonial-items-2 .client-info .image { /* border-radius: 50%; */ /* border: 1px solid var(--theme); */ /* text-align: center; */ /* padding: 5px; */ } .single-testimonial-style-2 .single-testimonial-items-2 .client-info .content h4 { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--theme2); text-align: start; } .single-testimonial-style-2 .single-testimonial-items-2 .client-info .content p { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--theme); text-align: start; } @media (max-width: 575px) { .single-testimonial-style-2 .single-testimonial-items-2 .client-info .content { text-align: center; } } @media (max-width: 767px) { .single-testimonial-style-2 .single-testimonial-items-2 .client-info .content h4 { font-size: 18px; line-height: 26px; } .single-testimonial-style-2 .single-testimonial-items-2 .ratting-items { margin-bottom: 10px; } .single-testimonial-style-2 .single-testimonial-items-2 { padding: 15px; } .single-testimonial-style-2 .single-testimonial-items-2 .text { font-size: 14px; line-height: 22px; } .single-testimonial-style-2 .single-testimonial-items-2 .client-ratting h5 { /* font-size: 14px; */ /* line-height: 22px; */ } } .single-testimonial-style-2 .single-testimonial-items-2:hover { /* background-color: var(--white); */ /* box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25); */ } .testimonial-section-5 { position: relative; padding-top: 50px; } .testimonial-section-5 .shape { position: absolute; right: 0; top: 25%; } @media (max-width: 1600px) { .testimonial-section-5 .shape { display: none; } } .testimonial-section-5 .bg-shape { position: absolute; bottom: 0; left: 0; top: 0; } .testimonial-section-5 .bg-shape img { width: 100%; height: 100%; } .testimonial-section-5 .testimonial-carousel-active-5 .slick-slide { margin: 0px 15px; } .testimonial-section-5 .testimonial-carousel-active-5 .slide-dots { text-align: center; border: 1px dotted var(--theme); width: 145px; height: 40px; line-height: 40px; border-radius: 30px; margin: 0 auto; margin-top: 30px; } .testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li { display: inline-block; margin: 13px 5px; } .testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li button { position: relative; text-indent: -9999px; border-radius: 10px; width: 10px; height: 10px; background-color: var(--white); transition: all 0.3s ease-in-out; border: 2px solid var(--theme); } .testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li button:hover { background-color: var(--theme); } .testimonial-section-5 .testimonial-carousel-active-5 .slide-dots li.slick-active button { background-color: var(--theme); border-color: var(--theme); } .testimonial-section-5 .testimonial-carousel-active-5 .slick-list { margin: 0 -15px; } .testimonial-section-5 .slider-button { display: flex; gap: 30px; /* justify-content: center; */ position: absolute; top: -25px; right: 0; } .testimonial-section-5 .testimonial-nav-prev, .testimonial-section-5 .testimonial-nav-next { display: inline-block; height: 36px; width: 36px; text-align: center; background-color: var(--white); line-height: 34px; transition: all 0.3s ease-in-out; cursor: pointer; font-weight: 700; border: 1px solid var(--theme); border-radius: 50%; color: var(--theme); font-size: 15px; } .brand-wrapper h6 { font-size: 14px; position: relative; margin-bottom: 50px; } .brand-wrapper h6::before { position: absolute; top: 10px; left: 35px; content: ""; height: 1px; width: 480px; background-color: var(--border); } @media (max-width: 1399px) { .brand-wrapper h6::before { display: none; } } .brand-wrapper h6::after { position: absolute; top: 10px; right: 35px; content: ""; height: 1px; width: 480px; background-color: var(--border); } @media (max-width: 1399px) { .brand-wrapper h6::after { display: none; } } .brand-wrapper .brand-image { text-align: center; filter: grayscale(100%); transition: all 0.4s ease-in-out; } .brand-wrapper .brand-image:hover { filter: initial; } .brand-wrapper.style-2 .brand-carousel-active-2 .slick-slide { margin: 0 15px; } .brand-wrapper.style-2 .brand-carousel-active-2 .slick-list { margin: 0 -15px; } .brand-wrapper.style-2 .brand-image { padding: 30px 20px; } @media (max-width: 767px) { .brand-wrapper.style-2 .brand-image { padding: 30px 0; } } .brand-wrapper.style-2 .brand-image img { text-align: center; margin: 0 auto; } .brand-wrapper.style-2 .brand-image:hover { background-color: var(--white); } .brand-wrapper-3 { padding: 70px 0; border-bottom: 1px solid var(--border); } .brand-wrapper-3 .brand-image { text-align: center; filter: grayscale(100%); opacity: 0.3; transition: all 0.4s ease-in-out; } .brand-wrapper-3 .brand-image img { text-align: center; margin: 0 auto; } .brand-wrapper-3 .brand-image:hover { filter: initial; opacity: 1; } .brand-section-2 { padding: 80px 0; margin-top: -68px; } @media (max-width: 1024px) { .testimonial-section-5 { padding-top: 40px; } } @media (max-width: 767px) { .brand-section-2 { padding: 60px 0; } .testimonial-section-5 { padding-top: 0px; } .testimonial-section-5 .testimonial-nav-prev, .testimonial-section-5 .testimonial-nav-next { display: inline-block; height: 32px; width: 32px; line-height: 30px; font-size: 12px; } .testimonial-section-5 .slider-button { gap: 20px; top: -56px; } } @media (max-width: 575px) { .brand-section-2 { padding: 40px 0; } } .brand-section-3 { position: relative; } .brand-section-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg5); } .news-box-items { margin-top: 30px; position: relative; background-color: var(--theme2); padding: 20px 20px 30px 20px; /* box-shadow: var(---box-shadow); */ border-radius: 30px; border: 3px solid transparent; } @media (max-width: 1048px) { .news-box-items { padding: 15px 15px 15px 15px; } } @media (max-width: 991px) { .news-box-items { padding: 20px 20px 30px 20px; } } @media (max-width: 767px) { .news-box-items { padding: 15px 15px 15px 15px; width: 288px; margin-left: auto; margin-right: auto; } } .news-box-items:hover { border-radius: 30px; border: 3px solid var(--theme); transition: all 0.5s ease-in-out; } .site-content { background-color: var(--bg); overflow: hidden; } .archive-page-content-area { /* background-color: #1f1d36; */ } .news-box-items .news-image { position: relative; overflow: hidden; } .news-box-items .news-image img { width: 100%; height: 100%; position: relative; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-box-items .news-image img:first-child { /* position: absolute; */ /* left: 0; */ /* top: 0; */ /* right: 0; */ /* bottom: 0; */ /* z-index: 1; */ /* -webkit-transform: translateX(50%) scaleX(2); */ /* transform: translateX(50%) scaleX(2); */ /* opacity: 0; */ /* -webkit-filter: blur(10px); */ /* filter: blur(10px); */ } .news-box-items .news-image .date { position: absolute; top: 10px; left: 10px; font-size: 30px; font-weight: 700; letter-spacing: -0.6px; color: var(--white); background-color: var(--theme); text-align: center; z-index: 3; } .news-box-items .news-image .date span { position: relative; display: block; font-size: 18px; padding: 7px 15px; line-height: 1em; color: var(--header); background-color: var(--white); } .news-box-items .news-content { padding-top: 20px; } .news-box-items .news-content .post-date { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; } @media (max-width: 768px) { .news-box-items .news-content .post-date { margin-bottom: 20px; gap: 20px; } } .news-box-items .news-content .post-date li { transition: all 0.4s ease-in-out; color: var(--white); font-size: 14px; line-height: 20px; font-weight: 400; } .news-box-items .news-content .post-date li .date { transition: all 0.4s ease-in-out; color: var(--white); font-size: 14px; line-height: 20px; font-weight: 400; border-right: 1px solid white; padding-right: 30px; } .news-box-items .news-content .post-date li i { color: var(--theme); margin-right: 5px; transition: all 0.4s ease-in-out; } .news-box-items .news-content h3 { margin-bottom: 20px; } @media (max-width: 768px) { .news-box-items .news-content h3 { margin-bottom: 10px; } } .news-box-items .news-content h3 a:hover { color: var(--theme); } .news-box-items .news-content p { margin-bottom: 30px; } @media (max-width: 768px) { .news-box-items .news-content p { margin-bottom: 20px; } } .news-box-items:hover .news-image img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .news-box-items:hover .news-image img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .single-news-items-2 { margin-top: 30px; border-radius: 0px; transition: all 0.9s; } .single-news-items-2:hover { transition: all 0.9s; } .single-news-items-2:hover .link-btn.link-btn-2 span { background-color: var(--white); color: var(--black); } .single-news-items-2:hover .news-content { background-color: var(--black); } .single-news-items-2 .news-image { max-width: 100%; height: 250px; position: relative; border-radius: 0px 0px 0 0; } .single-news-items-2 .news-image .blog-post-datte { position: absolute; top: 15px; left: 20px; width: 80px; height: 82px; border-radius: 50%; overflow: hidden; text-align: center; } .single-news-items-2 .news-image .blog-post-datte .post-datte { background-color: var(--theme); height: 50%; display: flex; align-items: center; justify-content: center; } .single-news-items-2 .news-image .blog-post-datte .post-datte h4 { color: var(--white); font-size: 20px; line-height: 14px; font-weight: 500; } .single-news-items-2 .news-image .post-datte h4 span { color: var(--white); text-transform: uppercase; font-size: 15px; } .single-news-items-2 .news-image .blog-post-datte .post-montth { background-color: var(--white); height: 50%; display: flex; align-items: center; justify-content: center; } .single-news-items-2 .news-image .blog-post-datte .post-montth h5 { color: var(--theme); font-size: 20px; line-height: 28px; font-weight: 700; } .single-news-items-2 .news-content { padding: 20px; width: 100%; background-color: var(--theme2); border-radius: 0px 0px 0px 0px; } .img-post-date span { padding: 5px 15px; background-color: var(--theme); color: var(--theme2); font-weight: 500; font-size: 16px; line-height: 24px; position: absolute; top: 25px; opacity: 0; left: 0; } .blogdate { display: flex; gap: 30px; margin-bottom: 10px; } .blogdate span { color: var(--theme); font-size: 16px; font-weight: 600; line-height: 24px; } .blogdate i { font-size: 16px; color: var(--theme); margin-right: 7px; } .single-news-items-2 .news-content p { color: var(--white); margin-bottom: 30px; font-weight: 400; font-size: 16px; line-height: 24px; } .single-news-items-2 .news-content .bolg-tag { /* margin-bottom: 20px; */ } .single-news-items-2 .news-content .bolg-tag a { font-weight: 400; font-size: 16px; line-height: 11px; color: var(--theme); } .single-news-items-2 .news-content h4 { margin-bottom: 10px; } .single-news-items-2 .news-content h4 a { font-size: 24px; line-height: 32px; font-weight: 600; color: var(--white); } @media (max-width: 1204px) { .single-news-items-2 .news-content h4 a { font-size: 22px; line-height: 30px; } } @media (max-width: 1124px) { .single-news-items-2 .news-content h4 a { font-size: 20px; line-height: 28px; } } @media (max-width: 1045px) { .single-news-items-2 .news-content h4 a { font-size: 19px; line-height: 26px; } } @media (max-width: 1024px) { .single-news-items-2 .news-content p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } } @media (max-width: 991px) { .single-news-items-2 .news-content h4 a { font-size: 24px; line-height: 32px; } } @media (max-width: 796px) { .single-news-items-2 .news-content h4 a { font-size: 22px; line-height: 30px; } } @media (max-width: 767px) { .single-news-items-2 .news-content h4 a { font-size: 20px; line-height: 28px; } .single-news-items-2 .news-content h4 { margin-bottom: 5px; } .single-news-items-2 .news-content p { font-size: 14px; line-height: 22px; margin-bottom: 15px; } .link-btn.link-btn-2 span { /* padding: 12.5px 18px; */ /* font-size: 14px; */ } .single-news-items-2 .news-content .bolg-tag a { font-size: 14px; /* padding: 6px 10px; */ } .single-news-items-2 .news-content .bolg-tag { /* margin-bottom: 10px; */ } .single-news-items-2 .news-content { padding: 15px; } .single-news-items-2 .news-image { /* height: 260px; */ } .blogdate { gap: 20px; margin-bottom: 10px; } .img-post-date span { padding: 5px 10px; font-size: 14px; line-height: 22px; } } .news-section-2 { padding-bottom: 50px; } @media (max-width: 1199px) { .news-section-2 { padding-bottom: 30px; } } @media (max-width: 991px) { .news-section-2 { padding-bottom: 10px; } } .single-news-style-1 { background-color: var(--white); margin-top: 30px; box-shadow: 0px 10px 60px rgba(149, 149, 149, 0.25); } .single-news-style-1 .news-image { padding: 0; position: relative; overflow: hidden; } .single-news-style-1 .news-image img { width: 100%; height: 100%; position: relative; display: block; object-fit: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .single-news-style-1 .news-image img:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(50%) scaleX(2); transform: translateX(50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .single-news-style-1 .news-image .post-date { position: absolute; right: 15px; bottom: 15px; background-color: var(--theme); padding: 12px 20px; z-index: 1; } .single-news-style-1 .news-image .post-date h3, .single-news-style-1 .news-image .post-date p { text-align: center; color: var(--white); } .single-news-style-1 .news-image .post-date p { font-weight: 600; } .single-news-style-1 .news-image .post-cat { position: absolute; bottom: 0; right: 8%; } .single-news-style-1 .news-image .post-cat .cat-name { color: var(--white); font-weight: 500; padding: 10px 24px; background-color: var(--theme); display: inline-block; transition: all 0.4s ease-in-out; font-size: 16px; } .single-news-style-1 .news-image .post-cat .cat-name:hover { background-color: var(--button); } @media (max-width: 575px) { .single-news-style-1 .news-image .post-cat .cat-name { font-size: 14px; padding: 10px 12px; } } .single-news-style-1 .news-content { padding: 30px 35px; } .single-news-style-1 .news-content .author-item { display: flex; align-items: center; gap: 30px; } @media (max-width: 1399px) { .single-news-style-1 .news-content .author-item { gap: 15px; flex-wrap: wrap; } } @media (max-width: 575px) { .single-news-style-1 .news-content .author-item { flex-wrap: wrap; gap: 15px; } } .single-news-style-1 .news-content .author-item .post-cat { padding: 8px 13px; background-color: var(--theme); cursor: pointer; gap: 12px; transition: all 0.3s ease-in-out; } .single-news-style-1 .news-content .author-item .post-cat a { font-size: 14px; color: var(--white); font-weight: 500; } .single-news-style-1 .news-content .author-item .post-cat:hover { background-color: var(--header); } .single-news-style-1 .news-content .author-item .post-author { gap: 12px; } .single-news-style-1 .news-content .author-item .post-author p { font-weight: 500; } .single-news-style-1 .news-content h3 { margin-bottom: 15px; font-size: 22px; } .single-news-style-1 .news-content h3 a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0; text-transform: none; background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .single-news-style-1 .news-content h3 a:hover { background-size: 100% 2px; background-image: linear-gradient(var(--theme), var(--theme)); color: var(--theme); } @media (max-width: 575px) { .single-news-style-1 .news-content { padding: 25px 30px; } } .single-news-style-1 .news-content .link-btn:hover { color: var(--theme); } .single-news-style-1:hover .news-image img:first-child { -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .single-news-style-1:hover .news-image img:nth-child(2) { -webkit-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .single-news-items-4 { margin-top: 30px; } .single-news-items-4 .news-image { height: 480px; position: relative; } @media (max-width: 575px) { .single-news-items-4 .news-image { height: 400px; } } .single-news-items-4 .news-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%); } .single-news-items-4 .news-image .post-date { position: absolute; top: 40px; left: 40px; background-color: var(--white); padding: 10px 24px; } .single-news-items-4 .news-image .post-date span { color: var(--header); font-weight: 600; font-size: 18px; } .single-news-items-4 .news-image .news-content { padding: 40px; position: absolute; bottom: 0; left: 0; z-index: 9; } .single-news-items-4 .news-image .news-content .icon { margin-bottom: 20px; } .single-news-items-4 .news-image .news-content .icon span { color: var(--white); } .single-news-items-4 .news-image .news-content .icon i { color: var(--white); margin-right: 5px; } .single-news-items-4 .news-image .news-content h4 a { color: var(--white); } .single-news-items-4 .news-image .news-content h4 a:hover { color: var(--theme); } .single-news-items-4 .news-image .news-content .post-list { background-color: rgba(255, 255, 255, 0.0784313725); padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; transition: all 0.4s ease-in-out; } @media (max-width: 575px) { .single-news-items-4 .news-image .news-content .post-list { padding: 14px 20px; } } .single-news-items-4 .news-image .news-content .post-list li { color: var(--white); } .single-news-items-4 .news-image .news-content .post-list li span { margin-left: 5px; } .single-news-items-4 .news-image .news-content .post-list li a i { color: var(--white); font-size: 18px; transition: all 0.4s ease-in-out; } .blog-wrapper h1, .blog-wrapper h2, .blog-wrapper h3, .blog-wrapper h4, .blog-wrapper h5, .blog-wrapper h6 { font-weight: 600; } .blog-wrapper .single-blog-post { margin-bottom: 40px; position: relative; } .blog-wrapper .single-blog-post .video__button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .blog-wrapper .single-blog-post .video__button .video__btn__wrp { margin-bottom: 0; } .blog-wrapper .single-blog-post.post-details.format-quote .post-content { position: relative; background: transparent; border: none; } .blog-wrapper .single-blog-post.post-details .post-content { border: none; } .blog-wrapper .single-blog-post.post-details .post-content img { margin-top: 20px; margin-bottom: 20px; } .blog-wrapper .single-blog-post.post-details .post-content .single-post-image { width: 100%; height: 100%; } .blog-wrapper .single-blog-post.post-details .post-content h1 { font-size: 36px; line-height: 1.4; } .blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 { margin-top: 10px; } .blog-wrapper .single-blog-post.post-details .post-content table { margin-top: 20px; } @media (max-width: 767px) { .blog-wrapper .single-blog-post.post-details .post-content h1 { font-size: 28px; } .blog-wrapper .single-blog-post.post-details .post-content h3 { font-size: 20px; } } .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote { background-color: var(--theme); color: var(--white); font-size: 26px; line-height: 1.4; font-family: "Inter", sans-serif; font-weight: 400; padding: 60px; text-align: center; margin: 40px 0px; position: relative; z-index: 1; } .blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a { color: var(--white); } .blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover { color: var(--text); } @media (max-width: 767px) { .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote { padding: 30px 15px; font-size: 18px; line-height: 1.5; } } .blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before { right: 30px; font-size: 110px; line-height: 1; font-family: "Font Awesome 5 Pro"; position: absolute; content: "\f10d"; bottom: -20px; color: var(--white); z-index: -1; opacity: 0.1; font-weight: 900; } .blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb { z-index: 1; position: relative; } .blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background-color: #282835; opacity: 0.3; z-index: -1; } .blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content { position: relative; background-color: var(--theme); border: none; } .blog-wrapper .single-blog-post.quote-post .post-content::before, .blog-wrapper .single-blog-post.format-quote .post-content::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-image: url(../img/quotepost.png); background-repeat: no-repeat; background-size: cover; } .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content { overflow: hidden; padding: 50px; } @media (max-width: 585px) { .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content { text-align: center; font-size: 24px; padding: 30px; } } .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon { font-size: 70px; line-height: 80px; float: left; overflow: hidden; margin-right: 30px; } @media (max-width: 585px) { .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon { float: none; margin-bottom: 10px; margin-right: 0; font-size: 50px; line-height: 60px; } } .blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text { overflow: hidden; } .blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 { margin-top: -2px; font-size: 36px; color: var(--white); } .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta { margin-top: 10px; } .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i { color: var(--white); } .blog-wrapper .single-blog-post:last-child { margin-bottom: 0; } .blog-wrapper .single-blog-post .post-featured-thumb { height: 450px; width: 100%; position: relative; margin-bottom: -2px; } .blog-wrapper .single-blog-post .post-featured-thumb .post-date { position: absolute; top: 20px; left: 20px; padding: 15px 30px; background-color: var(--theme); text-align: center; } .blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 { color: var(--white); } .blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span { color: var(--white); text-transform: uppercase; font-size: 15px; } @media (max-width: 991px) { .blog-wrapper .single-blog-post .post-featured-thumb { height: 280px; } } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-featured-thumb { height: 230px; } } .blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video { border-radius: 50%; width: 80px; height: 80px; line-height: 80px; font-size: 18px; } .blog-wrapper .single-blog-post .post-content { padding-top: 30px; overflow: hidden; box-sizing: border-box; } @media (max-width: 575px) { .blog-wrapper .single-blog-post .post-content { padding-top: 20px; } } .blog-wrapper .single-blog-post .post-content h2 { line-height: 1.4; font-size: 36px; font-weight: 600; } @media (max-width: 575px) { .blog-wrapper .single-blog-post .post-content h2 { font-size: 28px; } } .blog-wrapper .single-blog-post .post-content h2 a:hover { color: var(--theme); } .blog-wrapper .single-blog-post .post-content p { font-size: 16px; } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content { padding: 30px 10px; } } @media (max-width: 414px) { .blog-wrapper .single-blog-post .post-content h2 { font-size: 22px; } } .blog-wrapper .single-blog-post .post-content .post-cat a { color: var(--white); display: inline-block; background-color: var(--theme); padding: 14px 18px 12px; line-height: 1; font-size: 16px; font-weight: 700; transition: all 0.3s ease-in-out; margin-bottom: 20px; text-transform: capitalize; font-family: "Inter", sans-serif; } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .post-cat a { font-size: 12px; } } .blog-wrapper .single-blog-post .post-content .post-cat a:hover { background-color: var(--header); } .blog-wrapper .single-blog-post .post-content ul { margin-bottom: 0; list-style-type: disc; margin-top: 30px; } .blog-wrapper .single-blog-post .post-content ul ol { margin-bottom: 0; } .blog-wrapper .single-blog-post .post-content ul ul { margin-bottom: 0; } .blog-wrapper .single-blog-post .post-content ul li { line-height: 1.5; margin-top: 10px; list-style-type: disc; color: var(--text); position: relative; font-size: 18px; padding-left: 30px; } .blog-wrapper .single-blog-post .post-content ul li::before { position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Pro"; content: "\f00c"; color: var(--theme); } .blog-wrapper .single-blog-post .post-content ol { margin-bottom: 0; list-style-type: decimal; } .blog-wrapper .single-blog-post .post-content ol ul { margin-bottom: 0; } .blog-wrapper .single-blog-post .post-content ol ol { margin-bottom: 0; } .blog-wrapper .single-blog-post .post-content ol li { line-height: 1.5; margin-top: 10px; list-style-type: decimal; } .blog-wrapper .single-blog-post .post-content p { margin-top: 15px; } .blog-wrapper .single-blog-post .post-content .post-meta { margin-bottom: 10px; } .blog-wrapper .single-blog-post .post-content .post-meta span { color: var(--text); font-weight: 500; font-size: 18px; line-height: 1; display: inline-block; margin-right: 25px; } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .post-meta span { font-size: 15px; } } .blog-wrapper .single-blog-post .post-content .post-meta span i { margin-right: 5px; color: var(--theme); font-weight: 700; } .blog-wrapper .single-blog-post .post-content .author-info { overflow: hidden; } .blog-wrapper .single-blog-post .post-content .author-info .author-img { height: 40px; width: 40px; line-height: 40px; border-radius: 50%; background-color: #f2f2f2; margin-right: 15px; float: left; overflow: hidden; background-position: center; background-size: cover; } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .author-info .author-img { margin-right: 5px; } } .blog-wrapper .single-blog-post .post-content .author-info h5 { display: inline-block; line-height: 1; font-size: 16px; margin-top: 9px; } .blog-wrapper .single-blog-post .post-content .author-info h5 a:hover { color: var(--theme); } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .author-info h5 { font-size: 14px; } } .blog-wrapper .single-blog-post .post-content .post-link a { font-weight: 700; } .blog-wrapper .single-blog-post .post-content .post-link a:hover { color: var(--theme); } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .post-link a { font-size: 14px; } } .blog-wrapper .single-blog-post .post-content .post-link a i { margin-right: 5px; } @media (max-width: 767px) { .blog-wrapper .single-blog-post .post-content .post-link a i { margin-right: 3px; } } @media (min-width: 991px) { .news-area .main-sidebar { margin-left: 20px; } } @media (max-width: 991px) { .news-area .main-sidebar { margin-top: 40px; } } .news-area .main-sidebar .single-sidebar-widget { border: 2px solid #ededed; box-sizing: border-box; padding: 30px; margin-bottom: 40px; } .news-area .main-sidebar .single-sidebar-widget ul { padding-left: 0; } .news-area .main-sidebar .single-sidebar-widget ul > li { margin-bottom: 10px; } .news-area .main-sidebar .single-sidebar-widget ul > li a { font-size: 18px; font-weight: 600; text-transform: capitalize; } .news-area .main-sidebar .single-sidebar-widget ul > li a:hover { color: var(--theme); } .news-area .main-sidebar .single-sidebar-widget ul ul { padding-left: 20px; } .news-area .main-sidebar .single-sidebar-widget ul ul li { margin-top: 5px; } .news-area .main-sidebar .single-sidebar-widget:last-child { margin-bottom: 0; } .news-area .main-sidebar .single-sidebar-widget .wid-title { margin-bottom: 25px; padding-left: 45px; position: relative; } .news-area .main-sidebar .single-sidebar-widget .wid-title::before { left: 0; top: 50%; transform: translateY(-50%); content: ""; height: 4px; width: 18px; border-radius: 5px; position: absolute; background-color: var(--theme); } .news-area .main-sidebar .single-sidebar-widget .wid-title::after { left: 22px; top: 50%; transform: translateY(-50%); content: ""; height: 4px; width: 4px; border-radius: 50%; position: absolute; background-color: var(--theme); } .news-area .main-sidebar .single-sidebar-widget .wid-title h4 { font-size: 24px; font-weight: 600; } .news-area .main-sidebar .single-sidebar-widget .social-link a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background-color: var(--bg); font-size: 14px; margin-right: 5px; margin-bottom: 5px; } .news-area .main-sidebar .single-sidebar-widget .social-link a:hover { background-color: var(--theme); color: var(--white); } .search_widget form { width: 100%; position: relative; } .search_widget form input { background-color: var(--bg); font-size: 15px; padding: 20px; width: 100%; border: none; text-transform: capitalize; color: var(--header); } .search_widget form button { position: absolute; right: 0; top: 0; width: 70px; font-size: 18px; height: 100%; background-color: var(--theme); color: var(--white); text-align: center; transition: all 0.3s ease-in-out; } .search_widget form button:hover { background-color: var(--header); } .popular-posts .single-post-item, .popular_posts .single-post-item { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; } .popular-posts .single-post-item:last-child, .popular_posts .single-post-item:last-child { margin-bottom: 0; border: none; padding-bottom: 0; } .popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb { height: 95px; width: 95px; background-color: #f2f2f2; float: left; overflow: hidden; margin-right: 20px; } .popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content { overflow: hidden; } .popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 { font-size: 16px; line-height: 22px; font-weight: 600; margin-bottom: 0; text-transform: capitalize; } .popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover { color: var(--theme); } .popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date { margin-top: 10px; color: var(--theme); font-weight: 600; font-size: 15px; text-transform: capitalize; } .popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i { margin-right: 7px; } .widget_categories ul li { display: block; } .widget_categories ul li:last-child a { margin-bottom: 0; } .widget_categories ul li a { position: relative; background: var(--bg); padding: 17px 20px; line-height: 1; font-size: 14px; display: block; margin-bottom: 12px; font-weight: 500; transition: all 0.4s ease-in-out; } .widget_categories ul li a:hover { color: var(--theme); } .widget_categories ul li a i { margin-right: 10px; } .widget_categories ul li a span { position: absolute; width: 60px; line-height: 55px; height: 100%; content: ""; background-color: var(--theme); right: 0; top: 0; text-align: center; color: var(--white); } .tagcloud a { display: inline-block; padding: 12px 22px; line-height: 1; font-weight: 600; background: var(--bg); margin-right: 10px; text-transform: capitalize; margin-bottom: 10px; } .tagcloud a:last-child { margin-right: 0; } .tagcloud a:hover { background-color: var(--theme); color: var(--white); } .widget_categories ul li { display: block; margin-bottom: 10px; } p.sticky-label { position: absolute; right: 0; background: var(--theme); color: var(--white); padding: 10px 40px; z-index: -1; top: 0; font-weight: 700; } .page-nav-wrap ul li { display: inline-block; } .page-nav-wrap ul li .page-numbers { display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #f6f6f6; font-weight: 700; transition: all 0.3s ease-in-out; margin: 0 2px; } .page-nav-wrap ul li .page-numbers.current { background-color: var(--theme); color: var(--white); } @media (max-width: 767px) { .page-nav-wrap ul li .page-numbers { margin-top: 10px; width: 50px; height: 50px; line-height: 50px; font-size: 14px; } } .page-nav-wrap ul li .page-numbers i { margin-top: 2px; } .page-nav-wrap ul li .page-numbers:hover { background-color: var(--theme); color: var(--white); } .social-share a { margin-left: 10px; transition: all 0.4s ease-in-out; } .social-share a:hover { color: var(--theme); } .tag-share-wrap { padding-bottom: 50px; } .tag-share-wrap h4 { margin-bottom: 25px; } @media (max-width: 767px) { .tag-share-wrap h4 { margin-bottom: 10px; font-size: 18px; } } @media (max-width: 767px) { .tag-share-wrap .tagcloud { margin-bottom: 20px; } } .comments-section-wrap { overflow: hidden; } .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 { font-size: 26px; } @media (max-width: 767px) { .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 { font-size: 20px; } } .comments-item-list .single-comment-item { margin-top: 30px; } .comments-item-list .single-comment-item ul { margin-bottom: 15px; } .comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span { font-size: 16px; } .comments-item-list .single-comment-item .author-img { width: 100px; height: 100px; border-radius: 50%; float: left; overflow: hidden; margin-right: 30px; } @media (max-width: 991px) { .comments-item-list .single-comment-item .author-img { width: 80px; height: 80px; margin-right: 20px; } } @media (max-width: 767px) { .comments-item-list .single-comment-item .author-img { width: 70px; height: 70px; margin-right: 15px; } } @media (max-width: 585px) { .comments-item-list .single-comment-item .author-img { float: none; margin-bottom: 20px; } } .comments-item-list .single-comment-item .author-info-comment { overflow: auto; padding-bottom: 25px; border-bottom: 1px solid #e2e2e2; } .comments-item-list .single-comment-item .author-info-comment .info { position: relative; } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn { padding: 10px 18px; font-size: 14px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: var(--text); border: 1px solid #ebebeb; background: transparent; border-radius: 0; transition: all 0.4s ease-in-out; box-shadow: inherit; } @media (max-width: 767px) { .comments-item-list .single-comment-item .author-info-comment .info .theme-btn { font-size: 12px; } } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn i { margin-right: 10px; margin-left: 0px !important; transition: all 0.4s ease-in-out; } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before, .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after { background-color: initial; } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover { background-color: var(--theme); color: var(--white); } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a { color: var(--white) !important; } .comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i { transform: translate(0); } .comments-item-list .single-comment-item .author-info-comment .info h5 { margin-bottom: 5px; } @media (max-width: 767px) { .comments-item-list .single-comment-item .author-info-comment .info h5 { font-size: 16px; } } .comments-item-list .single-comment-item .author-info-comment span { color: var(--theme); font-weight: 500; } .comments-item-list .single-comment-item .author-info-comment .theme-btn { padding: 7px 18px; font-size: 14px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } @media (max-width: 767px) { .comments-item-list .single-comment-item .author-info-comment .theme-btn { font-size: 12px; } } .comments-item-list .single-comment-item .author-info-comment .theme-btn i { margin-right: 5px; } .comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a { color: var(--white); } .comments-item-list .single-comment-item .author-info-comment .comment-text { margin-top: 15px; } .comment-form { width: 100%; margin-top: 40px; /* padding: 30px 20px; */ /* border-radius: 0 0 30px 30px; */ /* background: linear-gradient(to right, #66D2CE26, #294B4926); */ } @media (max-width: 767px) { .comment-form { /* padding: 30px; */ } } @media (max-width: 585px) { .comment-form { /* padding: 30px 15px; */ } } .comment-form label { margin-bottom: 4px; } .comment-form input, .comment-form textarea { /* margin-bottom: 20px; */ outline: none; padding: 20px 30px; line-height: 1; font-size: 16px; /* width: 100%; */ border: none; font-weight: 400; text-transform: capitalize; color: var(--white); background-color: var(--bg); } @media (max-width: 585px) { .comment-form input, .comment-form textarea { padding: 15px; } } .comment-form textarea { height: 200px; line-height: 1.3; border: none; } @media (max-width: 767px) { .comment-form textarea { height: 120px; } } .comment-form .theme-btn { display: inline-block; line-height: 1.2; padding: 24px 60px; transition: all 0.3s ease-in-out; margin-bottom: 0; margin-top: 20px; } @media (max-width: 767px) { .comment-form .theme-btn { padding: 20px 40px; } } @media (max-width: 585px) { .comment-form .theme-btn { padding: 15px 40px; font-size: 14px; } } .comment-form .theme-btn i { margin-right: 10px; } .comment-form .theme-btn:hover i { transform: translate(0); } .comment ul { list-style-type: disc; } .comment ul ol { margin-bottom: 0; } .comment ul li { line-height: 1.5; margin-top: 10px; list-style-type: disc; } .comment ol ul { margin-bottom: 0; } .comment ol ol { margin-bottom: 0; } .comment ol li { line-height: 1.5; margin-top: 10px; } .site_info_widget .single-contact-info { overflow: auto; margin-bottom: 20px; } .site_info_widget .single-contact-info span { display: block; color: var(--theme); } .site_info_widget .single-contact-info .icon { width: 40px; height: 40px; line-height: 40px; color: var(--white); background-color: var(--theme); float: left; text-align: center; overflow: hidden; font-size: 16px; margin-right: 20px; } .site_info_widget .single-contact-info:nth-child(2n) .icon { background-color: var(--theme); } .site_info_widget .single-contact-info:nth-child(3n) .icon { background-color: var(--theme); } .site_info_widget .social-link { margin-top: 35px; } .site_info_widget .social-link a { margin-right: 8px !important; } .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .contact-section { position: relative; } .contact-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg3); left: 20%; } @media (max-width: 1399px) { .contact-section::before { left: 0; } } .contact-wrapper { position: relative; margin-top: 3px; } .contact-wrapper .contact-left { position: relative; display: block; margin-right: 70px; padding-top: 120px; z-index: 1; } @media (max-width: 991px) { .contact-wrapper .contact-left { margin-right: 0; } } .contact-wrapper .contact-left .contact-bg { position: absolute; top: 0; left: -375px; right: -433px; bottom: -120px; background-repeat: no-repeat; background-position: center; background-size: cover; clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%); z-index: -1; } .contact-wrapper .contact-left .contact-shape { position: absolute; top: 0; bottom: -120px; left: -375px; right: -190px; background-repeat: no-repeat; background-position: right center; background-size: cover; opacity: 0.8; z-index: -1; } .contact-wrapper .contact-left .form-clt input, .contact-wrapper .contact-left .form-clt textarea { border: none; outline: none; width: 100%; background-color: var(--white); padding: 18px 30px; color: var(--text); } .contact-wrapper .contact-left .form-clt textarea { padding: 18px 30px 90px; } .contact-wrapper .contact-left .form-clt .nice-select { background-color: var(--white); border-radius: 0; padding: 17px 30px; } .contact-wrapper .contact-left .form-clt .nice-select span { font-weight: 400; } .contact-wrapper .contact-left .theme-btn { background-color: var(--header); } .contact-wrapper .contact-left .theme-btn span { transition: all 0.4s ease-in-out; } .contact-wrapper .contact-left .theme-btn::before, .contact-wrapper .contact-left .theme-btn::after { background-color: var(--white); } .contact-wrapper .contact-left .theme-btn:hover span { color: var(--header); } .contact-wrapper .contact-right { position: relative; display: block; margin-left: -30px; margin-right: -315px; margin-top: 40px; } @media (max-width: 991px) { .contact-wrapper .contact-right { margin: 0; } } .contact-wrapper .contact-right::before { content: ""; position: absolute; top: -40px; left: 344px; border-bottom: 40px solid var(--header); border-left: 20px solid transparent; border-right: 30px solid transparent; } .contact-wrapper .contact-right .google-map-box { position: relative; display: block; clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%); } @media (max-width: 991px) { .contact-wrapper .contact-right .google-map-box { clip-path: none; } } .contact-wrapper .contact-right .google-map-box iframe { position: relative; display: block; border: none; height: 730px; width: 100%; mix-blend-mode: luminosity; } @media (max-width: 991px) { .contact-wrapper .contact-right .google-map-box iframe { clip-path: none; mix-blend-mode: normal; height: 620px; } } @media (max-width: 767px) { .contact-wrapper .contact-right .google-map-box iframe { height: 520px; } } @media (max-width: 575px) { .contact-wrapper .contact-right .google-map-box iframe { height: 420px; } } .contact-form-items .form-clt input, .contact-form-items .form-clt textarea { padding: 18px 30px; border: none; outline: none; background-color: var(--white); width: 100%; font-size: 18px; font-weight: 500; color: var(--header); border-radius: 5px; } @media (max-width: 575px) { .contact-form-items .form-clt input, .contact-form-items .form-clt textarea { padding: 14px 20px; } } .contact-form-items .form-clt input::placeholder, .contact-form-items .form-clt textarea::placeholder { color: var(--header); } .contact-form-items .form-clt textarea { padding: 18px 30px 110px; } @media (max-width: 575px) { .contact-form-items .form-clt textarea { padding: 14px 20px 90px; } } .contact-section-2 { position: relative; z-index: 9; } .contact-section-2 .contact-image { position: absolute; bottom: 0; right: 0; z-index: -1; animation: right-image-bounce 3s infinite ease-in-out; } .contact-wrapper-2 .contact-content .contact-info-area { margin-top: 50px; } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items { display: flex; align-items: center; gap: 30px; } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .icon { font-size: 32px; color: var(--theme2); } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .content p { color: var(--theme2); } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items .content h3 { font-size: 22px; margin-top: 5px; text-transform: initial; } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items.style-2 .icon { color: var(--theme); } .contact-wrapper-2 .contact-content .contact-info-area .contact-info-items.style-2 .content p { color: var(--theme); } input:-webkit-autofill { box-shadow: 0 0 0 1000px var(--bg) inset !important; -webkit-text-fill-color: var(--black) !important; /* transition: background-color 5000s ease-in-out 0s; */ } /* appoinment form */ .mainAppointmentForm { /* display: flex; */ /* flex-direction: column; */ /* gap: 20px; */ } .appointmentFormField { display: flex; justify-content: center; align-items: center; gap: 20px; } .appointmentFormField2 { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 20px 0; } @media (max-width: 767px) { .appointmentFormField { display: flex; flex-wrap: wrap; gap: 15px; } .appointmentFormField2 { display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0px; } .formField2 { width: 100%; margin: 0; } } .formappointmentField { width: 100%; } .formappointmentField2 { width: 100%; } .formappointmentField span input { width: 100%; } .formappointmentField2 span input { width: 100%; } .formappointmentField2 span input { background-color: transparent; outline: none; border: 2px solid var(--theme); border-radius: 20px; padding: 15px 20px; margin-top: 10px; } .formappointmentField label { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black); } .formappointmentField2 span input::placeholder { color: var(--theme2); font-size: 14px; line-height: 22px; font-weight: 400; } .formappointmentField span input { background-color: transparent; outline: none; border: 2px solid var(--theme); border-radius: 20px; padding: 15px 20px; margin-top: 10px; } .formappointmentField2 label { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black); } .formappointmentField span input::placeholder { color: var(--theme2); font-size: 14px; line-height: 22px; font-weight: 400 } .formappointmentField2 span input { background-color: transparent; outline: none; border: 2px solid var(--theme); border-radius: 20px; padding: 15px 20px; margin-top: 10px; } .formappointmentField2 span input::placeholder { color: var(--theme2); font-size: 14px; line-height: 22px; font-weight: 400 } .thirdappointmentField span textarea { width: 100%; } .thirdappointmentField span textarea { background-color: transparent; outline: none; border: 2px solid var(--theme); border-radius: 20px; padding: 15px 20px; margin-top: 10px; } .thirdappointmentField label { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black); } .thirdappointmentField span textarea::placeholder { color: var(--theme2); font-size: 14px; line-height: 22px; font-weight: 400 } .appointmentFormBtn input { background-color: var(--theme); border: none; padding: 16px 24px; border-radius: 25px; /* text-transform: uppercase; */ color: var(--white); /* border: 2px solid var(--theme); */ font-size: 18px; line-height: 12px; font-weight: 600; margin-top: 20px; } .appointmentFormBtn input:hover { /* border: 2px solid var(--theme); */ background-color: var(--theme2); transition: all 0.9s ease-in-out; } @media (max-width: 1024px) { .appointmentFormBtn input { padding: 14px 22px; font-size: 16px; line-height: 11px; } .formappointmentField span input { padding: 12px 17px; } .formappointmentField2 span input { padding: 12px 17px; } .appointmentFormField { gap: 15px; } .appointmentFormField2 { gap: 15px; } } .wpcf7-response-output { color: #9d0202; } @media (max-width: 767px) { .appointmentFormBtn input { padding: 12px 20px; font-size: 14px; line-height: 10px; margin-top: 20px; } .formappointmentField span input { padding: 10px 15px; } .fformappointmentField2 span input { padding: 10px 15px; } .appointmentFormField { gap: 15px; } .appointmentFormField2 { gap: 15px; } .formappointmentField span input { margin-top: 5px; } .formappointmentField2 span input { margin-top: 5px; } .thirdappointmentField span textarea { margin-top: 5px; } .formappointmentField label { font-size: 15px; } .formappointmentField2 label { font-size: 15px; } .thirdappointmentField label { font-size: 15px; } } .mainContactForm { /* display: flex; */ /* flex-direction: column; */ /* gap: 20px; */ } .contactFormField { display: flex; justify-content: center; align-items: center; gap: 20px; } .contactFormField2 { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 20px 0; } @media (max-width: 767px) { .contactFormField { display: flex; flex-wrap: wrap; gap: 15px; } .contactFormField2 { display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0px; } .formField2 { width: 100%; margin: 0; } } .formField { width: 100%; } .formField2 { width: 100%; } .formField span input { width: 100%; } .formField2 span input { width: 100%; } .formField2 span input { background-color: transparent; outline: none; border: 2px solid var(--black); border-radius: 0px; padding: 15px 20px; } .formField2 span input::placeholder { color: var(--black); font-size: 16px; line-height: 24px; font-weight: 400; } .formField span input { background-color: transparent; outline: none; border: 2px solid var(--black); border-radius: 0px; padding: 15px 20px; } .formField span input::placeholder { color: var(--black); font-size: 16px; line-height: 24px; font-weight: 400 } .formField2 span input { background-color: transparent; outline: none; border: 2px solid var(--black); border-radius: 0px; padding: 15px 20px; } .formField2 span input::placeholder { color: var(--black); font-size: 16px; line-height: 24px; font-weight: 400 } .thirdContactField span textarea { width: 100%; } .thirdContactField span textarea { background-color: transparent; outline: none; border: 2px solid var(--black); border-radius: 0px; padding: 15px 20px; } .thirdContactField span textarea::placeholder { color: var(--black); font-size: 16px; line-height: 24px; font-weight: 400; } .contactFormBtn input { background-color: var(--black); border: none; padding: 8px 20px; border-radius: 0px; color: var(--white); font-size: 16px; line-height: 24px; font-weight: 600; margin-top: 40px; } .contactFormBtn input:hover { /* background-color: var(--theme2); */ transition: all 0.9s; } @media (max-width: 1024px) { .contactFormBtn input { /* padding: 14px 22px; font-size: 16px; line-height: 11px; */ margin-top: 30px; } .formField span input { padding: 12px 17px; } .formField2 span input { padding: 12px 17px; } .contactFormField { gap: 15px; } .contactFormField2 { gap: 15px; } } .wpcf7-response-output { color: #9d0202; } @media (max-width: 767px) { .contactFormBtn input { padding: 6px 18px; font-size: 14px; line-height: 22px; margin-top: 20px; } .formField span input { padding: 10px 16px; } .formField2 span input { padding: 10px 16px; } .contactFormField { gap: 20px; } .contactFormField2 { gap: 20px; } } .contact-box { /* background-color: var(--white); */ /* box-shadow: var(---box-shadow); */ /* border-radius: 5px; */ /* padding: 60px 45px; */ } .contact-box .contact-title { text-align: center; /* margin-bottom: 30px; */ } .contact-box .contact-title h3 { font-size: 27px; } .contact-box .contact-title p { color: var(--black); margin-top: 5px; } .contact-box .contact-form-items .form-clt { position: relative; } .contact-box .contact-form-items .form-clt input, .contact-box .contact-form-items .form-clt textarea { border: 1px solid #e4e4e4; color: var(--text); font-weight: 500; } .contact-box .contact-form-items .form-clt input::placeholder, .contact-box .contact-form-items .form-clt textarea::placeholder { color: var(--text); } @media (max-width: 575px) { .contact-box .contact-form-items .form-clt input, .contact-box .contact-form-items .form-clt textarea { padding: 12px 20px; } } .contact-box .contact-form-items .form-clt .icon { position: absolute; top: 18px; right: 30px; } .contact-box .contact-form-items textarea { padding: 23px 15px; color: var(--black); } .contact-box .contact-form-items .theme-btn-2 { display: inherit; text-align: center; line-height: 1; margin: 0 auto; } .contact-main-wrapper .contact-content { margin-right: 30px; } @media (max-width: 1399px) { .contact-main-wrapper .contact-content { margin-right: 0; } } .contact-main-wrapper .contact-content .info-items { display: flex; gap: 25px; } .contact-main-wrapper .contact-content .info-items .icon { font-size: 22px; color: var(--theme); } .contact-main-wrapper .contact-content .info-items .content h5 { margin-bottom: 5px; } .contact-main-wrapper .contact-content .info-items .content a { color: var(--text); } .contact-main-wrapper .contact-content .info-items .content .social-icon { gap: 15px; position: relative; z-index: 9; margin-top: 10px; } .contact-main-wrapper .contact-content .info-items .content .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--text); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; border: 1px solid var(--border2); } .contact-main-wrapper .contact-content .info-items .content .social-icon a:hover { background-color: var(--theme); color: var(--white); border: 1px solid transparent; } .contact-main-wrapper .contact-content .contact-image { margin-top: 50px; } .contact-main-wrapper .contact-content .contact-image img { width: 100%; height: 100%; } .contact-main-wrapper .contact-form-items { background-color: var(--bg5); padding: 55px 45px; } .contact-main-wrapper .contact-form-items .contact-title { margin-bottom: 30px; } @media (max-width: 575px) { .contact-main-wrapper .contact-form-items .contact-title { margin-bottom: 20px; } } .contact-main-wrapper .contact-form-items .contact-title h3 { font-size: 38px; margin-bottom: 10px; } @media (max-width: 767px) { .contact-main-wrapper .contact-form-items .contact-title h3 { font-size: 32px; } } @media (max-width: 575px) { .contact-main-wrapper .contact-form-items .contact-title h3 { font-size: 28px; } } .contact-main-wrapper .contact-form-items .form-clt { position: relative; } .contact-main-wrapper .contact-form-items .form-clt .icon { position: absolute; top: 18px; left: 0; } @media (max-width: 575px) { .contact-main-wrapper .contact-form-items .form-clt .icon { display: none; } } .contact-main-wrapper .contact-form-items .form-clt .icon i { color: var(--header); } .contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea { width: 100%; outline: none; border-radius: 0; border: none; padding: 20px 30px; color: var(--text); background-color: transparent; text-transform: capitalize; font-weight: 500; border-bottom: 1px solid var(--border2); } @media (max-width: 575px) { .contact-main-wrapper .contact-form-items .form-clt input, .contact-main-wrapper .contact-form-items .form-clt textarea { padding: 15px 20px; } } .contact-main-wrapper .contact-form-items .form-clt input::placeholder, .contact-main-wrapper .contact-form-items .form-clt textarea::placeholder { color: var(--text); } .contact-main-wrapper .contact-form-items .form-clt textarea { padding: 20px 30px 110px; } .contact-main-wrapper .contact-form-items .theme-btn i { margin-right: 10px; } .contact-main-wrapper .contact-form-items .theme-btn:hover i { transform: translate(0); } .google-map iframe { width: 100%; height: 500px; } .contact-section-4 { position: relative; z-index: 8; } .contact-section-4 .contact-shape { position: absolute; right: 0; top: 0; z-index: -1; } @media (max-width: 1199px) { .contact-section-4 .contact-shape { display: none; } } .contact-wrapper-3 .contact-left-image { width: 915px; height: 600px; left: -50%; position: relative; } @media (max-width: 1399px) { .contact-wrapper-3 .contact-left-image { width: 890px; left: -60%; } } @media (max-width: 1199px) { .contact-wrapper-3 .contact-left-image { max-width: 915px; left: 0; width: initial; } } @media (max-width: 575px) { .contact-wrapper-3 .contact-left-image { height: 500px; } } .contact-wrapper-3 .contact-left-image .counter-area { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: space-between; } .contact-wrapper-3 .contact-left-image .counter-area .counter-items { padding: 40px 90px 40px 40px; background-color: var(--header); } @media (max-width: 767px) { .contact-wrapper-3 .contact-left-image .counter-area .counter-items { padding: 35px; } } @media (max-width: 575px) { .contact-wrapper-3 .contact-left-image .counter-area .counter-items { padding: 25px; } } .contact-wrapper-3 .contact-left-image .counter-area .counter-items h2 { font-size: 48px; color: var(--white); margin-bottom: 5px; } @media (max-width: 575px) { .contact-wrapper-3 .contact-left-image .counter-area .counter-items h2 { font-size: 42px; } } .contact-wrapper-3 .contact-left-image .counter-area .counter-items p { font-size: 18px; color: var(--white); } @media (max-width: 575px) { .contact-wrapper-3 .contact-left-image .counter-area .counter-items p { font-size: 16px; } } .contact-wrapper-3 .contact-left-image .counter-area .counter-items.style-2 { background-color: var(--theme); } .contact-wrapper-3 .contact-area { margin-left: 30px; } @media (max-width: 1199px) { .contact-wrapper-3 .contact-area { margin-left: 0; } } .contact-wrapper-3 .contact-area .contact-box-2 { background-color: var(--white); box-shadow: var(---box-shadow); padding: 80px; } @media (max-width: 767px) { .contact-wrapper-3 .contact-area .contact-box-2 { padding: 50px; } } @media (max-width: 575px) { .contact-wrapper-3 .contact-area .contact-box-2 { padding: 40px; } } .contact-wrapper-3 .contact-area .contact-box-2 .contact-title { margin-bottom: 40px; } @media (max-width: 575px) { .contact-wrapper-3 .contact-area .contact-box-2 .contact-title { margin-bottom: 20px; } } .contact-wrapper-3 .contact-area .contact-box-2 .contact-title span { color: var(--theme); font-weight: 600; margin-bottom: 10px; display: inline-block; } .contact-wrapper-3 .contact-area .contact-box-2 .contact-title h3 { font-size: 30px; } .contact-wrapper-3 .contact-area .contact-box-2 .form-clt input, .contact-wrapper-3 .contact-area .contact-box-2 .form-clt textarea { width: 100%; outline: none; border: none; padding: 18px 30px; color: var(--header); background-color: var(--bg); text-transform: capitalize; } @media (max-width: 575px) { .contact-wrapper-3 .contact-area .contact-box-2 .form-clt input, .contact-wrapper-3 .contact-area .contact-box-2 .form-clt textarea { padding: 14px 30px; } } .contact-wrapper-3 .contact-area .contact-box-2 .form-clt textarea { padding: 18px 30px 110px; } @media (max-width: 575px) { .contact-wrapper-3 .contact-area .contact-box-2 .form-clt textarea { padding: 14px 30px 70px; } } /* .contact-info-area-5 { padding-top: 120px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(56, 84, 105, 0.2); position: relative; z-index: 9; } @media (max-width: 1199px) { .contact-info-area-5 { flex-wrap: wrap; gap: 40px; padding-top: 85px; justify-content: initial; } } @media (max-width: 575px) { .contact-info-area-5 { gap: 30px; } } .contact-info-area-5 .contact-info-items { display: flex; align-items: center; gap: 20px; justify-content: space-between; position: relative; padding-bottom: 50px; } @media (max-width: 1199px) { .contact-info-area-5 .contact-info-items { flex-wrap: wrap; } } */ .contact-info-area-5 .contact-info-items .icon { line-height: 26px; font-size: 20px; padding: 4px 5.5px; color: var(--white); } .contact-info-area-5 .contact-info-items .content p { color: var(--white); font-weight: 700; font-size: 24px; line-height: 32px; /* margin-bottom: 5px; */ } .contact-info-area-5 .contact-info-items .content h3 a { color: var(--white); font-weight: 600; font-size: 16px; line-height: 24px; } .our-branch-wrapper { position: relative; z-index: 1; } .our-branch-wrapper .office-google-map-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: -1; } .our-branch-wrapper .office-google-map-wrapper iframe { width: 100%; height: 100%; } .single-branch-card { padding: 40px; padding-top: 0; background: #fff; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1019607843); position: relative; margin-top: 90px; } .single-branch-card .country-flag { width: 120px; height: 120px; line-height: 120px; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843); display: inline-block; margin-bottom: 20px; margin-top: -60px; } .single-branch-card .content h4 { position: relative; z-index: 1; display: inline-block; padding-right: 5px; margin-bottom: 20px; font-size: 25px; } .single-branch-card .content h4::before { position: absolute; content: ""; width: 100%; height: 14px; background-color: var(--theme); left: 0; bottom: 2px; z-index: -1; opacity: 0.15; } .single-branch-card .content p { margin-bottom: 10px; } .single-branch-card .content p a { font-size: inherit; color: var(--theme); } .single-branch-card .content .branch-links { margin-top: 15px; } .single-branch-card .content .branch-links a { text-transform: uppercase; font-weight: 700; font-size: 15px; } .single-branch-card .content .branch-links a:hover { padding-left: 5px; color: var(--theme); } .single-branch-card .content .branch-links a i { margin-left: 5px; } .footer-section { position: relative; } .footer-section .arrow-shape-1 { position: absolute; top: 0; left: 0; } .footer-section .container { /* max-width: 1224px; */ } @media (max-width: 1399px) { .footer-section .arrow-shape-1 { display: none; } } .blog-single-content-wrap .single-post-navigation { display: none !important; } .blog-single-content-wrap .blog-details-footer { /* display: none !important; */ } #block-6 { display: none !important; } #media_image-3 { display: none !important; } #block-3 { display: none !important; } #block-5 { display: none !important; } #block-4 { display: none !important; } #block-2 { display: none !important; } .footer-section { background-color: var(--black); width: 100%; padding: 50px 0; overflow: hidden; } @media (max-width: 1024px) { .footer-section { padding: 40px 0; } } @media (max-width: 767px) { .footer-section { padding: 30px 0; } } @media (max-width: 631px) { .footer-section { /* padding-left: 8px; */ /* padding-right: 8px; */ } .widget-head img { /* width: 220px; */ } } .footer-top { padding: 80px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(230, 230, 230, 0.1); } @media (max-width: 991px) { .footer-top { flex-wrap: wrap; gap: 30px; justify-content: center; padding: 60px 0; } } @media (max-width: 767px) { .footer-top { padding: 40px 0; } } /* .footer-top ul { display: flex; align-items: center; gap: 55px; } @media (max-width: 767px) { .footer-top ul { gap: 20px; flex-wrap: wrap; } } .footer-top ul li i { color: var(--theme); margin-right: 5px; } .footer-top ul li a { color: var(--white); font-weight: 500; } */ .footer-widgets-wrapper { /* padding: 90px 0 120px; */ /* padding: 20px 0 20px; */ position: relative; z-index: 9; } .gallery { /* display: grid; flex-wrap: wrap; gap: 20px; grid-template-columns: repeat(2, 2fr) */ } .widgettitle { text-transform: capitalize; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--white); margin-bottom: 30px; } .footer-widgets-wrapper .arrow-shape-2 { position: absolute; bottom: 0; right: 0; } @media (max-width: 1399px) { .footer-widgets-wrapper .arrow-shape-2 { display: none; } } @media (max-width: 1199px) { .footer-widgets-wrapper { padding: 0; } } @media (max-width: 991px) { .footer-widgets-wrapper { padding: 0; } } @media (min-width: 1199px) { #scriptor_footer_2_about_widget-1 { text-align: right; } } @media (max-width: 996px) { .footer-widgets-wrapper .single-footer-widget { margin-bottom: 20px; } .single-footer-widget { margin-top: 20px; } } .footer-widgets-wrapper .single-footer-widget .widget-head { margin-bottom: 30px; } @media (max-width: 1024px) { .footer-widgets-wrapper .single-footer-widget .widget-head { /* margin-bottom: 30px; */ } } @media (max-width: 767px) { .footer-widgets-wrapper .single-footer-widget .widget-head { margin-bottom: 20px; } .widgettitle { margin-bottom: 20px; } } .footer-widgets-wrapper .single-footer-widget .widget-head h5 { text-transform: capitalize; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--white); } .footer-widgets-wrapper .single-footer-widget .widget-head h3 { font-size: 32px; text-transform: capitalize; color: var(--white); margin-top: 10px; } .footer-widgets-wrapper .single-footer-widget .footer-content p { color: var(--white); font-size: 16px; line-height: 24px; font-weight: 400; } @media (max-width: 1399px) { .footer-widgets-wrapper .single-footer-widget .footer-content br { display: none; } } .footer-widgets-wrapper .single-footer-widget .footer-content span { font-weight: 500; margin-top: 15px; display: inline-block; color: var(--text2); } @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .footer-content span { margin-top: 10px; } } .footer-widgets-wrapper .single-footer-widget .footer-content .link { font-size: 16px; font-weight: 700; color: var(--white); margin-top: 15px; display: inline-block; } @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .footer-content .link { margin-top: 10px; } } .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon { margin-top: 40px; gap: 15px; display: none !important; position: relative; z-index: 9; } @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon { margin-top: 20px; } } .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: rgba(92, 92, 91, 0.1); color: var(--text2); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover { background-color: var(--theme); color: var(--white); } .single-footer-widget .social-icon { display: flex; margin-top: 30px; gap: 20px; position: relative; z-index: 9; } @media (max-width: 575px) { .single-footer-widget .social-icon { margin-top: 20px; gap: 15px; } } .single-footer-widget .social-icon a { /* width: 40px; */ /* height: 40px; */ /* line-height: 40px; text-align: center; font-size: 18px; line-height: 18px; padding: 11px 11px; display: block; background: rgba(92, 92, 91, 0.1); color: var(--text2); border-radius: 30px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; */ } .single-footer-widget .social-icon li a i { width: 45px; height: 45px; line-height: 45px; font-size: 23px; display: flex; align-items: center; justify-content: center; border-radius: 0px; color: var(--black); background-color: var(--white); } .single-footer-widget .social-icon li a i:hover { /* background-color: var(--white); color: var(--theme2); */ transition: all 0.9s; } @media (max-width: 1024px) { .single-footer-widget .social-icon li a i { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } } @media (max-width: 767px) { .single-footer-widget .social-icon li a i { width: 34px; height: 34px; line-height: 34px; font-size: 18px; } } /* .single-footer-widget .social-icon li:nth-child(2) a i { font-size: 18px; line-height: 18px; padding: 11px 12px; border-radius: 30px; color: var(--theme2); background-color: var(--theme); } .single-footer-widget .social-icon li:last-child a i { font-size: 18px; line-height: 18px; padding: 11px; border-radius: 30px; color: var(--theme2); background-color: var(--theme); } */ .single-footer-widget .social-icon a i:hover { /* background-color: var(--white); */ /* color: var(--theme2) !important; */ /* transition: all 0.9s linear; */ } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items { margin-top: 40px; display: flex; align-items: center; gap: 10px; } @media (max-width: 1399px) { .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items { flex-wrap: wrap; gap: 20px; } } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt { flex-basis: 70%; } @media (max-width: 991px) { .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt { flex-basis: 100% !important; } } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .form-clt input { position: relative; padding: 18px 30px; border: none; outline: none; background: rgba(255, 255, 255, 0.03); border: 1.2px solid rgba(255, 255, 255, 0.1); border-radius: 6px; width: 100%; font-size: 16px; color: var(--text); border-radius: 5px; } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn { padding: 24px 40px; } @media (max-width: 991px) { .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn { width: 100%; text-align: center; } } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn span { margin-top: 0; color: var(--white); transition: all 0.4s ease-in-out; } .footer-widgets-wrapper .single-footer-widget .footer-content .newsletter-items .theme-btn:hover span { color: var(--header); } .footer-widgets-wrapper .single-footer-widget .footer-content .label-text { color: var(--text2); font-weight: 500; margin-top: 15px; font-size: 16px; } .footer-widgets-wrapper .single-footer-widget .footer-content .label-text a { color: var(--white); text-decoration: underline; } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input { /* margin-top: 30px; */ } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input { width: 100%; border: none; background-color: transparent; position: relative; color: var(--black); /* font-size: 14px; font-weight: 700; line-height: 10px; color: var(--white); background-color: #D4ADFC1A; padding: 20px 16px 20px 16px; border: 1px solid var(--body); border-radius: 30px; */ } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input input::placeholder { font-size: 14px; line-height: 20px; color: var(--white); } .mainField { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--white); background-color: var(--white); padding: 10px 10px 10px 15px; border: 2px solid var(--theme); border-radius: 5px; font-family: Roboto; width: 370px; } .mainField input::placeholder { color: var(--theme) !important; font-size: 16px; line-height: 24px; font-family: 400; } @media (max-width: 425px) { .mainField { width: 280px; } } .myIcon { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f054"; font-size: 14px; width: 32px; height: 32px; line-height: 32px; color: var(--white); /* padding: 10px 13px 10px 8px; */ background-color: var(--theme); border-radius: 10px; } .myIcon:hover { background-color: var(--theme2); transition: all 0.9s linear; } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .theme-btn { margin-top: 12px; width: 80%; line-height: 1.3; padding: 12px 11px; } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .theme-btn span { margin: 0; color: var(--white); } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .theme-btn::before, .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .theme-btn::after { background-color: var(--white); } .footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .theme-btn:hover span { color: var(--header); } .footer-widgets-wrapper .single-footer-widget .list-items li { text-transform: capitalize; } .footer-widgets-wrapper .single-footer-widget .list-items li:not(:last-child) { margin-bottom: 15px; } .footer-widgets-wrapper .single-footer-widget .list-items li a { font-size: 16px; color: var(--text2); position: relative; } .footer-widgets-wrapper .single-footer-widget .list-items li a::before { position: absolute; top: 8px; left: 0; width: 6px; height: 6px; content: ""; border-radius: 50%; background-color: var(--theme); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .footer-widgets-wrapper .single-footer-widget .list-items li a:hover { padding-left: 20px; color: var(--theme); } .footer-widgets-wrapper .single-footer-widget .list-items li a:hover::before { opacity: 1; visibility: visible; } .footer-widgets-wrapper .single-footer-widget .footer-address-text p { color: var(--text2); } .footer-widgets-wrapper .single-footer-widget .footer-address-text h5 { padding: 20px 0; color: var(--white); } .footer-widgets-wrapper .single-footer-widget .footer-address-text h5 a { color: var(--white); } .footer-widgets-wrapper .single-footer-widget .footer-address-text .link-mail { color: var(--text2); font-size: 16px; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item { display: flex; align-items: center; gap: 10px; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) { margin-bottom: 10px; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb { position: relative; } @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb { width: 100px; } } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img { width: 100%; height: 100%; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; transition: 0.3s; opacity: 0; width: 100%; height: 100%; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #0000006b; transition: 0.4s; opacity: 0; width: 100%; height: 100%; /* border-radius: 20px; */ } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i { color: var(--white); font-size: 22px; line-height: 50px; z-index: 99; position: relative; margin-top: 25px; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon { opacity: 1; } .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after { opacity: 1; } .footer-bottom { padding: 30px 0; position: relative; z-index: 9; background-color: #121315; } @media (max-width: 991px) { .footer-bottom .footer-wrapper { flex-wrap: wrap; gap: 10px; justify-content: center !important; margin-top: 30px; text-align: center; } } .footer-bottom .footer-wrapper p { color: var(--white); } .footer-bottom .footer-wrapper p a { color: var(--white); } .footer-bottom .footer-wrapper .footer-menu { display: flex; align-items: center; gap: 20px; } .footer-bottom .footer-wrapper .footer-menu li a { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; display: inline-block; transition: all 0.4s ease-in-out; } .footer-bottom .footer-wrapper .footer-menu li a:hover { background-size: 100% 1px; } .footer-bottom.style-2 { background-color: #101010; text-align: center; margin-top: -5px; } .footer-bottom.style-2 .footer-wrapper { display: initial !important; } .newsletter-area { position: relative; z-index: 9; } .newsletter-area .newsletter-title { text-align: center; } .newsletter-area .newsletter-title h2 { color: var(--white); margin-bottom: 10px; } .newsletter-area .newsletter-title p { color: var(--white); } .newsletter-area .shape-1 { position: absolute; left: -15%; bottom: 4%; animation: rounded 6s linear infinite; } @media (max-width: 1399px) { .newsletter-area .shape-1 { display: none; } } .newsletter-area .shape-2 { position: absolute; right: -15%; bottom: 4%; animation: rounded 5s linear infinite; } @media (max-width: 1399px) { .newsletter-area .shape-2 { display: none; } } .newsletter-area .newsletter-items { margin-top: 40px; display: flex; align-items: center; gap: 10px; } @media (max-width: 1399px) { .newsletter-area .newsletter-items { flex-wrap: wrap; text-align: center; justify-content: center; gap: 20px; } } .newsletter-area .newsletter-items .form-clt { flex-basis: 70%; } @media (max-width: 767px) { .newsletter-area .newsletter-items .form-clt { flex-basis: 100%; } } .newsletter-area .newsletter-items .form-clt input { position: relative; padding: 18px 30px; border: none; outline: none; background-color: var(--white); width: 100%; font-size: 16px; color: var(--text); border-radius: 5px; } @media (max-width: 767px) { .newsletter-area .newsletter-items .form-clt input { padding: 14px 30px; } } @media (max-width: 575px) { .newsletter-area .newsletter-items .form-clt input { padding: 14px 25px; } } .newsletter-area .newsletter-items .theme-btn { padding: 24px 50px; } @media (max-width: 767px) { .newsletter-area .newsletter-items .theme-btn { width: 100%; padding: 20px 40px; } } @media (max-width: 575px) { .newsletter-area .newsletter-items .theme-btn { padding: 18px 25px; } } .single-footer-widget.widget_nav_menu ul li a:hover { color: var(--theme) !important; /* Makes the link text white */ } .current-menu-item > a { color: var(--theme) !important; /* Makes the link text white */ } .single-footer-widget.widget_nav_menu ul li:hover { color: var(--white) !important; /* Makes the entire
  • text white */ } .blog-content-page { padding-top: 100px; padding-bottom: 100px; } .archive-page-content-area { padding: 100px 0; } .search-page-content-area { padding: 100px 0; } @media (max-width: 1024px) { .archive-page-content-area { padding: 80px 0; } .search-page-content-area { padding: 80px 0; } .blog-content-page { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767px) { .archive-page-content-area { padding: 60px 0; } .search-page-content-area { padding: 60px 0; } .blog-content-page { padding-top: 60px; padding-bottom: 60px; } } /* card-widget */ .card-card-items-2 .card-maincon { margin-right: 10px; margin-left: 10px; width: 100%; } .card-card-items-2 .card-contentt { width: 100%; display: flex; gap: 30px; flex-wrap: nowrap; align-items: center; padding-right: 210px; } .card-card-items-2 .card-contentt .image2 { width: 30%; } .card-card-items-2 .card-contentt .image2 img { width: 100%; } .card-card-items-2 .card-contentt .book-info { width: 70%; justify-items: start; } .card-card-items-2 .card-contentt .book-info .ratting { display: flex; flex-wrap: nowrap; gap: 10px; margin-bottom: 20px; } .card-card-items-2 .card-contentt .book-info .ratting .star i { font-size: 25px; color: var(--white); } .card-card-items-2 .card-contentt .book-info .ratting h6 { font-size: 14px; line-height: 22px; font-weight: 600; color: var(--white); } .card-card-items-2 .card-contentt .book-info h6 { font-size: 44px; line-height: 56px; font-weight: 600; color: var(--white); } .card-card-items-2 .card-contentt .book-info p { font-size: 18px; line-height: 26px; font-weight: 400; color: var(--white); margin: 20px 0px; } .card-card-items-2 .card-contentt .book-info h4 { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--black); border-radius: 30px; padding: 10px 20px; background-color: var(--white); } .card-slider-button { display: flex; flex-wrap: nowrap; gap: 30px; position: absolute; right: 0; bottom: 0; } .card-slider-button .card-nav-prev, .card-slider-button .card-nav-next { width: 40px; height: 40px; background-color: var(--white); color: var(--black); border-radius: 30px; line-height: 40px; font-weight: 400; font-size: 18px; padding-top: 10px; cursor: pointer; text-align: center; } .card-wrapper { position: relative; } @media (max-width: 1200px) { .card-card-items-2 .card-contentt { padding-right: 120px; } } @media (max-width: 1024PX) { .card-card-items-2 .card-contentt { padding-right: 90px; gap: 20px; } .card-card-items-2 .card-contentt .book-info .ratting .star i { font-size: 18px; } .card-card-items-2 .card-contentt .book-info .ratting { margin-bottom: 10px; } .card-card-items-2 .card-contentt .book-info h6 { font-size: 34px; line-height: 34px; } .card-card-items-2 .card-contentt .book-info p { margin: 15px 0px; font-size: 16px; line-height: 24px; } .card-card-items-2 .card-contentt .book-info h4 { padding: 6px 12px; } .card-slider-button { gap: 25px; } .card-slider-button .card-nav-prev, .card-slider-button .card-nav-next { width: 36px; height: 36px; line-height: 36px; font-size: 15px; } } @media (max-width: 767px) { .card-card-items-2 .card-contentt { flex-wrap: wrap; justify-content: center; padding-right: 0px; padding-bottom: 55px; width: 288px; } .card-card-items-2 .card-maincon { justify-items: center; margin-left: 8px; margin-right: 8px; } .card-card-items-2 .card-contentt .image2 { width: 100%; /* justify-items: center; */ } .card-card-items-2 .card-contentt .image2 img { width: 230px; } .card-card-items-2 .card-contentt .book-info { width: 100%; } .card-card-items-2 .card-contentt .book-info .ratting .star i { font-size: 16px; } .card-card-items-2 .card-contentt .book-info .ratting { gap: 8px; } .card-card-items-2 .card-contentt .book-info h6 { font-size: 26px; line-height: 26px; } .card-card-items-2 .card-contentt .book-info p { font-size: 14px; line-height: 22px; } .card-card-items-2 .card-contentt .book-info h4 { padding: 4px 10px; } .card-slider-button { justify-content: center; left: 0; right: 0; bottom: 0; } .card-slider-button .card-nav-prev, .card-slider-button .card-nav-next { width: 34px; height: 34px; line-height: 34px; } } /* elementor span tag title */ .title-theme { color: var(--theme); } .title-theme2 { color: var(--theme2); } .pack-con:hover .pack-hov-con { opacity: 1; height: 100%; transition: all 0.9s; } @media (max-width: 1200px) { .cardd-con-padd { padding-left: 100px !important; padding-right: 100px !important; } } @media (max-width: 1024px) { .cardd-con-padd { padding-left: 60px !important; padding-right: 60px !important; } } @media (max-width: 767px) { .cardd-con-padd { padding-left: 16px !important; padding-right: 16px !important; } } .counter-animate { animation: waveHand 2s infinite; } @keyframes waveHand { 0% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } /* 50% { transform: rotate(0deg); } */ /* 75% { transform: rotate(-10deg); } */ /* 100% { transform: rotate(0deg); } */ } .floating-robot { animation: floatUpDown 3s ease-in-out infinite; } @keyframes floatUpDown { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } .rotate-img { animation: rotate 5s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .wcu-img { animation: zoomInOut 2s ease-in-out infinite; } @keyframes zoomInOut { 0%, 100% { transform: scale(0.90); } 50% { transform: scale(1); } } html p, html body { font-family: "Readex Pro", sans-serif !important; } h1, h2, h3, h4, h5, h6, body span { font-family: "Readex Pro", sans-serif !important; font-weight: normal; } body.home.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-9322.wp-embed-responsive.wp-theme-scriptor.elementor-default.elementor-template-full-width.elementor-kit-8.elementor-page.elementor-page-9322.e--ua-blink.e--ua-chrome.e--ua-webkit { direction: rtl; } .elementor-icon-box-wrapper { text-align: right !important; } .hero-slider-active-2.slick-initialized.slick-slider.slick-dotted { direction: ltr; } .elementor-icon-box-description { font-size: 14px !important; font-weight: 400; line-height: 24px; color: #000; } .elementor-heading-title { font-size: 20px !important; } .elementor-9322 .elementor-element.elementor-element-8d25bec .elementor-heading-title { font-size: 45px !IMPORTANT; font-weight: 600; line-height: 56px; color: #000000; } .elementor-9322 .elementor-element.elementor-element-005998a { width: var(--container-widget-width, 305px); max-width: 305px; --container-widget-width: 305px; --container-widget-flex-grow: 0; font-size: 22px !important; } .elementor-9322 .elementor-element.elementor-element-b51688b .elementor-heading-title { font-size: 24px !important; font-weight: 600; line-height: 26px; color: #000000; } .elementor-9322 .elementor-element.elementor-element-604cb80 .elementor-heading-title { font-size: 44px !important; font-weight: 600; line-height: 56px; color: #000000; } h3.elementor-icon-box-title { color: #ca8e3b !important; } .elementor-element.elementor-element-8be08b1.e-con-full.e-flex.e-con.e-parent.e-lazyloaded { direction: ltr; } .elementor-9322 .elementor-element.elementor-element-288b82d .elementor-heading-title { font-size: 44px !important; } .elementor-9322 .elementor-element.elementor-element-5fcca77 .elementor-heading-title { font-size: 44px !important; } .elementor-element.elementor-element-3a95f6f.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded { margin-top: 50px; } bosy .single-news-items-2 .news-content p { color: var(--white); margin-bottom: 30px; font-weight: 400; font-size: 16px; line-height: 24px; text-align: right !important; } .kk .elementor-element.elementor-element-1273e7b { --display: grid; --e-con-grid-template-columns: repeat(3, 1fr) !important; } .elementor-element.elementor-element-d7d4eca.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded { margin: 50px 0px; } .elementor-element.elementor-element-8be08b1.e-con-full.e-flex.e-con.e-parent.e-lazyloaded { margin-bottom: 0; } .elementor-element.elementor-element-d7d4eca.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.swti { margin-top: 0; } .audio-section { padding: 40px 0; text-align: center; } .section-title { font-size: 32px; font-weight: bold; margin-bottom: 5px; } .section-subtitle { font-size: 16px; margin-bottom: 35px; color: #555; } .audio-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 25px; } .audio-card { background: linear-gradient(180deg, #6a6a6a, #6a6a6a); border-radius: 20px; padding: 20px; box-shadow: 0 10px 20px rgba(0,0,0,.08); transition: .3s; } .audio-card:hover { transform: translateY(-10px); } .audio-image img { width: 100%; max-width: 230px; border-radius: 14px; margin: auto; max-height: 155px; } .audio-category { display: inline-block; margin: 12px 0; font-size: 20px; color: #cf9d59; font-weight: bold; } .audio-title { font-size: 22px; margin: 10px 0; color: white; } .audio-desc { font-size: 14px; color: #e8e5e5; margin-bottom: 20px; } .audio-buttons { display: flex; justify-content: center; gap: 15px; } .audio-buttons button, .audio-buttons a { padding: 10px 22px; border-radius: 30px; border: none; background: #ffffff; font-size: 14px; cursor: pointer; transition: .3s; text-decoration: none; color: #333; } .audio-buttons button:hover, .audio-buttons a:hover { background: #6c4cff; color: #ffffff; } .audio-image { float: right; padding-left: 20px; } .elementor-9322 .elementor-element.elementor-element-8e04da5 .elementor-heading-title { font-size: 44px !important; font-weight: 600; line-height: 56px; color: #000000; } .elementor-element.elementor-element-f61b5a3.e-con-full.e-flex.e-con.e-child { padding-top: 0 !important; } .elementor-element.elementor-element-8be08b1.e-con-full.e-flex.e-con.e-parent.e-lazyloaded { margin-top: 0; } .elementor-element.kk.elementor-element-d7d4eca.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded { margin-bottom: 0; } /* Video Section */ .video-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; } /* Card */ .video-card { background: #111; border-radius: 18px; padding: 20px; color: #fff; position: relative; transition: 0.4s ease; box-shadow: 0 15px 30px rgba(0,0,0,0.2); } .video-card:hover { transform: translateY(-10px) scale(1.01); box-shadow: 0 25px 40px rgba(0,0,0,0.4); } /* Image */ .video-image { overflow: hidden; border-radius: 15px; } .video-image img { width: 100%; display: block; border-radius: 15px; transition: 0.5s ease; } .video-card:hover .video-image img { transform: scale(1.1); } /* Category */ .video-category { display: inline-block; background: linear-gradient(45deg, #ff9800, #ff5722); padding: 6px 14px; border-radius: 30px; font-size: 13px; margin: 15px 0 8px; } /* Title */ .video-title { font-size: 20px; margin: 10px 0; color: #fff; } /* Description */ .video-desc { font-size: 14px; opacity: 0.8; line-height: 1.7; margin-bottom: 15px; } /* Video */ .video-card video { width: 100%; border-radius: 15px; margin-bottom: 15px; background: #000; } /* Buttons */ .video-buttons { display: flex; justify-content: space-between; gap: 10px; } .video-buttons button, .video-buttons a { flex: 1; border: none; padding: 12px; border-radius: 12px; font-size: 14px; cursor: pointer; text-align: center; text-decoration: none; transition: 0.4s ease; } /* Play Button */ .video-buttons button { background: linear-gradient(45deg, #ca8e3b, #ca8e3b); color: #fff; } .video-buttons button:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(233,30,99,0.4); } /* Download Btn */ .video-buttons a { background: #222; color: #fff; border: 1px solid #333; } .video-buttons a:hover { background: #fff; color: #000; } /* Responsive */ @media(max-width: 600px) { .video-title { font-size: 18px; } .video-desc { font-size: 13px; } }