/* Theme Name: SJS 1.0 Author: Muzi Author URI: https://www.behance.net/creativeeinstein Description: SJS-International Version: 1.0.0 */ /*CSS Table Of Content Ends Here*/ @import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); :root { --body: #fff; --black: #000; --white: #fff; --theme: #c89d54; --theme2: #5AE70E; --theme3: #004f51; --header: #000; --header2: #1E1E1E; --text: #1E1E1E; --text2: #888888; --border: #E2E2E2; --border2: #434343; --border3: rgba(0, 0, 0, 0.20); --bg: #F5F5F5; --bg2: #F3F3F3; --testi-bg: #222; --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); } .theme-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background-color: transparent; color: var(--header); font-size: 18px; font-weight: 500; padding: 18px 35px; transition: 0.5s ease-in-out; text-transform: uppercase; position: relative; z-index: 2; overflow: hidden; text-align: center; border-radius: 100px; line-height: 1; font-family: "Teko", sans-serif; border: 1px solid var(--header); min-width: 160px; } .theme-btn::after { content: ""; background-color: var(--theme); position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; clip-path: circle(0% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s; z-index: -1; } .theme-btn i { margin-left: 10px; } .theme-btn .icon-1 { position: absolute; top: 4px; left: 14px; transition: all 0.4s ease-in-out; } .theme-btn .icon-2 { position: absolute; bottom: 8px; right: 14px; transition: all 0.4s ease-in-out; } .theme-btn:hover { background-color: var(--theme); color: var(--header); border: 1px solid var(--theme); } .theme-btn:hover::after { clip-path: circle(100% at 50% 50%); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s; } .theme-btn.border-white { border: 1px solid var(--white); color: var(--white); } .theme-btn.border-white:hover { color: var(--header); border: 1px solid var(--theme) !important; } .theme-btn.border-white:hover .icon-1, .theme-btn.border-white:hover .icon-2 { filter: brightness(0); } .theme-btn.border-white .icon-1, .theme-btn.border-white .icon-2 { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .theme-btn.border-white .icon-1 img, .theme-btn.border-white .icon-2 img { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .theme-btn.border-white-2 { border: 1px solid var(--white); color: var(--white); } .theme-btn.border-white-2::after { content: ""; background-color: var(--theme2); } .theme-btn.border-white-2:hover { color: var(--header); border: 1px solid var(--theme2) !important; } .theme-btn.border-white-2:hover .icon-1, .theme-btn.border-white-2:hover .icon-2 { filter: brightness(0); } .theme-btn.border-white-2 .icon-1, .theme-btn.border-white-2 .icon-2 { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .theme-btn.border-white-2 .icon-1 img, .theme-btn.border-white-2 .icon-2 img { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .theme-btn.theme-color-2::after { background-color: var(--theme2); } .theme-btn.theme-color-2:hover { background-color: var(--theme2); } @media (max-width: 767px) { .theme-btn { padding: 20px 32px; } } @media (max-width: 575px) { .theme-btn { padding: 18px 30px; font-size: 14px; } } .link-btn { color: var(--header); font-size: 14px; font-weight: 500; text-transform: uppercase; display: inline-block; } .link-btn i { margin-left: 10px; } .link-btn:hover { color: var(--theme); } /* -------------------------------------------- Template Default Fonts & Fonts Styles ---------------------------------------------- */ body { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; 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(--text); outline: none; } input { color: var(--text); } h1, h2, h3, h4, h5, h6 { font-family: "Teko", sans-serif; margin: 0px; padding: 0; color: var(--header); text-transform: uppercase; transition: all 0.4s ease-in-out; } h1 { font-size: 200px; font-weight: 600; line-height: 80%; } h2 { font-size: 90px; line-height: 89%; font-weight: 500; } @media (max-width: 1199px) { h2 { font-size: 70px; line-height: 100%; } } @media (max-width: 767px) { h2 { font-size: 65px; line-height: 100%; } } @media (max-width: 575px) { h2 { font-size: 60px; } } h3 { font-size: 40px; font-weight: 400; } @media (max-width: 575px) { h3 { font-size: 34px; } } h4 { font-size: 24px; font-weight: 600; } h5 { font-size: 20px; font-weight: 800; } h6 { font-size: 16px; font-weight: 600; line-height: 145%; } a { text-decoration: none; outline: none !important; cursor: pointer; color: var(--header); 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 { border-radius: 60px; margin: 0 30px; } @media (max-width: 1399px) { .about-section { border-radius: 0; margin: 0; } } .about-wrapper .about-content { margin-top: 30px; } .about-wrapper .about-content ul .about-list { display: flex; gap: 20px; } .about-wrapper .about-content ul .about-list:not(:last-child) { margin-bottom: 40px; } .about-wrapper .about-content ul .about-list .icon { color: var(--white); font-size: 48px; } .about-wrapper .about-content ul .about-list .content { max-width: 310px; } .about-wrapper .about-content ul .about-list .content h3 { font-size: 30px; color: var(--white); } .about-wrapper .about-content ul .about-list .content p { font-weight: 600; color: #888888; text-transform: capitalize; } .about-wrapper .about-image-items { margin-top: 30px; } .about-wrapper .about-image-items .about-items .thumb { margin-bottom: 40px; } @media (max-width: 575px) { .about-wrapper .about-image-items .about-items .thumb { margin-bottom: 24px; } } .about-wrapper .about-image-items .about-items .thumb img { width: 100%; height: 100%; border-radius: 20px; } .about-wrapper .about-image-items .about-items p { color: var(--white); } .about-wrapper .about-image-items .about-thumb img { width: 100%; height: 100%; border-radius: 20px; } .about-wrapper-2 .about-content h6 { font-size: 20px; font-weight: 400; text-transform: uppercase; color: var(--theme2); line-height: 1; font-family: "Teko", sans-serif; display: inline-block; margin-bottom: 20px; } .about-wrapper-2 .about-content .about-list { margin-top: 35px; margin-bottom: 40px; } .about-wrapper-2 .about-content .about-list li { font-size: 18px; color: var(--black); } .about-wrapper-2 .about-content .about-list li:not(:last-child) { margin-bottom: 10px; } .about-wrapper-2 .about-content .about-list li i { margin-right: 10px; color: var(--theme2); } .about-wrapper-2 .about-content-2 .counter-items { margin-top: 50px; display: flex; align-items: center; gap: 32px; } @media (max-width: 767px) { .about-wrapper-2 .about-content-2 .counter-items { margin-top: 30px; } } @media (max-width: 1199px) { .about-wrapper-2 .about-content-2 .counter-items { flex-wrap: wrap; gap: 25px; } } .about-wrapper-2 .about-content-2 .counter-items .content h2 { font-size: 60px; color: var(--theme2); font-weight: 400; } .about-wrapper-2 .about-content-2 .counter-items .content p { font-size: 18px; color: var(--text2); } .about-wrapper-2 .about-video { height: 700px; line-height: 700px; margin-top: 60px; border-radius: 20px; position: relative; overflow: hidden; text-align: center; } .about-wrapper-2 .about-video .video-icon { width: 120px; height: 120px; line-height: 120px; background-color: var(--white); color: var(--header); display: inline-block; text-align: center; border-radius: 50%; font-size: 24px; } .about-wrapper-2.style-theme-color .about-content h6 { color: var(--theme); } .about-wrapper-2.style-theme-color .about-content .about-list li i { color: var(--theme); } .about-wrapper-2.style-theme-color .about-content-2 .counter-items .content h2 { color: var(--theme); } .mission-wrapper .mission-image-items { margin-top: 30px; border: 6px solid var(--white); padding: 30px 35px; border-radius: 20px; } .mission-wrapper .mission-image-items .mission-image { height: 768px; overflow: hidden; border-radius: 20px; } @media (max-width: 1199px) { .mission-wrapper .mission-image-items .mission-image { height: 750px; } } @media (max-width: 767px) { .mission-wrapper .mission-image-items .mission-image { height: 550px; padding: 30px; } } @media (max-width: 575px) { .mission-wrapper .mission-image-items .mission-image { height: 450px; padding: 20px; } } .mission-wrapper .mission-image-items .mission-image img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; } .mission-wrapper .mission-content { padding: 40px 30px 0; background-color: var(--white); border-radius: 20px; margin-top: 30px; } .mission-wrapper .mission-content .header-title { padding-bottom: 10px; } .mission-wrapper .mission-content .header-title h5 { font-weight: 400; margin-bottom: 10px; } .mission-wrapper .mission-content .header-title h3 { font-size: 50px; font-weight: 400; } .mission-wrapper .mission-content .list-items li { padding: 22px 0; border-top: 1px solid var(--border); } .mission-wrapper .mission-content .list-items li .content h4 { font-size: 30px; font-weight: 500; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--theme2); -webkit-text-fill-color: transparent; } .mission-wrapper .mission-content .list-items li .content h3 { font-size: 30px; font-weight: 500; } .mission-wrapper .mission-content .list-items li .content p { color: var(--text2); margin-top: 5px; } .tags-container > canvas { position: relative; } .tags-container { width: 100%; height: 400px; margin-top: 0vw; overflow: hidden; background: var(--theme2); transform: scale(1.001); } .about-wrapper-3 { border-bottom: 1px solid var(--border3); padding-bottom: 120px; } @media (max-width: 1199px) { .about-wrapper-3 { padding-bottom: 100px; } } @media (max-width: 991px) { .about-wrapper-3 { padding-bottom: 80px; } } .about-wrapper-3.dark-border-style { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .about-wrapper-3 .about-image-items { margin-left: -106.3%; position: relative; z-index: 9; } @media (max-width: 1899px) { .about-wrapper-3 .about-image-items { margin-left: -80%; } } @media (max-width: 1600px) { .about-wrapper-3 .about-image-items { margin-left: -50%; } } @media (max-width: 1399px) { .about-wrapper-3 .about-image-items { margin-left: 0; } } .about-wrapper-3 .about-image-items .about-image { position: relative; } .about-wrapper-3 .about-image-items .about-image img { width: 100%; height: 100%; border-radius: 40px; } .about-wrapper-3 .about-image-items .about-image .video-button { position: absolute; bottom: 20px; left: 20px; z-index: 9; width: 175px; height: 175px; line-height: 175px; text-align: center; border-radius: 50%; border: 1px solid var(--white); } .about-wrapper-3 .about-image-items .about-image .video-button .video-icon { width: 84px; height: 84px; line-height: 84px; background-color: var(--white); color: var(--header); border-radius: 50%; display: inline-block; position: relative; z-index: 9; } .about-wrapper-3 .about-image-items .about-image .video-button .text-cirle { animation: cir36 10s linear infinite; position: absolute; top: -3px; left: 13px; } .about-wrapper-3 .about-image-items .about-image .video-button .text-cirle img { width: initial; height: initial; } .about-wrapper-3 .about-content { margin-left: 20px; position: relative; z-index: 9; } @media (max-width: 1399px) { .about-wrapper-3 .about-content { margin-left: 0; } } .about-wrapper-3 .about-content h2 { color: var(--black); line-height: 1; } .about-wrapper-3 .about-content p { margin-top: 5px; } .about-wrapper-3 .about-content .list-items-area { display: flex; align-items: end; justify-content: space-between; } @media (max-width: 1199px) { .about-wrapper-3 .about-content .list-items-area { flex-wrap: wrap; gap: 30px; } } .about-wrapper-3 .about-content .list-items-area .list-items { margin-top: 30px; } .about-wrapper-3 .about-content .list-items-area .list-items li { font-size: 18px; font-weight: 500; color: var(--black); } .about-wrapper-3 .about-content .list-items-area .list-items li i { margin-right: 10px; } .about-wrapper-3 .about-content .list-items-area .list-items li:not(:last-child) { margin-bottom: 10px; } .about-wrapper-3 .about-content .list-items-area .arrow-icon { display: inline-block; width: 104px; height: 104px; line-height: 104px; text-align: center; border: 1px solid var(--border3); border-radius: 50%; } .about-wrapper-3 .about-content .list-items-area .arrow-icon img { filter: brightness(0); transition: all 0.4s ease-in-out; transform: rotate(-45deg); } .about-wrapper-3 .about-content .list-items-area .arrow-icon:hover { background-color: var(--theme3); } .about-wrapper-3 .about-content .list-items-area .arrow-icon:hover img { filter: initial; transform: rotate(0); } .about-wrapper-3 .about-content.dark-text-white p { color: var(--text2); } .about-wrapper-3 .about-content.dark-text-white .list-items-area .list-items li { color: var(--white); } .about-wrapper-3 .about-content.dark-text-white .list-items-area .arrow-icon { border: 1px solid var(--white); } .about-wrapper-3 .about-content.dark-text-white .list-items-area .arrow-icon img { filter: initial; } .about-wrapper-3 .about-content.dark-text-white .list-items-area .arrow-icon:hover { border: 1px solid var(--theme3); } .about-section-3 { position: relative; } .about-section-3 .right-overlay-shape { position: absolute; top: -60%; right: 0; } .about-wrapper-4 .about-thumb { margin-left: 20px; position: relative; } @media (max-width: 1199px) { .about-wrapper-4 .about-thumb { margin-left: 0; } } .about-wrapper-4 .about-thumb .thumb-shape1 { width: 335px; height: 481px; border-radius: 100px; background-color: var(--header2); position: absolute; left: 0; z-index: 1; } @media (max-width: 1199px) { .about-wrapper-4 .about-thumb .thumb-shape1 { display: none; } } @media (max-width: 767px) { .about-wrapper-4 .about-thumb .thumb-shape1 { left: 0; top: -60px; } } .about-wrapper-4 .about-thumb .thumb-shape2 { width: 335px; height: 481px; border-radius: 100px; background: #F1F1F1; position: absolute; left: 100px; z-index: 2; } @media (max-width: 1399px) { .about-wrapper-4 .about-thumb .thumb-shape2 { left: 50px; } } @media (max-width: 1199px) { .about-wrapper-4 .about-thumb .thumb-shape2 { display: none; } } @media (max-width: 767px) { .about-wrapper-4 .about-thumb .thumb-shape2 { left: 0; top: -30px; } } .about-wrapper-4 .about-thumb .thumb { position: relative; display: inline-block; margin-left: 200px; z-index: 5; } @media (max-width: 1399px) { .about-wrapper-4 .about-thumb .thumb { margin-left: 150px; } } @media (max-width: 1199px) { .about-wrapper-4 .about-thumb .thumb { margin-left: 0; display: block; } } @media (max-width: 991px) { .about-wrapper-4 .about-thumb .thumb { height: 600px; } } @media (max-width: 575px) { .about-wrapper-4 .about-thumb .thumb { height: 500px; } } .about-wrapper-4 .about-thumb .thumb img { border-radius: 100px; } @media (max-width: 1199px) { .about-wrapper-4 .about-thumb .thumb img { width: 100%; height: 100%; object-fit: cover; } } .about-wrapper-4 .about-content { margin-left: 60px; } @media (max-width: 991px) { .about-wrapper-4 .about-content { margin-left: 0; } } .about-wrapper-4 .about-content h2 { font-size: 90px; color: var(--header2); } @media (max-width: 1199px) { .about-wrapper-4 .about-content h2 { font-size: 80px; } } @media (max-width: 767px) { .about-wrapper-4 .about-content h2 { font-size: 70px; } } @media (max-width: 575px) { .about-wrapper-4 .about-content h2 { font-size: 50px; } } .about-wrapper-4 .about-content h3 { font-size: 50px; font-weight: 500; color: var(--header2); text-transform: lowercase; margin-top: 30px; } @media (max-width: 575px) { .about-wrapper-4 .about-content h3 { font-size: 40px; margin-top: 20px; } } .about-wrapper-4 .about-content .about-btn { padding-top: 40px; } .about-wrapper-4 .about-content .about-btn ul { display: flex; flex-wrap: wrap; gap: 10px; } .about-wrapper-4 .about-content .about-btn ul li a { padding: 9px 20px; color: var(--header2); text-align: center; font-family: "Teko", sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; display: inline-block; border-radius: 100px; border: 1px solid #1E1E1E; } @media (max-width: 1899px) { .about-wrapper-4 .about-content .about-btn ul li a { font-size: 20px; } } .about-wrapper-4 .about-content .about-btn ul li a:hover { background-color: var(--header2); color: var(--white); } @-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%); } } /*img-animation**********************/ .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-right { animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-right { 0% { transform: translateX(5%); clip-path: inset(0 0 0 100%); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-top { animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes img-anim-top { 0% { transform: translateY(-5%); clip-path: inset(0 0 100% 0); opacity: 0; } 100% { transform: translateY(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-bottom { animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes img-anim-bottom { 0% { transform: translateY(5%); clip-path: inset(100% 0 0 0); opacity: 0; } 100% { transform: translateY(0); clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes moving { 0% { transform: translatey(0px); } 20% { transform: translateX(-50px); } 50% { transform: translatey(-40px); } 100% { transform: translatey(0px); } } @keyframes translateX2 { 0% { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translatXY(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @keyframes translateY2 { 0% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } .tp-reveal-line { overflow: hidden; } .brand-wrapper h4 { text-align: center; margin-bottom: 60px; } .brand-wrapper h4 span { color: var(--theme); } .brand-wrapper .brand-image { text-align: center; transition: all 0.4s ease-in-out; } .brand-wrapper .brand-image:hover { filter: brightness(0); } .brand-wrapper.style-2 { background-color: var(--bg2); padding: 60px 0; } .brand-wrapper.style-2 h4 span { color: var(--theme2); } .brand-wrapper-2 .brand-text { font-size: 20px; font-weight: 500; color: var(--black); text-align: center; text-transform: capitalize; margin-bottom: 50px; padding-top: 60px; } .brand-wrapper-2 .gt-brand-img { border: 1px solid var(--border3); min-width: 329px; min-height: 135px; line-height: 125px; display: inline-block; text-align: center; border-radius: 100px; } .brand-wrapper-2.dark-border-style .gt-brand-img { border: 1px solid rgba(255, 255, 255, 0.2); filter: brightness(5); } .gt-slide-transtion { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .gt-brand-slide-element { width: auto; display: inline-block; } .brand-wrapper-4 { padding: 100px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .brand-wrapper-4 { padding: 70px 0; } } .brand-wrapper-4 .brand-text-4 { font-size: 200px; font-weight: 600; text-transform: uppercase; color: var(--header2); font-family: "Teko", sans-serif; line-height: 1; } @media (max-width: 767px) { .brand-wrapper-4 .brand-text-4 { font-size: 140px; } } @media (max-width: 575px) { .brand-wrapper-4 .brand-text-4 { font-size: 100px; } } .brand-wrapper-4 .swiper-wrapper { display: flex; align-items: center; } .brand-wrapper-4.style-2 { padding: 0; border: none; } .brand-wrapper-4.text-white-style .brand-text-4 { color: var(--white); } .contact-info-box { border-radius: 20px; background: #F8F8F8; padding: 30px; text-align: center; } .contact-info-box .icon { width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background-color: #1E1E1E; color: var(--white); text-align: center; margin: 0 auto; transition: all 0.4s ease-in-out; } .contact-info-box .icon img { transition: all 0.4s ease-in-out; } .contact-info-box .content { margin-top: 20px; } .contact-info-box .content h3 { font-size: 24px; font-weight: 500; } .contact-info-box .content p { opacity: 0.7; color: var(--text); } .contact-info-box .content p a { opacity: 0.7; color: var(--text); } .contact-info-box:hover .icon { background-color: var(--theme); } .contact-info-box:hover .icon img { filter: brightness(0); } .contact-wrapper .map-items .googpemap iframe { width: 100%; border-radius: 20px; height: 745px; } @media (max-width: 767px) { .contact-wrapper .map-items .googpemap iframe { height: 550px; } } @media (max-width: 575px) { .contact-wrapper .map-items .googpemap iframe { height: 450px; } } .contact-wrapper .contact-content { margin-left: 30px; border-radius: 20px; background: #F8F8F8; padding: 50px 30px; } @media (max-width: 1199px) { .contact-wrapper .contact-content { margin-left: 0; } } .contact-wrapper .contact-content h3 { font-size: 40px; font-weight: 500; margin-bottom: 30px; } .contact-wrapper .contact-content .form-clt span { color: var(--header); font-weight: 600; text-transform: capitalize; margin-bottom: 10px; display: inline-block; } .contact-wrapper .contact-content .form-clt input, .contact-wrapper .contact-content .form-clt textarea { border: none; color: rgba(30, 30, 30, 0.4); padding: 18px 20px; border-radius: 10px; width: 100%; outline: none; background-color: var(--white); } .contact-wrapper .contact-content .form-clt input::placeholder, .contact-wrapper .contact-content .form-clt textarea::placeholder { color: rgba(30, 30, 30, 0.4); } .contact-wrapper .contact-content .form-clt textarea { padding-bottom: 100px; } .cta-wrapper { border-radius: 25px; padding: 60px; text-align: center; } @media (max-width: 767px) { .cta-wrapper { padding: 50px 40px; } } @media (max-width: 575px) { .cta-wrapper { padding: 40px 30px; } } .cta-wrapper h2 { line-height: 111%; color: var(--white); margin-bottom: 40px; } @media (max-width: 991px) { .cta-wrapper h2 { font-size: 60px; } } @media (max-width: 575px) { .cta-wrapper h2 { font-size: 40px; margin-bottom: 30px; } } .cta-section { position: relative; z-index: 9; } .cta-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); z-index: -1; top: 40%; } .cta-section.dark-bg-style { background-color: #222222; } .cta-section.dark-bg-style::before { background-color: var(--black); } .cta-section.black-bg { background-color: transparent; } .cta-text { padding: 40px 0; border-bottom: 1px solid var(--border3); border-top: 1px solid var(--border3); position: relative; z-index: 9; } .cta-text .text { text-align: center; font-family: "Teko", sans-serif; font-size: 50px; font-style: normal; font-weight: 500; line-height: 60px; text-transform: uppercase; background: linear-gradient(91deg, #000 3.35%, #5AE70E 53.73%, #000 100.24%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767px) { .cta-text .text { font-size: 45px; line-height: 45px; } } @media (max-width: 575px) { .cta-text .text { font-size: 36px; } } .cta-text .text .textThumb { display: inline-block; border-radius: 22px; } .cta-text.style-2 .text { background: linear-gradient(91deg, #004f51 3.35%, #c89d54 53.73%, #004f51 100.24%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cta-text.dark-white-style { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .cta-text.dark-white-style .text { background: linear-gradient(91deg, #FFF 3.35%, #5AE70E 53.73%, #FFF 100.24%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cta-text.dark-white-style-2 { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .cta-text-area .sub-text { font-size: 16px; font-weight: 600; text-transform: uppercase; background: linear-gradient(90deg, #004f51 0%, #c89d54 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 20px; text-align: center; } .cta-counter-5 { background-color: var(--header2); } .cta-counter-wrapper-5 .cta-content .text-white { max-width: 620px; } .cta-counter-wrapper-5 .cta-content .counter-box-items { margin-top: 50px; display: flex; align-items: center; gap: 100px; } @media (max-width: 1199px) { .cta-counter-wrapper-5 .cta-content .counter-box-items { flex-wrap: wrap; gap: 30px; } } .cta-counter-wrapper-5 .cta-content .counter-box-items .counter-box h2 { font-size: 48px; font-weight: 700; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); -webkit-text-fill-color: transparent; opacity: 0.5; } .cta-counter-wrapper-5 .cta-content .counter-box-items .counter-box p { color: var(--white); margin-top: 10px; } .cta-counter-wrapper-5 .cta-content .theme-btn { border-radius: 0; border: 1px solid var(--white); color: var(--white); font-size: 18px; margin-top: 50px; } .cta-counter-wrapper-5 .cta-content .theme-btn .icon-1, .cta-counter-wrapper-5 .cta-content .theme-btn .icon-2 { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .cta-counter-wrapper-5 .cta-content .theme-btn .icon-1 img, .cta-counter-wrapper-5 .cta-content .theme-btn .icon-2 img { filter: grayscale(100%) brightness(300%); transition: all 0.4s ease-in-out; } .cta-counter-wrapper-5 .cta-content .theme-btn:hover { color: var(--header2); border: 1px solid var(--theme) !important; } .cta-counter-wrapper-5 .cta-content .theme-btn:hover .icon-1, .cta-counter-wrapper-5 .cta-content .theme-btn:hover .icon-2 { filter: brightness(0); } .cta-counter-wrapper-5 .cta-image-items .cta-video { position: relative; } .cta-counter-wrapper-5 .cta-image-items .cta-video img { width: 100%; height: 100%; border-radius: 200px; } .cta-counter-wrapper-5 .cta-image-items .cta-video .video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 74px; height: 74px; line-height: 74px; background-color: var(--white); color: var(--header2); font-size: 20px; text-align: center; border-radius: 50%; } .cta-counter-wrapper-5 .cta-image-items .cta-image { text-align: center; margin-top: 50px; position: relative; } .cta-counter-wrapper-5 .cta-image-items .cta-image .star-shape { position: absolute; bottom: 0; left: 0; } .cta-counter-wrapper-5 .cta-image-items .cta-image .star-shape-2 { position: absolute; top: 0; right: 0; } .cta-counter-wrapper-5 .cta-image-items .cta-image img { width: 100%; height: 100%; } .faq-wrapper .faq-image img { width: 100%; height: 100%; border-radius: 20px; } .faq-wrapper .faq-content { margin-left: 70px; } .faq-wrapper .faq-content h2 { color: var(--black); margin-bottom: 50px; } .faq-wrapper .faq-content .accordion-item { border: 0; background-color: var(--white); margin-bottom: 30px; border-radius: 10px; overflow: hidden; } .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-weight: 500; color: var(--header); letter-spacing: -0.2px; border: 0; border-radius: 0; box-shadow: none; background: #F8F8F8; padding: 25px 30px 0; text-transform: capitalize; font-size: 24px; border: 1px solid var(--border); border: 1px solid transparent; font-family: "Teko", sans-serif; } @media (max-width: 575px) { .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-size: 18px; } } .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button::after { content: "+"; font-family: "Font Awesome 6 Pro"; background: transparent; font-weight: 500; transition: all 0.3s ease-in-out !important; color: var(--header); } .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f068"; font-family: "Font Awesome 6 Pro"; background: transparent; font-weight: 500; color: var(--header); transform: rotate(0); } .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button.collapsed { background: #F8F8F8; padding: 25px 30px; color: var(--header); } .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-right: 20px; padding-left: 30px; padding-top: 15px; color: var(--text); background: #F8F8F8; } @media (max-width: 1399px) { .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-right: 50px; } } @media (max-width: 991px) { .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-right: 30px; } } .counter-wrapper-3 { padding-top: 115px; } @media (max-width: 1199px) { .counter-wrapper-3 { padding-top: 85px; } } @media (max-width: 991px) { .counter-wrapper-3 { padding-top: 65px; } } .counter-wrapper-3 .counter-box-items { border-radius: 15px; border: 1px solid #434343; background: #222; padding: 60px; } .counter-wrapper-3 .counter-box-items h2 { color: var(--white); } .counter-wrapper-3 .counter-box-items p { font-size: 18px; font-weight: 500; color: var(--white); text-transform: uppercase; } .choose-us-section { position: relative; } .choose-us-section .choose-us-image { position: absolute; top: 0; right: 0; } @media (max-width: 1199px) { .choose-us-section .choose-us-image { max-width: 500px; height: 400px; } } @media (max-width: 991px) { .choose-us-section .choose-us-image { display: none; } } .choose-us-section .choose-us-image img { border-radius: 0px 0px 40px 40px; border-bottom: 10px solid var(--white); border-left: 10px solid var(--white); } @media (max-width: 1199px) { .choose-us-section .choose-us-image img { width: 100%; height: 100%; object-fit: cover; } } .experiences-wrapper .experiences-box-item { margin-top: 30px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 30px; } .experiences-wrapper .experiences-box-item h3 { font-size: 24px; font-weight: 600; color: var(--header2); padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .experiences-wrapper .experiences-box-item .counter-box { margin-top: 25px; display: flex; align-items: center; justify-content: space-between; } .experiences-wrapper .experiences-box-item .counter-box h2 { font-size: 60px; color: var(--header2); font-weight: 400; } .experiences-wrapper .skill-list { margin-top: 30px; margin-left: 30px; } .experiences-wrapper .skill-list li { padding: 35px 0; font-size: 16px; font-weight: 500; color: var(--header2); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .experiences-wrapper .skill-list li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.2); } .experiences-wrapper .skill-list li .content h2 { font-size: 36px; color: var(--header2); font-weight: 600; margin-bottom: 5px; } .experiences-wrapper .skill-list li .content span { font-size: 16px; font-weight: 500; color: var(--header2); } .award-wrapper-5 { margin-bottom: 40px; } @media (max-width: 1399px) { .award-wrapper-5 { margin-bottom: 0; } } .award-wrapper-5 .award-items { margin-top: 30px; } .award-wrapper-5 .award-items ul li { border-bottom: 1px solid rgba(30, 30, 30, 0.2); padding: 30px 0; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .award-wrapper-5 .award-items ul li { flex-wrap: wrap; gap: 20px; } } .award-wrapper-5 .award-items ul li:first-child { border-top: 1px solid rgba(30, 30, 30, 0.2); } .award-wrapper-5 .award-items ul li .title-left { display: flex; align-items: center; gap: 20px; } .award-wrapper-5 .award-items ul li .title-left .circle-box { border-radius: 70px; border: 0.5px solid rgba(30, 30, 30, 0.7); border-radius: 70px; width: 47px; height: 47px; line-height: 47px; text-align: center; display: inline-block; font-size: 24px; font-weight: 400; font-family: "Teko", sans-serif; color: var(--header2); } .award-wrapper-5 .award-items ul li .title-left h3 { font-size: 24px; font-weight: 500; color: var(--header2); } .award-wrapper-5 .award-items ul li h2 { font-size: 36px; font-weight: 500; color: var(--header2); text-align: right; } .award-wrapper-5 .award-image { margin-top: 30px; margin-right: 40px; position: relative; } @media (max-width: 1199px) { .award-wrapper-5 .award-image { margin-right: 0; } } .award-wrapper-5 .award-image img { width: 100%; height: 100%; } .award-wrapper-5 .award-image .award-image-2 { position: absolute; bottom: -40px; right: -40px; transform: rotate(21.668deg); } @media (max-width: 1199px) { .award-wrapper-5 .award-image .award-image-2 { bottom: 0; right: 0; transform: rotate(0); } } .footer-wrapper .footer-wrapper-items { display: flex; justify-content: space-between; margin-top: -5px; margin-bottom: 60px; } @media (max-width: 767px) { .footer-wrapper .footer-wrapper-items { flex-wrap: wrap; gap: 20px; } } .footer-wrapper .footer-wrapper-items .footer-social-contact .contact-list li { font-size: 20px; font-weight: 500; text-transform: uppercase; font-family: "Teko", sans-serif; text-decoration: underline; color: var(--black); } .footer-wrapper .footer-wrapper-items .footer-social-contact .contact-list li:not(:last-child) { margin-bottom: 5px; } @media (max-width: 1199px) { .footer-wrapper .footer-wrapper-items .footer-social-contact .contact-list li br { display: block; } } .footer-wrapper .footer-wrapper-items .footer-social-contact .social-icon { gap: 12px; margin-top: 30px; } .footer-wrapper .footer-wrapper-items .footer-social-contact .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--text2); border: 1px solid var(--text2); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .footer-wrapper .footer-wrapper-items .footer-social-contact .social-icon a:hover { background-color: var(--black); color: var(--white); border: 1px solid var(--white); } .footer-wrapper .footer-wrapper-items .footer-author span { font-size: 20px; font-weight: 500; font-family: "Teko", sans-serif; color: var(--text2); text-transform: uppercase; margin-bottom: 10px; display: inline-block; } .footer-wrapper .footer-wrapper-items .footer-author h4 { font-size: 20px; font-weight: 500; text-decoration: underline; } .footer-wrapper .footer-wrapper-items p { font-size: 20px; font-weight: 500; color: var(--black); font-family: "Teko", sans-serif; text-transform: uppercase; text-align: right; } @media (max-width: 575px) { .footer-wrapper .footer-wrapper-items p { text-align: left; } } @media (max-width: 1199px) { .footer-wrapper .footer-wrapper-items p br { display: block; } } .footer-wrapper.style-2 { padding-top: 60px; padding-bottom: 0; } @media (max-width: 1899px) { .footer-wrapper .exolax-text img { width: 100%; height: 100%; } } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-social-contact .contact-list li { color: var(--white); } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-social-contact .contact-list li a { color: var(--white); } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-social-contact .social-icon a:hover { background-color: var(--white); color: var(--header); border: 1px solid var(--white); } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-author span { color: var(--text2); } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-author h4 { color: var(--white); } .footer-wrapper.dark-text-style .footer-wrapper-items .footer-author h4 a { color: var(--white); } .footer-wrapper.dark-text-style .footer-wrapper-items p { color: var(--white); } @media (max-width: 1899px) { .exolax-text img { width: 100%; height: 100%; } } .exolax-text.style-padding { margin-bottom: 50px; display: inline-block; } .footer-newsletter-items { padding: 120px 0 60px; position: relative; z-index: 9; } @media (max-width: 1199px) { .footer-newsletter-items { padding: 100px 0 60px; } } @media (max-width: 991px) { .footer-newsletter-items { padding: 80px 0 60px; } } .footer-newsletter-items .newsletter-content { display: flex; align-items: center; position: relative; z-index: 9; justify-content: space-between; } @media (max-width: 1199px) { .footer-newsletter-items .newsletter-content { gap: 40px; flex-wrap: wrap; } } .footer-newsletter-items .newsletter-content .news-cont { max-width: 750px; } .footer-newsletter-items .newsletter-content h2 { font-size: 100px; font-weight: 600; color: var(--white); letter-spacing: -3.4px; line-height: 1; } @media (max-width: 1899px) { .footer-newsletter-items .newsletter-content h2 { letter-spacing: initial; } } @media (max-width: 1399px) { .footer-newsletter-items .newsletter-content h2 { font-size: 160px; } } @media (max-width: 1199px) { .footer-newsletter-items .newsletter-content h2 { font-size: 150px; } } @media (max-width: 991px) { .footer-newsletter-items .newsletter-content h2 { font-size: 130px; } } @media (max-width: 767px) { .footer-newsletter-items .newsletter-content h2 { font-size: 100px; } } @media (max-width: 575px) { .footer-newsletter-items .newsletter-content h2 { font-size: 80px; } } .footer-newsletter-items .newsletter-content h2 span { font-weight: 400; } .footer-newsletter-items .newsletter-content p { font-size: 30px; max-width: 700px; color: rgba(255, 255, 255, 0.6); line-height: 145%; font-size: 18px; max-width: 550px; margin-top: 15px; } @media (max-width: 1399px) { .footer-newsletter-items .newsletter-content p { font-size: 28px; line-height: 150%; } } @media (max-width: 991px) { .footer-newsletter-items .newsletter-content p { font-size: 26px; } } @media (max-width: 767px) { .footer-newsletter-items .newsletter-content p { font-size: 24px; } } @media (max-width: 575px) { .footer-newsletter-items .newsletter-content p { font-size: 22px; } } .footer-newsletter-items .contact-btn { width: 180px; height: 180px; line-height: 180px; display: inline-block; background-color: var(--white); font-size: 24px; text-transform: uppercase; color: var(--header); text-align: center; font-weight: 500; border-radius: 50%; font-family: "Teko", sans-serif; } @media (max-width: 767px) { .footer-newsletter-items .contact-btn { width: 130px; height: 130px; line-height: 130px; font-size: 18px; } } .footer-newsletter-items .contact-btn img { display: block; text-align: center; } .footer-newsletter-items .contact-btn:hover { background-color: var(--theme3); color: var(--white); } .footer-newsletter-items .newsletter-items { margin-top: 60px; padding: 60px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; align-items: center; width: 100%; justify-content: space-between; } @media (max-width: 1199px) { .footer-newsletter-items .newsletter-items { flex-wrap: wrap; gap: 50px; } } .footer-newsletter-items .newsletter-items ul { display: flex; align-items: center; gap: 150px; border-right: 1px solid rgba(255, 255, 255, 0.2); padding-right: 330px; } @media (max-width: 1600px) { .footer-newsletter-items .newsletter-items ul { padding-right: 0; border: none; } } @media (max-width: 1199px) { .footer-newsletter-items .newsletter-items ul { flex-wrap: wrap; gap: 50px; padding-right: 0; border-right: none; } } .footer-newsletter-items .newsletter-items ul li { font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); } .footer-newsletter-items .newsletter-items ul li span { font-size: 30px; text-transform: uppercase; font-weight: 500; color: var(--white); font-family: "Teko", sans-serif; display: block; margin-bottom: 10px; } .footer-newsletter-items .newsletter-items ul li br { display: block !important; } .footer-newsletter-items .newsletter-items .footer-input { position: relative; max-width: 450px; width: 100%; } .footer-newsletter-items .newsletter-items .footer-input input { width: 100%; border: none; background: transparent; color: var(--white); font-size: 30px; text-transform: uppercase; font-family: "Teko", sans-serif; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 20px; } .footer-newsletter-items .newsletter-items .footer-input input::placeholder { color: var(--white); opacity: 0.5; } .footer-newsletter-items .newsletter-items .footer-input .newsletter-btn { position: absolute; bottom: 30px; right: 0; } .footer-section { position: relative; } .footer-section .footer-circle-shape { position: absolute; top: 0; right: 0; } @media (max-width: 1399px) { .footer-section .footer-circle-shape { display: none; } } .footer-widgets-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.2); } .footer-widgets-wrapper .main-footer-wrapper.style3 { padding: 120px 0 50px; text-align: center; } @media (max-width: 1199px) { .footer-widgets-wrapper .main-footer-wrapper.style3 { padding: 100px 0; } } @media (max-width: 991px) { .footer-widgets-wrapper .main-footer-wrapper.style3 { padding: 80px 0; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text { margin: 0 auto; font-family: "Teko", sans-serif; font-size: 75px; font-weight: 600; line-height: 134%; text-align: center; text-transform: uppercase; color: var(--header2); } @media (max-width: 1399px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text { font-size: 70px; } } @media (max-width: 767px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text { font-size: 60px; } } @media (max-width: 575px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text { font-size: 40px; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .stroke-text { text-align: center; font-family: "Teko", sans-serif; font-size: 90px; font-style: normal; font-weight: 500; line-height: 100px; text-transform: uppercase; -webkit-text-stroke: 1px var(--white); -webkit-text-fill-color: transparent; } @media (max-width: 1399px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .stroke-text { font-size: 70px; } } @media (max-width: 575px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .stroke-text { font-size: 40px; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .underline-text { text-decoration: underline; } .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .stroke-underlined { color: var(--white); text-align: center; font-family: "Teko", sans-serif; font-size: 90px; font-style: normal; font-weight: 500; line-height: 134%; -webkit-text-stroke: 1px var(--white); -webkit-text-fill-color: transparent; text-decoration-line: underline; text-transform: uppercase; } @media (max-width: 1399px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .footer-text .stroke-underlined { font-size: 70px; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap { display: flex; justify-content: center; margin-top: 50px; margin-bottom: 35px; } @media (max-width: 767px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap { flex-wrap: wrap; margin-top: 30px; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap .contact-btn { display: inline-flex; align-items: center; justify-content: center; gap: 80px; padding: 20px 90px; background-color: var(--header2); border-radius: 112px; -webkit-border-radius: 112px; -moz-border-radius: 112px; -ms-border-radius: 112px; -o-border-radius: 112px; } @media (max-width: 767px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap .contact-btn { display: block; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap .contact-btn h6 { font-family: "Teko", sans-serif; color: var(--white); font-size: 80px; font-weight: 500; line-height: 114.64px; text-align: center; } @media (max-width: 767px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap .contact-btn h6 { font-size: 40px; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .btn-wrap .profile-thumb { transform: rotate(30deg); } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 75px; } @media (max-width: 767px) { .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media { margin-top: 40px; justify-content: center; } } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media .social-media { display: flex; align-items: center; gap: 70px; } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media .social-media a { font-family: "Teko", sans-serif; font-size: 20px; font-weight: 500; line-height: 35px; letter-spacing: 4px; text-align: left; color: var(--header2); } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media .social-media a:hover { color: var(--theme); } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media .email a { font-family: "Teko", sans-serif; font-size: 20px; font-weight: 500; line-height: 35px; letter-spacing: 4px; text-align: left; color: var(--header2); } .footer-widgets-wrapper .main-footer-wrapper.style3 .contact-media .email a:hover { color: var(--theme); } .footer-widgets-wrapper .main-footer-wrapper .text { color: #757575; font-size: 18px; font-weight: 500; text-transform: capitalize; } .footer-widgets-wrapper .footer-bottom-wrapper.style3 { padding: 30px; border-top: 1px solid rgba(0, 0, 0, 0.2); } .footer-widgets-wrapper .footer-bottom-wrapper.style3 ul { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .footer-widgets-wrapper .footer-bottom-wrapper.style3 ul { flex-wrap: wrap; justify-content: center; gap: 30px; } } .footer-widgets-wrapper .footer-bottom-wrapper.style3 ul li { color: #757575; font-size: 16px; } .footer-section-5 { background: #232323; } .footer-widgets-wrapper-22 { padding: 100px 0 100px; } @media (max-width: 991px) { .footer-widgets-wrapper-22 { padding: 80px 0 80px; text-align: center; } } .footer-widgets-wrapper-22 .say-text { margin-bottom: 40px; } @media (max-width: 991px) { .footer-widgets-wrapper-22 .say-text img { width: 100%; height: 100%; } } .footer-widgets-wrapper-22 .footer-widgets-items { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .footer-widgets-wrapper-22 .footer-widgets-items { flex-wrap: wrap; gap: 30px; justify-content: center; } } .footer-widgets-wrapper-22 .footer-widgets-items h2 { color: var(--white); line-height: 111%; } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .footer-input { max-width: 560px; width: 100%; position: relative; } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .footer-input input { width: 100%; background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid var(--white); padding-bottom: 18px; text-transform: capitalize; color: var(--white); } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .footer-input input::placeholder { color: var(--white); } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .footer-input .newsletter-btn { position: absolute; bottom: 18px; right: 0; } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content p { color: rgba(255, 255, 255, 0.5); padding-top: 10px; } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .social-media { display: flex; align-items: center; gap: 70px; justify-content: end; margin-top: 90px; } @media (max-width: 767px) { .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .social-media { flex-wrap: wrap; gap: 30px; margin-top: 30px; justify-content: center !important; } } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .social-media a { font-family: "Teko", sans-serif; font-size: 20px; font-weight: 500; line-height: 35px; letter-spacing: 4px; text-align: left; color: var(--white); } .footer-widgets-wrapper-22 .footer-widgets-items .footer-content .social-media a:hover { color: var(--theme); } .footer-bottom-wrapper-5 { background: #1E1E1E; padding: 20px 0; } .footer-bottom-wrapper-5 ul { color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .footer-bottom-wrapper-5 ul { flex-wrap: wrap; gap: 20px; justify-content: center; } } @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: 50px; } @media (max-width: 1899px) { .header-main .main-menu ul li { margin-inline-end: 35px; } } @media (max-width: 1600px) { .header-main .main-menu ul li { margin-inline-end: 30px; } } @media (max-width: 1399px) { .header-main .main-menu ul li { margin-inline-end: 25px; } } .header-main .main-menu ul li:last-child { margin-inline-end: 0; } .header-main .main-menu ul li a { display: inline-block; font-size: 18px; font-weight: 500; color: var(--white); padding: 20px 0; text-align: left; position: relative; text-transform: uppercase; transition: all 0.4s ease-in-out; font-family: "Teko", sans-serif; } .header-main .main-menu ul li a .head-icon { margin-left: 0; margin-right: 5px; } .header-main .main-menu ul li a i { margin-left: 5px; } .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: 250px; background: var(--white); z-index: 99999; visibility: hidden; opacity: 0; transform-origin: top center; color: var(--header); box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08); transform: translateY(10px); transition: all 0.4s ease-in-out; padding: 30px 30px; } .header-main .main-menu ul li .submenu li { display: block; width: 100%; margin: 0; padding: 0; } .header-main .main-menu ul li .submenu li:not(:last-child) { padding-bottom: 15px; } .header-main .main-menu ul li .submenu li a { position: relative; z-index: 11; font-size: 18px; font-weight: 500; color: var(--header); padding: 0 0; padding-bottom: 0; padding-top: 0; text-transform: uppercase; font-family: "Teko", sans-serif; width: 100%; display: flex; align-items: center; justify-content: space-between; } .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: 113%; top: 0; visibility: hidden; opacity: 0; } .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme) !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: 800px; 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 { position: relative; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb { position: relative; } .header-main .main-menu ul li .has-homemenu .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 .homemenu-thumb .demo-button .theme-btn { padding: 14px 20px; color: var(--white) !important; width: initial; font-size: 18px; text-align: center; background-color: var(--black); line-height: initial; justify-content: center; border-radius: 100px; min-width: 150px !important; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb .demo-button .theme-btn::after, .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb .demo-button .theme-btn::before { display: none; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb .demo-button .theme-btn:hover { background-color: var(--white); color: var(--header) !important; } .header-main .main-menu ul li .has-homemenu .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 .homemenu-thumb:hover::before { visibility: visible; opacity: 1; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%); } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-thumb img { width: 100%; } .header-main .main-menu ul li .has-homemenu .homemenu .homemenu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 18px; font-weight: 600; font-family: "Poppins", sans-serif; } .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; } } @media (max-width: 1199px) { .header-main .header-right .header-button { display: none; } } .header-main .header-right .search-icon { color: var(--header); font-size: 18px; } .header-main .sidebar__toggle { cursor: pointer; } .header-main .sidebar__toggle .header-bar { position: relative; width: 31px; height: 18px; } .header-main .sidebar__toggle .header-bar span { position: absolute; width: 100%; height: 2px; display: inline-block; transition: all 0.3s; left: 0; background: var(--header); overflow: hidden; } .header-main .sidebar__toggle .header-bar span:first-child { top: 0; background: var(--header); left: 16px; width: 15px; } .header-main .sidebar__toggle .header-bar span:nth-child(2) { top: 44%; background: var(--header); width: 30px; } .header-main .sidebar__toggle .header-bar span:last-child { bottom: 0; background: var(--header); width: 15px; } .header-main .sidebar__toggle .header-bar.active span:first-child { transform: rotate(45deg) translate(3px, 9px); } .header-main .sidebar__toggle .header-bar.active span:nth-child(2) { opacity: 0; } .header-main .sidebar__toggle .header-bar.active span:last-child { transform: rotate(-45deg) translate(3px, -9px); } .header-main .sidebar__toggle .header-bar:hover { cursor: pointer; } .header-1 { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; } .header-1 .container-fluid { padding: 0 60px; } @media (max-width: 1600px) { .header-1 .container-fluid { padding: 0 50px; } } @media (max-width: 1399px) { .header-1 .container-fluid { padding: 0 40px; } } @media (max-width: 1199px) { .header-1 .container-fluid { padding: 0 30px; } } .header-1 .sidebar__toggle .header-bar span { background: var(--white); } .header-1 .sidebar__toggle .header-bar span:first-child { background: var(--white); } .header-1 .sidebar__toggle .header-bar span:nth-child(2) { background: var(--white); } .header-1 .sidebar__toggle .header-bar span:last-child { background: var(--white); } .header-1.header-2 .sidebar__toggle .theme-btn { padding: 16px 20px; background-color: var(--white); min-width: 90px; } .header-1.header-2 .sidebar__toggle .theme-btn::before, .header-1.header-2 .sidebar__toggle .theme-btn::after { background-color: var(--theme2); } .header-1.header-2 .sidebar__toggle .theme-btn .icon-1 { position: absolute; top: 0px; left: 14px; transition: all 0.4s ease-in-out; } .header-1.header-2 p { text-transform: uppercase; font-size: 20px; color: #888888; width: 100%; text-align: center; font-family: "Teko", sans-serif; } @media (max-width: 1199px) { .header-1.header-2 p { display: none; } } .header-1.header-2 p a { color: #888888; } .header-1.header-3 .header-main .main-menu ul li a { color: var(--white); } .header-1.header-3 .header-main .main-menu ul li a:hover { color: var(--theme3) !important; } .header-1.header-3 .header-main .main-menu ul li .submenu { color: var(--header); } .header-1.header-3 .header-main .main-menu ul li .submenu li a { color: var(--header); } .header-1.header-3 .header-main .main-menu ul li .submenu li a:hover { color: var(--white) !important; } .header-1.header-3 .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme3) !important; } .header-1.header-3 .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme3); } .header-1.header-4 .header-main .main-menu ul li a { color: var(--header2); } .header-1.header-4 .header-main .main-menu ul li a:hover { color: var(--theme) !important; } .header-1.header-4 .header-main .main-menu ul li .submenu { color: var(--header2); } .header-1.header-4 .header-main .main-menu ul li .submenu li a { color: var(--header2); } .header-1.header-4 .header-main .main-menu ul li .submenu li a:hover { color: var(--white) !important; } .header-1.header-4 .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme) !important; } .header-1.header-4 .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme); } .header-1.header-4 .container-fluid { padding: 0 90px; } @media (max-width: 1199px) { .header-1.header-4 .container-fluid { padding: 0 30px; padding-right: 30px; } } .header-1.header-4 .header-right { gap: 80px; } .header-1.header-4 .header-right .theme-btn { border-radius: 0; border: 1px solid var(--header2); color: var(--header2); font-size: 18px; min-width: 190px; background-color: transparent; } .header-1.header-4 .header-right .theme-btn:hover { border: 1px solid var(--theme); } .header-1.white-text-white .header-right .theme-btn { border: 1px solid var(--header2); color: var(--white); } .header-1.white-text-white .header-right .theme-btn:hover { border: 1px solid var(--theme); color: var(--header2); } .header-1.white-text-white .header-main .main-menu ul li a { color: var(--white); } .header-1.white-text-white .header-main .main-menu ul li a:hover { color: var(--theme) !important; } .header-1.white-text-white .header-main .main-menu ul li .submenu { color: var(--white); } .header-1.white-text-white .header-main .main-menu ul li .submenu li a { color: var(--white); } .header-1.white-text-white .header-main .main-menu ul li .submenu li a:hover { color: var(--white) !important; } .header-1.white-text-white .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme) !important; } .header-1.white-text-white .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme); } .sticky { position: fixed !important; top: 0 !important; left: 0; width: 100%; z-index: 999; transition: all 0.9s; background-color: var(--white); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: var(--box-shadow); } .sticky.header-1 .logo { filter: brightness(0); } .sticky.header-1 .header-main .main-menu ul li a { color: var(--header); } .sticky.header-1 .header-main .main-menu ul li a:hover { color: var(--theme) !important; } .sticky.header-1 .header-button .theme-btn { background-color: var(--black); color: var(--white); } .sticky.header-1 .sidebar__toggle { cursor: pointer; } .sticky.header-1 .sidebar__toggle .header-bar span { background: var(--header); } .sticky.header-1 .sidebar__toggle .header-bar span:first-child { background: var(--header); } .sticky.header-1 .sidebar__toggle .header-bar span:nth-child(2) { background: var(--header); } .sticky.header-1 .sidebar__toggle .header-bar span:last-child { background: var(--header); } .sticky.header-2 .sidebar__toggle .theme-btn { background-color: var(--black); color: var(--white); } .sticky.header-2 .sidebar__toggle .theme-btn::before, .sticky.header-2 .sidebar__toggle .theme-btn::after { background-color: var(--theme2); } .sticky.header-2 .sidebar__toggle .theme-btn .icon-1 { filter: brightness(100); } .sticky.header-2 .sidebar__toggle .theme-btn .icon-2 { filter: brightness(100); } .sticky.header-2 .sidebar__toggle .theme-btn:hover { color: var(--header); } .sticky.header-2 .sidebar__toggle .theme-btn:hover .icon-1 { filter: brightness(0); } .sticky.header-2 .sidebar__toggle .theme-btn:hover .icon-2 { filter: brightness(0); } .sticky.header-3 .header-main .main-menu ul li a { color: var(--header); } .sticky.header-3 .header-main .main-menu ul li a:hover { color: var(--theme3) !important; } .sticky.header-4 .header-right .theme-btn { border: 1px solid var(--header2) !important; color: var(--header2) !important; background-color: transparent !important; } .sticky.header-4 .header-right .theme-btn:hover { border: 1px solid var(--theme); } .sticky.header-4 .demo-button .theme-btn { background-color: var(--header2) !important; color: var(--white) !important; border: none !important; } .sticky.header-4 .demo-button .theme-btn:hover { background-color: var(--white) !important; color: var(--header) !important; } .sticky.white-text-white .header-right .theme-btn { border: 1px solid var(--header2); color: var(--white); } .sticky.white-text-white .header-right .theme-btn:hover { border: 1px solid var(--theme); color: var(--header2); } .sticky.white-text-white .header-main .main-menu ul li a { color: var(--header2); } .sticky.white-text-white .header-main .main-menu ul li a:hover { color: var(--theme) !important; } .sticky.white-text-white .header-main .main-menu ul li .submenu { color: var(--white); } .sticky.white-text-white .header-main .main-menu ul li .submenu li a { color: var(--header2); } .sticky.white-text-white .header-main .main-menu ul li .submenu li a:hover { color: var(--white) !important; } .sticky.white-text-white .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme) !important; } .sticky.white-text-white .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme); } .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.style-2 { width: 600px; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; } @media (max-width: 767px) { .offcanvas__info.style-2 { width: 500px; } } @media (max-width: 575px) { .offcanvas__info.style-2 { width: 400px; } } .offcanvas__info.style-2 .offcanvas__content .offcanvas__close { position: relative; z-index: 9; width: initial; height: initial; line-height: initial; border-radius: initial; background-color: transparent; } .offcanvas__info.style-2 .offcanvas__content .offcanvas__close .close-btn { display: inline-block; color: var(--white); font-weight: 500; text-align: center; padding: 10px 20px 8px; background-color: var(--black); position: relative; z-index: 9; font-family: "Teko", sans-serif; font-size: 16px; text-transform: uppercase; line-height: 1; transition: all 0.4s ease-in-out; border-radius: 30px; } .offcanvas__info.style-2 .offcanvas__content .offcanvas__close .close-btn:hover { color: var(--header); background-color: var(--theme); } .offcanvas__info.style-2 .offcanvas__content .offcanvas__close i { color: var(--white); } .offcanvas__info.style-2 .social-text { display: flex; align-items: center; border: 1px solid var(--border); position: relative; z-index: 9; width: 100%; } @media (max-width: 575px) { .offcanvas__info.style-2 .social-text { flex-wrap: wrap; gap: 20px; } } .offcanvas__info.style-2 .social-text li { padding: 18px 30px; text-align: center; width: 100%; font-family: "Teko", sans-serif; text-transform: uppercase; border-radius: 4px; } @media (max-width: 575px) { .offcanvas__info.style-2 .social-text li { padding-bottom: 0; } } .offcanvas__info.style-2 .social-text li:not(:last-child) { border-right: 1px solid var(--border); } .offcanvas__info.style-2 .social-text li a { font-size: 24px; color: var(--header); font-family: "Teko", sans-serif; position: relative; border-radius: 4px; } .offcanvas__info.style-2 .social-text li a:hover::before { width: 100%; height: 100%; visibility: visible; opacity: 1; } .offcanvas__info.style-2::-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-title { font-size: 32px; margin-bottom: 15px; } .offcanvas__wrapper .offcanvas__content p { color: var(--header); } .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(--black); } .offcanvas__wrapper .offcanvas__content .social-icon { margin-top: 30px; gap: 10px; margin-bottom: 30px; } .offcanvas__wrapper .offcanvas__content .social-icon a { width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--header); -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 .social-icon a:hover { background-color: var(--theme); color: var(--white); border: 1px solid var(--theme); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact { margin-top: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 { font-size: 32px; margin-bottom: 15px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li { font-size: 16px; color: var(--header); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) { margin-bottom: 15px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span { font-weight: 600; color: var(--header); font-size: 18px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li a { font-size: 16px; color: var(--header); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact span { text-transform: initial; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button { display: flex; align-items: center; } .offcanvas__wrapper .offcanvas__content .offcanvas-button { margin-top: 300px; display: flex; align-items: center; gap: 20px; } @media (max-width: 1399px) { .offcanvas__wrapper .offcanvas__content .offcanvas-button { margin-top: 30px; } } .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: 350px; } } @media (max-width: 575px) { .offcanvas__wrapper { padding: 20px; } } .breadcrumb-wrapper { position: relative; overflow: hidden; z-index: 9; } .breadcrumb-wrapper::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } .breadcrumb-wrapper .page-heading { position: relative; padding: 170px 0 170px; z-index: 9; text-align: center; } @media (max-width: 767px) { .breadcrumb-wrapper .page-heading { flex-wrap: wrap; justify-content: center; gap: 50px; padding: 140px 0; } } .breadcrumb-wrapper .page-heading h1 { color: var(--white); font-size: 64px; position: relative; z-index: 9; font-weight: 700; } @media (max-width: 575px) { .breadcrumb-wrapper .page-heading h1 { font-size: 44px; } } .breadcrumb-wrapper .page-heading .breadcrumb-items { display: inline-flex; justify-content: 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(--white); text-transform: uppercase; font-weight: 400; font-size: 16px; } .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 a i { color: var(--theme); margin-right: 5px; } .breadcrumb-wrapper .page-heading .breadcrumb-items li i { color: var(--white); } .error-content { text-align: center; } .error-content h2 { font-size: 300px; font-weight: 400; line-height: 1; color: var(--theme); } .error-content h3 { font-size: 90px; font-weight: 500; color: var(--black); line-height: 1; } @media (max-width: 575px) { .error-content h3 { font-size: 60px; } } .error-content p { max-width: 360px; margin: 0 auto 50px; } ::-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: 110px; height: 110px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 255, 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 { margin-top: 50px; text-align: center; } .swiper-dot .swiper-pagination-bullet { width: 10px; height: 10px; transition: 0.6s; background: #222222; opacity: 1; border-radius: 50px; } .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 10px; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { transition: 0.6s; position: relative; background-color: #fff; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before { display: none; } .swiper-dot.dark-dot-style .swiper-pagination-bullet { background: #000; } .swiper-dot.dark-dot-style .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .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; } .nice-select { background-color: transparent; width: unset; outline: none; border-bottom: 2px solid var(--border) !important; padding-bottom: 20px !important; border: none; border-radius: 0; padding: 0; } .nice-select:hover { border-bottom: 2px solid transparent; border-color: var(--theme); border-bottom: 2px solid transparent; border-image-slice: 2; } .nice-select span { font-size: 16px; color: var(--text); text-transform: capitalize; } .nice-select .current { margin-right: 12px; } .nice-select.open .list { background: var(--bg); margin-top: 16px; width: 100%; text-transform: capitalize; color: var(--text); } .nice-select .option.selected.focus { background: var(--bg); outline: none; color: var(--text); text-transform: capitalize; font-weight: 400; font-size: 16px; border: none; } .nice-select .option { border: none; } .nice-select .option:hover { background: transparent; } .custom-container { max-width: 1680px; } .page-nav-wrap ul li { display: inline-block; } .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 var(--border3); color: var(--header); border-radius: 50%; text-align: center; } .page-nav-wrap ul li .page-numbers.current { background-color: var(--theme); color: var(--white); } @media (max-width: 767px) { .page-nav-wrap ul li .page-numbers { margin-top: 10px; width: 50px; height: 50px; line-height: 50px; font-size: 14px; } } .page-nav-wrap ul li .page-numbers i { margin-top: 2px; } .page-nav-wrap ul li .page-numbers:hover { background-color: var(--theme); border: 1px solid transparent; } .sticky-style { position: sticky !important; top: 100px; } .gx-40 { --bs-gutter-x: 40px; } .gy-40 { --bs-gutter-y: 40px; } .custom-container { max-width: 1755px; margin: 0 auto; } .margin-left-20 { margin-left: -20px; } @media (max-width: 1199px) { .margin-left-20 { margin-left: 0; } } .margin-right-20 { margin-right: -20px; } @media (max-width: 1199px) { .margin-right-20 { margin-right: 0; } } .margin-top-40 { margin-top: -40px; } .custom-container-2 { max-width: 1890px; margin: 0 auto; } .brand-container { max-width: 1660px; margin: 0 auto; } .theme-bg-2 { background-color: var(--theme2); } .margin-top-10 { margin-top: -10px; } .mt-30 { margin-top: 30px; } .max-600 { max-width: 600px; } .testi-bg { background-color: #1E1E1E; } .gsap__parallax { overflow: hidden; } .p-relative { position: relative; } .full-img, .full-img2, .full-img3 { position: absolute; top: 0; left: 0; width: 100%; height: 130%; background-position: top; background-repeat: no-repeat; object-fit: cover; } .border-dark-top { border-top: 1px solid rgba(255, 255, 255, 0.2) !important; } .border-dark-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .border-dark-style { border: 1px solid rgba(255, 255, 255, 0.2) !important; } .hero-1 { padding: 300px 0 160px; position: relative; z-index: 1; } @media (max-width: 1199px) { .hero-1 { padding: 180px 0; } } @media (max-width: 767px) { .hero-1 { padding: 150px 0; } } @media (max-width: 575px) { .hero-1 { padding: 130px 0; } } .hero-1::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.4); z-index: -1; } .hero-1 .container-fluid { padding: 0 60px; } @media (max-width: 1600px) { .hero-1 .container-fluid { padding: 0 50px; } } @media (max-width: 1399px) { .hero-1 .container-fluid { padding: 0 40px; } } @media (max-width: 1199px) { .hero-1 .container-fluid { padding: 0 30px; } } .hero-1 .hero-content .text-1 { color: #7D8082; text-transform: uppercase; } .hero-1 .hero-content .text-2 { color: var(--white); text-transform: uppercase; font-size: 20px; } .hero-1 .hero-content h1 { margin-top: 20px; color: var(--white); } @media (max-width: 1399px) { .hero-1 .hero-content h1 { font-size: 170px; } } @media (max-width: 1199px) { .hero-1 .hero-content h1 { font-size: 160px; } } @media (max-width: 991px) { .hero-1 .hero-content h1 { font-size: 130px; line-height: 90%; } } @media (max-width: 767px) { .hero-1 .hero-content h1 { font-size: 100px; } } @media (max-width: 575px) { .hero-1 .hero-content h1 { font-size: 70px; line-height: 100%; } } .hero-1 .hero-content h1 span { color: var(--theme); } .hero-1 .hero-content h1 strong { font-weight: 600; color: var(--theme); } @media (max-width: 1399px) { .hero-1 .hero-content h1 br { display: none; } } @media (max-width: 1199px) { .hero-1 .hero-content h1 br { display: block; } } @media (max-width: 575px) { .hero-1 .hero-content h1 br { display: none; } } .hero-1 .icon-text { display: flex; align-items: center; gap: 10px; position: absolute; left: 60%; top: 59%; transform: translate(-50%, -50%); } @media (max-width: 1199px) { .hero-1 .icon-text { position: static; transform: initial; margin-top: 30px; } } .hero-1 .icon-text .icon { width: 104px; height: 104px; line-height: 104px; display: inline-block; border-radius: 104px; border: 1px solid #3F3F3F; text-align: center; } .hero-1 .icon-text .icon img { transition: all 0.4s ease-in-out; } .hero-1 .icon-text .icon:hover { background-color: var(--white); } .hero-1 .icon-text .icon:hover img { filter: brightness(0); } .hero-1 .icon-text p { text-transform: uppercase; font-weight: 500; color: #888; font-size: 20px; font-family: "Teko", sans-serif; } .hero-1 .hero-list { position: absolute; right: 80px; top: 33%; } @media (max-width: 1399px) { .hero-1 .hero-list { position: static; margin-left: 40px; margin-top: 40px; } } .hero-1 .hero-list li { font-size: 16px; color: var(--text2); font-weight: 400; text-transform: uppercase; position: relative; padding-left: 20px; } .hero-1 .hero-list li::before { position: absolute; top: 10px; left: 0; content: ""; width: 8px; height: 8px; border-radius: 8px; background-color: var(--text2); } .hero-1 .hero-list li:not(:last-child) { margin-bottom: 10px; } .hero-1 .client-info h4 { color: var(--white); font-size: 24px; font-weight: 400; text-transform: uppercase; } .hero-1 .client-info h4 span { color: var(--text2); } .hero-1 .client-info { border-radius: 276.5px; border: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(103deg, rgba(255, 255, 255, 0.1) 9.75%, rgba(255, 255, 255, 0) 62.39%); display: flex; align-items: center; gap: 10px; padding: 30px 40px; position: absolute; right: 60px; bottom: 160px; } @media (max-width: 1399px) { .hero-1 .client-info { position: static; max-width: 400px; margin-top: 40px; margin-left: 40px; } } .hero-2 { background-color: var(--black); padding-top: 180px; } @media (max-width: 1399px) { .hero-2 { padding-bottom: 80px; } } @media (max-width: 991px) { .hero-2 { padding-bottom: 0; } } .hero-2 .hero-marquee span { font-size: 14px; text-transform: uppercase; color: var(--white); font-weight: 500; } .hero-2 .hero-marquee span img { margin-left: 20px; } .hero-2 .exolax-text { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 30px; margin-bottom: 80px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 30px; margin-top: 20px; } .hero-2 .exolax-text img { width: 100%; height: 100%; } .hero-2 .hero-content { display: flex; align-items: center; gap: 80px; } @media (max-width: 1399px) { .hero-2 .hero-content { gap: 30px; flex-wrap: wrap; } } .hero-2 .hero-content h1 { font-size: 90px; color: var(--white); font-weight: 500; max-width: 540px; } @media (max-width: 767px) { .hero-2 .hero-content h1 { font-size: 60px; line-height: 100%; } } @media (max-width: 575px) { .hero-2 .hero-content h1 { font-size: 60px; } } .hero-2 .hero-content h1 span { font-weight: 300; } .hero-2 .hero-content .icon-text { display: flex; align-items: center; gap: 25px; } .hero-2 .hero-content .icon-text .icon { width: 104px; height: 104px; line-height: 104px; display: inline-block; border-radius: 104px; border: 1px solid #3F3F3F; text-align: center; } .hero-2 .hero-content .icon-text .icon img { transition: all 0.4s ease-in-out; } .hero-2 .hero-content .icon-text .icon:hover { background-color: var(--white); } .hero-2 .hero-content .icon-text .icon:hover img { filter: brightness(0); } .hero-2 .hero-content .icon-text p { text-transform: uppercase; font-weight: 500; color: var(--white); font-size: 24px; font-family: "Teko", sans-serif; } .hero-2 .hero-image img { width: 100%; height: 100%; } .hero-3 { padding: 190px 0 0; position: relative; overflow: hidden; } .hero-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(91deg, #004f51 3.35%, #c89d54 53.73%, #004f51 100.24%); opacity: 0.5; } .hero-3 .hero-content { position: relative; z-index: 9; } .hero-3 .hero-content h6 { font-size: 24px; font-weight: 400; letter-spacing: 4.8px; text-transform: uppercase; color: var(--white); text-align: center; margin-bottom: 40px; } .hero-3 .hero-content h1 { font-size: 170px; font-weight: 600; color: var(--white); line-height: 90%; text-align: center; } @media (max-width: 1399px) { .hero-3 .hero-content h1 { font-size: 150px; } } @media (max-width: 1199px) { .hero-3 .hero-content h1 { font-size: 130px; } } @media (max-width: 991px) { .hero-3 .hero-content h1 { font-size: 100px; } } @media (max-width: 767px) { .hero-3 .hero-content h1 { font-size: 85px; } } @media (max-width: 575px) { .hero-3 .hero-content h1 { font-size: 55px; } } .hero-3 .hero-content h1 span { font-weight: 400; } .hero-3 .hero-content p { max-width: 495px; color: var(--white); margin-top: 20px; } @media (max-width: 767px) { .hero-3 .hero-content p { text-align: center; } } .hero-3 .hero-content .icon { width: 104px; height: 104px; line-height: 104px; display: inline-block; border-radius: 104px; border: 1px solid var(--white); text-align: center; position: absolute; left: 80%; transform: translateX(-50%); bottom: -15%; } @media (max-width: 767px) { .hero-3 .hero-content .icon { position: static; transform: initial; margin: 0 auto; text-align: center; display: block; margin-top: 40px; } } .hero-3 .hero-content .icon img { transition: all 0.4s ease-in-out; } .hero-3 .hero-content .icon:hover { background-color: var(--white); } .hero-3 .hero-content .icon:hover img { filter: brightness(0); } .hero-3 .client-info-items { position: relative; z-index: 9; display: flex; align-items: end; justify-content: space-between; margin-top: 120px; padding: 40px; } @media (max-width: 767px) { .hero-3 .client-info-items { flex-wrap: wrap; gap: 30px; padding: 30px; } } .hero-3 .client-info-items .client-info { display: flex; align-items: center; gap: 20px; } .hero-3 .client-info-items .client-info img { width: 120px; } .hero-3 .client-info-items .client-info h3 { font-size: 24px; font-weight: 400; color: var(--white); } .hero-3 .client-info-items ul { display: flex; align-items: center; gap: 30px; } .hero-3 .client-info-items ul li { font-size: 14px; font-weight: 500; text-transform: uppercase; } .hero-3 .client-info-items ul li a { color: var(--white); text-decoration: underline; } .hero-4 { padding: 120px 0 0; } .hero-4 .container-fluid { padding: 0 90px; padding-right: 0; } @media (max-width: 1199px) { .hero-4 .container-fluid { padding: 0 30px; padding-right: 30px; } } .hero-4 .hero-content h1 { font-size: 110px; font-weight: 500; color: var(--header2); line-height: 91%; } @media (max-width: 1399px) { .hero-4 .hero-content h1 { font-size: 90px; margin-bottom: 60px; } .hero-4 .hero-content h1 br { display: none; } } @media (max-width: 991px) { .hero-4 .hero-content h1 { font-size: 80px; margin-bottom: 50px; line-height: 100%; } } @media (max-width: 767px) { .hero-4 .hero-content h1 { font-size: 70px; margin-bottom: 40px; } } @media (max-width: 575px) { .hero-4 .hero-content h1 { font-size: 50px; margin-bottom: 30px; } } .hero-4 .hero-content .shape-image { margin-top: 20px; margin-bottom: 50px; } @media (max-width: 1399px) { .hero-4 .hero-content .shape-image { display: none; } } .hero-4 .hero-content.text-style h1 { color: var(--white); } .hero-4 .hero-content.text-style .hero-brand { filter: brightness(100%); } .hero-4 .hero-image { max-width: 980px; position: relative; } .hero-4 .hero-image img { width: 100%; height: 100%; } .hero-4 .hero-image .video-button { position: absolute; top: 50%; left: -90px; transform: translateY(-50%); z-index: 9; width: 154px; height: 154px; line-height: 154px; text-align: center; border-radius: 50%; border: 1px solid var(--header2); } @media (max-width: 1199px) { .hero-4 .hero-image .video-button { left: 50%; transform: translate(-50%, -50%); } } .hero-4 .hero-image .video-button .video-icon { width: 84px; height: 84px; line-height: 84px; background-color: transparent; color: var(--header2); border-radius: 50%; display: inline-block; position: relative; z-index: 9; } .hero-4 .hero-image .video-button .text-cirle { animation: cir36 10s linear infinite; position: absolute; top: -3px; left: 13px; } .hero-4 .hero-image .video-button .text-cirle img { width: initial; height: initial; } .hero-4 .hero-image .social-text { position: absolute; bottom: 30px; right: 30px; display: flex; align-items: center; gap: 20px; } .hero-4 .hero-image .social-text a { color: var(--header2); font-size: 16px; font-weight: 500; text-transform: uppercase; font-weight: 500; font-family: "Teko", sans-serif; } .hero-4 .hero-image .social-text a:hover { color: var(--theme); } .hero-5 { padding: 130px 0 0; } .hero-5 .container-fluid { padding: 0 120px; } @media (max-width: 1899px) { .hero-5 .container-fluid { padding: 0 60px; } } @media (max-width: 1600px) { .hero-5 .container-fluid { padding: 0 50px; } } @media (max-width: 1399px) { .hero-5 .container-fluid { padding: 0 40px; } } @media (max-width: 1199px) { .hero-5 .container-fluid { padding: 0 30px; } } .hero-5 .hero-content h1 { font-size: 200px; font-weight: 700; text-transform: uppercase; color: var(--header2); line-height: 86%; } @media (max-width: 1899px) { .hero-5 .hero-content h1 { font-size: 150px; } } @media (max-width: 1600px) { .hero-5 .hero-content h1 { font-size: 150px; line-height: 120%; } .hero-5 .hero-content h1 span, .hero-5 .hero-content h1 br { display: none !important; } } @media (max-width: 1399px) { .hero-5 .hero-content h1 { font-size: 120px; } } @media (max-width: 1199px) { .hero-5 .hero-content h1 { font-size: 100px; } } @media (max-width: 991px) { .hero-5 .hero-content h1 { font-size: 80px; } } @media (max-width: 767px) { .hero-5 .hero-content h1 { font-size: 60px; text-align: center; } } @media (max-width: 575px) { .hero-5 .hero-content h1 { font-size: 52px; } } @media (max-width: 470px) { .hero-5 .hero-content h1 { font-size: 44px; } } .hero-5 .hero-content h1 span { margin-top: -15px; display: inline-block; } .hero-5 .hero-content h1 span img { margin-top: -35px; } .hero-5 .hero-image { text-align: right; margin-right: 170px; margin-top: -140px; } @media (max-width: 1600px) { .hero-5 .hero-image { margin-right: 70px; } } @media (max-width: 1399px) { .hero-5 .hero-image { margin-top: 0; margin-right: 0; } .hero-5 .hero-image img { width: 100%; height: 100%; } } .hero-5 .hero-image img { border-radius: 20px 20px 0px 0px; } .scrolling-wrap { overflow: hidden; white-space: nowrap; display: flex; gap: 20px; margin: 0 30px; } .scrolling-wrap .comm { display: flex; align-items: center; animation: scroll 20s linear infinite; gap: 70px; cursor: pointer; } .scrolling-wrap .comm .cmn-textslide { font-size: 100px; font-weight: 500; line-height: 83px; text-transform: uppercase; color: var(--black); font-family: "Teko", sans-serif; display: flex; align-items: center; font-family: "Teko", sans-serif; gap: 8px; } @media (max-width: 767px) { .scrolling-wrap .comm .cmn-textslide { font-size: 70px; } } .scrolling-wrap .comm .icon { width: 58px; height: 58px; line-height: 58px; border-radius: 50%; background-color: var(--theme2); box-shadow: 0px 4px 40px rgba(90, 231, 14, 0.4); } .scrolling-wrap:hover .comm { animation-play-state: paused; } @media (max-width: 1399px) { .scrolling-wrap .comm { gap: 20px; } } @media (max-width: 991px) { .scrolling-wrap { gap: 14px; } .scrolling-wrap .comm { gap: 14px; } } @media (max-width: 575px) { .scrolling-wrap .comm { gap: 12px; } } .mycustom-marque { border-radius: 93.5px; border: 1px solid rgba(0, 0, 0, 0.2); background: var(--white); box-shadow: 10px 10px 10px 10px rgba(30, 30, 30, 0.1); padding: 60px 0; } @media (max-width: 767px) { .mycustom-marque { padding: 30px 0; } } .mycustom-marque.dark-bg-style { border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.07); box-shadow: 10px 10px 10px 10px rgba(30, 30, 30, 0.1) inset; } .mycustom-marque.dark-bg-style .cmn-textslide { color: var(--white); } .mycustom-marque.style-3 { max-width: 415px; border: 1px solid var(--border); padding: initial; box-shadow: none; border-radius: 4px; } @media (max-width: 767px) { .mycustom-marque.style-3 { max-width: 330px; } } @media (max-width: 575px) { .mycustom-marque.style-3 { max-width: 255px; } } .mycustom-marque.style-3 .scrolling-wrap { gap: 20px; margin-top: 0; margin-bottom: 0; } .mycustom-marque.style-3 .scrolling-wrap .comm { animation: scroll 30s linear infinite; gap: 20px; cursor: pointer; font-size: 16px; text-transform: uppercase; } .mycustom-marque.style-3 .scrolling-wrap .comm img { opacity: 0.3; } .mycustom-marque.style-3 .scrolling-wrap:hover .comm { animation-play-state: paused; } @media (max-width: 1399px) { .mycustom-marque.style-3 .scrolling-wrap .comm { gap: 20px; } } @media (max-width: 991px) { .mycustom-marque.style-3 .scrolling-wrap { gap: 14px; } .mycustom-marque.style-3 .scrolling-wrap .comm { gap: 14px; } } @media (max-width: 575px) { .mycustom-marque.style-3 .scrolling-wrap .comm { gap: 12px; } } .marquee-section h4 { font-size: 20px; font-weight: 500; line-height: 1; margin-bottom: 50px; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes scrolly { 0% { transform: translateY(0); } 100% { transform: translateY(-60%); } } @keyframes scrolls { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .marquee-wrapper { padding-bottom: 160px; } .marquee-wrapper .marquee-inner { position: absolute; display: inline-flex; width: 200%; } .marquee-wrapper.style-padding { padding-bottom: 135px; } .marquee-wrapper .marquee-list { float: left; width: 50%; } .marquee-wrapper .marquee-list .marquee-item { float: left; transition: animation 0.2s ease-out; } .marquee-wrapper .marquee-item { display: flex; align-items: center; gap: 20px; } .marquee-wrapper .marquee-inner.to-left { animation: marqueeLeft 25s linear infinite; } @keyframes marqueeLeft { 0% { left: 0; } 100% { left: -100%; } } .marquee-wrapper .marquee-inner.to-right { animation: marqueeRight 25s linear infinite; } @keyframes marqueeRight { 0% { right: 0; } 100% { right: -100%; } } .marque-wrapper-3 .marque-text-items { background-color: #c89d54; } .marque-wrapper-3 .marque-text-items .text { font-size: 90px; font-weight: 500; text-transform: uppercase; font-family: "Teko", sans-serif; color: var(--black); line-height: 1; padding: 20px 0 5px; display: inline-block; } .marque-wrapper-3 .marque-text-items.style-2 { background-color: #004f51; } .marque-wrapper-3 .marque-text-items.style-2 .text { color: var(--white) !important; } .text-marquee-5 { font-size: 100px; font-weight: 700; text-transform: uppercase; color: var(--header); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--header2); -webkit-text-fill-color: transparent; line-height: 1; } .text-marquee-section.text-white-style .text-marquee-5 { color: var(--white); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); } .marquee-wrapper-4 { border: 1px solid #1E1E1E; background: var(--white); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1); transform: rotate(1.847deg); padding: 20px 0; position: relative; z-index: 9; } @media (max-width: 1199px) { .marquee-wrapper-4 { transform: initial; } } .marquee-wrapper-4 .marquee-text-4 { font-size: 30px; font-weight: 700; text-transform: uppercase; font-family: "Teko", sans-serif; display: flex; align-items: center; gap: 20px; } .marquee-wrapper-4.style-2 { transform: rotate(-3.111deg); background: #1E1E1E; margin-top: -90px; z-index: 0; position: relative; } @media (max-width: 1199px) { .marquee-wrapper-4.style-2 { transform: initial; margin-top: 0; } } .marquee-wrapper-4.style-2 .marquee-text-4 { color: var(--white); filter: grayscale(100%) brightness(300%); } .marquee-wrapper-4.style-2 .marquee-text-4 img { filter: grayscale(100%) brightness(300%); } .marquee-section-14 { margin: 40px 0; } @media (max-width: 1199px) { .marquee-section-14 { margin: 0; } } .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: 18px; line-height: 1.5; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid var(--border) !important; border: none; } @media (max-width: 575px) { .mean-container .mean-nav ul li a { font-size: 16px; } } .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(--theme); } .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; } .mobile-menus .mean-nav { background: none; margin-top: 0; margin-top: 100px; margin-bottom: 100px; } .mobile-menus .mean-nav ul li a { font-size: 26px; padding: 16px 0; } .news-box-items { margin-top: 30px; } .news-box-items .thumb { border-radius: 15px; overflow: hidden; } .news-box-items .thumb img { width: 100%; height: 100%; border-radius: 15px; transition: all 0.4s ease-in-out; } .news-box-items .content { margin-top: 25px; } .news-box-items .content h4 { font-size: 28px; } .news-box-items .content h4 a:hover { color: var(--theme); } .news-box-items .content .cat-list { display: flex; align-items: center; gap: 40px; margin-bottom: 10px; } .news-box-items .content .cat-list li { font-size: 16px; font-weight: 500; text-transform: uppercase; } .news-box-items .content .cat-list li span { font-weight: 400; text-transform: initial; } .news-box-items.dark-text-style .content .cat-list li { color: var(--white); } .news-box-items.dark-text-style .content .cat-list li a { color: var(--white); } .news-box-items.dark-text-style .content h4 a { color: var(--white); } .news-box-items.dark-text-style .content h4 a:hover { color: var(--theme); } .news-box-items:hover .thumb img { transform: scale(1.1); } .news-box-items-2 { margin-top: 30px; } .news-box-items-2 .thumb { position: relative; overflow: hidden; border-radius: 10px; } .news-box-items-2 .thumb img { width: 100%; height: 100%; border-radius: 10px; transition: all 0.4s ease-in-out; } .news-box-items-2 .thumb .post-cat { position: absolute; bottom: 40px; left: 40px; padding: 10px 18px 6px; background-color: var(--white); color: var(--theme2); border-radius: 100px; text-transform: uppercase; font-weight: 500; font-family: "Teko", sans-serif; line-height: 1; font-size: 16px; } .news-box-items-2 .content { margin-top: 15px; } .news-box-items-2 .content p { margin-bottom: 8px; } .news-box-items-2 .content h3 { font-size: 24px; font-weight: 600; } .news-box-items-2 .content h3 a:hover { color: var(--theme2); } .news-box-items-2.dark-text-white .content p { color: var(--white); } .news-box-items-2.dark-text-white .content h3 a { color: var(--white); } .news-box-items-2.dark-text-white .content h3 a:hover { color: var(--theme2); } .news-box-items-2:hover .thumb img { transform: scale(1.1); } .news-image-3 { position: relative; margin-top: 30px; } @media (max-width: 1199px) { .news-image-3 { height: 600px; } } @media (max-width: 767px) { .news-image-3 { height: 500px; } } .news-image-3 img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; } .news-image-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.59%, #000 180.34%); border-radius: 40px; } .news-image-3 .news-content { position: absolute; bottom: 40px; left: 40px; right: 40px; } @media (max-width: 1399px) { .news-image-3 .news-content { left: 30px; right: 30px; bottom: 30px; } } .news-image-3 .news-content h3 { line-height: 100%; font-weight: 400; } .news-image-3 .news-content h3 a { color: var(--white); } .news-image-3 .news-content h3 a:hover { color: var(--theme3); } .news-image-3 .news-content h4 { font-size: 24px; font-weight: 600; } .news-image-3 .news-content h4 a { color: var(--white); } .news-image-3 .news-content h4 a:hover { color: var(--theme3); } .news-image-3 .list-box { margin-bottom: 20px; display: flex; align-items: center; gap: 30px; } @media (max-width: 1399px) { .news-image-3 .list-box { flex-wrap: wrap; gap: 20px; } } .news-image-3 .list-box li { background-color: var(--white); padding: 10px 14px; border-radius: 100px; display: inline-block; line-height: 1; text-transform: uppercase; color: var(--black); } .news-image-3 .list-box li a { color: var(--black); } .news-standard-items { margin-bottom: 50px; } .news-standard-items .thumb img { width: 100%; height: 100%; border-radius: 15px; } .news-standard-items .content { margin-top: 30px; } .news-standard-items .content .cat-list { display: flex; align-items: center; gap: 40px; margin-bottom: 10px; } .news-standard-items .content .cat-list li { font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--text); } .news-standard-items .content .cat-list li a { color: var(--text); } .news-standard-items .content .cat-list li span { font-weight: 400; text-transform: initial; } .news-standard-items .content h3 { font-size: 60px; font-weight: 500; margin-bottom: 25px; } .news-standard-items .content h3 a:hover { color: var(--theme); } .main-sidebar .single-sidebar-widget { padding: 40px 30px; background-color: var(--bg); margin-bottom: 30px; border-radius: 18px; } .main-sidebar .single-sidebar-widget .wid-title { margin-bottom: 25px; } .main-sidebar .single-sidebar-widget .wid-title h4 { font-weight: 600; font-size: 24px; color: var(--black); } .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); border-radius: 8px; } .main-sidebar .single-sidebar-widget .search-widget form button { position: absolute; right: 0; top: 0; width: 70px; font-size: 16px; height: 100%; background-color: var(--theme); color: var(--white); text-align: center; transition: all 0.3s ease-in-out; border-radius: 0px 8px 8px 0px; } .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: 400; transition: all 0.4s ease-in-out; border-radius: 0; font-size: 18px; line-height: 1; border-radius: 8px; } .main-sidebar .single-sidebar-widget .news-widget-categories ul li a { color: var(--black); } .main-sidebar .single-sidebar-widget .news-widget-categories ul li span { transition: all 0.4s ease-in-out; color: var(--black); } .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(--black); } .main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span { color: var(--black); } .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(--black); } .main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span { color: var(--black); } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items { display: flex; align-items: center; gap: 16px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) { margin-bottom: 24px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-thumb img { border-radius: 10px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul { margin-top: 8px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i { color: var(--theme); margin-right: 8px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 { font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: "Poppins", sans-serif; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a { color: var(--black); } .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: transparent; margin-right: 5px; text-transform: capitalize; margin-bottom: 10px; border-radius: 30px; transition: all 0.4s ease-in-out; color: var(--black); border: 1px solid var(--black); } .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(--header); border: 1px solid var(--theme); } .news-details-wrapper .news-post-details .single-news-post .post-featured-thumb img { width: 100%; height: 100%; border-radius: 15px; } .news-details-wrapper .news-post-details .single-news-post .post-content { margin-top: 30px; } .news-details-wrapper .news-post-details .single-news-post .post-content .cat-list { display: flex; align-items: center; gap: 40px; margin-bottom: 10px; } .news-details-wrapper .news-post-details .single-news-post .post-content .cat-list li { font-size: 16px; font-weight: 500; text-transform: uppercase; } .news-details-wrapper .news-post-details .single-news-post .post-content .cat-list li span { font-weight: 400; text-transform: initial; } .news-details-wrapper .news-post-details .single-news-post .post-content h3 { margin-bottom: 20px; font-size: 60px; font-weight: 500; } @media (max-width: 575px) { .news-details-wrapper .news-post-details .single-news-post .post-content h3 { font-size: 24px; } } .news-details-wrapper .news-post-details .single-news-post .post-content h3 a { color: var(--black); } .news-details-wrapper .news-post-details .single-news-post .post-content h3 a:hover { color: var(--theme); } .news-details-wrapper .news-post-details .single-news-post .post-content p { font-weight: 400; color: #666666; } .news-details-wrapper .news-post-details .single-news-post .post-content .hilight-text { padding: 40px; border-radius: 10px; background-color: var(--theme); display: flex; gap: 25px; } .news-details-wrapper .news-post-details .single-news-post .post-content .hilight-text p { font-weight: 400; text-transform: capitalize; font-style: italic; line-height: 26px; color: var(--header); font-size: 18px; max-width: 770px; line-height: 167%; } .news-details-wrapper .news-post-details .single-news-post .post-content .hilight-text svg { float: right; } .news-details-wrapper .news-post-details .single-news-post .post-content .details-image img { width: 100%; height: 100%; border-radius: 18px; } .news-details-wrapper .news-post-details .tag-share-wrap { border-top: 1px solid #F2F5FA; border-bottom: 1px solid #F2F5FA; padding: 30px 0; } .news-details-wrapper .news-post-details .tag-share-wrap .tagcloud span { display: inline-block; font-weight: 600; color: var(--header); margin-right: 15px; } .news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a { display: inline-block; line-height: 1; background: transparent; margin-right: 12px; 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) { .news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a { margin-bottom: 5px; } } .news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a:hover { color: var(--theme); } .news-details-wrapper .news-post-details .tag-share-wrap .social-share span { font-size: 16px; color: var(--header); font-weight: 600; } .news-details-wrapper .news-post-details .tag-share-wrap .social-share a { font-size: 16px; color: var(--black); } .news-details-wrapper .news-post-details .tag-share-wrap .social-share a:not(:last-child) { margin-right: 10px; } .news-details-wrapper .news-post-details .tag-share-wrap .social-share a:hover { color: var(--theme); } .news-details-wrapper .news-post-details .comments-area { margin-top: 40px; } .news-details-wrapper .news-post-details .comments-area .comments-heading { margin-bottom: 30px; } @media (max-width: 575px) { .news-details-wrapper .news-post-details .comments-area .comments-heading { margin-bottom: 20px; } } .news-details-wrapper .news-post-details .comments-area .comments-heading h3 { font-size: 28px; font-weight: 600; color: var(--black); } @media (max-width: 575px) { .news-details-wrapper .news-post-details .comments-area .comments-heading h3 { font-size: 22px; } } .news-details-wrapper .news-post-details .comments-area .blog-single-comment { border-bottom: 1px solid var(--border); } @media (max-width: 575px) { .news-details-wrapper .news-post-details .comments-area .blog-single-comment { flex-wrap: wrap; gap: 20px; } } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .image img { border-radius: 10px; } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .head { margin-bottom: 10px; } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .head .con h5 { margin-bottom: 5px; font-size: 24px; font-weight: 600; color: var(--black); } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .reply { padding: 6px 16px; font-weight: 400; border-radius: 50px; background-color: var(--theme); color: var(--header); transition: all 0.4s ease-in-out; } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .reply:hover { background-color: var(--header); color: var(--white); } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .reply.color-2 { background-color: var(--header); } .news-details-wrapper .news-post-details .comments-area .blog-single-comment .content .reply.color-2:hover { background-color: var(--theme); } .news-details-wrapper .news-post-details .comment-form-wrap h3 { font-size: 28px; font-weight: 600; } @media (max-width: 575px) { .news-details-wrapper .news-post-details .comment-form-wrap h3 { margin-bottom: 20px; } } .news-details-wrapper .news-post-details .comment-form-wrap p { font-size: 16px; margin-bottom: 30px; color: #666666; } .news-details-wrapper .news-post-details .comment-form-wrap .form-clt span { color: var(--header); display: inline-block; margin-bottom: 10px; } .news-details-wrapper .news-post-details .comment-form-wrap .form-clt input, .news-details-wrapper .news-post-details .comment-form-wrap .form-clt textarea { width: 100%; outline: none; border: none; background-color: #F9F9F9; border: 1px solid rgba(254, 254, 254, 0.3); padding: 16px 20px; font-weight: 400; color: var(--black); } .news-details-wrapper .news-post-details .comment-form-wrap .form-clt input::placeholder, .news-details-wrapper .news-post-details .comment-form-wrap .form-clt textarea::placeholder { color: var(--black); } .news-details-wrapper .news-post-details .comment-form-wrap .form-clt textarea { padding-bottom: 155px; } .news-box-items-4 { margin-top: 30px; } .news-box-items-4 .thumb { overflow: hidden; border-radius: 20px; } .news-box-items-4 .thumb img { width: 100%; height: 100%; border-radius: 20px; transition: all 0.4s ease-in-out; } .news-box-items-4 .content { margin-top: 25px; } .news-box-items-4 .content ul { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; } .news-box-items-4 .content ul li { color: var(--header2); font-size: 16px; font-weight: 500; } .news-box-items-4 .content ul li a { border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 16px; padding: 10px 16px; display: inline-block; text-transform: capitalize; line-height: 1; color: var(--header2); } .news-box-items-4 .content ul li a:hover { background-color: var(--theme); border: 1px solid var(--theme); } .news-box-items-4 .content h3 { font-size: 24px; font-weight: 700; } .news-box-items-4 .content h3 a { color: var(--header2); } .news-box-items-4 .content h3 a:hover { color: var(--theme); } .news-box-items-4.text-white-style .content ul li { color: var(--white); } .news-box-items-4.text-white-style .content ul li a { border: 1px solid rgba(255, 255, 255, 0.2) !important; color: var(--white); } .news-box-items-4.text-white-style .content ul li a:hover { background-color: var(--theme); border: 1px solid var(--theme); } .news-box-items-4.text-white-style .content h3 a { color: var(--white); } .news-box-items-4.text-white-style .content h3 a:hover { color: var(--theme); } .news-box-items-4:hover .thumb img { transform: scale(1.1); } .news-box-items-5 { margin-top: 30px; display: flex; align-items: center; gap: 30px; border-radius: 15px; background: rgba(217, 217, 217, 0.2); } @media (max-width: 1399px) { .news-box-items-5 { flex-wrap: wrap; } } .news-box-items-5 .thumb { max-width: 345px; } @media (max-width: 1399px) { .news-box-items-5 .thumb { max-width: 800px; flex-basis: 100%; } .news-box-items-5 .thumb img { border-radius: 15px !important; } } .news-box-items-5 .thumb img { width: 100%; height: 100%; border-radius: 15px 0px 0px 15px; } .news-box-items-5 .content { max-width: 330px; padding-right: 30px; } @media (max-width: 1399px) { .news-box-items-5 .content { padding: 30px; padding-top: 0; max-width: initial; } } .news-box-items-5 .content p { color: rgba(30, 30, 30, 0.6); font-weight: 500; margin-bottom: 15px; } .news-box-items-5 .content h3 { font-size: 28px; font-weight: 600; } .news-box-items-5 .content h3 a { color: var(--header2); } .news-box-items-5 .content h3 a:hover { color: var(--theme); } .news-box-items-5 .content .link-btn { display: inline-block; font-size: 16px; font-weight: 600; color: var(--header2); margin-top: 20px; } .news-box-items-5 .content .link-btn i { transform: rotate(-45deg); transition: all 0.4s ease-in-out; } .news-box-items-5 .content .link-btn:hover { color: var(--theme); } .news-box-items-5 .content .link-btn:hover i { transform: rotate(0); } .news-box-items-5.text-white-style .content p { color: var(--white); } .news-box-items-5.text-white-style .content h3 a { color: var(--white); } .news-box-items-5.text-white-style .content h3 a:hover { color: var(--theme); } .news-box-items-5.text-white-style .content .link-btn { color: var(--white); } .news-box-items-5.text-white-style .content .link-btn:hover { color: var(--theme); } .news-box-items-5.text-white-style .content .link-btn:hover i { transform: rotate(0); } .preloader { align-items: center; cursor: default; display: flex; height: 100%; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; } .preloader .animation-preloader { z-index: 1000; } .preloader .animation-preloader .spinner { animation: spinner 1s infinite linear; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.2); border-top-color: var(--theme); height: 9em; margin: 0 auto 3.5em auto; width: 9em; } @media (max-width: 767px) { .preloader .animation-preloader .spinner { width: 7.5em; height: 7.5em; margin: 0 auto 1.5em auto; } } .preloader .animation-preloader .txt-loading { font: bold 5em "Teko", sans-serif, "Poppins", sans-serif; text-align: center; user-select: none; } @media (max-width: 767px) { .preloader .animation-preloader .txt-loading { font-size: 2.5em; } } .preloader .animation-preloader .txt-loading .letters-loading { color: var(--theme); position: relative; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.4s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.6s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.8s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s; } .preloader .animation-preloader .txt-loading .letters-loading::before { animation: letters-loading 4s infinite; color: var(--header); content: attr(data-text-preloader); left: 0; opacity: 0; font-family: "Teko", sans-serif; position: absolute; top: -3px; transform: rotateY(-90deg); } .preloader p { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 8px; color: var(--theme); } .preloader .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; pointer-events: none; } .preloader .loader .row { height: 100%; } .preloader .loader .loader-section { padding: 0px; } .preloader .loader .loader-section .bg { background-color: var(--bg); height: 100%; left: 0; width: 100%; transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); } .preloader.loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .preloader.loaded .loader-section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); } .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: var(--theme); width: 50px; height: 50px; line-height: 50px; color: var(--white); font-size: 18px; position: fixed; display: inline-block; z-index: 999; right: 30px; bottom: 30px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; transform: translateY(20px); } .back-to-top:hover { background-color: var(--header); color: var(--white); } .back-to-top.show { opacity: 1; visibility: visible; transform: translate(0); } .pricing-box-items { border-radius: 20px; background: #F8F8F8; padding: 55px; } .pricing-box-items .pricing-header h3 { font-size: 40px; font-weight: 500; margin-bottom: 10px; } .pricing-box-items .pricing-header h2 { font-size: 90px; font-weight: 500; margin-bottom: 10px; } .pricing-box-items .pricing-header h2 sub { font-size: 32px; font-weight: 500; margin-left: -15px; text-transform: initial; } .pricing-box-items .pricing-list { margin-top: 40px; } .pricing-box-items .pricing-list li { font-size: 24px; font-weight: 500; text-transform: capitalize; color: var(--header); font-family: "Teko", sans-serif; } .pricing-box-items .pricing-list li svg { margin-right: 10px; } .pricing-box-items .pricing-list li:not(:last-child) { margin-bottom: 10px; } .pricing-box-items .pricing-button { margin-top: 50px; } .pricing-box-items .pricing-button .pricing-btn { width: 100%; font-size: 16px; font-weight: 500; background-color: var(--black); color: var(--white); display: inline-block; width: 100%; padding: 18px 30px; text-align: center; line-height: 1; border-radius: 10px; } .pricing-box-items .pricing-button .pricing-btn:hover { background-color: var(--theme); color: var(--black); } .pricing-box-items.active .pricing-header h3 { color: var(--header); } .case-study-wrapper .video-image { height: 600px; border-radius: 20px; margin-top: -20px; background-attachment: fixed; margin-bottom: 40px; position: relative; } .case-study-wrapper .video-image .video-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; width: 175px; height: 175px; line-height: 175px; text-align: center; border-radius: 50%; border: 1px solid var(--white); } .case-study-wrapper .video-image .video-button .video-icon { width: 84px; height: 84px; line-height: 84px; background-color: var(--white); color: var(--header); border-radius: 50%; display: inline-block; position: relative; z-index: 9; } .case-study-wrapper .video-image .video-button .text-cirle { animation: cir36 10s linear infinite; position: absolute; top: -3px; left: 13px; } .case-study-wrapper .video-image .video-button .text-cirle img { width: initial; height: initial; } .case-study-wrapper .project-box-items .thumb img { width: 100%; height: 100%; border-radius: 20px; } .case-study-wrapper .project-box-items .content { display: flex; align-items: center; gap: 100px; margin-top: 30px; } @media (max-width: 1199px) { .case-study-wrapper .project-box-items .content { gap: 15px; flex-wrap: wrap; } } @media (max-width: 575px) { .case-study-wrapper .project-box-items .content { gap: 10px; } } .case-study-wrapper .project-box-items .content h3 { font-size: 40px; } @media (max-width: 1399px) { .case-study-wrapper .project-box-items .content h3 { font-size: 34px; } } @media (max-width: 575px) { .case-study-wrapper .project-box-items .content h3 { font-size: 30px; } } .case-study-wrapper .project-box-items .content h3 a:hover { color: var(--theme); } .case-study-wrapper .project-box-items .content p { position: relative; } .case-study-wrapper .project-box-items .content p::before { position: absolute; width: 40px; height: 1px; content: ""; top: 13px; left: -65px; background-color: var(--header); } @media (max-width: 1199px) { .case-study-wrapper .project-box-items .content p::before { display: none; } } .case-study-wrapper .project-box-items.dark-text-style .content h3 a { color: var(--white); } .case-study-wrapper .project-box-items.dark-text-style .content h3 a:hover { color: var(--theme); } .case-study-wrapper .project-box-items.dark-text-style .content p { color: var(--white); opacity: 0.7; } .case-study-wrapper .project-box-items.dark-text-style .content p::before { background-color: var(--white); } .case-study-section { position: relative; z-index: 9; } .case-study-section::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); z-index: -1; top: 25%; } .case-study-section.dark-bg-style::before { background-color: var(--black); } .case-study-box-items-2 { margin-top: 60px; position: relative; } @media (max-width: 991px) { .case-study-box-items-2 { margin-top: 30px; } } .case-study-box-items-2 .thumb { position: relative; border-radius: 30px; overflow: hidden; } .case-study-box-items-2 .thumb img { width: 100%; height: 100%; border-radius: 30px; transition: all 0.4s ease-in-out; } .case-study-box-items-2 .thumb .icon { display: inline-block; width: 60px; height: 60px; line-height: 60px; position: absolute; top: 20px; right: 20px; background-color: var(--white); text-align: center; border-radius: 50%; } .case-study-box-items-2 .thumb .icon img { width: initial; height: initial; filter: brightness(0); transform: rotate(-45deg); transition: all 0.4s ease-in-out; } .case-study-box-items-2 .thumb .icon:hover { background-color: var(--theme2); } .case-study-box-items-2 .thumb .icon:hover img { transform: rotate(0); } .case-study-box-items-2 .content { margin-top: 30px; } .case-study-box-items-2 .content p { font-weight: 500; text-transform: uppercase; margin-bottom: 10px; } .case-study-box-items-2 .content h3 a:hover { color: var(--theme2); } .case-study-box-items-2 .content .theme-btn { margin-top: 90px; } @media (max-width: 1199px) { .case-study-box-items-2 .content .theme-btn { margin-top: 30px; } } .case-study-box-items-2.color-2 .thumb .icon:hover { background-color: var(--theme); } .case-study-box-items-2.color-2 .thumb .icon:hover img { transform: rotate(0); } .case-study-box-items-2.color-2 .content h3 a { color: var(--header2); } .case-study-box-items-2.color-2 .content h3 a:hover { color: var(--theme); } .case-study-box-items-2.theme-color-1 .thumb .icon:hover { background-color: var(--theme); } .case-study-box-items-2.theme-color-1 .content h3 a:hover { color: var(--theme); } .case-study-box-items-2.white-text-style .content p { color: var(--white); } .case-study-box-items-2.white-text-style .content h3 a { color: var(--white); } .case-study-box-items-2.white-text-style .content h3 a:hover { color: var(--theme2); } .case-study-box-items-2:hover .thumb img { transform: scale(1.1); } .project-box-items { position: relative; z-index: 9; } .project-box-items .thumb { overflow: hidden; border-radius: 40px; transition: all 0.4s ease-in-out; } .project-box-items .thumb img { width: 100%; height: 100%; border-radius: 40px; transition: all 0.4s ease-in-out; } .project-box-items .content { margin-top: 20px; } .project-box-items .content p { text-transform: uppercase; font-weight: 500; color: var(--black); margin-bottom: 5px; } .project-box-items .content h3 a { color: var(--black); } .project-box-items .content h3 a:hover { color: var(--theme3); } .project-box-items:hover .thumb img { transform: scale(1.1); } .project-box-items.dark-text-white .content p { color: var(--white); } .project-box-items.dark-text-white .content h3 a { color: var(--white); } .project-box-items.dark-text-white .content h3 a:hover { color: var(--theme3); } .project-section { position: relative; } .project-section .overlay-shape { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } @media (max-width: 1399px) { .project-section .overlay-shape { display: none; } } .project-section .overlay-shape-2 { position: absolute; bottom: 0; right: 0; } @media (max-width: 1399px) { .project-section .overlay-shape-2 { display: none; } } .project-details-wrapper .details-image img { width: 100%; height: 100%; border-radius: 30px; } .project-details-wrapper .project-details-items { margin-top: 55px; } .project-details-wrapper .project-details-items .details-content h2 { font-size: 60px; font-weight: 600; margin-bottom: 20px; } @media (max-width: 767px) { .project-details-wrapper .project-details-items .details-content h2 { font-size: 50px; } } @media (max-width: 575px) { .project-details-wrapper .project-details-items .details-content h2 { font-size: 40px; } } .project-details-wrapper .project-details-items .details-content p { font-size: 18px; color: var(--black); } .project-details-wrapper .project-details-items .details-content h3 { font-size: 40px; font-weight: 500; margin-bottom: 15px; } .project-details-wrapper .project-details-items .project-information { background-color: var(--black); border-radius: 18px; padding: 40px 36px; } .project-details-wrapper .project-details-items .project-information h3 { font-size: 28px; color: var(--white); } .project-details-wrapper .project-details-items .project-information ul { margin-top: 20px; } .project-details-wrapper .project-details-items .project-information ul li { display: flex; align-items: center; } .project-details-wrapper .project-details-items .project-information ul li .list-1 { min-width: 80px; font-weight: 600; color: var(--white); font-family: "Teko", sans-serif; text-transform: uppercase; font-size: 18px; } .project-details-wrapper .project-details-items .project-information ul li .list-2 { min-width: 160px; color: #C8C8CD; margin-left: 75px; } @media (max-width: 575px) { .project-details-wrapper .project-details-items .project-information ul li .list-2 { margin-left: 50px; } } .project-details-wrapper .project-details-items .project-information ul li:not(:last-child) { margin-bottom: 20px; } .project-details-wrapper .project-details-items .project-information .social-icon { gap: 12px; margin-top: 30px; } .project-details-wrapper .project-details-items .project-information .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; background: transparent; color: rgba(254, 254, 254, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .project-details-wrapper .project-details-items .project-information .social-icon a:hover { background-color: var(--theme); color: var(--header); border: 1px solid var(--theme); } .project-details-wrapper .slider-button { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin-top: 65px; padding: 25px 0; } .project-details-wrapper .slider-button .cmn-next, .project-details-wrapper .slider-button .cmn-prev { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; transition: all 0.4s; border: 1px solid #E5E5E5; } .project-details-wrapper .slider-button .cmn-next i, .project-details-wrapper .slider-button .cmn-prev i { color: #454750; font-size: 24px; transition: all 0.4s; } .project-details-wrapper .slider-button .cmn-next:hover, .project-details-wrapper .slider-button .cmn-prev:hover { background: var(--theme); border-color: var(--theme); } .project-details-wrapper .slider-button .cmn-next:hover i, .project-details-wrapper .slider-button .cmn-prev:hover i { color: var(--white); } @media (max-width: 1399px) { .project-details-wrapper .slider-button .cmn-next, .project-details-wrapper .slider-button .cmn-prev { width: 48px; height: 48px; line-height: 48px; } .project-details-wrapper .slider-button .cmn-next i, .project-details-wrapper .slider-button .cmn-prev i { font-size: 17px; } } @media (max-width: 1399px) { .project-details-wrapper .slider-button .cmn-next, .project-details-wrapper .slider-button .cmn-prev { width: 38px; height: 38px; line-height: 38px; } .project-details-wrapper .slider-button .cmn-next i, .project-details-wrapper .slider-button .cmn-prev i { font-size: 16px; } } .project-details-wrapper .slider-button .previus-text { font-size: 22px; color: var(--header); text-transform: uppercase !important; font-weight: 500 !important; } @media (max-width: 575px) { .project-details-wrapper .slider-button .previus-text { font-size: 18px; } .project-details-wrapper .slider-button .project-storke { font-size: 30px; } } @media (max-width: 575px) { .project-details-wrapper .slider-button .previus-text { font-size: 16px; } .project-details-wrapper .slider-button .project-storke { font-size: 24px; } } @media (max-width: 470px) { .project-details-wrapper .slider-button .previus-text { font-size: 14px; } .project-details-wrapper .slider-button .project-storke { display: none; } } .project-wrapper-4 { margin-left: -5%; margin-right: -5%; margin-top: 50px; } @media (max-width: 1199px) { .project-wrapper-4 { margin-left: 0; margin-right: 0; } } .project-box-items-4 { border: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 0; } .project-box-items-4 .thumb { padding: 20px; padding-bottom: 0; overflow: hidden; } .project-box-items-4 .thumb img { width: 100%; height: 100%; transition: all 0.4s ease-in-out; overflow: hidden; } .project-box-items-4 .project-content { padding: 30px 20px; display: flex; align-items: center; justify-content: space-between; } .project-box-items-4 .project-content .content span { font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 5px; color: var(--header2); } .project-box-items-4 .project-content .content h3 { font-size: 24px; font-weight: 700; } .project-box-items-4 .project-content .content h3 a { color: var(--header2); } .project-box-items-4 .project-content .content h3 a:hover { color: var(--theme); } .project-box-items-4 .project-content .theme-btn { border-radius: 0; border: 1px solid var(--header2); color: var(--header2); font-size: 18px; min-width: 190px; } .project-box-items-4 .project-content .theme-btn:hover { border: 1px solid var(--theme); } .project-box-items-4.style-white-color .project-content { padding: 30px 20px; display: flex; align-items: center; justify-content: space-between; } .project-box-items-4.style-white-color .project-content .content span { color: var(--white); } .project-box-items-4.style-white-color .project-content .content h3 a { color: var(--white); } .project-box-items-4.style-white-color .project-content .content h3 a:hover { color: var(--theme); } .project-box-items-4.style-white-color .project-content .theme-btn { color: var(--white); } .project-box-items-4.style-white-color .project-content .theme-btn:hover { border: 1px solid var(--theme); color: var(--header); } .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: 20px; font-weight: 400; text-transform: uppercase; color: var(--theme); line-height: 1; font-family: "Teko", sans-serif; display: inline-block; margin-bottom: 20px; } .section-title h2 span { color: var(--theme); } .section-title img { margin-top: -10px; margin-right: 10px; } .section-title.theme-color-2 h6 { color: var(--theme2); } .section-title.theme-color-2 h2 span { color: var(--theme2); } .section-title.theme-color-3 h6 { font-weight: 600; font-size: 16px; background: linear-gradient(90deg, #c89d54 0%, #004f51 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .section-title.theme-color-3 h2 { color: var(--black); } .section-title.theme-color-3 h2 span { color: var(--theme3); } .section-title.style-4 h2 { line-height: 1; font-size: 90px; color: var(--header2); } @media (max-width: 1199px) { .section-title.style-4 h2 { font-size: 70px; } } @media (max-width: 575px) { .section-title.style-4 h2 { font-size: 50px; } } .section-title.style-4 h2 span { text-decoration: underline; color: var(--header2); } .section-title-area { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9; margin-bottom: 30px; } @media (max-width: 767px) { .section-title-area { margin-bottom: 0; } } .section-title-area .section-title { margin-bottom: 0; } @media (max-width: 991px) { .section-title-area { flex-wrap: wrap; gap: 30px; } } .section-title-area.bor-bottom { border-bottom: 1px solid var(--border); padding-bottom: 40px; } .section-title-area.bor-bottom-dark-style { border-bottom: 1px solid rgba(226, 226, 226, 0.2); padding-bottom: 40px; } .section-title-area .max-310 { max-width: 310px; } .center { text-align: center; margin: 0 auto; } .section-bg { background-color: var(--bg); } .section-bg-black { background-color: var(--black); } .theme-bg { background-color: var(--theme); } .footer-bg { background-color: var(--black); } .dark-section-bg { background-color: var(--black) !important; } .dark-section-bg-2 { background-color: #222222 !important; } .section-padding { padding: 120px 0; } @media (max-width: 1199px) { .section-padding { padding: 100px 0; } } @media (max-width: 991px) { .section-padding { padding: 80px 0; } } .service-wrapper ul .service-list { display: flex; align-items: end; justify-content: space-between; margin-top: 30px; } @media (max-width: 1399px) { .service-wrapper ul .service-list { gap: 30px; } } @media (max-width: 1199px) { .service-wrapper ul .service-list { flex-wrap: wrap; gap: 20px; } } .service-wrapper ul .service-list:not(:last-child) { padding-bottom: 40px; border-bottom: 1px solid var(--border); } .service-wrapper ul .service-list .content h3 { font-size: 150px; font-weight: 500; transition: all 0.4s ease-in-out; } @media (max-width: 1399px) { .service-wrapper ul .service-list .content h3 { font-size: 130px; } } @media (max-width: 1199px) { .service-wrapper ul .service-list .content h3 { font-size: 120px; } } @media (max-width: 991px) { .service-wrapper ul .service-list .content h3 { font-size: 100px; } } @media (max-width: 767px) { .service-wrapper ul .service-list .content h3 { font-size: 80px; } } @media (max-width: 575px) { .service-wrapper ul .service-list .content h3 { font-size: 65px; } } .service-wrapper ul .service-list .content h3 a:hover { color: var(--theme); } .service-wrapper ul .service-list p { max-width: 690px; } .service-wrapper ul .service-list.white-text-style:not(:last-child) { border-bottom: 1px solid rgba(226, 226, 226, 0.2); } .service-wrapper ul .service-list.white-text-style .content h4 { color: var(--white); } .service-wrapper ul .service-list.white-text-style .content h3 a { color: var(--white); } .service-wrapper ul .service-list.white-text-style .content h3 a:hover { color: var(--theme); } .service-wrapper ul .service-list.white-text-style p { color: var(--text2); } .service-wrapper ul.style-border .service-list { padding-bottom: 40px; border-bottom: 1px solid var(--border); } .service-wrapper-2 .service-items { border-bottom: 1px solid var(--border); padding: 40px 0 35px; display: flex; align-items: end; justify-content: space-between; } @media (max-width: 1199px) { .service-wrapper-2 .service-items { flex-wrap: wrap; gap: 20px; } } .service-wrapper-2 .service-items .content .icon { width: 60px; height: 60px; background-color: rgba(30, 30, 30, 0.1); text-align: center; line-height: 60px; border-radius: 50%; margin-bottom: 20px; transition: all 0.4s ease-in-out; } .service-wrapper-2 .service-items .content h3 { font-size: 60px; font-weight: 500; line-height: 100%; } .service-wrapper-2 .service-items .content h3 span { font-weight: 300; } .service-wrapper-2 .service-items .content h3 a { color: var(--black); } .service-wrapper-2 .service-items .content h3 a:hover { color: var(--theme2); } .service-wrapper-2 .service-items .text { max-width: 450px; color: var(--text2); font-weight: 400; font-size: 16px; } .service-wrapper-2 .service-items:hover .content .icon { background-color: var(--theme2); } .service-wrapper-2 .service-items.dark-white-style { border-bottom: 1px solid rgba(226, 226, 226, 0.2); } .service-wrapper-2 .service-items.dark-white-style .content h3 a { color: var(--white); } .service-wrapper-2 .service-items.dark-white-style .content h3 a:hover { color: var(--theme2); } .service-wrapper-2 .service-items.dark-white-style .content .icon { background-color: rgba(255, 255, 255, 0.1); filter: grayscale(100%) brightness(300%); } .service-wrapper-2 .service-items.dark-white-style .content .icon img { filter: grayscale(100%) brightness(300%); } .service-wrapper-2 .service-items.dark-white-style:hover .icon { filter: initial; background-color: var(--theme2); } .service-wrapper-2 .service-items.dark-white-style:hover .icon img { filter: initial; } .service-wrapper-2 .services-right-items { display: flex; align-items: center; gap: 60px; margin-right: -78%; } @media (max-width: 1899px) { .service-wrapper-2 .services-right-items { margin-right: 0; flex-wrap: wrap; gap: 40px; } } .service-wrapper-2 .services-right-items .service-thumb { max-width: 450px; } .service-wrapper-2 .services-right-items .service-thumb img { width: 100%; height: 100%; } .service-wrapper-2 .services-right-items .service-content .service-icon-items { border-bottom: 1px solid var(--border); padding-bottom: 30px; } .service-wrapper-2 .services-right-items .service-content .service-icon-items .icon { width: 60px; height: 60px; background-color: rgba(30, 30, 30, 0.1); text-align: center; line-height: 60px; border-radius: 50%; margin-bottom: 20px; transition: all 0.4s ease-in-out; } .service-wrapper-2 .services-right-items .service-content .service-icon-items h3 { font-size: 60px; font-weight: 500; line-height: 100%; } .service-wrapper-2 .services-right-items .service-content .service-icon-items h3 span { font-weight: 300; } .service-wrapper-2 .services-right-items .service-content .service-icon-items h3 a { color: var(--black); } .service-wrapper-2 .services-right-items .service-content .service-icon-items h3 a:hover { color: var(--theme2); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.border-none { padding-bottom: 0; border-bottom: none; margin-top: 40px; } .service-wrapper-2 .services-right-items .service-content .service-icon-items:hover .icon { background-color: var(--theme2); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style { border-bottom: 1px solid rgba(226, 226, 226, 0.2); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style .icon { filter: grayscale(100%) brightness(300%); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style .icon img { filter: grayscale(100%) brightness(300%); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style .content h3 a { color: var(--white); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style .content h3 a:hover { color: var(--theme2); } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style:hover .icon { filter: initial; } .service-wrapper-2 .services-right-items .service-content .service-icon-items.dark-white-style:hover .icon img { filter: initial; } .service-section-3 { position: relative; } .service-section-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.85); } .service-image-3 { margin-top: 30px; overflow: hidden; position: relative; border-radius: 40px; } .service-image-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; border-radius: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.59%, #000 180.34%); } @media (max-width: 575px) { .service-image-3 { height: 480px; } } .service-image-3 img { width: 100%; height: 100%; border-radius: 40px; object-fit: cover; transition: all 0.4s ease-in-out; } .service-image-3 .icon { display: inline-block; width: 104px; height: 104px; line-height: 104px; background-color: var(--theme3); color: var(--white); font-size: 40px; border-radius: 50%; left: 50%; top: -10%; transform: translate(-50%, -50%); position: absolute; text-align: center; } .service-image-3 .icon img { transition: all 0.4s ease-in-out; border-radius: 0; width: initial; height: initial; transform: rotate(-45deg); } .service-image-3 .icon:hover { background-color: var(--header); } .service-image-3 .icon:hover img { transform: initial; } .service-image-3 .content { position: absolute; z-index: 9; left: 40px; bottom: 40px; right: 40px; } .service-image-3 .content h3 { font-size: 50px; line-height: 100%; } @media (max-width: 1199px) { .service-image-3 .content h3 { font-size: 40px; } } .service-image-3 .content h3 a { color: var(--white); } .service-image-3 .content h3 a:hover { color: var(--theme3); } .service-image-3:hover img { transform: scale(1.1); } .service-image-3:hover .icon { top: 50%; } .service-details-wrapper .details-image { margin-bottom: 50px; } .service-details-wrapper .details-image img { width: 100%; height: 100%; border-radius: 20px; } .service-details-wrapper .main-sidebar .single-sidebar-widget { padding: 40px 30px; background-color: var(--bg); margin-bottom: 30px; border-radius: 10px; } .service-details-wrapper .main-sidebar .single-sidebar-widget .wid-title { margin-bottom: 25px; } .service-details-wrapper .main-sidebar .single-sidebar-widget .wid-title h4 { position: relative; padding-bottom: 15px; display: inline-block; } .service-details-wrapper .main-sidebar .single-sidebar-widget .wid-title h4::after { position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; content: ""; background-color: var(--theme); } .service-details-wrapper .main-sidebar .single-sidebar-widget .wid-title h4::before { position: absolute; bottom: 0; left: 30px; width: 63px; height: 2px; content: ""; background-color: var(--theme); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-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: 1; border-radius: 10px; } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li a { color: var(--header); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li span { transition: all 0.4s ease-in-out; color: var(--header); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li:not(:last-child) { margin-bottom: 12px; } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li:hover { background-color: var(--theme); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li:hover a { color: var(--header); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li:hover span { color: var(--header); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li.active { background-color: var(--theme); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li.active a { color: var(--header); } .service-details-wrapper .main-sidebar .single-sidebar-widget .service-widget-categories ul li.active span { color: var(--header); } .service-details-wrapper .service-details-content h3 { font-size: 60px; font-weight: 500; margin-bottom: 20px; } @media (max-width: 767px) { .service-details-wrapper .service-details-content h3 { font-size: 52px; } } @media (max-width: 575px) { .service-details-wrapper .service-details-content h3 { font-size: 42px; } } .service-details-wrapper .service-details-content .thumb { margin-bottom: 40px; } .service-details-wrapper .service-details-content .thumb img { width: 100%; height: 100%; border-radius: 20px; } .service-details-wrapper .service-details-content .details-list-items { margin-top: 30px; display: flex; align-items: center; gap: 100px; } @media (max-width: 1199px) { .service-details-wrapper .service-details-content .details-list-items { flex-wrap: wrap; gap: 30px; } } .service-details-wrapper .service-details-content .details-list-items .details-list li { font-weight: 500; font-size: 16px; color: var(--header); } .service-details-wrapper .service-details-content .details-list-items .details-list li:not(:last-child) { margin-bottom: 15px; } .service-details-wrapper .service-details-content .details-list-items .details-list li i { color: var(--theme); margin-right: 8px; } .service-details-wrapper .accordion-item { border: 0; background-color: var(--white); } .service-details-wrapper .accordion-item .accordion-header .accordion-button { font-weight: 600; color: var(--theme); letter-spacing: -0.2px; border: 0; border-radius: 0; box-shadow: none; background-color: var(--white); padding: 25px 30px 0; text-transform: capitalize; font-size: 22px; border: 1px solid var(--border); border: 1px solid transparent; box-shadow: 12px -12px 24px 0px rgba(0, 0, 0, 0.06); font-weight: 500; font-size: 28px; } @media (max-width: 575px) { .service-details-wrapper .accordion-item .accordion-header .accordion-button { font-size: 18px; } } .service-details-wrapper .accordion-item .accordion-header .accordion-button::after { content: "+"; font-family: "Font Awesome 6 Pro"; background: transparent; font-weight: 500; transition: all 0.3s ease-in-out !important; color: var(--header); } .service-details-wrapper .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f068"; font-family: "Font Awesome 6 Pro"; background: transparent; font-weight: 500; color: var(--header); transform: rotate(0); } .service-details-wrapper .accordion-item .accordion-header .accordion-button.collapsed { background-color: var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); padding: 25px 30px; color: var(--header); } .service-details-wrapper .accordion-item .accordion-collapse .accordion-body { padding-right: 20px; padding-left: 30px; padding-top: 15px; color: var(--text); background-color: var(--white); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); } @media (max-width: 1399px) { .service-details-wrapper .accordion-item .accordion-collapse .accordion-body { padding-right: 50px; } } @media (max-width: 991px) { .service-details-wrapper .accordion-item .accordion-collapse .accordion-body { padding-right: 30px; } } .service-wrapper-4 .service-tabing-wrap .images-remove-area { transition: all 0.6s; margin-bottom: -400px; opacity: 0; transform: rotate(60deg); -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .images-remove-area { margin-bottom: 0px; opacity: 1; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } } .service-wrapper-4 .service-tabing-wrap .modern-list li { font-size: 20px; color: var(--header2); font-weight: 600; } .service-wrapper-4 .service-tabing-wrap .modern-list li i { color: var(--theme); font-size: 14px; } .service-wrapper-4 .service-tabing-wrap .accordion-single { border: unset; overflow: hidden; transition: all 0.8s; border-radius: 0; border-top: 1px solid #D9D9D9; } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn { flex-wrap: wrap; gap: 30px; } } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after { content: "+"; font-family: "FontAwesome"; font-size: 20px; transform: rotate(0deg); transition: all 0.5s; font-weight: 700; display: flex; align-items: center; justify-content: center; color: var(--white); width: 44px; min-width: 44px; height: 44px; background: #1d1d1d; border-radius: 50%; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after:hover { cursor: pointer; } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after { justify-content: center; } } @media (max-width: 767px) and (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after { flex-wrap: wrap; gap: 30px; } } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after::after { content: "\f068"; font-family: "FontAwesome"; color: var(--theme); } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn::after::after:hover { cursor: pointer; } } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .serial-badge { padding: 10px 15px; transition: all 0.4s; border-radius: 100px; border: 1px solid #414141; background-color: var(--header2); } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .serial-badge .rot60 { padding-left: 10px; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .mtitle { font-size: 30px; font-weight: 500; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .mtitle a { color: var(--theme); font-family: "Teko", sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: 30px; text-transform: capitalize; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .pras { font-size: 16px; font-weight: 400; display: none !important; transform: scale(0); } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .serial-badge { opacity: 1; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara .pras { display: block !important; transform: scale(1); color: #000; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; /* 187.5% */ text-transform: capitalize; } } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .mtitle-ara.style2 .mtitle a { color: var(--header2); font-family: "Teko", sans-serif; font-size: 36px; font-weight: 600; line-height: 40px; text-align: left; } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .text-remove { max-width: 490px; opacity: 0; visibility: hidden; } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .text-remove { opacity: 1; visibility: visible; } } .service-wrapper-4 .service-tabing-wrap .accordion-single .accordion-btn .text-remove p { color: var(--header2); font-family: "Poppins", sans-serif; font-size: 16px; font-style: italic; font-weight: 400; line-height: 28px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .text-remove { opacity: 1; visibility: visible; } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .images-remove-area { margin-bottom: 0px; opacity: 1; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .accordion-btn { height: initial; justify-content: space-between; } @media (max-width: 767px) { .service-wrapper-4 .service-tabing-wrap .accordion-single.active .accordion-btn { flex-wrap: wrap; gap: 30px; } } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .accordion-btn::after { content: "\f068"; font-family: "FontAwesome"; color: var(--theme); } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .accordion-btn::after:hover { cursor: pointer; } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .mtitle-ara .serial-badge { opacity: 1; } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .mtitle-ara .pras { display: block !important; transform: scale(1); color: #000; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; /* 187.5% */ text-transform: capitalize; } .service-wrapper-4 .service-tabing-wrap .accordion-single.active .content-area { display: none !important; } @media (max-width: 1399px) { .service-wrapper-4 .service-tabing-wrap .mtitle { font-size: 20px !important; } .service-wrapper-4 .service-tabing-wrap .tab-remove-thumb { max-width: 200px; } .service-wrapper-4 .service-tabing-wrap .tab-remove-thumb img { width: 100%; } } .service-wrapper-4 .border-bottom { border-bottom: 1px solid #D9D9D9; } .service-wrapper-5 .theme-btn { border-radius: 0; border: 1px solid var(--header2); color: var(--header2); font-size: 18px; min-width: 190px; margin-top: 50px; } .service-wrapper-5 .theme-btn:hover { border: 1px solid var(--theme); } .service-wrapper-5 .service-right .service-box-items-5 { padding: 60px 20px 60px; border-radius: 12px; background: #F1F1F1; display: flex; gap: 20px; position: relative; } @media (max-width: 1399px) { .service-wrapper-5 .service-right .service-box-items-5 { flex-wrap: wrap; padding: 40px 30px; } } .service-wrapper-5 .service-right .service-box-items-5 span { font-size: 40px; font-weight: 500; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--header2); -webkit-text-fill-color: transparent; transition: all 0.4s ease-in-out; line-height: 1; } .service-wrapper-5 .service-right .service-box-items-5 .content h3 { font-size: 32px; font-weight: 500; line-height: 1; margin-bottom: 10px; } @media (max-width: 1199px) { .service-wrapper-5 .service-right .service-box-items-5 .content h3 { font-size: 26px; } } .service-wrapper-5 .service-right .service-box-items-5 .content h3 a { color: var(--header2); } .service-wrapper-5 .service-right .service-box-items-5 .content h3 a:hover { color: var(--theme); } .service-wrapper-5 .service-right .service-box-items-5 .icon { width: 47px; height: 47px; line-height: 47px; text-align: center; border-radius: 50%; background-color: var(--white); display: inline-block; position: absolute; top: 20px; right: 20px; } .service-wrapper-5 .service-right .service-box-items-5 .icon img { transform: rotate(-45deg); transition: all 0.4s ease-in-out; } .service-wrapper-5 .service-right .service-box-items-5 .icon:hover { background-color: var(--theme); } .service-wrapper-5 .service-right .service-box-items-5 .icon:hover img { transform: rotate(0); } .service-wrapper-5 .service-right .service-box-items-5.white-text-style { background-color: #1E1E1E; } .service-wrapper-5 .service-right .service-box-items-5.white-text-style span { -webkit-text-stroke-color: var(--white); } .service-wrapper-5 .service-right .service-box-items-5.white-text-style .content h3 a { color: var(--white); } .service-wrapper-5 .service-right .service-box-items-5.white-text-style .content h3 a:hover { color: var(--theme); } .service-wrapper-5 .service-right .service-box-items-5.white-text-style .content p { color: var(--white); } .team-card-items { margin-top: 30px; transform: rotate(-15deg); transition: all 0.4s ease-in-out; } @media (max-width: 1199px) { .team-card-items { transform: rotate(0); } } .team-card-items .thumb img { width: 100%; height: 100%; border-radius: 15px; } .team-card-items .content { text-align: center; margin-top: 25px; } .team-card-items .content h3 { line-height: 1; } .team-card-items .content h3 a:hover { color: var(--theme); } .team-card-items:hover { transform: rotate(0); position: relative; z-index: 9; } .team-card-items.rotate-none { transform: rotate(0); position: relative; z-index: 9; } .team-card-items.dark-style-text .content h3 a { color: var(--white); } .team-card-items.dark-style-text .content h3 a:hover { color: var(--theme); } .team-card-items.dark-style-text .content p { color: var(--white); opacity: 0.7; } .team-details-wrapper .details-image img { width: 100%; height: 100%; border-radius: 15px; } .team-details-wrapper .details-content h2 { color: var(--black); margin-bottom: 5px; } .team-details-wrapper .details-content h5 { font-size: 20px; font-weight: 500; color: var(--black); margin-bottom: 20px; } .team-details-wrapper .details-content p { font-size: 18px; color: var(--black); } .team-details-wrapper .details-content .contact-list { margin-top: 30px; } .team-details-wrapper .details-content .contact-list li { font-size: 16px; font-weight: 600; } .team-details-wrapper .details-content .contact-list li:not(:last-child) { margin-bottom: 10px; } .team-details-wrapper .details-content .contact-list li a { color: var(--black); } .team-details-wrapper .details-content .contact-list li i { margin-right: 10px; } .team-details-wrapper .details-content .social-icon { gap: 12px; margin-top: 30px; margin-bottom: 70px; } .team-details-wrapper .details-content .social-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; border-radius: 30px; background: #F8F8F8; color: var(--black); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .team-details-wrapper .details-content .social-icon a:hover { background-color: var(--theme); color: var(--black); } .team-details-wrapper .details-content h3 { font-size: 40px; color: var(--black); font-weight: 500; } .team-details-wrapper .details-content .progress-wrap { margin-top: 30px; } .team-details-wrapper .details-content .progress-wrap .pro-items { width: 100%; } .team-details-wrapper .details-content .progress-wrap .pro-items:not(:last-child) { margin-bottom: 20px; } .team-details-wrapper .details-content .progress-wrap .pro-items .pro-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .team-details-wrapper .details-content .progress-wrap .pro-items .pro-head .title { font-size: 16px; color: var(--header); font-weight: 600; font-family: "Poppins", sans-serif; } .team-details-wrapper .details-content .progress-wrap .pro-items .pro-head .point { font-size: 16px; color: var(--header); } .team-details-wrapper .details-content .progress-wrap .pro-items .progress { background: rgba(89, 210, 243, 0.5); justify-content: flex-start; border-radius: 100px; align-items: center; position: relative; display: flex; height: 10px; width: 100%; } .team-details-wrapper .details-content .progress-wrap .pro-items .progress-value { animation: load 3s normal forwards; border-radius: 0; background: var(--theme); height: 8px; width: 0; } .team-details-wrapper .details-content .progress-wrap .pro-items .style-two { animation: load2 3s normal forwards; } .team-details-wrapper .details-content .progress-wrap .pro-items .style-three { animation: load3 3s normal forwards; } @keyframes load { 0% { width: 0; } 100% { width: 90%; } } @keyframes load2 { 0% { width: 0; } 100% { width: 70%; } } @keyframes load3 { 0% { width: 0; } 100% { width: 55%; } } .team-details-wrapper .details-content .comment-form-wrap h3 { font-size: 40px; font-weight: 500; margin-bottom: 30px; } @media (max-width: 575px) { .team-details-wrapper .details-content .comment-form-wrap h3 { margin-bottom: 20px; } } .team-details-wrapper .details-content .comment-form-wrap .form-clt span { color: var(--header); display: inline-block; margin-bottom: 10px; } .team-details-wrapper .details-content .comment-form-wrap .form-clt input, .team-details-wrapper .details-content .comment-form-wrap .form-clt textarea { width: 100%; outline: none; border: none; background-color: #F9F9F9; border: 1px solid rgba(254, 254, 254, 0.3); padding: 16px 20px; font-weight: 400; color: var(--black); } .team-details-wrapper .details-content .comment-form-wrap .form-clt input::placeholder, .team-details-wrapper .details-content .comment-form-wrap .form-clt textarea::placeholder { color: var(--black); } .team-details-wrapper .details-content .comment-form-wrap .form-clt textarea { padding-bottom: 100px; } .testimonial-wrapper .testimonial-content .ratting-box { border-radius: 10px; border: 1px solid #323232; background: #000; display: inline-block; padding: 25px 30px; display: inline-flex; gap: 14px; min-width: 295px; margin-top: 30px; } .testimonial-wrapper .testimonial-content .ratting-box h3 { color: var(--white); font-size: 60px; font-weight: 400; } .testimonial-wrapper .testimonial-content .ratting-box p { color: var(--text2); } .testimonial-wrapper .testimonial-content .ratting-box .star { color: #FCD554; } .testimonial-wrapper .testimonial-box-items { padding: 40px; border: 1px solid var(--border2); background-color: var(--testi-bg); border-radius: 15px; margin-left: 40px; } @media (max-width: 1199px) { .testimonial-wrapper .testimonial-box-items { margin-left: 0; } } @media (max-width: 575px) { .testimonial-wrapper .testimonial-box-items { padding: 30px; } } .testimonial-wrapper .testimonial-box-items .client-info { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; } .testimonial-wrapper .testimonial-box-items .client-info .client-content h5 { color: var(--white); font-weight: 500; } .testimonial-wrapper .testimonial-box-items .client-info .client-content p { color: var(--white); opacity: 0.5; text-transform: capitalize; } .testimonial-wrapper .testimonial-box-items .testi-content { display: flex; gap: 15px; } .testimonial-wrapper .testimonial-box-items .testi-content span { color: var(--white); font-size: 18px; font-style: italic; } .testimonial-wrapper .testimonial-box-items.style-bg { background-color: var(--black); } .awards-area h3 { font-size: 30px; text-transform: uppercase; color: var(--theme); font-weight: 400; margin-bottom: 30px; line-height: 1; } .awards-area h3.color-2 { color: var(--theme2); } .awards-area .awars-list li { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .awards-area .awars-list li { flex-wrap: wrap; gap: 40px; } } .awards-area .awars-list li .title-text { font-size: 20px; color: var(--text2); font-weight: 500; flex-basis: 20%; } @media (max-width: 991px) { .awards-area .awars-list li .title-text { flex-basis: initial; } } .awards-area .awars-list li .year-text { font-size: 20px; color: var(--text2); font-weight: 500; } .awards-area .awars-list li .text { font-size: 20px; color: var(--text2); font-weight: 500; } .awards-area .awars-list li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 0; } .awards-area .awars-list li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); } .awards-area .awars-list li:last-child { padding-top: 30px; } .awards-area .awars-list li:hover .title-text { color: var(--theme); } .awards-area .awars-list li:hover .year-text { color: var(--theme); } .awards-area .awars-list li:hover .text { color: var(--theme); } .awards-area .awars-list.style-2 li:hover .title-text { color: var(--theme2); } .awards-area .awars-list.style-2 li:hover .year-text { color: var(--theme2); } .awards-area .awars-list.style-2 li:hover .text { color: var(--theme2); } .testimonial-wrapper-3 { position: relative; z-index: 99; } .testimonial-wrapper-3 .testimonial-content { max-width: 1170px; margin: 60px auto 0; text-align: center; } .testimonial-wrapper-3 .testimonial-content .client-info { margin-bottom: 50px; } @media (max-width: 1199px) { .testimonial-wrapper-3 .testimonial-content .client-info { margin-bottom: 30px; } } .testimonial-wrapper-3 .testimonial-content .client-info img { border-radius: 10px; } .testimonial-wrapper-3 .testimonial-content .client-info .content { margin-top: 20px; } .testimonial-wrapper-3 .testimonial-content .client-info .content h3 { font-weight: 400; font-size: 30px; } .testimonial-wrapper-3 .testimonial-content .client-info .content span { font-weight: 400; color: var(--black); } .testimonial-wrapper-3 .testimonial-content h4 { font-size: 40px; font-weight: 400; line-height: 125%; } @media (max-width: 1199px) { .testimonial-wrapper-3 .testimonial-content h4 { font-size: 36px; } } @media (max-width: 991px) { .testimonial-wrapper-3 .testimonial-content h4 { font-size: 34px; } } @media (max-width: 767px) { .testimonial-wrapper-3 .testimonial-content h4 { font-size: 30px; } } @media (max-width: 575px) { .testimonial-wrapper-3 .testimonial-content h4 { font-size: 28px; } } .testimonial-wrapper-3 .left-shape { position: absolute; top: 0; left: 0; } .testimonial-wrapper-3 .left-bottom-shape { position: absolute; bottom: 0; left: 0; } .testimonial-wrapper-3 .right-bottom-shape { position: absolute; bottom: 0; right: 0; } .testimonial-wrapper-3 .right-shape { position: absolute; top: 0; right: 0; } .testimonial-wrapper-3 .array-button { gap: 30px; margin-top: 50px; } .testimonial-wrapper-3.dark-white-style .testimonial-content .client-info .content h3 { color: var(--white); } .testimonial-wrapper-3.dark-white-style .testimonial-content .client-info .content span { color: var(--white); } .testimonial-wrapper-3.dark-white-style .testimonial-content h4 { color: var(--white); } .testimonial-section-3 { position: relative; } .testimonial-section-3 .bg-shape { position: absolute; top: -80%; left: 0; right: 0; } .testimonial-section-3 .bg-shape img { width: 100%; height: 100%; } .testimonial-wrapper-4 .testimonial-left h2 span { text-decoration: underline; } .testimonial-wrapper-4 .testimonial-left .array-button { margin-top: 50px; gap: 15px; display: flex; align-items: center; } .testimonial-wrapper-4 .testimonial-left .array-button .array-prev, .testimonial-wrapper-4 .testimonial-left .array-button .array-next { width: 58px; height: 58px; line-height: 58px; text-align: center; border-radius: 50%; color: var(--header); border: 1px solid rgba(0, 0, 0, 0.25); transition: all 0.4s ease-in-out; } .testimonial-wrapper-4 .testimonial-left .array-button .array-prev:hover, .testimonial-wrapper-4 .testimonial-left .array-button .array-next:hover { background-color: var(--theme); border: 1px solid var(--theme); } .testimonial-wrapper-4 .testimonial-content .icon { text-align: center; margin-bottom: 40px; } .testimonial-wrapper-4 .testimonial-content h4 { font-size: 24px; font-style: italic; font-family: "Poppins", sans-serif; line-height: 167%; text-transform: capitalize; color: #1E1E1E; } @media (max-width: 991px) { .testimonial-wrapper-4 .testimonial-content h4 { font-size: 22px; } } @media (max-width: 767px) { .testimonial-wrapper-4 .testimonial-content h4 { font-size: 20px; } } @media (max-width: 575px) { .testimonial-wrapper-4 .testimonial-content h4 { font-size: 18px; } } .testimonial-wrapper-4 .testimonial-content .client-img { display: flex; align-items: center; gap: 60px; margin-top: 50px; } @media (max-width: 767px) { .testimonial-wrapper-4 .testimonial-content .client-img { margin-top: 30px; gap: 30px; } } .testimonial-box-items-4 { margin-top: 30px; border-radius: 16px; border: 1px solid #232323; background: #232323; padding: 16px 30px; } @media (max-width: 1199px) { .testimonial-box-items-4 { max-width: 660px; } } .testimonial-box-items-4 .testi-card-items { padding: 30px 40px; background-repeat: no-repeat; background-position: center; position: relative; } @media (max-width: 1899px) { .testimonial-box-items-4 .testi-card-items { background-image: none !important; padding: 0; } } .testimonial-box-items-4 .testi-card-items .client-info { display: flex; align-items: center; gap: 40px; padding-left: 80px; margin-bottom: 30px; padding-top: 10px; } @media (max-width: 1899px) { .testimonial-box-items-4 .testi-card-items .client-info { padding-left: 0; } } .testimonial-box-items-4 .testi-card-items .client-info .thumb { position: absolute; top: 20px; left: 2px; width: 75px; height: 61px; } @media (max-width: 1899px) { .testimonial-box-items-4 .testi-card-items .client-info .thumb { position: static; } } .testimonial-box-items-4 .testi-card-items .client-info .thumb img { border-radius: 16px; width: 100%; height: 100%; } .testimonial-box-items-4 .testi-card-items .client-info .content h5 { font-size: 20px; font-weight: 600; color: var(--white); } .testimonial-box-items-4 .testi-card-items .client-info .content span { color: var(--white); } .testimonial-box-items-4 .testi-card-items p { color: var(--white); font-style: italic; line-height: 175%; padding-bottom: 10px; } .testimonial-wrapper-5 { margin-top: -48px; } .testimonial-wrapper-5 .testimonial-image-items { margin-left: -80%; position: relative; } @media (max-width: 1199px) { .testimonial-wrapper-5 .testimonial-image-items { margin-left: 0; } } .testimonial-wrapper-5 .testimonial-image-items .bar-shape { position: absolute; top: 35px; right: -90px; } @media (max-width: 1399px) { .testimonial-wrapper-5 .testimonial-image-items .bar-shape { display: none; } } .testimonial-wrapper-5 .testimonial-image-items .thumb img { width: 100%; height: 100%; border-radius: 20px; } .testimonial-wrapper-5 .testimonial-right-items { position: relative; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 { max-width: 690px; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 .icon { margin-bottom: 25px; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 p { text-transform: capitalize; font-size: 24px; font-weight: 400; color: #757575; line-height: 140%; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 .client-info { margin-top: 35px; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 .client-info h4 { font-size: 20px; color: var(--black); font-weight: 500; } .testimonial-wrapper-5 .testimonial-right-items .testimonial-box-5 .client-info span { font-size: 16px; font-weight: 500; color: var(--theme); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .testimonial-box-5 { max-width: 690px; } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .testimonial-box-5 .icon { color: var(--white); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .testimonial-box-5 p { color: var(--white); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .testimonial-box-5 .client-info h4 { color: var(--white); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .testimonial-box-5 .client-info span { color: var(--theme); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button { display: grid; align-items: center; gap: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 99; } @media (max-width: 1399px) { .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button { display: none; } } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button .array-next, .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button .array-prev { color: var(--white); height: 70px; } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button .array-next { background-color: var(--theme); color: var(--header); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button .array-next:hover { background-color: var(--header); color: var(--white); } .testimonial-wrapper-5 .testimonial-right-items.text-white-style .array-button .array-prev:hover { background-color: var(--theme); } .testimonial-wrapper-5 .array-button { display: grid; align-items: center; gap: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 99; } @media (max-width: 1399px) { .testimonial-wrapper-5 .array-button { display: none; } } .testimonial-wrapper-5 .array-button .array-next, .testimonial-wrapper-5 .array-button .array-prev { width: 70px; line-height: 70px; border-radius: 50%; color: var(--header); height: 70px; border: 1px solid rgb(217, 217, 217); transition: all 0.4s ease-in-out; } .testimonial-wrapper-5 .array-button .array-next { background-color: var(--theme); } .testimonial-wrapper-5 .array-button .array-next:hover { background-color: var(--header); color: var(--white); } .testimonial-wrapper-5 .array-button .array-prev:hover { background-color: var(--theme); } .testimonial-slider-4 .gt-brand-slide-element, .testimonial-slider-5 .gt-brand-slide-element { width: inherit; }/*# sourceMappingURL=main.css.map */