/* */
/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); :root { --body: #fff; --black: #000; --white: #fff; --theme: #08ade0; --theme2: #fdc609; --header: #121315; --text: #534e4e; --border: #D4DCED; --border-2: #D4DCED; --bg: #1E2023; --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
} .theme-btn { background-color: var(--theme); color: var(--white); display: inline-block; font-size: 16px; font-weight: 700; padding: 21px 28px; border-radius: 9px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: 1; line-height: 1;
} .theme-btn::before { content: ""; background-color: #08ade0; width: 0; height: 50%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;
} .theme-btn::after { content: ""; background-color: #fdc609; width: 0; height: 50%; position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;
} .theme-btn i { margin-left: 10px;
} .theme-btn:hover { color: var(--white);
} .theme-btn:hover::before,
.theme-btn:hover::after { width: 100%;
} .theme-btn.bg-white { background-color: var(--white); color: var(--header);
} .theme-btn.bg-white:hover { color: rgb(0, 0, 0);
} @media (max-width: 767px) { .theme-btn { padding: 20px 32px; }
} @media (max-width: 575px) { .theme-btn { padding: 18px 30px; font-size: 14px; }
} @media (max-width: 375px) { .cta-btn { margin: 15px; padding: 3px; }
} .link-btn { display: inline-block; color: var(--text); text-align: center; font-family: "poppins"; font-size: 16px; font-weight: 600; text-transform: capitalize;
} .link-btn i { margin-left: 10px; transform: rotate(-40deg); transition: all 0.4s ease-in-out;
} .link-btn:hover { color: var(--theme);
} .link-btn:hover i { margin-left: 10px; transform: rotate(0);
} /* -------------------------------------------- Template Default Fonts & Fonts Styles ---------------------------------------------- */
body { font-family: "poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 28px; color: var(--text); background-color: var(--white); 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(--white); outline: none;
} input { color: var(--white);
} h1,
h2,
h3,
h4,
h5,
h6 { font-family: "poppins", sans-serif; margin: 0px; padding: 0; color: var(--header); text-transform: capitalize; transition: all 0.4s ease-in-out;
} h1 { font-size: 45px; font-weight: 700; line-height: 55px;
} h2 { font-size: 30px; line-height: 40px; font-weight: 600;
} @media (max-width: 767px) { h2 { font-size: 30px; }
} h3 { font-size: 22px; font-weight: 700;
} @media (max-width: 575px) { h3 { font-size: 20px; }
} h4 { font-size: 20px; font-weight: 700;
} h5 { font-size: 18px; font-weight: 700;
} h6 { font-size: 16px; font-weight: 700;
} a { text-decoration: none; outline: none !important; cursor: pointer; color: #02addf; transition: all 0.4s ease-in-out;
} p { margin: 0px; transition: all 0.4s ease-in-out;
} span { margin: 0px; transition: all 0.4s ease-in-out;
} .about-section { position: relative;
} .about-section .about-shape-1 { position: absolute; right: 120px; top: 0;
} @media (max-width: 1399px) { .about-section .about-shape-1 { display: none; }
} .about-section .about-shape-2 { position: absolute; left: 0; bottom: 0;
} @media (max-width: 1399px) { .about-section .about-shape-2 { display: none; }
} .about-section .about-shape-4 { position: absolute; top: 0; left: 0;
} .about-section .about-shape-5 { position: absolute; bottom: 0; right: 0;
} .about-wrapper { margin-bottom: 30px;
} @media (max-width: 1399px) { .about-wrapper { margin-bottom: 0; }
} @media (max-width: 991px) { .about-wrapper { margin-bottom: 0; }
} .about-wrapper .about-image { position: relative; max-width: 485px;
} @media (max-width: 991px) { .about-wrapper .about-image { max-width: 760px; }
} .about-wrapper .about-image img { width: 100%; height: 100%;
} .about-wrapper .about-image .about-image-2 { max-width: 260px; border: 8px solid var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); position: absolute; bottom: -30px; right: -20%; z-index: 9;
} @media (max-width: 575px) { .about-wrapper .about-image .about-image-2 { max-width: 200px; }
} @media (max-width: 1399px) { .about-wrapper .about-image .about-image-2 { right: 0; bottom: 0; }
} .about-wrapper .about-image .about-image-2 img { width: 100%; height: 100%;
} .about-wrapper .about-image .about-image-2 .video-box { width: 70px; height: 70px; border: 1px solid var(--theme); line-height: 70Px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} .about-wrapper .about-image .about-image-2 .video-box .video-btn { width: 57px; height: 57px; background-color: var(--theme); color: var(--white); line-height: 57px; text-align: center; display: inline-block;
} .about-wrapper .about-image .about-line-shape { position: absolute; top: 0; right: -50px;
} @media (max-width: 1199px) { .about-wrapper .about-image .about-line-shape { display: none; }
} .about-wrapper .about-content { position: relative; z-index: 9;
} .about-wrapper .about-content .list-items { margin-top: 30px; border-bottom: 1px solid var(--border); padding-bottom: 30px; margin-bottom: 30px;
} .about-wrapper .about-content .list-items li { font-size: 18px; font-weight: 500; color: var(--header);
} @media (max-width: 575px) { .about-wrapper .about-content .list-items li { font-size: 16px; }
} .about-wrapper .about-content .list-items li:not(:last-child) { margin-bottom: 10px;
} .about-wrapper .about-content .list-items li i { margin-right: 15px; color: var(--theme);
} .about-wrapper .about-content .about-author { display: flex; align-items: center; gap: 60px; margin-top: 50px;
} @media (max-width: 1199px) { .about-wrapper .about-content .about-author { flex-wrap: wrap; gap: 20px; }
} @media (max-width: 767px) { .about-wrapper .about-content .about-author { margin-top: 35px; }
} @media (max-width: 575px) { .about-wrapper .about-content .about-author { margin-top: 25px; }
} .about-wrapper .about-content .about-author .author-image { display: flex; align-items: center; gap: 15px;
} .about-wrapper .about-content .about-author .author-image .content p { font-size: 14px; color: var(--text); font-weight: 500;
} .about-wrapper-2 .about-image { position: relative; max-width: 410px; z-index: 9;
} @media (max-width: 1199px) { .about-wrapper-2 .about-image { max-width: 750px; }
} .about-wrapper-2 .about-image img { width: 100%; height: 100%;
} .about-wrapper-2 .about-image::before { position: absolute; top: 10%; left: 0; content: ""; width: 105%; height: 123%; border: 1px solid var(--theme); z-index: -1;
} @media (max-width: 1199px) { .about-wrapper-2 .about-image::before { display: none; }
} .about-wrapper-2 .about-image .about-image-2 { position: absolute; right: -44%; bottom: -33%; border: 5px solid var(--white); box-shadow: var(--box-shadow);
} @media (max-width: 1399px) { .about-wrapper-2 .about-image .about-image-2 { right: -24%; }
} @media (max-width: 1199px) { .about-wrapper-2 .about-image .about-image-2 { right: 0; bottom: 0; } .about-wrapper-2 .about-image .about-image-2 img { width: 100%; height: 100%; }
} @media (max-width: 575px) { .about-wrapper-2 .about-image .about-image-2 { max-width: 200px; }
} .about-wrapper-2 .about-image .video-items { position: absolute; bottom: -28%; left: 22%;
} @media (max-width: 1199px) { .about-wrapper-2 .about-image .video-items { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: initial; }
} .about-wrapper-2 .about-image .video-items .video-btn { width: 58px; height: 58px; background-color: var(--theme); color: var(--white); line-height: 58px; text-align: center; display: block; position: relative; text-align: center; margin: 0 auto;
} .about-wrapper-2 .about-image .video-items .video-btn::before { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid var(--theme); content: "";
} .about-wrapper-2 .about-image .video-items .video-text { color: var(--header); font-weight: 700; text-transform: uppercase; display: block; margin-top: 15px; font-size: 18px; text-align: center;
} @media (max-width: 1199px) { .about-wrapper-2 .about-image .video-items .video-text { color: var(--white); }
} .about-wrapper-2 .about-image .video-items .video-items { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} .about-wrapper-2 .about-image .bar-shape { position: absolute; right: -26%; top: 0;
} @media (max-width: 1199px) { .about-wrapper-2 .about-image .bar-shape { display: none; }
} .about-wrapper-2 .about-content .icon-items { display: flex; align-items: center; gap: 15px;
} .about-wrapper-2 .about-content .icon-items .icon { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: var(--theme); color: var(--white); font-size: 20px;
} .about-wrapper-2 .about-content .list-items { margin-top: 40px;
} .about-wrapper-2 .about-content .list-items li { font-size: 16px; font-weight: 500; color: var(--header);
} @media (max-width: 575px) { .about-wrapper-2 .about-content .list-items li { font-size: 16px; }
} .about-wrapper-2 .about-content .list-items li:not(:last-child) { margin-bottom: 10px;
} .about-wrapper-2 .about-content .list-items li i { margin-right: 15px; color: var(--theme);
} .about-wrapper-2 .about-content .about-author { display: flex; align-items: center; /* gap: 60px;*/ margin-top: 20px;
} @media (max-width: 1399px) { .about-wrapper-2 .about-content .about-author { flex-wrap: wrap; gap: 20px; }
} @media (max-width: 767px) { .about-wrapper-2 .about-content .about-author { margin-top: 35px; }
} @media (max-width: 575px) { .about-wrapper-2 .about-content .about-author { margin-top: 25px; }
} .about-wrapper-2 .about-content .about-author .author-image { display: flex; align-items: center; gap: 15px;
} .about-wrapper-2 .about-content .about-author .author-image .content p { font-size: 14px; color: var(--text); font-weight: 500;
} @-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 cir36 { 100% { transform: rotate(360deg); }
} @keyframes rounded { 50% { transform: rotate(15deg); }
} @keyframes up-down { 0% { transform: translateY(10px); } 100% { transform: translateY(-10px); }
} @-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); }
} @keyframes rounded { 50% { transform: rotate(20deg); }
} @keyframes cir36 { 100% { transform: rotate(360deg); }
} .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% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
} @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); 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;
} @keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 375px; height: 375px; }
} @keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; }
} @keyframes rotated2 { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); }
} @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-25%); } 100% { transform: translateX(-50%); }
} @keyframes animate-positive { 0% { width: 0; }
} .contact-section { position: relative; z-index: 9;
} .contact-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background-color: var(--theme); opacity: 0.8;
} .contact-section .contact-image { position: absolute; left: 0; bottom: 0;
} @media (max-width: 1399px) { .contact-section .contact-image { display: none; }
} .contact-wrapper { position: relative; z-index: 9;
} .contact-wrapper .contact-items { padding: 30px; background-color: var(--white);
} .contact-wrapper .contact-items h3 { font-size: 24px; margin-bottom: 30px;
} .contact-wrapper .contact-items .form-clt input,
.contact-wrapper .contact-items .form-clt textarea { border: 1px solid var(--theme); background: rgba(245, 91, 31, 0.1); color: var(--theme); padding: 16px 20px; line-height: 1; width: 100%; text-transform: capitalize; outline: none;
} .contact-wrapper .contact-items .form-clt input::placeholder,
.contact-wrapper .contact-items .form-clt textarea::placeholder { color: var(--theme);
} .contact-wrapper .contact-items .form-clt textarea { padding-bottom: 130px;
} @media (min-width: 1200px) { .contact-wrapper .contact-content { margin-left: 20px; }
} .contact-wrapper .contact-content .icon-items { display: flex; align-items: center; gap: 15px; margin-top: 30px;
} .contact-wrapper .contact-content .icon-items .icon { width: 63px; height: 63px; line-height: 63px; background-color: transparent; border-radius: 50%; border: 1px solid var(--white); text-align: center;
} .contact-wrapper .contact-content .icon-items .icon i { width: 39px; height: 39px; line-height: 39px; text-align: center; border-radius: 50%; background-color: var(--white); color: var(--theme);
} .contact-wrapper .contact-content .icon-items .content span { color: var(--white); font-size: 14px; text-transform: capitalize; font-weight: 500;
} .contact-wrapper .contact-content .icon-items .content h4 { margin-top: 5px;
} .contact-wrapper .contact-content .icon-items .content h4 a { color: var(--white);
} .contact-box-items { margin-top: 30px; display: flex; align-items: center; gap: 20px; background-color: #F2F5FA; padding: 50px;
} @media (max-width: 991px) { .contact-box-items { flex-wrap: wrap; padding: 40px 50px; }
} .contact-box-items .icon { width: 71px; height: 71px; line-height: 71px; text-align: center; background-color: transparent; color: var(--theme); font-size: 50px; align-items: center; /* padding: 12px; */
} .contact-box-items .content h3 { font-size: 22px; margin-bottom: 5px;
} .contact-box-items .content p a { color: var(--text);
} .contact-form-items { background-color: var(--white); padding: 120px 40px; margin-top: -110px; margin-bottom: -60px; position: relative; z-index: 9; box-shadow: 0px -10px 40px 0px rgba(0, 0, 0, 0.15);
} @media (max-width: 1199px) { .contact-form-items { padding: 100px 40px; }
} @media (max-width: 991px) { .contact-form-items { padding: 80px 30px; }
} .contact-form-items .title { margin-bottom: 40px;
} .contact-form-items .title h2 { margin-bottom: 5px;
} .contact-form-items .form-clt { position: relative;
} .contact-form-items .form-clt input,
.contact-form-items .form-clt textarea { padding: 16px 30px; border: none; outline: none; background-color: #F2F5FA; width: 100%; font-size: 16px; font-weight: 400; color: var(--text);
} @media (max-width: 575px) { .contact-form-items .form-clt input, .contact-form-items .form-clt textarea { padding: 12px 20px; }
} .contact-form-items .form-clt textarea { padding: 18px 30px 110px;
} @media (max-width: 575px) { .contact-form-items .form-clt textarea { padding: 12px 20px 90px; }
} .contact-form-items .form-clt::placeholder { color: var(--text);
} .contact-form-items .form-clt .icon { position: absolute; right: 30px; top: 16px; color: var(--text);
} .office-google-map-wrapper iframe { width: 100%; height: 700px;
} .cta-banner-wrapper { margin-top: 56px; padding: 66px 60px; display: flex; align-items: center; justify-content: space-between;
} @media (max-width: 1199px) { .cta-banner-wrapper { flex-wrap: wrap; justify-content: center; gap: 30px; }
} @media (max-width: 991px) { .cta-banner-wrapper { padding: 60px 50px; text-align: center; }
} @media (max-width: 767px) { .cta-banner-wrapper { padding: 50px 40px; }
} @media (max-width: 575px) { .cta-banner-wrapper { padding: 40px 30px; }
} .cta-banner-wrapper h2 { font-size: 38px;
} @media (max-width: 767px) { .cta-banner-wrapper h2 { font-size: 34px; }
} @media (max-width: 575px) { .cta-banner-wrapper h2 { font-size: 30px; }
} .cta-banner-wrapper h2 span { color: var(--theme);
} .cta-banner-wrapper .cta-img { margin-bottom: -75px; position: relative; z-index: 9;
} @media (max-width: 1199px) { .cta-banner-wrapper .cta-img { display: none; }
} .cta-banner-wrapper .cta-img .shape-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;
} .cta-banner-wrapper .theme-btn { color: var(--theme);
} .cta-banner-wrapper-2 { display: flex; align-items: center; justify-content: space-between;
} .cta-banner-wrapper .theme-btn .whatsapp-link:hover a { background-color: green;
} @media (max-width: 1199px) { .cta-banner-wrapper-2 { flex-wrap: wrap; gap: 30px; padding-top: 60px; justify-content: center; text-align: center; }
} .cta-banner-wrapper-2 .cta-content h2 { font-size: 48px; font-weight: 800; color: var(--white); margin-bottom: 30px;
} @media (max-width: 991px) { .cta-banner-wrapper-2 .cta-content h2 { font-size: 44px; }
} @media (max-width: 767px) { .cta-banner-wrapper-2 .cta-content h2 { font-size: 40px; }
} @media (max-width: 575px) { .cta-banner-wrapper-2 .cta-content h2 { font-size: 36px; }
} @media (max-width: 1199px) { .faq-wrapper .section-title br { display: none; }
} .faq-wrapper .faq-image img { width: 100%; height: 100%;
} .faq-wrapper .faq-content p { padding-bottom: 40px;
} .faq-wrapper .faq-content .icon-items { display: flex; align-items: center; gap: 20px; padding-top: 40px; border-top: 1px solid var(--border);
} .faq-wrapper .faq-content .icon-items:not(:last-child) { padding-bottom: 40px;
} .faq-wrapper .faq-content .icon-items .icon { width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 35px; background-color: var(--white); color: var(--theme); border-radius: 50%;
} .faq-wrapper .faq-content .icon-items .content { flex-basis: 80%;
} .faq-wrapper .faq-content .icon-items .content h5 { margin-bottom: 10px;
} .faq-wrapper .faq-accordion { margin-left: 20px;
} @media (max-width: 1199px) { .faq-wrapper .faq-accordion { margin-left: 0; }
} .faq-wrapper .faq-accordion .accordion-item { border: 0; background-color: var(--white);
} .faq-wrapper .faq-accordion .accordion-item .accordion-header { border: none;
} .faq-wrapper .faq-accordion .accordion-item .accordion-header .accordion-button { font-weight: 700; color: var(--theme); border: 0; border-radius: 0; box-shadow: none; background-color: var(--white); padding: 25px 30px 0; text-transform: capitalize; font-size: 18px;
} .faq-wrapper .faq-accordion .accordion-item .accordion-header .accordion-button::after { font-weight: 500; transition: all 0.3s ease-in-out !important; background-image: url(../img/plus.svg); color: var(--theme);
} .faq-wrapper .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background-image: url(../img/minus.svg); font-weight: 500; color: var(--theme); transform: rotate(0);
} .faq-wrapper .faq-accordion .accordion-item .accordion-header .accordion-button.collapsed { background-color: transparent; padding: 25px 30px; color: var(--header);
} .faq-wrapper .faq-accordion .accordion-item .accordion-collapse .accordion-body { padding-left: 30px; padding-top: 15px; color: var(--text); background-color: var(--white);
} .faq-section { position: relative;
} .faq-section .track-shape { position: absolute; bottom: 0; right: 5%;
} .skills-wrapper .skills-image { position: relative;
} @media (max-width: 991px) { .skills-wrapper .skills-image { height: 600px; }
} @media (max-width: 767px) { .skills-wrapper .skills-image { height: 500px; }
} @media (max-width: 575px) { .skills-wrapper .skills-image { height: 400px; }
} .skills-wrapper .skills-image img { width: 100%; height: 100%; object-fit: cover;
} .skills-wrapper .skills-image .logo-shape { position: absolute; bottom: 30px; left: 30px;
} .skills-wrapper .skill-content { margin-left: 60px;
} @media (max-width: 1199px) { .skills-wrapper .skill-content { margin-left: 30px; }
} @media (max-width: 991px) { .skills-wrapper .skill-content { margin-left: 0; }
} .skills-wrapper .skill-content p { border-bottom: 1px solid var(--border); padding-bottom: 30px;
} .skills-wrapper .skill-content .skill-feature-items { margin-top: 30px;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature:not(:last-child) { margin-bottom: 30px;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature .box-title { font-size: 18px; font-weight: 600;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-value { margin-bottom: 10px; color: var(--header); text-transform: capitalize;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature .progress { position: relative; height: 10px; background-color: var(--bg); border-radius: 0; overflow: visible; margin-top: 15px;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-bar { background-color: var(--theme); height: 10px; margin: 0; border-radius: inherit; overflow: visible; position: relative; margin-top: 0;
} .skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-value { position: absolute; top: -38px; right: -8px; font-size: 18px; font-weight: 600; color: var(--theme);
} .skills-section { position: relative;
} .skills-section .shape-1 { position: absolute; left: 0; top: 40%;
} .skills-section .shape-2 { position: absolute; right: 0; bottom: 15%;
} .achivements-wrapper .achivements-content .counter-items { position: relative;
} .achivements-wrapper .achivements-content .counter-items .content { background-color: var(--white); padding: 30px 30px 30px 80px; text-align: center; margin-top: 30px;
} .achivements-wrapper .achivements-content .counter-items .content h2 { font-size: 48px; color: var(--theme);
} .achivements-wrapper .achivements-content .counter-items .content .icon { width: 60px; height: 96px; line-height: 110px; background-color: var(--theme); color: var(--white); position: absolute; left: 10px; top: 0;
} .achivements-wrapper .achivements-image { position: relative;
} @media (max-width: 991px) { .achivements-wrapper .achivements-image { height: 650px; }
} @media (max-width: 767px) { .achivements-wrapper .achivements-image { height: 550px; }
} @media (max-width: 575px) { .achivements-wrapper .achivements-image { height: 450px; }
} .achivements-wrapper .achivements-image img { width: 100%; height: 100%; object-fit: cover;
} .achivements-wrapper .achivements-image .achivements-image-2 { position: absolute; left: -30%; top: 20%;
} @media (max-width: 1399px) { .achivements-wrapper .achivements-image .achivements-image-2 { left: 0; }
} @media (max-width: 470px) { .achivements-wrapper .achivements-image .achivements-image-2 { height: 250px; }
} .achivements-wrapper .achivements-image::before { position: absolute; bottom: 30px; left: -30px; content: ""; height: 80px; width: 5px; background-color: var(--theme);
} .achivements-wrapper-2 { padding-left: 60px !important; padding-right: 60px !important; position: relative; background-color: rgb(242, 245, 250); position: relative;
} @media (max-width: 1199px) { .achivements-wrapper-2 { padding-right: 40px !important; padding-left: 40px !important; }
} @media (max-width: 767px) { .achivements-wrapper-2 { padding-right: 30px !important; padding-left: 30px !important; }
} .achivements-wrapper-2 .bg-shape { position: absolute; bottom: 0; top: 0; left: 0;
} @media (max-width: 1199px) { .achivements-wrapper-2 .bg-shape { display: none; }
} .achivements-wrapper-2 .bg-shape img { width: 100%; height: 100%;
} .achivements-wrapper-2 .achivements-content { position: relative;
} .achivements-wrapper-2 .achivements-content .section-title h6 { color: var(--white);
} @media (max-width: 1199px) { .achivements-wrapper-2 .achivements-content .section-title h6 { color: var(--theme); }
} .achivements-wrapper-2 .achivements-content .section-title h2 { color: var(--white);
} @media (max-width: 1199px) { .achivements-wrapper-2 .achivements-content .section-title h2 { color: var(--header); }
} .achivements-wrapper-2 .achivements-right-items { position: relative;
} .achivements-wrapper-2 .achivements-right-items .achivements-item { display: flex; align-items: center; justify-content: space-between;
} @media (max-width: 575px) { .achivements-wrapper-2 .achivements-right-items .achivements-item { flex-wrap: wrap; gap: 30px; }
} .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items { position: relative; display: flex; align-items: center; gap: 20px; padding-bottom: 30px; margin-bottom: 30px;
} @media (max-width: 575px) { .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items:first-child { padding-bottom: 16px; margin-bottom: 0; }
} .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items .icon { width: 60px; height: 60px; line-height: 60px; background-color: var(--white); font-size: 36px; text-align: center; color: var(--theme);
} .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items .content h2 { font-size: 48px; color: var(--header);
} .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items.style-2 { padding-bottom: 0; margin-bottom: 0;
} .achivements-wrapper-2 .achivements-right-items .border-shape { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} @media (max-width: 1399px) { .achivements-wrapper-2 .achivements-right-items .border-shape { display: none; }
} .achivements-section { position: relative;
} .achivements-section .man-image { position: absolute; bottom: 0; right: 0; z-index: -1;
} h3.wow.fadeInUp.Choose-quality { font-size: 35px;
} @media (max-width: 1600px) { .achivements-section .man-image { display: none; }
} .footer-section { position: relative; z-index: 9; padding-top: 60px;
} .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items .icon-country { width: 60px; height: 60px; line-height: 60px; background-color: var(--white); font-size: 36px; margin-right: 20px; text-align: center; color: var(--theme);
} .footer-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background-color: var(--header); opacity: 0.95;
} .contact-info-area { display: flex; align-items: center; justify-content: space-evenly; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 40px 30px; background: var(--white); border-radius: 100px;
} @media (max-width: 1399px) { .contact-info-area { flex-wrap: wrap; gap: 40px; justify-content: initial; }
} @media (max-width: 575px) { .contact-info-area { gap: 30px; }
} .contact-info-area .contact-info-items { display: flex; align-items: center; gap: 20px; /* justify-content: space-between; */ position: relative;
} @media (max-width: 1199px) { .contact-info-area .contact-info-items { flex-wrap: wrap; }
} .contact-info-area .contact-info-items .icon { width: 70px; height: 70px; line-height: 70px; text-align: center; position: relative; background-color: var(--white); border-radius: 50%; color: var(--theme); border: 1px solid var(--border); font-size: 24px;
} .contact-info-area .contact-info-items .content p { color: var(--text); margin-bottom: 5px; text-transform: capitalize; font-size: 14px; font-weight: 500; opacity: 0.7;
} .contact-info-area .contact-info-items .content h3 { font-size: 18px; color: var(--header); text-transform: initial;
} .contact-info-area .contact-info-items .content h3 a { color: var(--header);
} @media (min-width: 375px) { .contact-info-area .contact-info-items .content h3 a { font-size: 13px; }
} @media (max-width: 360px) { .contact-info-area .contact-info-items .content h3 a { font-size: 11px; }
} @media (max-width: 414px) { .contact-info-area .contact-info-items .content h3 a { font-size: 11px; }
} .footer-widgets-wrapper { padding: 25px 0 55px; position: relative; z-index: 9;
} .footer-widgets-wrapper .single-footer-widget { margin-top: 30px;
} .footer-widgets-wrapper .single-footer-widget .widget-head { margin-bottom: 30px;
} @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .widget-head { margin-bottom: 20px; }
} .footer-widgets-wrapper .single-footer-widget .widget-head h5 { font-weight: bold; color: var(--white); font-size: 18px; display: inline-block; position: relative; padding-bottom: 20px;
} .footer-widgets-wrapper .single-footer-widget .widget-head h5::before { position: absolute; bottom: 0; left: 0; content: ""; width: 25px; height: 2px; background-color: var(--theme);
} .footer-widgets-wrapper .single-footer-widget .widget-head h5::after { position: absolute; bottom: 0; left: 40px; content: ""; width: 55px; height: 2px; background-color: var(--white);
} @media (max-width: 767px) { .footer-widgets-wrapper .single-footer-widget .widget-head h5 { font-size: 23px; }
} @media (max-width: 575px) { .footer-widgets-wrapper .single-footer-widget .widget-head h5 { font-size: 20px; }
} .footer-widgets-wrapper .single-footer-widget .footer-content p { color: rgba(217, 217, 217, 0.8);
} .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon { margin-top: 40px; gap: 15px; 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: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; display: block; color: rgba(255, 255, 255, 0.8); transition: all 0.4s ease-in-out; text-align: center; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4);
} .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover { background-color: var(--theme); color: var(--white); border: 1px solid transparent;
} .footer-widgets-wrapper .single-footer-widget .list-area li { transition: all 0.4s ease-in-out;
} .footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) { margin-bottom: 20px;
} .footer-widgets-wrapper .single-footer-widget .list-area li a { color: rgba(217, 217, 217, 0.8);
} .footer-widgets-wrapper .single-footer-widget .list-area li a i { margin-right: 5px;
} .footer-widgets-wrapper .single-footer-widget .list-area li:hover { margin-left: 5px;
} .footer-widgets-wrapper .single-footer-widget .list-area li:hover a { color: var(--theme);
} .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: rgb(253, 198, 9); transition: 0.4s; opacity: 0; width: 100%; height: 100%;
} .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i { color: var(--white); font-size: 22px; z-index: 99; position: relative; margin-top: 30px;
} .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 { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 40px 0;
} .footer-bottom p { text-align: center; color: rgba(255, 255, 255, 0.8);
} .footer-bottom p a { color: var(--theme);
} /* header start */
.header-top-wrapper { display: flex; align-items: center; justify-content: space-between;
} .header-top-wrapper span { color: rgba(255, 255, 255, 0.8);
} .header-top-wrapper span i { color: var(--white); margin-right: 5px;
} .header-top-wrapper .social-icon { gap: 17px;
} .header-top-wrapper .social-icon a { color: var(--white);
} .header-top-wrapper .social-icon a:hover { color: var(--theme);
} .header-top-wrapper-2 { background-color: var(--theme); padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9;
} @media (max-width: 1199px) { .header-top-wrapper-2 { display: none; }
} .header-top-wrapper-2::before { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 175px; content: ""; background-color: var(--white); z-index: -1;
} @media (max-width: 1399px) { .header-top-wrapper-2::before { display: none; }
} .header-top-wrapper-2 .contact-list { display: flex; align-items: center; gap: 30px;
} .header-top-wrapper-2 .contact-list li { color: var(--white); font-weight: 400;
} .header-top-wrapper-2 .contact-list li a { color: var(--white);
} .header-top-wrapper-2 .contact-list li i { margin-right: 7px;
} .header-top-wrapper-2 .top-right { display: flex; align-items: center; gap: 58px;
} .header-top-wrapper-2 .text-list { display: flex; align-items: center; gap: 25px;
} .header-top-wrapper-2 .text-list li { color: var(--white); font-weight: 400;
} .header-top-wrapper-2 .text-list li a { color: var(--white); font-size: 13px;
} .header-top-wrapper-2 .social-icon { gap: 20px;
} .header-top-wrapper-2 .social-icon a { color: var(--header);
} @media (max-width: 1399px) { .header-top-wrapper-2 .social-icon a { color: var(--white); }
} .header-top-wrapper-2 .social-icon a:hover { color: var(--theme);
} @media (max-width: 575px) { .header-top-section { display: none; }
} .header-top-section .container-fluid { padding: 0 150px;
} @media (max-width: 1899px) { .header-top-section .container-fluid { padding: 0 50px; }
} @media (max-width: 1600px) { .header-top-section .container-fluid { padding: 0 40px; }
} @media (max-width: 1199px) { .header-top-section .container-fluid { padding: 0 20px; }
} .header-section .container-fluid { padding: 0 150px;
} @media (max-width: 1899px) { .header-section .container-fluid { padding: 0 50px; }
} @media (max-width: 1600px) { .header-section .container-fluid { padding: 0 40px; }
} @media (max-width: 1199px) { .header-section .container-fluid { padding: 0 20px; }
} .header-section-2 { position: absolute; top: 0; left: 0; width: 100%; z-index: 999;
} .header-section-2 .container-fluid { padding: 0 90px;
} @media (max-width: 1899px) { .header-section-2 .container-fluid { padding: 0 50px; }
} @media (max-width: 1600px) { .header-section-2 .container-fluid { padding: 0 40px; }
} @media (max-width: 1199px) { .header-section-2 .container-fluid { padding: 0 20px; }
} .header-top-sectionss { background-color: var(--header); padding: 10px 0; position: relative; z-index: 99;
} @media (max-width: 991px) { .header-top-sectionss { display: none; }
} .header-top-sectionss::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); z-index: -1; left: 81%;
} @media (max-width: 1899px) { .header-top-sectionss::before { display: none; }
} .header-top-sectionss.top-style-2 { position: relative;
} .header-top-sectionss.top-style-2::before { display: none;
} .header-top-sectionss.top-style-2::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); width: 16%;
} @media (max-width: 1899px) { .header-top-sectionss.top-style-2::after { display: none; }
} .header-top-sectionss.top-style-3::before { display: none;
} .header-top-sectionss .container-fluid { padding: 0 130px;
} @media (max-width: 1399px) { .header-top-sectionss .container-fluid { padding: 0 50px; }
} .header-top-wrappers { display: flex; align-items: center; justify-content: space-between;
} .header-top-wrappers .contact-list { display: flex; align-items: center; gap: 25px;
} .header-top-wrappers .contact-list li { font-size: 15px; color: var(--white);
} .header-top-wrappers .contact-list li a { color: var(--white);
} .header-top-wrappers .contact-list li i { color: var(--white); margin-right: 10px;
} .header-top-wrappers .top-right { display: flex; align-items: center; gap: 30px;
} .header-top-wrappers .top-right .social-icon { gap: 15px;
} .header-top-wrappers .top-right .social-icon span { color: var(--white); font-weight: 500;
} .header-top-wrappers .top-right .social-icon a { color: var(--white);
} .header-top-wrappers .top-right .flag-wrap { position: relative; width: 160px;
} .header-top-wrappers .top-right .flag-wrap .nice-select { padding: 0 0 0 60px; background: transparent; border: none; text-align: center; margin: 0 auto; position: relative; z-index: 999; border: none !important; padding-bottom: 0 !important;
} .header-top-wrappers .top-right .flag-wrap .nice-select::after { right: 23px; border-bottom: 2px solid transparent; border-right: 2px solid transparent; width: 10px; height: 10px; top: 15px; border-bottom: 2px solid transparent; border-color: var(--theme); border-right: 2px solid theme-color;
} .header-top-wrappers .top-right .flag-wrap .nice-select span { font-size: 16px; font-weight: 500; text-transform: capitalize; color: var(--white);
} .header-top-wrappers .top-right .flag-wrap .flag { position: absolute; top: 0; left: 15px; z-index: 1;
} @media (max-width: 767px) { .header-top-wrappers .top-right .flag-wrap .flag { display: none; }
} .header-top-wrappers .top-right .flag-wrap .flag img { width: 100%; height: 100%; border: 4px solid var(--white); border-radius: 50%;
} .header-top-wrappers.style-2 { margin-left: 250px;
} @media (max-width: 1899px) { .header-top-wrappers.style-2 { margin-left: 0; }
} .main-header-wrapper { display: flex; align-items: center; gap: 100px;
} @media (max-width: 1899px) { .main-header-wrapper { gap: 70px; }
} @media (max-width: 1600px) { .main-header-wrapper { gap: 40px; }
} @media (max-width: 1199px) { .main-header-wrapper { padding: 15px 0; }
} .main-header-wrapper .main-header-items { width: 100%;
} .main-header-wrapper .main-header-items .header-contact-info-area { display: flex; align-items: center; justify-content: space-between; padding: 0 50px; border: 1px solid #D4DCED;
} @media (max-width: 1600px) { .main-header-wrapper .main-header-items .header-contact-info-area { padding: 0 30px; }
} @media (max-width: 1199px) { .main-header-wrapper .main-header-items .header-contact-info-area { display: none; }
} @media (max-width: 575px) { .main-header-wrapper .main-header-items .header-contact-info-area { gap: 30px; }
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items { display: flex; align-items: center; gap: 20px; justify-content: space-between; position: relative; padding: 30px 0; border-right: 1px solid #D4DCED; padding-right: 50px;
} @media (max-width: 1399px) { .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items { border-right: none; padding-right: 0; }
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon { width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; background-color: var(--white); border-radius: 50%; color: var(--theme); box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06); position: relative;
} @media (max-width: 1399px) { .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon { width: 30px; height: 30px; line-height: 30px; }
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; content: ""; background-color: transparent; border-radius: 50%; border: 1px solid rgba(30, 32, 35, 0.1); transform: translate(-50%, -50%);
} @media (max-width: 1399px) { .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before { width: 54px; height: 54px; }
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content p { color: var(--text); margin-bottom: 5px; text-transform: capitalize; font-size: 14px; font-weight: 500; opacity: 0.7;
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 { font-size: 20px; color: var(--header); text-transform: initial;
} @media (max-width: 1600px) { .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 { font-size: 18px; }
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 a { color: var(--header);
} .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items.style-2 { border: none; padding-right: 0;
} @media (max-width: 1600px) { .main-header-wrapper .main-header-items .header-contact-info-area .header-button .theme-btn { font-size: 14px; padding: 24px 27px; }
} .header-section-22 { position: relative;
} .header-section-22::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--theme); width: 16%;
} @media (max-width: 1899px) { .header-section-22::before { display: none; }
} .header-1 { margin-left: 250px; position: relative;
} @media (max-width: 1899px) { .header-1 { margin-left: 0; }
} .header-1 .main-logo { position: absolute; top: 0; left: -200px; z-index: 9;
} @media (max-width: 1899px) { .header-1 .main-logo { display: none; }
} .header-1 .container-fluid { padding: 0 130px;
} @media (max-width: 1399px) { .header-1 .container-fluid { padding: 0 50px; }
} @media (max-width: 991px) { .header-1 .container-fluid { padding: 0 40px; }
} @media (max-width: 575px) { .header-1 .container-fluid { padding: 0 15px; }
} @media (max-width: 1899px) { .header-1 .header-main .logo { display: block !important; }
} @media screen and (max-width: 1025px) { .header-1 .header-main .main-menu ul li { margin-inline-end: 25px; }
} .header-1 .header-main .main-menu ul li .has-homemenu { left: -200px;
} @media (max-width: 1600px) { .header-1 .header-main .main-menu ul li .has-homemenu { left: -300px; }
} .header-1 .header-main .header-right { gap: 40px;
} @media (max-width: 991px) { .header-1 .header-main .header-right { gap: 25px; }
} .header-1 .header-main .header-right .header-button .theme-btn { padding: 22px 30px;
} @media (max-width: 1899px) { .header-1 .header-main .header-right .header-button { margin-right: 0; }
} @media (max-width: 1600px) { .header-1 .header-main .header-right .header-button { display: none; }
} .header-1 .header-main .header-right .sidebar__toggle { color: var(--theme);
} .header-2 { background-color: var(--white);
} .header-2 .mega-menu-wrapper { padding: 0 30px; position: relative; z-index: 1;
} @media (max-width: 470px) { .header-2 .mega-menu-wrapper { padding: 0 15px; }
} .header-2 .mega-menu-wrapper::before { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 180px; content: ""; background-color: var(--theme); z-index: -1;
} @media (max-width: 1399px) { .header-2 .mega-menu-wrapper::before { display: none; }
} @media (max-width: 1399px) { .header-2 .mega-menu-wrapper .header-main { gap: 30px; }
} @media (max-width: 1399px) { .header-2 .mega-menu-wrapper .header-main .main-menu ul li { margin-inline-end: 25px; } .header-2 .mega-menu-wrapper .header-main .main-menu ul li a { font-size: 16px; }
} @media (max-width: 1899px) { .header-2 .mega-menu-wrapper .header-main .main-menu ul li .has-homemenu { left: -50px; }
} .header-2 .header-right { gap: 50px !important;
} @media (max-width: 1399px) { .header-2 .header-right { gap: 30px !important; }
} .header-2 .header-right .header-button { margin-right: 57px;
} @media (max-width: 1899px) { .header-2 .header-right .header-button { display: none; }
} .header-2 .header-right .header-button .theme-btn { background-color: var(--header);
} .header-2 .header-right .header-button .theme-btn:hover::before,
.header-2 .header-right .header-button .theme-btn:hover::after { background-color: var(--theme);
} .header-2 .header-right .search-item { display: flex; align-items: center; gap: 40px; margin-right: 40px;
} @media (max-width: 1399px) { .header-2 .header-right .search-item { margin-right: 0; }
} @media (max-width: 767px) { .header-2 .header-right .search-item { gap: 20px; }
} .header-2 .header-right .search-item .search-icon { color: var(--white);
} @media (max-width: 1399px) { .header-2 .header-right .search-item .search-icon { color: var(--header); }
} .header-2 .header-right .search-item .sidebar__toggle { color: var(--white);
} @media (max-width: 1399px) { .header-2 .header-right .search-item .sidebar__toggle { color: var(--header); }
} @media (max-width: 1199px) { .menu-thumb { display: none !important; }
} .header-main { display: flex; align-items: center; justify-content: space-between; padding: 10px 0;
} .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: 41px;
} .header-main .main-menu ul li:last-child { margin-inline-end: 0;
} .header-main .main-menu ul li a { display: inline-block; font-size: 16px; font-weight: 600; color: var(--header); padding: 20px 0; text-align: left; position: relative; text-transform: capitalize; transition: all 0.4s ease-in-out;
} .header-main .main-menu ul li a i { margin-left: 7px;
} .header-main .main-menu ul li a:hover { color: var(--theme) !important;
} .header-main .main-menu ul li .submenu { position: absolute; top: 100%; inset-inline-start: 0; min-width: 240px; background: var(--white); 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 .submenu li { display: block; width: 100%; margin: 0; padding: 0;
} .header-main .main-menu ul li .submenu li a { position: relative; z-index: 11; font-size: 17px; font-weight: 600; color: var(--header); padding: 0 25px; padding-bottom: 11px; padding-top: 11px; width: 100%; border-bottom: 1px solid #eeeeee;
} .header-main .main-menu ul li .submenu li a:hover { color: var(--white) !important;
} .header-main .main-menu ul li .submenu li:last-child a { border: none;
} .header-main .main-menu ul li .submenu li .submenu { inset-inline-start: 100%; top: 0; visibility: hidden; opacity: 0;
} .header-main .main-menu ul li .submenu li:hover > a { background: var(--theme); color: var(--white) !important;
} .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme);
} .header-main .main-menu ul li .submenu li:hover > .submenu { -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 .submenu 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-homemenu { width: 570px; padding: 30px 30px 10px 30px; opacity: 0; left: -250px; visibility: hidden; padding: 30px 30px 10px 30px;
} .header-main .main-menu ul li .has-homemenu .homemenu-items { display: flex; align-items: center; gap: 30px; justify-content: space-between;
} @media (max-width: 991px) { .header-main .main-menu ul li .has-homemenu .homemenu-items { flex-wrap: wrap; }
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu { position: relative;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb { position: relative;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-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-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 14px 20px; color: var(--white) !important; width: initial; font-size: 14px; text-align: center; border-radius: 0px !important; background-color: var(--theme);
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover { color: var(--white) !important;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover::before { background-color: var(--header);
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 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: "";
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%);
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img { width: 100%;
} .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-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 > .submenu { visibility: visible; opacity: 1; transform: translateY(0px);
} .header-main .header-right { gap: 30px;
} @media (max-width: 1399px) { .header-main .header-right { gap: 20px; }
} .header-main .header-right .search-icon { color: var(--header); font-size: 18px;
} .header-main .sidebar__toggle { cursor: pointer; font-size: 20px; color: var(--header);
} /* header end */
.sticky { position: fixed !important; top: 0 !important; left: 0; width: 100%; z-index: 100; transition: all 0.9s; background-color: var(--white); box-shadow: var(--box-shadow); -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 { margin-left: 0;
} .sticky.header-1 .main-logo { display: none;
} .sticky.header-1 .header-main .logo { display: block !important;
} .offcanvas__info { background: var(--white) none repeat scroll 0 0; border-left: 2px solid var(--theme); 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: 99999; 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__logo a img { width: 150px;
} .offcanvas__wrapper { position: relative; height: 100%; padding: 30px 30px;
} .offcanvas__wrapper .offcanvas__content .text { color: var(--text);
} .offcanvas__wrapper .offcanvas__content .offcanvas__close { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background-color: var(--theme); position: relative; z-index: 9; cursor: pointer;
} .offcanvas__wrapper .offcanvas__content .offcanvas__close i { color: var(--white);
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact { margin-top: 20px;
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul { margin-top: 20px;
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li { font-size: 16px; font-weight: 600; text-transform: capitalize;
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a { color: var(--text);
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) { margin-bottom: 12px; font-size: 12px;
} .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 span { text-transform: initial;
} .offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn { width: 100%; padding: 16px 40px; text-transform: capitalize !important;
} .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(--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(--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; padding-top: 255px; padding-bottom: 120px;
} @media (max-width: 1199px) { .breadcrumb-wrapper { padding-top: 150px; }
} @media (max-width: 991px) { .breadcrumb-wrapper { padding-top: 160px; }
} .breadcrumb-wrapper::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; opacity: 0.85;
} .breadcrumb-wrapper .shape-image { position: absolute; right: 0; bottom: 10%;
} @media (max-width: 991px) { .breadcrumb-wrapper .shape-image { display: none; }
} .breadcrumb-wrapper .page-heading { text-align: center;
} .breadcrumb-wrapper .page-heading h1 { color: var(--white); font-size: 45px; position: relative; z-index: 9; text-transform: uppercase;
} @media (max-width: 991px) { .breadcrumb-wrapper .page-heading h1 { font-size: 60px; }
} @media (max-width: 575px) { .breadcrumb-wrapper .page-heading h1 { font-size: 38px; }
} .breadcrumb-wrapper .page-heading .breadcrumb-items { display: flex; align-items: center; margin-top: 20px; gap: 10px; justify-content: center;
} @media (max-width: 575px) { .breadcrumb-wrapper .page-heading .breadcrumb-items { margin-top: 15px; }
} .breadcrumb-wrapper .page-heading .breadcrumb-items li { color: var(--theme); text-transform: capitalize; font-weight: 500; font-size: 18px;
} .breadcrumb-wrapper .page-heading .breadcrumb-items li a { color: var(--white); 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 { color: var(--white); opacity: 0.8;
} .error-items { text-align: center;
} .error-items .error-image { max-width: 896px; margin: 0 auto 50px; text-align: center;
} .error-items .error-image img { width: 100%; height: 100%;
} .error-items h2 { margin-bottom: 15px; font-size: 60px; font-weight: 600;
} .error-items h2 span { color: var(--theme); font-weight: 400;
} .error-items p { font-size: 18px; margin-bottom: 30px;
} ::-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-50 { margin-left: 50px;
} @media (max-width: 1199px) { .ml-50 { margin-left: 0; }
} .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(56, 75, 255, 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;
} .swiper-dot { text-align: center;
} .swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; transition: 0.6s; background-color: var(--white); opacity: 1; border-radius: 10px;
} .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 10px;
} .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--theme); transition: 0.6s; position: relative;
} .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: "";
} .mega-hover { position: relative; overflow: hidden; z-index: 2;
} .mega-hover:after,
.mega-hover:before { content: ""; position: absolute; pointer-events: none; opacity: 1; z-index: -1;
} .mega-hover:before { top: 0; right: 51%; bottom: 0; left: 50%; background: rgba(255, 255, 255, 0.2);
} .mega-hover:after { top: 50%; right: 0; bottom: 50%; left: 0; background: rgba(245, 255, 255, 0.3);
} .mega-hover:hover:before { left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear;
} .mega-hover:hover:after { top: 0; bottom: 0; opacity: 0; -webkit-transition: all 900ms linear; transition: all 900ms linear;
} .array-button .array-prev { width: 56px; height: 56px; line-height: 56px; text-align: center; background-color: transparent; color: var(--white); border-radius: 50%; transition: all 0.4s ease-in-out; border: 1px solid var(--white);
} .array-button .array-prev:hover { background-color: var(--white); color: var(--header);
} .array-button .array-next { width: 56px; height: 56px; line-height: 56px; text-align: center; background-color: var(--theme2); color: var(--white); border-radius: 50%; border: 1px solid transparent; transition: all 0.4s ease-in-out;
} .array-button .array-next:hover { background-color: var(--white); color: var(--header);
} .mt-10 { margin-top: 10px;
} @media (max-width: 767px) { br { display: none; }
} .mt-60 { margin-top: 55px;
} .mb-40 { margin-bottom: 40px;
} /* background */
.bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; margin-top: 2em;
} .bg-cover-2 { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; width: 100%; height: 100%;
} .nice-select { background-color: transparent; border: transparent; float: initial; overflow: initial; height: initial; padding: 0; display: inline-flex; align-items: center; line-height: 150%; width: 100%; border: none;
} .nice-select:focus,
.nice-select:hover { border-color: transparent;
} .nice-select::after { height: 8px; width: 8px; right: -25px; top: 15px; border-color: var(--header); border-bottom: 2px solid var(--header); border-right: 2px solid var(--header);
} .nice-select .list { width: initial; background-color: var(--theme); box-shadow: none; overflow: initial; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; width: 100%; top: 100%; padding: 0; max-height: 50vh; overflow-x: auto; right: -50px;
} .nice-select .list::-webkit-scrollbar { width: 2px; opacity: 1; display: block;
} .nice-select .list::-webkit-scrollbar-button,
.nice-select .list::-webkit-scrollbar-thumb { background: var(--header);
} .nice-select .option { background-color: transparent; font-size: 16px; line-height: 150%; padding: 4px 5px; min-height: initial; font-weight: 500;
} .nice-select .option:hover,
.nice-select .option:focus,
.nice-select .option.selected.focus { background-color: transparent;
} .nice-select .current { font-weight: 500; color: var(--header);
} .page-nav-wrap ul li { display: inline-block; text-align: center;
} .page-nav-wrap ul li .page-numbers { display: inline-block; width: 50px; height: 50px; line-height: 50px; background: transparent; font-weight: 600; transition: all 0.3s ease-in-out; margin: 0 2px; border: 1px solid #E3E3E3; color: var(--header);
} .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.icon { border: none; background-color: transparent; color: var(--theme);
} .page-nav-wrap ul li .page-numbers.icon:hover { border: none; background-color: transparent; color: var(--theme);
} .page-nav-wrap ul li .page-numbers:hover { background-color: var(--theme); color: var(--white); border: 1px solid transparent;
} .bor-bottom { border-bottom: 1px solid var(--border-2);
} .pt-100 { padding-top: 100px;
} @media (max-width: 991px) { .pt-100 { padding-top: 80px; }
} .pb-100 { padding-bottom: 100px;
} @media (max-width: 991px) { .pb-100 { padding-bottom: 80px; }
} .margin-top-10 { margin-top: -10px;
} .margin-top-5 { margin-top: -5px;
} .margin-top-60 { margin-top: -65px;
} @media (max-width: 1399px) { .margin-top-60 { margin-top: -25px; }
} @media (max-width: 1199px) { .margin-top-60 { margin-top: -27px; }
} @media (max-width: 991px) { .margin-top-60 { margin-top: -75px; }
} @media (max-width: 767px) { .margin-top-60 { margin-top: -65px; }
} .margin-top-8 { margin-top: -10px;
} .custom-container { max-width: 1328px; margin: 0 auto;
} .box-shadow { box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
} .hero-1 { background-color: var(--bg); position: relative;
} .hero-1 .container-fluid { padding: 0 150px;
} @media (max-width: 1899px) { .hero-1 .container-fluid { padding: 0 40px; }
} @media (max-width: 1399px) { .hero-1 .container-fluid { padding: 0 25px; }
} .hero-1 .line-shape { position: absolute; bottom: 0; left: 0;
} .hero-1 .hero-content { background-color: var(--theme); padding: 105px 70px; clip-path: polygon(0% 15%, 0 11%, 11% 0, 85% 0%, 100% 0, 100% 15%, 100% 88%, 91% 100%, 94% 100%, 15% 100%, 0 100%, 0% 85%); max-width: 870px; position: relative;
} @media (max-width: 1399px) { .hero-1 .hero-content { padding: 70px 40px; }
} @media (max-width: 991px) { .hero-1 .hero-content { padding: 70px 50px; }
} @media (max-width: 767px) { .hero-1 .hero-content { padding: 70px 40px; }
} @media (max-width: 575px) { .hero-1 .hero-content { padding: 60px 30px; }
} .hero-1 .hero-content .vector-shape { position: absolute; bottom: 0; left: 0; z-index: -1;
} .hero-1 .hero-content .vector-shape-2 { position: absolute; top: 0; right: 0; z-index: -1;
} .hero-1 .hero-content h1 { color: var(--white); text-transform: uppercase;
} @media (max-width: 1199px) { .hero-1 .hero-content h1 br { display: none; }
} @media (max-width: 1399px) { .hero-1 .hero-content h1 { font-size: 74px; }
} @media (max-width: 1199px) { .hero-1 .hero-content h1 { font-size: 64px; }
} @media (max-width: 991px) { .hero-1 .hero-content h1 { font-size: 54px; }
} @media (max-width: 767px) { .hero-1 .hero-content h1 { font-size: 46px; line-height: 126%; }
} @media (max-width: 575px) { .hero-1 .hero-content h1 { font-size: 32px; }
} .hero-1 .hero-content p { font-size: 23px; font-weight: 500; color: var(--white); margin-top: 20px;
} @media (max-width: 991px) { .hero-1 .hero-content p { font-size: 21px; }
} @media (max-width: 767px) { .hero-1 .hero-content p { font-size: 19px; }
} @media (max-width: 575px) { .hero-1 .hero-content p { font-size: 17px; }
} .hero-1 .hero-content .hero-button { margin-top: 50px; display: flex; align-items: center; gap: 24px;
} @media (max-width: 575px) { .hero-1 .hero-content .hero-button { flex-wrap: wrap; margin-top: 30px; }
} .hero-1 .hero-content .hero-button .button-text { color: var(--white); font-weight: 500;
} .hero-1 .hero-content .hero-button .button-text .video-btn { width: 55px; height: 55px; line-height: 55px; display: inline-block; background-color: transparent; border: 1px solid var(--white); border-radius: 50%; text-align: center; color: var(--white);
} .hero-1 .hero-image-items { margin-right: -48%; position: relative;
} @media (max-width: 991px) { .hero-1 .hero-image-items { margin-right: 0; }
} @media (max-width: 991px) { .hero-1 .hero-image-items .hero-image { height: 600px; }
} @media (max-width: 767px) { .hero-1 .hero-image-items .hero-image { height: 520px; }
} @media (max-width: 575px) { .hero-1 .hero-image-items .hero-image { height: 420px; }
} .hero-1 .hero-image-items .hero-image img { width: 100%; height: 100%; object-fit: cover;
} .hero-1 .hero-image-items .array-button { display: flex; align-items: center; gap: 500px; margin-top: 40px; position: relative;
} @media (max-width: 1899px) { .hero-1 .hero-image-items .array-button { gap: 50px; justify-content: start; }
} @media (max-width: 991px) { .hero-1 .hero-image-items .array-button { justify-content: center; }
} .hero-1 .hero-image-items .array-button::before { position: absolute; top: 14px; left: 100px; content: ""; width: 465px; height: 1px; opacity: 0.5; background: var(--white);
} @media (max-width: 1899px) { .hero-1 .hero-image-items .array-button::before { display: none; }
} .hero-1 .hero-image-items .array-button .array-prevs,
.hero-1 .hero-image-items .array-button .array-nexts { color: var(--white); font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 5px;
} .hero-1 .hero-image-items .array-button .array-nexts { color: var(--theme);
} .hero-2 { position: relative;
} .hero-2 .array-button .array-prev { width: 56px; height: 56px; line-height: 56px; text-align: center; background-color: var(--theme); color: var(--white); border-radius: 50%; transition: all 0.4s ease-in-out; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; right: 50px;
} .hero-2 .array-button .array-prev:hover { background-color: var(--white); color: var(--theme);
} .hero-2 .array-button .array-next { width: 56px; height: 56px; line-height: 56px; text-align: center; background-color: #08ade0; color: var(--white); border-radius: 50%; border: 1px solid var(--white); transition: all 0.4s ease-in-out; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; left: 50px;
} .hero-2 .array-button .array-next:hover { background-color: var(--white); color: var(--theme);
} @media (max-width: 1600px) { .hero-2 .array-button { left: initial; right: 30px; }
} @media (max-width: 767px) { .hero-2 .array-button { display: none; }
} .hero-2 .bottom-shape { position: absolute; bottom: -180px; left: 0; right: 0; z-index: 2;
} @media (max-width: 1600px) { .hero-2 .bottom-shape { bottom: -50px; }
} @media (max-width: 1399px) { .hero-2 .bottom-shape { display: none; }
} .hero-2 .bottom-shape img { width: 100%; height: 100%;
} .hero-2 .swiper-slide-active .slider-image { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); transform: scale(1.12);
} .hero-2 .slider-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-2 .slider-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; /* background-color: var(--black); */ opacity: 0.6;
} .hero-2 .slider-image .mask-shape { position: absolute; top: 0; left: 0;
} @media (max-width: 1199px) { .hero-2 .slider-image .mask-shape { display: none; }
} .hero-2 .slider-image .border-shape { position: absolute; top: 12%; right: 0;
} @media (max-width: 1199px) { .hero-2 .slider-image .border-shape { display: none; }
} .hero-2 .slider-image .circle-shape { position: absolute; right: 10%; top: 10%;
} .hero-2 .hero-content { position: relative; z-index: 9; padding: 290px 0 150px;
} @media (max-width: 1399px) { .hero-2 .hero-content { padding: 250px 0; }
} @media (max-width: 767px) { .hero-2 .hero-content { padding: 150px 0 120px; }
} @media (max-width: 575px) { .hero-2 .hero-content { text-align: center; margin: 0 auto; padding: 130px 0 100px; }
} .hero-2 .hero-content h5 { color: var(--white); margin-bottom: 20px; position: relative; padding-left: 45px; display: inline-block; font-weight: 500;
} .hero-2 .hero-content h5::before { position: absolute; top: 10px; left: 0; content: ""; width: 30px; height: 2px; background-color: var(--white);
} .hero-2 .hero-content h1 { color: var(--white); margin-bottom: 20px;
} @media (max-width: 1399px) { .hero-2 .hero-content h1 { font-size: 44px; line-height: 55px; }
} @media (max-width: 1199px) { .hero-2 .hero-content h1 { font-size: 62px; }
} @media (max-width: 991px) { .hero-2 .hero-content h1 { font-size: 52px; }
} @media (max-width: 767px) { .hero-2 .hero-content h1 { font-size: 42px; }
} @media (max-width: 575px) { .hero-2 .hero-content h1 { font-size: 34px; }
} .hero-2 .hero-content p { color: var(--white);
} .hero-2 .hero-content .hero-button { display: flex; align-items: center; gap: 20px; margin-top: 50px; justify-content: center;
} @media (max-width: 767px) { .hero-2 .hero-content .hero-button { margin-top: 30px; }
} @media (max-width: 575px) { .hero-2 .hero-content .hero-button { flex-wrap: wrap; margin-top: 20px; justify-content: center; }
} .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 .homemenu-items { display: flex; align-items: center; gap: 30px; justify-content: space-between;
} @media (max-width: 1199px) { .mean-container .mean-nav > ul .homemenu-items { flex-wrap: wrap; }
} .mean-container .mean-nav > ul .homemenu-items .homemenu { position: relative;
} @media (max-width: 1199px) { .mean-container .mean-nav > ul .homemenu-items .homemenu { max-width: 300px; text-align: center; margin: 0 auto; border: 1px solid var(--border); padding: 10px; }
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb { position: relative;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-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; margin-top: 20px;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 12px 20px; color: var(--white) !important; width: initial; font-size: 16px; text-align: center; border-radius: 0;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover { color: var(--white) !important;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 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 .homemenu-items .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%);
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img { width: 100%;
} .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 16px;
} .mean-container a.meanmenu-reveal { display: none !important;
} .mean-container .mean-nav ul li a { width: 100%; padding: 10px 0; color: var(--header); font-size: 16px; line-height: 1.5; font-weight: 500; text-transform: capitalize; border-bottom: 1px solid var(--border) !important; border: none;
} .mean-container .mean-nav ul li a:hover { color: var(--theme);
} .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: 5px; 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; font-size: 18px;
} .mean-container .mean-nav > ul > li:first-child > a { border-top: 0;
} .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;
} .mean-container .mean-nav ul li .mega-menu li a { height: 200px; width: 100%; padding: 0; border-top: 0; margin-bottom: 20px;
} .news-image-items { margin-top: 30px; height: 546px; position: relative; z-index: 9;
} .news-image-items::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background: linear-gradient(180deg, rgba(18, 19, 21, 0) 0%, #121315 100%);
} .news-image-items .news-content { position: absolute; bottom: 40px; left: 40px;
} .news-image-items .news-content ul { display: flex; align-items: center; gap: 25px; margin-bottom: 20px;
} .news-image-items .news-content ul li { font-size: 14px; font-weight: 500; color: var(--white);
} .news-image-items .news-content ul li i { color: var(--theme); margin-right: 8px;
} .news-image-items .news-content h3 { font-size: 28px; margin-bottom: 10px;
} .news-image-items .news-content h3 a { color: var(--white);
} .news-image-items .news-content h3 a:hover { color: var(--theme);
} .news-right-items { margin-top: 30px;
} .news-right-items .news-card-items { background-color: var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); position: relative; display: flex; align-items: center; gap: 25px; justify-content: space-between;
} @media (max-width: 1399px) { .news-right-items .news-card-items { flex-wrap: wrap; gap: 0; }
} @media (max-width: 1399px) { .news-right-items .news-card-items .news-image { padding-left: 30px; padding-bottom: 30px; }
} @media (max-width: 991px) { .news-right-items .news-card-items .news-image { padding: 0; }
} @media (max-width: 767px) { .news-right-items .news-card-items .news-image { padding-left: 30px; padding-bottom: 30px; }
} .news-right-items .news-card-items:not(:last-child) { margin-bottom: 30px;
} .news-right-items .news-card-items .news-content { padding: 30px;
} .news-right-items .news-card-items .news-content ul { display: flex; align-items: center; gap: 25px; margin-bottom: 15px;
} .news-right-items .news-card-items .news-content ul li { font-size: 14px; font-weight: 500; color: var(--text);
} .news-right-items .news-card-items .news-content ul li i { color: var(--theme); margin-right: 8px;
} .news-right-items .news-card-items .news-content h4 { margin-bottom: 10px;
} .news-right-items .news-card-items .news-content h4 a:hover { color: var(--theme);
} .news-right-items .news-card-items .news-content .link-btn { color: var(--theme); margin-top: 13px;
} .news-right-items .news-card-items .news-content .link-btn i { transform: rotate(0);
} .news-section { position: relative;
} .news-section .shape-1 { position: absolute; left: 0; top: 15%;
} .news-section .shape-2 { position: absolute; right: 70px; bottom: 0;
} .news-section .shape-3 { position: absolute; bottom: 0; left: 0;
} .news-section .shape-4 { position: absolute; bottom: 0; right: 0;
} .news-box-items { margin-top: 30px; background-color: #F5F5F5; transition: all 0.4s ease-in-out; overflow: hidden;
} .news-box-items .news-image { position: relative; z-index: 2; 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-content { padding: 20px 30px;
} .news-box-items .news-content .post-list { display: flex; align-items: center; gap: 95px; margin-bottom: 15px;
} .news-box-items .news-content .post-list li { transition: all 0.4s ease-in-out;
} .news-box-items .news-content h4 { margin-bottom: 30px;
} .news-box-items .news-content .author-items { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); padding-top: 30px; transition: all 0.4s ease-in-out;
} .news-box-items .news-content .author-items .author-info { display: flex; align-items: center; gap: 14px;
} .news-box-items .news-content .author-items .author-info .content h6 { font-size: 14px;
} .news-box-items .news-content .author-items .author-info .content p { font-size: 14px;
} .news-box-items .news-content .author-items .link-btn { color: var(--theme);
} .news-box-items:hover,
.news-box-items.active { background-color: var(--header);
} .news-box-items:hover .news-image img:first-child,
.news-box-items.active .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),
.news-box-items.active .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);
} .news-box-items:hover .news-content .post-list li,
.news-box-items.active .news-content .post-list li { color: var(--white);
} .news-box-items:hover .news-content h4 a,
.news-box-items.active .news-content h4 a { color: var(--white);
} .news-box-items:hover .news-content h4 a:hover,
.news-box-items.active .news-content h4 a:hover { color: var(--theme);
} .news-box-items:hover .news-content .author-items,
.news-box-items.active .news-content .author-items { border-top: 1px solid var(--white);
} .news-box-items:hover .news-content .author-items .author-info .content h6,
.news-box-items.active .news-content .author-items .author-info .content h6 { color: var(--white);
} .news-box-items:hover .news-content .author-items .author-info .content p,
.news-box-items.active .news-content .author-items .author-info .content p { color: var(--white);
} .main-sidebar .single-sidebar-widget { padding: 40px 30px; background-color: #F2F5FA; margin-bottom: 30px;
} .main-sidebar .single-sidebar-widget .wid-title { margin-bottom: 25px;
} .main-sidebar .single-sidebar-widget .wid-title h3 { position: relative; padding-bottom: 15px; display: inline-block; font-size: 22px; font-weight: 600;
} .main-sidebar .single-sidebar-widget .wid-title h3::after { position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; content: ""; background-color: var(--header);
} .main-sidebar .single-sidebar-widget .wid-title h3::before { position: absolute; bottom: 0; left: 30px; width: 63px; height: 2px; content: ""; background-color: var(--theme);
} .main-sidebar .single-sidebar-widget .search-widget form { width: 100%; position: relative;
} .main-sidebar .single-sidebar-widget .search-widget form input { background-color: var(--white); font-size: 16px; padding: 20px; width: 100%; border: none; color: var(--text);
} .main-sidebar .single-sidebar-widget .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;
} .main-sidebar .single-sidebar-widget .search-widget form button:hover { background-color: var(--header);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li { display: flex; align-items: center; justify-content: space-between; padding: 22px 25px; background-color: var(--white); font-weight: 500; transition: all 0.4s ease-in-out; border-radius: 0; font-size: 16px; line-height: 22px;
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li a { color: var(--header);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li span { transition: all 0.4s ease-in-out; color: var(--header);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) { margin-bottom: 12px;
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover { background-color: var(--theme);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a { color: var(--white);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span { color: var(--white);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li.active { background-color: var(--theme);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a { color: var(--white);
} .main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span { color: var(--white);
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items { display: flex; align-items: center; gap: 20px;
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid var(--border); padding-bottom: 20px;
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul { margin-bottom: 8px;
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i { color: var(--theme); margin-right: 5px;
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 { font-size: 18px; font-weight: 600;
} .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a:hover { color: var(--theme);
} .main-sidebar .single-sidebar-widget .tagcloud a { display: inline-block; padding: 11px 20px; line-height: 1; font-size: 16px; font-weight: 500; background: var(--white); margin-right: 5px; text-transform: capitalize; margin-bottom: 10px; border-radius: 0; transition: all 0.4s ease-in-out; color: var(--text);
} .main-sidebar .single-sidebar-widget .tagcloud a:last-child { margin-right: 0;
} .main-sidebar .single-sidebar-widget .tagcloud a:hover { background-color: var(--theme); color: var(--white);
} .main-sidebar .single-sidebar-widget .brochures-download-items { display: flex; align-items: center; justify-content: space-between;
} .main-sidebar .single-sidebar-widget .brochures-download-items:not(:last-child) { margin-bottom: 30px;
} .main-sidebar .single-sidebar-widget .brochures-download-items .brochures-items { display: flex; align-items: center; gap: 15px;
} .main-sidebar .single-sidebar-widget .brochures-download-items .brochures-items .icon { font-size: 40px; color: var(--theme);
} .main-sidebar .single-sidebar-widget .brochures-download-items .download-btn { width: 43px; height: 43px; line-height: 43px; text-align: center; display: inline-block; background-color: var(--header); font-size: 16px; color: var(--white); transition: all 0.4s ease-in-out;
} .main-sidebar .single-sidebar-widget .brochures-download-items .download-btn:hover,
.main-sidebar .single-sidebar-widget .brochures-download-items .download-btn.active { background-color: var(--theme);
} .main-sidebar .single-sidebar-widget .brochures-download-items .download-btn.active:hover { background-color: var(--header);
} .main-sidebar .service-sidebar-widget .contact-bg { padding: 60px 45px; text-align: center;
} @media (max-width: 1199px) { .main-sidebar .service-sidebar-widget .contact-bg { padding: 50px 30px; }
} @media (max-width: 991px) { .main-sidebar .service-sidebar-widget .contact-bg { padding: 50px 30px; }
} .main-sidebar .service-sidebar-widget .contact-bg p { font-size: 18px; color: var(--white); font-weight: 600;
} .main-sidebar .service-sidebar-widget .contact-bg img { margin-top: 70px; margin-bottom: 70px;
} @media (max-width: 1399px) { .main-sidebar .service-sidebar-widget .contact-bg .theme-btn { padding: 22px 30px; }
} .news-standard-wrapper .news-standard-items { background-color: #F5F5F5; position: relative; margin-bottom: 50px;
} @media (max-width: 767px) { .news-standard-wrapper .news-standard-items { margin-bottom: 30px; }
} .news-standard-wrapper .news-standard-items .news-thumb { position: relative;
} .news-standard-wrapper .news-standard-items .news-thumb img { width: 100%; height: 100%;
} .news-standard-wrapper .news-standard-items .news-thumb .video-box { width: 70px; height: 70px; border: 1px solid var(--theme); line-height: 70Px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} .news-standard-wrapper .news-standard-items .news-thumb .video-box .video-btn { width: 57px; height: 57px; background-color: var(--theme); color: var(--white); line-height: 57px; text-align: center; display: inline-block;
} .news-standard-wrapper .news-standard-items .news-content { padding: 30px 40px; position: relative; z-index: 9;
} @media (max-width: 767px) { .news-standard-wrapper .news-standard-items .news-content { padding: 30px; }
} .news-standard-wrapper .news-standard-items .news-content .date-list { display: flex; align-items: center; gap: 40px; margin-bottom: 15px;
} @media (max-width: 1199px) { .news-standard-wrapper .news-standard-items .news-content .date-list { gap: 20px; flex-wrap: wrap; }
} .news-standard-wrapper .news-standard-items .news-content .date-list li { font-size: 16px; font-weight: 400;
} .news-standard-wrapper .news-standard-items .news-content .date-list li i { color: var(--theme); margin-right: 5px;
} .news-standard-wrapper .news-standard-items .news-content h3 { font-weight: bold; margin-bottom: 15px; font-size: 30px;
} .news-standard-wrapper .news-standard-items .news-content h3 a:hover { color: var(--theme);
} @media (max-width: 767px) { .news-standard-wrapper .news-standard-items .news-content h3 { font-size: 27px; }
} @media (max-width: 575px) { .news-standard-wrapper .news-standard-items .news-content h3 { font-size: 25px; }
} @media (max-width: 1199px) { .news-standard-wrapper .news-standard-items .array-button { display: none; }
} .news-standard-wrapper .news-standard-items .array-button .array-prev { position: absolute; top: 27%; left: 40px; transform: translateY(-50%); z-index: 9; background-color: #FCEDE8; color: var(--theme); border: none;
} .news-standard-wrapper .news-standard-items .array-button .array-prev:hover { background-color: var(--white); color: var(--header);
} .news-standard-wrapper .news-standard-items .array-button .array-next { position: absolute; top: 27%; right: 40px; transform: translateY(-50%); z-index: 9; border: none;
} .blog-post-details .single-blog-post .post-featured-thumb { height: 460px;
} .blog-post-details .single-blog-post .post-content { margin-top: 30px;
} .blog-post-details .single-blog-post .post-content .post-list { gap: 30px; margin-bottom: 20px; border-bottom: 1px solid #F2F5FA; padding-bottom: 20px;
} .blog-post-details .single-blog-post .post-content .post-list li { font-size: 14px; font-weight: 500;
} .blog-post-details .single-blog-post .post-content .post-list li i { color: var(--theme); margin-right: 5px;
} .blog-post-details .single-blog-post .post-content h3 { margin-bottom: 20px; font-size: 30px;
} @media (max-width: 575px) { .blog-post-details .single-blog-post .post-content h3 { font-size: 24px; }
} .blog-post-details .single-blog-post .post-content h3 a:hover { color: var(--theme);
} .blog-post-details .single-blog-post .post-content p { font-weight: 400;
} .blog-post-details .single-blog-post .post-content .hilight-text { border-left: 4px solid var(--theme); padding: 40px; background-color: #F2F5FA; /* margin-top: -85; */
} .blog-post-details .single-blog-post .post-content .hilight-text p { font-weight: 600; text-transform: capitalize; font-style: italic; line-height: 26px; color: var(--header);
} .blog-post-details .single-blog-post .post-content .hilight-text svg { float: right; margin-top: -30px;
} .blog-post-details .single-blog-post .post-content .details-image img { width: 100%; height: 100%; margin-top: 20px;
} .blog-post-details .tag-share-wrap { border-top: 1px solid #F2F5FA; border-bottom: 1px solid #F2F5FA; padding: 30px 0;
} .blog-post-details .tag-share-wrap .tagcloud span { display: inline-block; font-weight: 600; color: var(--header); margin-right: 15px;
} .blog-post-details .tag-share-wrap .tagcloud a { display: inline-block; padding: 12px 26px; line-height: 1; background: transparent; border: 1px solid #F2F5FA; margin-right: 8px; text-transform: capitalize; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 0;
} @media (max-width: 575px) { .blog-post-details .tag-share-wrap .tagcloud a { margin-bottom: 5px; }
} .blog-post-details .tag-share-wrap .tagcloud a:hover { background-color: var(--theme); color: var(--white);
} .blog-post-details .tag-share-wrap .social-share span { font-size: 16px; color: var(--header); font-weight: 600;
} .blog-post-details .tag-share-wrap .social-share a { font-size: 16px; color: var(--header);
} .blog-post-details .tag-share-wrap .social-share a:not(:last-child) { margin-right: 10px;
} .blog-post-details .tag-share-wrap .social-share a:hover { color: var(--theme);
} .blog-post-details .comments-area { margin-top: 40px;
} .blog-post-details .comments-area .comments-heading { margin-bottom: 30px;
} @media (max-width: 575px) { .blog-post-details .comments-area .comments-heading { margin-bottom: 20px; }
} .blog-post-details .comments-area .comments-heading h3 { font-size: 24px; font-weight: 700;
} @media (max-width: 575px) { .blog-post-details .comments-area .comments-heading h3 { font-size: 22px; }
} .blog-post-details .comments-area .blog-single-comment { border-bottom: 1px solid #F2F5FA;
} @media (max-width: 575px) { .blog-post-details .comments-area .blog-single-comment { flex-wrap: wrap; gap: 20px; }
} .blog-post-details .comments-area .blog-single-comment .content .head { margin-bottom: 10px;
} .blog-post-details .comments-area .blog-single-comment .content .head .con h5 { margin-bottom: 5px; font-weight: 600; font-size: 20px;
} .blog-post-details .comments-area .blog-single-comment .content .head .star i { color: var(--theme); font-size: 14px;
} .blog-post-details .comments-area .blog-single-comment .content .reply { padding: 5px 15px; font-weight: 400; background-color: var(--theme); color: var(--white); transition: all 0.4s ease-in-out;
} .blog-post-details .comments-area .blog-single-comment .content .reply:hover { background-color: var(--header);
} .blog-post-details .comments-area .blog-single-comment .content .reply.color-2 { background-color: var(--header);
} .blog-post-details .comments-area .blog-single-comment .content .reply.color-2:hover { background-color: var(--theme);
} .blog-post-details .comment-form-wrap h3 { font-size: 24px; margin-bottom: 30px;
} @media (max-width: 575px) { .blog-post-details .comment-form-wrap h3 { margin-bottom: 20px; }
} .blog-post-details .comment-form-wrap .form-clt span { color: var(--header); display: inline-block; margin-bottom: 10px;
} .blog-post-details .comment-form-wrap .form-clt input,
.blog-post-details .comment-form-wrap .form-clt textarea { width: 100%; outline: none; border: none; background-color: transparent; border: 1px solid #F2F5FA; padding: 16px 20px; font-weight: 500; color: var(--text);
} .blog-post-details .comment-form-wrap .form-clt input::placeholder,
.blog-post-details .comment-form-wrap .form-clt textarea::placeholder { color: var(--text);
} .blog-post-details .comment-form-wrap .form-clt textarea { padding-bottom: 100px;
}
.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(--theme); border-bottom: 2px solid var(--theme); 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(--theme);
} input.main-search-input::placeholder { color: var(--theme); 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;
} .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;
} .back-to-top { border-radius: 50%; background-color: transparent; width: 60px; height: 60px; line-height: 60px; color: var(--theme); font-size: 18px; position: fixed; display: inline-block; z-index: 99; right: 30px; bottom: 30px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; transform: translateY(20px); border: 1px solid var(--theme);
} .back-to-top:hover { background-color: var(--theme); color: var(--white);
} .back-to-top.show { opacity: 1; visibility: visible; transform: translate(0);
} .pricing-card-items { margin-top: 2px; background-color: var(--white); padding: 0px; position: relative; z-index: 9; transition: all 0.4s ease-in-out;
} .pricing-card-items .pricing-header { max-width: 170px; padding-bottom: 30px;
} .pricing-card-items .pricing-header h3 { border-bottom: 2px solid var(--theme); padding-bottom: 15px;
} .pricing-card-items .pricing-header h2 { font-size: 38px; color: var(--text); padding-top: 15px;
} .pricing-card-items .pricing-header h2 span { font-size: 16px;
} .pricing-card-items .pricing-list { border-top: 1px solid #D9D9D9; padding-top: 30px;
} .pricing-card-items .pricing-list li { font-size: 16px; font-weight: 600; color: var(--header);
} .pricing-card-items .pricing-list li { margin-bottom: 15px;
} .pricing-card-items .pricing-list li i { color: var(--theme); margin-right: 10px;
} .pricing-card-items .pricing-list li.style-2 { color: var(--text);
} .pricing-card-items .pricing-list li.style-2 i { color: var(--text);
} .pricing-card-items .header-button { margin-top: 40px;
} .pricing-card-items .header-button .theme-btn.style-2 { background-color: var(--header);
} .pricing-card-items .header-button .theme-btn.style-2::before,
.pricing-card-items .header-button .theme-btn.style-2::after { background-color: var(--theme);
} .pricing-card-items .header-button .theme-btn.style-2 span { position: relative;
} .pricing-card-items .header-button .theme-btn.style-2 span::before { position: absolute; top: 50%; left: -50px; transform: translateY(-50%); width: 4px; height: 25px; background-color: var(--theme); z-index: 99; content: "";
} @media (max-width: 767px) { .pricing-card-items .header-button .theme-btn.style-2 span::before { left: -32px; }
} @media (max-width: 375px) { .pricing-card-items .pricing-list li { font-size: 11px; text-align: left; margin: 0px; }
} .pricing-card-items .pricing-shape { position: absolute; top: 0; bottom: 0; right: 0; z-index: -1;
} .pricing-card-items.active .pricing-header h3 { color: var(--theme);
} .pricing-card-items.active .pricing-header h2 { color: var(--header);
} .pricing-card-items.active .tag-img { position: absolute; top: 0; right: 0;
} .pricing-card-items:hover { transform: translateY(-10px);
} .pricing-section { position: relative;
} .pricing-section .pricing-arrow-shape { position: absolute; right: 0; top: 10%;
} @media (max-width: 1199px) { .pricing-section .pricing-arrow-shape { display: none; }
} .pricing-section .pricing-circle-shape { position: absolute; bottom: 0; right: 0;
} @media (max-width: 1199px) { .pricing-section .pricing-circle-shape { display: none; }
} .project-section .container-fluid { padding: 0 75px;
} @media (max-width: 1399px) { .project-section .container-fluid { padding: 0 30px; }
} @media (max-width: 1199px) { .project-section .container-fluid { padding: 0 20px; }
} .project-section .swiper-slide.swiper-slide-active .project-thumb::before { opacity: 1; visibility: visible;
} .project-section .swiper-slide.swiper-slide-active .project-thumb .project-content { opacity: 1; visibility: visible; bottom: 30px;
} .project-section .project-dot { text-align: center; margin-top: 50px;
} .project-section .project-dot .swiper-pagination-bullet { width: 250px; height: 3px; border-radius: 0; background: var(--header); opacity: 1; transition: 0.6s; margin: 0 !important;
} .project-section .project-dot .swiper-pagination-bullet-active { opacity: 1; background: var(--theme);
} @media (max-width: 767px) { .project-section .project-dot { display: none; }
} .project-wrapper .main-box { padding: 0; gap: 30px; display: flex; align-items: center;
} @media (max-width: 1199px) { .project-wrapper .main-box { flex-wrap: wrap; justify-content: center; gap: 0 30px; }
} .project-wrapper .main-box .box { background-image: url(../images/home/oil-and-gas-industries.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; width: 270px !important; height: 544px; position: relative; overflow: hidden; list-style: none; transition: all 0.4s ease-in-out; margin-top: 30px; overflow: hidden;
} @media (max-width: 1199px) { .project-wrapper .main-box .box { width: 570px !important; }
} @media (max-width: 575px) { .project-wrapper .main-box .box { height: 420px; object-fit: cover; } .project-wrapper .main-box .box .project-content { opacity: 1; visibility: visible; bottom: 30px; width: 157px; }
} .project-wrapper .main-box .box .project-content { position: absolute; bottom: -100px; left: 18px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; background-color: var(--white); padding: 20px 25px; right: 30px; display: flex; align-items: center; justify-content: space-between;
} .project-wrapper .main-box .box .project-content::before { position: absolute; top: 50%; left: 0; width: 6px; height: 47px; content: ""; background-color: var(--theme); transform: translateY(-50%);
} .project-wrapper .main-box .box .project-content h3 a { color: var(--header);
} .project-wrapper .main-box .box .project-content h3 a:hover { color: var(--theme);
} .project-wrapper .main-box .box .project-content .icon { transform: rotate(-40deg); color: var(--theme); transition: all 0.4s ease-in-out;
} .project-wrapper .main-box .box .project-content .icon:hover { transform: rotate(0);
} .project-wrapper .main-box .box.bg-1 { background-image: url(../images/home/petrochemical-industries.jpg);
} .project-wrapper .main-box .box.bg-2 { background-image: url(../images/home/medical-industries.jpg);
} .project-wrapper .main-box .box.bg-3 { background-image: url(../images/home/plumbing-industries.jpg);
} .project-wrapper .main-box .box.bg-4 { background-image: url(../images/home/copper-pipe-tube-for-ev.jpg);
} .project-wrapper .main-box .box.active { width: 570px !important; border: 10px solid var(--theme);
} .project-wrapper .main-box .box.active .project-content { opacity: 1; visibility: visible; bottom: 30px;
} .project-wrapper-2 { margin-left: -320px; margin-right: -320px;
} @media (max-width: 1199px) { .project-wrapper-2 { margin-left: 0; margin-right: 0; }
} .project-wrapper-2 .project-thumb { margin-top: 30px; position: relative; overflow: hidden;
} .project-wrapper-2 .project-thumb img { width: 100%; height: 100%;
} .project-wrapper-2 .project-thumb::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(0deg, rgba(18, 19, 21, 0.65) 0%, rgba(18, 19, 21, 0.65) 100%); transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;
} .project-wrapper-2 .project-thumb .project-content { position: absolute; left: 30px; right: 30px; bottom: -100px; z-index: 9; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: space-between;
} .project-wrapper-2 .project-thumb .project-content h3 { font-size: 38px; margin-bottom: 5px;
} @media (max-width: 991px) { .project-wrapper-2 .project-thumb .project-content h3 { font-size: 29px; }
} .project-wrapper-2 .project-thumb .project-content h3 a { color: var(--white);
} .project-wrapper-2 .project-thumb .project-content h3 a:hover { color: var(--theme);
} .project-wrapper-2 .project-thumb .project-content span { color: var(--theme);
} .project-wrapper-2 .project-thumb .project-content span i { margin-right: 5px;
} .project-wrapper-2 .project-thumb .project-content .number { -webkit-text-stroke: 1px var(--white); -webkit-text-fill-color: transparent;
} .project-wrapper-2 .project-thumb:hover::before { opacity: 1; visibility: visible;
} .project-wrapper-2 .project-thumb:hover .project-content { opacity: 1; visibility: visible; bottom: 30px;
} .project-card-items { border: 1px solid #D4DCED; position: relative;
} .project-card-items .project-image { position: relative; overflow: hidden;
} .project-card-items .project-image img { width: 100%; height: 100%; transition: 0.5s; background-size: cover;
} .project-card-items .project-image img:nth-child(1) { perspective: 300px; transition: transform 500ms ease; transform-origin: top center; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg);
} .project-card-items .project-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%;
} .project-card-items .project-content { padding: 30px;
} .project-card-items .project-content h3 { margin-bottom: 5px;
} .project-card-items .project-content h3 a:hover { color: var(--theme);
} .project-card-items .shape-img { position: absolute; bottom: 0; right: 0;
} .project-card-items:hover .project-image img:nth-child(1) { transform-origin: bottom center; transform: translateX(-100%) translateX(150px) scaleX(0) rotateY(90deg);
} .project-card-items:hover .project-image img:nth-child(2) { transition: transform 500ms ease, top 500ms ease; transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg);
} .project-details-wrapper .project-details-items .details-image img { width: 100%; height: 100%;
} .project-details-wrapper .project-details-content { margin-top: 30px;
} .project-details-wrapper .project-details-content h2 { font-size: 50px;
} @media (max-width: 767px) { .project-details-wrapper .project-details-content h2 { font-size: 42px; }
} @media (max-width: 575px) { .project-details-wrapper .project-details-content h2 { font-size: 34px; }
} .project-details-wrapper .project-details-content .project-infor-wrapper { padding: 40px 0;
} .project-details-wrapper .project-details-content .project-infor-wrapper .details-list { margin-top: 25px; margin-bottom: 25px;
} .project-details-wrapper .project-details-content .project-infor-wrapper .details-list li { font-weight: 600; font-size: 16px; color: var(--header);
} .project-details-wrapper .project-details-content .project-infor-wrapper .details-list li:not(:last-child) { margin-bottom: 10px;
} .project-details-wrapper .project-details-content .project-infor-wrapper .details-list li i { color: var(--theme); margin-right: 12px;
} .service-details-section .details-list .benifits-li { font-size: 13px; line-height: 24px; margin-right: 5px;
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation { padding: 40px; background-color: #F2F5FA;
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4 { font-size: 22px; margin-bottom: 10px; position: relative; padding-bottom: 15px;
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4::after { position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; content: ""; background-color: var(--header);
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4::before { position: absolute; bottom: 0; left: 30px; width: 63px; height: 2px; content: ""; background-color: var(--theme);
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li { font-size: 18px; font-weight: 700; color: var(--header); padding: 20px 0;
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li span { font-size: 16px; color: var(--text); font-weight: 400; margin-left: 7px; display: inline-block;
} .project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li:not(:last-child) { border-bottom: 1px solid rgba(18, 19, 21, 0.15);
} .project-details-wrapper p { font-weight: 400;
} .section-title { position: relative; z-index: 99; margin-bottom: 30px; margin-top: -7px;
} @media (max-width: 767px) { .section-title { margin-bottom: 0; }
} .section-title h6 { font-size: 16px; font-weight: 700; font-family: "poppins", sans-serif; color: var(--theme); display: inline-block; margin-bottom: 20px; line-height: 1; text-transform: uppercase;
} .section-title span i:not(:last-child) { margin-right: 10px;
} .section-title span i:nth-child(2) { margin-left: 10px;
} .section-title-area { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9;
} @media (max-width: 991px) { .section-title-area { flex-wrap: wrap; gap: 30px; }
} .center { text-align: center; margin: 0 auto;
} .section-bg { background-color: var(--bg);
} .section-bg-2 { background-color: rgba(212, 220, 237, 0.3);
} .items-bg { background-color: #F5F5F5 !important;
} .section-padding { padding: 100px 0;
} @media (max-width: 1199px) { .section-padding { padding: 100px 0; }
} @media (max-width: 991px) { .section-padding { padding: 80px 0; }
} .service-section { position: relative; z-index: 9;
} .service-section .container-fluid { padding: 0 175px;
} @media (max-width: 1600px) { .service-section .container-fluid { padding: 0 30px; }
} @media (max-width: 1199px) { .service-section .container-fluid { padding: 0 20px; }
} @media (max-width: 1199px) { .service-section .array-button { display: none; }
} .service-section .array-button .array-prev { background-color: var(--white); color: var(--header); position: absolute; left: 18%; top: 20%; transform: translate(-50%, -50%); z-index: 99;
} .service-section .array-button .array-prev:hover { background-color: var(--header); color: var(--white);
} .service-section .array-button .array-next { background-color: transparent; color: var(--white); border: 1px solid var(--white); position: absolute; right: 18%; top: 20%; transform: translate(-50%, -50%); z-index: 99;
} .service-section .array-button .array-next:hover { background-color: var(--theme);
} .service-section .array-button.style-2 .array-prev { background-color: var(--white); color: var(--header); border: none;
} .service-section .array-button.style-2 .array-prev:hover { background-color: var(--theme); color: var(--white);
} .service-section .array-button.style-2 .array-next { background-color: var(--theme); color: var(--white); border: none;
} .service-section .array-button.style-2 .array-next:hover { background-color: var(--white); color: var(--header);
} .service-section .bg-shape { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.1; z-index: -1;
} .service-section .service-pagi-items { display: flex; align-items: center; justify-content: space-between; margin-top: 40px;
} @media (max-width: 767px) { .service-section .service-pagi-items { justify-content: center; margin-top: 20px; }
} .service-section .service-pagi-items .service-dot .swiper-pagination-bullet { width: 150px; height: 3px; border-radius: 0; background: var(--white); opacity: 1; transition: 0.6s; margin: 0 !important;
} .service-section .service-pagi-items .service-dot .swiper-pagination-bullet-active { opacity: 1; background: var(--theme);
} @media (max-width: 767px) { .service-section .service-pagi-items .service-dot { display: none; }
} .service-section .service-pagi-items .array-buttons { display: flex; align-items: center; gap: 10px;
} .service-section .service-pagi-items .array-buttons .array-prev { color: var(--white);
} .service-section .service-pagi-items .array-buttons .array-next { color: var(--theme);
} .service-box-items { margin-top: 30px; background-color: var(--white);
} .service-box-items .service-thumb { padding: 18px 18px 65px 18px; position: relative;
} .service-box-items .service-thumb img { width: 100%; height: 100%;
} .service-box-items .service-thumb .icon { position: absolute; bottom: 30px; left: 40px; width: 68px; height: 68px; text-align: center; background-color: var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); padding: 14px; font-size: 30px; color: var(--theme);
} .service-box-items .service-content { padding: 0 30px 30px 30px; position: relative;
} .service-box-items .service-content .number { text-align: center; -webkit-text-stroke: 1px rgba(102, 102, 102, 0.5); -webkit-text-fill-color: transparent; transition: all 0.4s ease-in-out; font-size: 50px; font-weight: 700; position: absolute; right: 30px; top: -50px;
} .service-box-items .service-content .number:hover { -webkit-text-stroke: 1px rgba(245, 91, 31, 0.5);
} .service-box-items .service-content h3 { margin-bottom: 15px;
} .service-box-items .service-content h3 a:hover { color: var(--theme);
} .service-box-items .service-content p { border-bottom: 1px solid var(--border); padding-bottom: 20px; margin-bottom: 20px;
} .service-box-items:hover .service-content .number { -webkit-text-stroke: 1px rgba(245, 91, 31, 0.5);
} .service-card-items { margin-top: 30px; background-color: var(--white); text-align: center; padding: 40px; position: relative; z-index: 9;
} .service-card-items .items-shape { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1;
} .service-card-items .items-shape img { width: 100%; height: 100%;
} .service-card-items .icon { width: 68px; height: 68px; text-align: center; line-height: 60px; text-align: center; border: 1px solid rgba(30, 32, 35, 0.15); margin: 0 auto; font-size: 36px; transition: all 0.4s ease-in-out; color: var(--theme);
} .service-card-items .content { margin-top: 20px;
} .service-card-items .content h3 { margin-bottom: 10px;
} .service-card-items .content p { border-bottom: 1px solid rgba(30, 32, 35, 0.15); padding-bottom: 20px; font-weight: 400;
} .service-card-items .content .link-btn { color: var(--header); margin-top: 20px; transition: all 0.4s ease-in-out;
} .service-card-items .service-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;
} .service-card-items .service-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; opacity: 0.75; opacity: 0.75; background: linear-gradient(180deg, #08ade0 0%, #fdc811 100%);
} .service-card-items .service-image img { width: 100%; height: 100%;
} .service-card-items .bar-shape { position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
} .service-card-items:hover .icon { background-color: var(--white);
} .service-card-items:hover .content { margin-top: 20px;
} .service-card-items:hover .content h3 a { color: var(--white);
} .service-card-items:hover .content p { border-bottom: 1px solid rgba(255, 255, 255, 0.35); color: var(--white);
} .service-card-items:hover .content .link-btn { color: var(--white);
} .service-card-items:hover .service-image { opacity: 1; visibility: visible;
} .service-details-wrapper { margin-bottom: -5px;
} .service-details-wrapper .service-details-image img { width: 100%; height: 100%;
} .service-details-wrapper .service-details-content { margin-top: 30px;
} .service-details-wrapper .service-details-content h2 { margin-bottom: 10px;
} .service-details-wrapper .service-details-content p { font-weight: 400;
} .service-details-wrapper .service-details-content .details-list { margin-top: 25px;
} .service-details-wrapper .service-details-content .details-list li { font-weight: 500; font-size: 16px; color: var(--header);
} .service-details-wrapper .service-details-content .details-list li:not(:last-child) { margin-bottom: 15px;
} .service-details-wrapper .service-details-content .details-list li i { color: var(--theme); margin-right: 12px;
} .service-details-wrapper .service-details-content h4 { font-size: 38px; margin-top: 30px;
} @media (max-width: 575px) { .service-details-wrapper .service-details-content h4 { font-size: 32px; }
} .service-details-wrapper .service-details-content .service-details-box { border: 1px solid var(--border-2); padding: 30px 30px; transition: all 0.4s ease-in-out;
} .service-details-wrapper .service-details-content .service-details-box:hover { border: 1px solid var(--theme);
} .service-details-wrapper .service-details-content .service-details-box .icon { display: flex; align-items: center; gap: 16px; margin-bottom: 14px;
} .service-details-wrapper .service-details-content .service-details-box .icon i { color: var(--theme); font-size: 28px;
} .service-details-wrapper .service-details-content .service-details-box p { font-weight: 400;
} .service-details-wrapper .service-details-content .blockqoute-keywords-h2 { font-size: 24px; line-height: 34px; /* background-color: rgb(255, 73, 6); */
} .team-card-items { margin-top: 30px; transition: all 0.4s ease-in-out;
} .team-card-items .team-image { padding: 20px; background: rgba(245, 91, 31, 0.1); position: relative; transition: all 0.4s ease-in-out; overflow: hidden;
} .team-card-items .team-image img { width: 100%; height: 100%;
} .team-card-items .team-image .social-icon { position: absolute; left: 50%; bottom: -100px; transform: translateX(-50%); gap: 15px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;
} .team-card-items .team-image .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background-color: var(--white); color: var(--header); border-radius: 50%; transition: all 0.4s ease-in-out;
} .team-card-items .team-image .social-icon a:hover { background-color: var(--theme); color: var(--white);
} .team-card-items .team-content { transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;
} @media (max-width: 991px) { .team-card-items .team-content { margin-top: 20px; opacity: 1; visibility: visible; }
} .team-card-items .team-content span { display: inline-block; color: var(--theme); text-transform: capitalize; margin-bottom: 5px;
} .team-card-items .team-content h3:hover a { color: var(--theme);
} .team-card-items:hover .team-image,
.team-card-items.active .team-image { transform: rotate(15deg); background-color: var(--theme);
} .team-card-items:hover .team-image .social-icon,
.team-card-items.active .team-image .social-icon { opacity: 1; visibility: visible; bottom: 40px;
} .team-card-items:hover .team-content,
.team-card-items.active .team-content { opacity: 1; visibility: visible;
} @media (max-width: 991px) { .team-card-items .team-image { transform: rotate(0) !important; }
} .team-box-items { margin-top: 30px; position: relative; overflow: hidden;
} .team-box-items .social-icon { position: absolute; right: -100px; top: 39%; transform: translateY(-50%); background-color: var(--header); padding: 30px 12px; gap: 10px; transition: all 0.4s ease-in-out; opacity: 0; visibility: 0; z-index: 9;
} .team-box-items .social-icon a { color: var(--white);
} .team-box-items .social-icon a:hover { color: var(--theme);
} .team-box-items .team-image { position: relative; max-width: 265px;
} @media (max-width: 991px) { .team-box-items .team-image { max-width: 500px; }
} @media (max-width: 575px) { .team-box-items .team-image { max-width: 700px; height: 400px; } .team-box-items .team-image img { object-fit: cover; }
} .team-box-items .team-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(0deg, rgba(18, 19, 21, 0.35) 0%, rgba(18, 19, 21, 0.35) 100%); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out;
} .team-box-items .team-image img { width: 100%; height: 100%;
} .team-box-items .team-content { background-color: var(--header); padding: 12px 30px; line-height: 1; position: relative; margin-top: -30px; transition: all 0.4s ease-in-out;
} .team-box-items .team-content::before { position: absolute; top: 50%; left: 0; content: ""; background-color: var(--theme); width: 4px; height: 33px; transform: translateY(-50%);
} .team-box-items .team-content .icon { position: absolute; top: 25px; right: 30px; color: var(--white); transition: all 0.4s ease-in-out;
} .team-box-items .team-content h5 { font-weight: 700; font-size: 20px; margin-bottom: 7px;
} .team-box-items .team-content h5 a { color: var(--white);
} .team-box-items .team-content p { text-transform: capitalize; color: var(--white); font-size: 15px;
} .team-box-items:hover .social-icon,
.team-box-items.active .social-icon { opacity: 1; visibility: visible; right: 0;
} .team-box-items:hover .team-image::before,
.team-box-items.active .team-image::before { opacity: 1; visibility: visible;
} .team-box-items:hover .team-content,
.team-box-items.active .team-content { background-color: var(--theme);
} .team-section { position: relative;
} .team-section .shape-1 { position: absolute; top: 0; left: 0;
} @media (max-width: 1199px) { .team-section .shape-1 { display: none; }
} .team-section .shape-2 { position: absolute; bottom: 0; right: 0;
} @media (max-width: 1199px) { .team-section .shape-2 { display: none; }
} .team-details-wrapper .team-details-items { display: flex; align-items: center; gap: 60px; border: 1px solid #E5E5E5; padding: 30px;
} @media (max-width: 991px) { .team-details-wrapper .team-details-items .details-image img { width: 100%; height: 100%; }
} @media (max-width: 991px) { .team-details-wrapper .team-details-items { flex-wrap: wrap; gap: 30px; }
} .team-details-wrapper .team-details-items .team-details-content .details-header { margin-bottom: 25px;
} .team-details-wrapper .team-details-items .team-details-content .details-header h3 { font-size: 38px;
} .team-details-wrapper .team-details-items .team-details-content .details-header span { font-weight: 400; text-transform: capitalize;
} .team-details-wrapper .team-details-items .team-details-content .cont { font-weight: 400; margin-bottom: 25px;
} .team-details-wrapper .team-details-items .team-details-content .team-details-info { position: relative;
} .team-details-wrapper .team-details-items .team-details-content .team-details-info:not(:last-child) { margin-bottom: 25px;
} .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-title { position: absolute; left: 0; top: 19px; font-size: 18px; font-weight: 700; color: var(--header); margin: 0;
} @media (max-width: 575px) { .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-title { position: static; }
} .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-data { font-weight: 400; margin-left: 200px; font-size: 16px; color: var(--text);
} @media (max-width: 575px) { .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-data { margin-left: 0; display: block; margin-top: 10px; }
} .team-details-wrapper .team-details-items .team-details-content .team-details-info a { color: var(--text);
} .team-details-wrapper .team-details-items .team-details-content .social-icon { margin-top: 30px; gap: 15px; position: relative; z-index: 9;
} @media (max-width: 575px) { .team-details-wrapper .team-details-items .team-details-content .social-icon { margin-top: 20px; }
} .team-details-wrapper .team-details-items .team-details-content .social-icon a { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; display: block; color: var(--theme); transition: all 0.4s ease-in-out; text-align: center; background-color: #F2F5FA; border-radius: 50%;
} .team-details-wrapper .team-details-items .team-details-content .social-icon a:hover { background-color: var(--theme); color: var(--white);
} .team-details-wrapper h3 { font-size: 38px;
} .team-details-wrapper .personal-skills-items { padding: 60px 0;
} .team-details-wrapper .personal-skills-items .skill-feature-items { margin-top: 20px;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature:not(:last-child) { margin-bottom: 20px;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .box-title { font-size: 18px; font-weight: 600;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-value { margin-bottom: 10px; color: var(--header); text-transform: capitalize;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress { position: relative; height: 15px; background-color: rgba(102, 102, 102, 0.5); border-radius: 0; overflow: visible; margin-top: 15px;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-bar { background-color: var(--theme); height: 15px; margin: 0; border-radius: inherit; overflow: visible; position: relative; margin-top: 0;
} .team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-value { position: absolute; top: -38px; right: -8px; font-size: 18px; font-weight: 600; color: var(--theme);
} .team-details-wrapper p { font-weight: 400;
} .team-details-wrapper .team-gallery-items .gallery-thumb { margin-top: 30px;
} .team-details-wrapper .team-gallery-items .gallery-thumb img { width: 100%; height: 100%;
} .testimonial-section { position: relative; z-index: 9;
} .testimonial-section .arrow-shape { position: absolute; top: 65px; left: 0;
} .testimonial-section .building-shape { position: absolute; bottom: 0; left: 0; z-index: -1;
} .testimonial-section .testimonial-image { position: absolute; right: 0; top: 0; bottom: 0;
} @media (max-width: 1600px) { .testimonial-section .testimonial-image { max-width: 600px; } .testimonial-section .testimonial-image img { object-fit: cover; }
} @media (max-width: 1399px) { .testimonial-section .testimonial-image { max-width: 500px; }
} @media (max-width: 1199px) { .testimonial-section .testimonial-image { position: static; margin-bottom: 40px; max-width: initial; }
} @media (max-width: 1199px) { .testimonial-section .testimonial-image { height: 700px; }
} @media (max-width: 991px) { .testimonial-section .testimonial-image { height: 600px; }
} @media (max-width: 767px) { .testimonial-section .testimonial-image { height: 500px; }
} @media (max-width: 575px) { .testimonial-section .testimonial-image { height: 400px; }
} .testimonial-section .testimonial-image img { width: 100%; height: 100%;
} .testimonial-wrapper .testimonial-content .section-title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 25px;
} .testimonial-wrapper .testimonial-content .testi-content h4 { color: var(--white); font-weight: 600; line-height: 175%; font-style: italic; margin-top: 15px;
} .testimonial-wrapper .testimonial-content .client-img-items { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 30px;
} @media (max-width: 991px) { .testimonial-wrapper .testimonial-content .client-img-items { justify-content: center; margin-top: 30px; }
} .testimonial-wrapper .testimonial-content .client-img-items .client-image-area { display: flex; align-items: center; gap: 20px;
} .testimonial-wrapper .testimonial-content .client-img-items .array-button { display: flex; align-items: center; gap: 15px;
} @media (max-width: 991px) { .testimonial-wrapper .testimonial-content .client-img-items .array-button { display: none; }
} .testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev,
.testimonial-wrapper .testimonial-content .client-img-items .array-button .array-next { background-color: transparent; box-shadow: none; border: none; width: initial; height: initial; border: none; border-radius: 0; font-size: 20px;
} .testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev { color: var(--white);
} .testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev:hover { color: var(--theme);
} .testimonial-wrapper .testimonial-content .client-img-items .array-button .array-next { color: var(--theme);
} .testimonial-card-items { margin-top: 30px; padding: 40px; border-top: 3px solid var(--theme); background: var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); position: relative; margin-bottom: 40px; margin-left: 5px; margin-right: 5px;
} @media (max-width: 575px) { .testimonial-card-items { padding: 30px; margin-left: 0; margin-right: 0; }
} .testimonial-card-items .client-info-items { display: flex; align-items: center; justify-content: space-between; margin-top: 30px;
} @media (max-width: 575px) { .testimonial-card-items .client-info-items { flex-wrap: wrap; gap: 20px; }
} .testimonial-card-items .client-info-items .client-info { display: flex; align-items: center; gap: 20px;
} .testimonial-card-items .client-info-items .client-info .content h4 { margin-bottom: 5px;
} .testimonial-card-items .client-info-items .client-info .content .star { color: var(--theme);
} .testimonial-card-items .shape-img { position: absolute; bottom: 0; left: 0;
} .testimonial-card-items.style-2 { border-top: none;
} .testimonial-section-2 { margin-bottom: -40px; position: relative; margin-top: -6em;
} .testimonial-section-2:hover .array-button { opacity: 1; visibility: visible;
} .testimonial-section-2 .array-button { transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;
} @media (max-width: 1899px) { .testimonial-section-2 .array-button { display: none; }
} .testimonial-section-2 .array-button .array-prev { border: 1px solid var(--theme); color: var(--theme); position: absolute; top: 58%; left: 10%; transform: translateY(-50%);
} .testimonial-section-2 .array-button .array-prev:hover { background-color: var(--theme); color: var(--white);
} .testimonial-section-2 .array-button .array-next { background-color: var(--theme); color: var(--white); border: 1px solid transparent; position: absolute; top: 58%; right: 10%; transform: translateY(-50%);
} .testimonial-section-2 .array-button .array-next:hover { background-color: var(--header);
} /*# sourceMappingURL=main.css.map */
.section-title span { font-size: 16px; font-weight: 700; font-family: "poppins", sans-serif; color: #fdc709; display: inline-block; margin-bottom: 20px; line-height: 1; text-transform: uppercase;
} .copper-top-row { margin-bottom: -50px;
} .opper-top-row .copper-top-img { width: 150%; height: 100%;
} /* table universal CSS */
table tr:first-child td { padding: 5px; background: rgb(8, 173, 224); text-align: center; border: 1px solid black; color: rgb(0, 0, 0); font-weight: 800;
} section.cta-banner-section.section-padding { margin-top: -82px; margin-bottom: -48px;
} .banefits-text,
.banefits-text-bold { font-weight: 800; color: black;
} .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 2em;
} h2.united-copper { font-size: 24px; line-height: 34px;
} .hilight-text { border-left: 4px solid var(--theme); padding: 40px; background-color: #F2F5FA;
} .hilight-text p { font-weight: 600; text-transform: capitalize; font-style: italic; line-height: 26px; color: var(--header);
} section.service-section.fix.section-padding.section-bg { margin-bottom: 40px;
} .brand-section.fix.section-padding { margin-top: -9em;
} /* copper-logo-bg-style */
.copper-logo-bg { background-color: white; width: 300px; height: 100px; border-radius: 5em; display: flex; justify-content: center; align-items: center;
} /* Desktop nav fix */
.header-right { display: flex; align-items: center; justify-content: space-between; width: 100%;
} .header-right .main-menu { margin-right: auto;
} .header-right .header-button,
.header-right .search-item { margin-left: 6rem;
} /* comparison style start */
.orange-bg { background-color: #01acdf; /* Orange background */ color: #fff;
} .compare-box { background: rgba(255, 255, 255, 0.1); padding: 25px; border-radius: 10px; transition: all 0.3s ease; height: 100%;
} .compare-box:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-5px);
} .diff-heading { font-size: 22px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; color: #ffffff;
} .compare { list-style-type: disc; padding-left: 20px; margin: 0;
} .compare li { margin-bottom: 8px; font-size: 16px; line-height: 1.6; color: #ffffff;
} .compare li a { margin-bottom: 8px; font-size: 16px; line-height: 1.6; color: #ffffff;
} /* comparison style end */
/* .wow {
color: red;
margin-top: 8px;
} */
.fa-arrow-right-long:before { padding-left: 8px;
} .fa-arrow-left-long:before { padding: 8px;
} p.justify { text-align: justify;
} .theme-btn {
/* display: inline-flex;*/ align-items: center; text-align: center; margin: 7px; font-size: 15px;
width: 200px; } .theme-btn i { font-size: 14px; } /* type style start */
.pricing-lists { display: flex; flex-wrap: wrap; gap: 18px;
} .pricing-list { flex: 1 1 30%; list-style: none; padding: 0;
} .pricing-list li { margin-bottom: 8px; font-size: 15px;
} .pricing-list i { color: #e67e22; margin-right: 8px;
} .pricing-card-items .pricing-list li { font-size: 11px; font-weight: 600; color: var(--header);
} /* type style end */
/* our product card style start */
.team-card-items { text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease;
} .team-card-items:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
} .team-image img { max-width: 100%; height: auto; border-radius: 12px;
} .team-card-items h3 { margin-top: 12px; font-size: 18px; font-weight: 600;
} .team-card-items a { text-decoration: none; color: #222;
} .team-card-items a:hover { color: #e67e22;
} /* our product card end*/
/* quality policy style start */
.team-details-section .container .team-details-wrapper .team-details-items .details-image img { margin-top: 3rem; height: 78vh;
} /* quality policy style end */
/* application-h3 */
.box .application-h3 { font-size: 16px;
} /* apprearence style start */
.gallery-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; text-align: center;
} .gallery-item { position: relative; overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;
} .gallery-item:hover { transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
} .gallery-item img { width: 100%; height: auto; display: block; border-bottom: 3px solid #08ade0;
} .gallery-item h2 { font-size: 1.1rem; margin: 12px 0; color: #333; font-weight: 600;
} @media (max-width: 768px) { .gallery-container { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; } .gallery-item h2 { font-size: 1rem; }
} /* apprearence style end */
/* ===== Manufacturing Process Styles ===== */
.manufacturing-process { background-color: #fff;
} .manufacturing-process h2 { font-family: 'Poppins', sans-serif; /* elegant copper tone */ letter-spacing: 1px;
} .process-box { background: #fafafa; border-radius: 15px; transition: all 0.4s ease; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
} .process-box:hover { background: #ffffff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12); transform: translateY(-5px); border: 2px solid #08ade0;
} .process-icon img { width: 80px; height: 80px; object-fit: cover; /* border-radius: 50%; */ transition: all 0.3s ease;
} .process-box:hover .process-icon img { transform: scale(1.05); border-color: #a05c2b;
} .process-box h5 { font-family: 'Poppins', sans-serif; font-weight: 600; color: #333; font-size: 10px; margin-top: 15px;
} /* ===== Responsive Styling ===== */
@media (max-width: 992px) { .process-box { padding: 2rem 1.2rem; } .process-icon img { width: 70px; height: 70px; }
} @media (max-width: 768px) { .manufacturing-process h2 { font-size: 1.6rem; } .process-box h5 { font-size: 1rem; }
} @media (max-width: 576px) { .process-box { padding: 1.5rem 1rem; } .process-icon img { width: 65px; height: 65px; }
} /* manufacturing process style end */
/* pacakging start */
.object-fit-cover { object-fit: cover;
} .text-copper { color: #c47a3c; /* copper tone */
} .details-list li { list-style: none; margin-bottom: 8px; font-weight: 500;
} .details-list i { margin-right: 8px;
} /* pacakging end */
/* whatsaap */
#container-floating { position: fixed; width: 70px; height: 70px; bottom: 30px; left: 30px; z-index: 50;
} .nd4 { left: 40px; bottom: 240px; animation-delay: 0.1s; animation: bounce-out-nds 0.1s linear; animation-fill-mode: forwards;
} .nds { width: 41px; height: 22px; border-radius: 50%; position: fixed; z-index: 300; transform: scale(0); cursor: pointer;
} .nd3 { left: 40px; bottom: 180px; animation-delay: 0.15s; animation: bounce-out-nds 0.15s linear; animation-fill-mode: forwards;
} .nd1 { left: 40px; bottom: 120px; animation-delay: 0.2s; animation: bounce-out-nds 0.3s linear; animation-fill-mode: forwards;
} #floating-button { width: 55px; height: 55px; border-radius: 50%; background: #D4AF37; position: fixed; bottom: 30px; left: 30px; cursor: pointer; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
} .plus { color: white; position: absolute; top: 0; display: block; bottom: 0; left: 0; right: 0; text-align: center; padding: 0; margin: 0; line-height: 55px; font-size: 38px; font-family: 'Roboto'; font-weight: 300; animation: plus-out 0.3s; transition: all 0.3s;
} .edit { position: absolute; top: 0; display: block; bottom: 0; left: 0; display: block; right: 0; padding: 0; opacity: 0; margin: auto; line-height: 65px; transform: rotateZ(-70deg); transition: all 0.3s; animation: edit-out 0.3s;
} /* whatsaap start */
#container-floating { position: fixed; width: 70px; bottom: 30px; left: 30px; z-index: 999;
} /* Individual Icons */
.nds { width: 55px; height: 55px; border-radius: 50%; position: fixed; left: 30px; z-index: 998; cursor: pointer; transform: scale(1); transition: all 0.3s ease;
} /* Icon Images */
.nds img.reminder { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; background: white; padding: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
} /* Positions (from bottom up) */
.nd1 { bottom: 100px;
} /* WhatsApp */
.nd3 { bottom: 165px;
} /* Phone */
.nd4 { bottom: 230px;
} /* Email */
/* Main Floating Button */
#floating-button { width: 55px; height: 55px; border-radius: 50%; background: #08ade0; position: fixed; bottom: 30px; left: 30px; z-index: 1000; display: flex; align-items: center; justify-content: center; color: white; font-size: 34px; font-weight: bold; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); cursor: pointer; transition: transform 0.3s ease;
} /* Rotate + when active (open) */
#floating-button.active { transform: rotate(45deg);
} /* Hide icons when closed */
#container-floating.closed .nds { transform: scale(0); opacity: 0; pointer-events: none;
} /* Show icons when open */
#container-floating.open .nds { transform: scale(1); opacity: 1; pointer-events: all;
} /* Responsive */
@media (max-width: 768px) { #container-floating { bottom: 20px; left: 20px; } .nds { width: 50px; height: 50px; } #floating-button { width: 50px; height: 50px; font-size: 30px; }
} /* whatsaap end */
/* map */
.factory-map iframe { width: 100%; height: 100%; min-height: 300px; border: none; border-radius: 10px;
} .contact-box-items { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 25px; transition: all 0.3s ease;
} .contact-box-items:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
} .contact-box-items .icon i { font-size: 50px; margin-bottom: 15px;
} @media (max-width: 768px) { .factory-map iframe { min-height: 250px; margin-top: 20px; }
} /* Ensure the contact section stays above the footer */
.contact-section-22 { position: relative; background: #fff; padding: 80px 0; margin-bottom: 0;
} /* Fix layout spacing before footer */
footer { position: relative; z-index: 5;
} /* Ensure form items are visible and spaced */
.contact-form-items { background: #fff; padding: 40px 30px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
} /* Responsive padding */
@media (max-width: 768px) { .contact-section-22 { padding: 60px 0; }
} footer { clear: both; margin-top: 40px;
} .icon i { font-size: 24px; color: #08ade0; /* copper shade */ display: inline-block;
} .content-address { width: 300px;
} .container .container-black-bg { background: #00000043; /* max-width: 50%; */ padding: 20px; border-radius: 20px;
} /* .footer-section .contact-info-items .content .email-a{ text-wrap: wrap;
} */
.hero-button .theme-btn .rigth-arow i { color: white;
} @media (max-width: 390px) { .container .container-black-bg { margin-top: 30px; }
} h2.slider-h2 { color: white; font-size: 44px; line-height: 55px;
} .content p { font-size: 14px;
} .copy { font-size: 14px;
} .theme-btn { transition: all 0.3s ease;
} .theme-btn22::before { content: ""; background-color: #79b710d1; width: 0; height: 50%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;
} .table-content { /* border: 2px solid #000; */ padding: 20px; border-radius: 6px; background-color: #f2f5fa; max-width: 852px;
} .table-content-title { background-color: #08ade0; color: #000; padding: 10px; border-radius: 4px; text-align: center; font-weight: 600;
} .content-ul { list-style-type: none; padding-left: 0; margin-top: 15px;
} .content-ul li { margin-bottom: 8px; border-bottom: 1px dashed #ccc; padding-bottom: 5px;
} .content-ul li a { color: #000; text-decoration: none; font-weight: 500; transition: color 0.3s ease;
} .content-ul li a:hover { color: #08ade0; text-decoration: underline;
} .process-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1rem;
} .card { border: 1px solid #ccc; border-radius: 10px; padding: 1rem; margin-top: 25px; background: #f8fafc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .card h4 { color: #004aad; margin-bottom: 0.5rem;
} .legend { background: #e9f3ff;
} .expertise-title { font-size: 28px; margin-top: 40px; font-weight: 700; margin-bottom: 40px; letter-spacing: 1px;
} /* Skills Container */
.expertise-skills { display: flex; flex-direction: column; gap: 25px;
} /* Individual Skill */
.expertise-skill { width: 100%;
} .expertise-skill .skill-name { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px;
} /* Progress Bar Container */
.expertise-progress { background: #f3e4dc; border-radius: 30px; overflow: hidden; height: 20px; position: relative;
} /* Progress Fill */
.expertise-bar { background: linear-gradient(90deg, #08ade0, #cce5ec); height: 100%; width: var(--target-width); border-radius: 30px; transition: width 2s ease; position: relative; z-index: 1; /* bar below text */
} /* Percentage Label */
.expertise-value { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 15px; font-weight: 600; color: #333; z-index: 2; /* text above bar */
} /* Responsive Design */
@media (max-width: 768px) { .expertise-section { padding: 30px 15px; } .expertise-title { font-size: 22px; } .expertise-skill .skill-name { font-size: 16px; } .expertise-value { font-size: 13px; }
} .service-content h3 { font-size: 16px;
} .brand-image.center { width: 100%; border: 1px solid #000; border-radius: 5px;
} .mt-20 { margin-top: 20px;
}
a.theme-btn.abt.wow.fadeInUp { display: flex; text-align: center; align-content: center;
/* align-items: center;*/
} .text-list li:not(:first-child)::before { content: "|"; padding: 0 8px;
}
.theme-btn-head { background-color: var(--theme); color: var(--white); display: inline-block; font-size: 16px; font-weight: 700; padding: 24px 20px; border-radius: 9px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: 1; line-height: 1;
} .theme-btn::before { content: ""; background-color: #08ade0; width: 0; height: 50%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;
} .theme-btn::after { content: ""; background-color: #fdc609; width: 0; height: 50%; position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1;
}
.brand-image.center.country {
    width: 122px;
}