:root { /* Color */ --color-primary: #d7a95a; --color-secondary: #4c4c4c; --white: #FFFFFF; --black: #000000; --body: #4c4c4c; /* Font Family */ --sm: "scriptorama-markdown-jf", Sans-serif; --montserrat: "montserrat", sans-serif; /* Font Size */ --f78: 78px; --f38: 38px; --f24: 24px; --f20: 20px; --f18: 18px; --f16: 16px; /* Space */ --s100: 100px; --s50: 50px; --s40: 40px; --s30: 30px; --s20: 20px; --g30: 30px; --headerHeight: 160px; --container: 1600px; --ts1: 0.1s; --ts2: 0.2s; --ts3: 0.3s; --ts4: 0.4s; --ts5: 0.5s; } body { -webkit-font-smoothing: antialiased; /* For better font rendering */ font-smoothing: antialiased; } html, body { margin: 0; padding: 0; } * { box-sizing: border-box; } b, strong { font-weight: bold; } em { font-style: italic; } /*! CSS Used from:Embedded */ * { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } ::selection { background: rgb(from var(--color-primary) r g b / 60%); ; color: var(--black); } ::-webkit-scrollbar { display: none; } p { margin-top: 0; line-height: 1.2; margin-bottom: 20px; b { color: var(--color-primary); } } p:last-child { margin-bottom: 0 !important; } sup { font-size: 60%; } body.elementor-editor-active header { opacity: 1; } body.elementor-editor-active footer { opacity: 1; } body.elementor-editor-active #top { opacity: 1; } body.elementor-editor-active #loading-bar { display: none; } body.elementor-editor-active #loading-bar-black { display: none; } body.elementor-editor-active #loading-logo { display: none; } #loading-bar { position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary);z-index:99999;} #loading-bar-black{position:fixed;top:0;left:0;width:100%;height:00%;background-color:var(--color-secondary);z-index:99999;} #loading-logo { position: fixed; width: 100%; z-index: 999999; height: 100%; display: flex; pointer-events: none; background: linear-gradient(to top, #323334, #474a4b); align-items: center; justify-content: center; } #loading-logo svg { max-height: 150px; height: 50vh; max-width: 150px; width: 50vw; transition-delay: 0.2s; transition: all var(--ts3) ease-in-out; } @media screen and (max-width: 1024px) { #loading-logo svg { width: 150px; } } #loading-logo .poly { stroke: #fff; stroke-width: 1; fill: none; stroke-dasharray: 1000; stroke-dashoffset: 1000; } #loading-logo #golden { stroke: var(--color-primary); } body.home header { opacity: 0; } body.home footer { opacity: 0; } body.home #top { opacity: 0; } body.elementor-editor-active header, body.elementor-editor-active footer, body.elementor-editor-active #top { opacity: 1 !important; } .fw-normal { font-weight: 400 !important; } .color-white { color: var(--white) !important; } header>.e-con, footer>.e-con, section.e-con { padding-left: 40px; padding-right: 40px; } .elementor-heading-title { overflow: hidden; } .elementor-widget-heading .elementor-heading-title span:not(.fw-normal, .scrambled) { color: var(--color-primary); display: inline !important; } .elementor-widget-text-editor .elementor-widget-container span:not(.fw-normal, .scrambled) { color: var(--color-primary);display: inline !important; } .elementor-widget-button .elementor-button { min-width: 230px; } .w-auto .elementor-button { min-width: auto; } .elementor-button { cursor: pointer; border: none !important; padding: 2px !important; isolation: isolate; position: relative; overflow: hidden; transition: box-shadow var(--ts3) ease !important; } /* .elementor-button:hover { box-shadow: 0 0 1.3em 0.05em rgb(76 76 76 / 48%), 0 0 0.2em 0.05em rgb(76 76 76), 0 0 1.5em 0.1em rgb(216 169 90 / 36%) !important; } */ .elementor-button::before { content: ""; position: absolute; z-index: -1; width: calc(100% + 20px); aspect-ratio: 1 / 1; background: conic-gradient(#000 0%, #d8a95a 30%, #000000 60%); top: 50%; left: -10px; animation: btnspin 2.5s ease-in-out infinite; opacity: 0; } .elementor-button:hover::before { opacity: 1; } .elementor-button>span { /* padding: 18px 24px 18px 24px; */ padding: 15px 18px 15px 18px; line-height: 1.2; background: var(--color-primary); box-shadow: inset 0 0 0.25em 0.05em rgb(213 174 105 / 20%); transition: box-shadow var(--ts3) ease, background var(--ts3) ease; } .elementor-button:hover>span { background: var(--color-secondary); } @keyframes btnspin { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } } /* Custom Animation */ .elementor-widget-image.fadeIn { animation-name: none !important; } .fadeInUp { animation-name: fadeInUpCustom !important; } .slideInUp { animation-name: fadeInUpCustom !important; } .fadeInUpCustom.fadeInUp, .elementor-widget-heading.fadeInUp { animation-name: none !important; } @keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 30px, 0); -webkit-filter: blur(2px); filter: blur(2px); } to { opacity: 1; transform: none; -webkit-filter: blur(0); filter: blur(0); } } .fadeInLeft { animation-name: fadeInLeftCustom !important; } @keyframes fadeInLeftCustom { 0% { opacity: 0; transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRightCustom !important; } @keyframes fadeInRightCustom { 0% { opacity: 0; transform: translate3d(50px, 0, 0); } 100% { opacity: 1; transform: none; } } .elementor-widget-image.fadeInUp:not(.elementor-element-edit-mode) { clip-path: inset(0% 0% 100%); visibility: hidden; animation-fill-mode: forwards; } .elementor-widget-image.fadeInUp.animated:not(.elementor-element-edit-mode) { visibility: visible; animation-name: slideDownCustom !important; animation-delay: 0.5s !important; animation-duration: 1s; } @keyframes slideDownCustom { from { clip-path: inset(0% 0% 100%); visibility: visible; } to { clip-path: inset(0% 0% 0%); } } .elementor-heading-title .line-wrapper, .elementor-widget-text-editor .line-wrapper { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .elementor-heading-title .line-wrapper .line, .elementor-widget-text-editor .line-wrapper .line { transform: translate(0%, 200%) skew(0deg, 0deg); transition-delay: var(--d); transition: all var(--ts3) ease-in-out; } .elementor-widget-heading.fadeInUp.animated .line { transform: translate(0px, 0px); } .line-wrapper:nth-child(1) { --d: 1.6s; } .line-wrapper:nth-child(2) { --d: 1.7s; } .line-wrapper:nth-child(3) { --d: 1.8s; } .line-wrapper:nth-child(4) { --d: 1.9s; } .line-wrapper:nth-child(5) { --d: 2.0s; } .line-wrapper:nth-child(6) { --d: 2.2s; } .line-wrapper:nth-child(7) { --d: 2.3s; } .line-wrapper:nth-child(8) { --d: 2.4s; } .line-wrapper:nth-child(9) { --d: 2.5s; } .line-wrapper:nth-child(10) { --d: 2.6s; } /* Login In intro animation */ .light-animation:before{opacity:0.5;pointer-events:none;mix-blend-mode:luminosity;} .pluse-animation:before { opacity:1 !important; pointer-events: none; mix-blend-mode: luminosity !important; } /* .pageAnimationActive .pluse-animation:before { animation: customLight 1.5s linear infinite;} */ /* .lightActive .light-animation:before { animation: customLight 4s 1s linear infinite; } */ .pageAnimationActive .pluse-animation:before { opacity: 0 !important; transition: all 5s; } .lightActive .light-animation:before { opacity: 0 !important; transition: all 5s; } .pageAnimationActive .banner-section:not(.elementor-element-edit-mode) { transform: translateX(0) !important; opacity: 1; transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); transition-delay: 2s; } .pageAnimationActive .banner-section.innerPage:not(.elementor-element-edit-mode) { transition-delay: 0s; } /* .pageAnimationActive .banner-section:not(.elementor-element-edit-mode) .elementor-widget-heading { visibility: visible; opacity: 1; transition: all 1s;} */ /* .pageAnimationActive .banner-section:not(.elementor-element-edit-mode) .elementor-widget-image { visibility: visible; clip-path: inset(0% 0% 0%); transition: all 1s; transition-delay: 3.5s; } */ /* .pageAnimationActive .banner-animation:not(.elementor-element-edit-mode) .elementor-widget-image { visibility: visible; clip-path: inset(0% 0% 0%); transition: all 1s; transition-delay: 3.2s; } */ .pageAnimationActive .banner-slider button.slick-arrow { opacity: 1; } .pageAnimationActive .banner-slider button.slick-next.slick-arrow:not(:hover) { transition-delay: 2.5s; } .pageAnimationActive .banner-slider button.slick-prev.slick-arrow:not(:hover) { transition-delay: 2.5s; } .banner-animation:not(.elementor-element-edit-mode) .elementor-widget-image { visibility: hidden; clip-path: inset(0% 0% 100%); } .banner-section:not(.elementor-element-edit-mode) .elementor-widget-heading .elementor-heading-title{ visibility: hidden; opacity: 0; } .banner-section:not(.elementor-element-edit-mode) .elementor-widget-image { visibility: hidden; clip-path: inset(0% 0% 100%); } .banner-section.elementor-element-edit-mode { transform: translateX(0) !important; opacity: 1 !important; transition: none !important; transition-delay: 0 !important; } .banner-section.elementor-element-edit-mode .elementor-widget-heading .elementor-heading-title{ visibility: visible; opacity: 1 !important; transition: none !important; transition-delay: 0 !important; } .banner-section.elementor-element-edit-mode .elementor-widget-image { visibility: visible; clip-path: inset(0% 0% 0%); transition: none !important; transition-delay: 0 !important; } .elementor-shape-bottom { z-index: 9; pointer-events: none; } /* @keyframes customLight { 0% { opacity: 0; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 0; } 80% { opacity: 0.5; } 100% { opacity: 0; } } */ @keyframes customLight { 0% {opacity: 0;} 10% {opacity: 0.5;} 20% {opacity: 0.2;} 30% {opacity: 0.5;} 80% {opacity: 0;} 100% {opacity: 0;} } /* @keyframes customLight { 0% {opacity: 0.5;} 10% {opacity: 0.4;} 20% {opacity: 0.3} 30% {opacity: 0.2;} 40% {opacity: 0.1;} 50% {opacity: 0;} 60% {opacity: 0;} 100% {opacity: 0;} } */ .light-img { position: absolute !important; } .light-img img { opacity: 0; animation: customLight 3s linear infinite; pointer-events: none; mix-blend-mode: luminosity; } @media screen and (max-width: 991px) { .light-img { position: absolute !important; left: 0 !important; top: 0 !important; } } .se-animation:not(.elementor-element-edit-mode) { clip-path: inset(100% 0% 0%); transition: all var(--ts3) ease-in-out; transition-delay: 0.3s; } .se-animation:not(.elementor-element-edit-mode) img { transition: all var(--ts3) ease-in-out; opacity: 0; } .sectionAnimated .se-animation { clip-path: inset(0% 0% 0%); transition-delay: 0s; transition: all 1s ease-in-out; } .sectionAnimated .se-animation img { opacity: 1; transition: all 1s ease-in-out; transition-delay: 0.5s; } .elementor-widget-image.round-clip:not(.elementor-element-edit-mode) { animation-name: none !important; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%); transition: all var(--ts5) ease-in-out; } .sectionAnimated .elementor-widget-image.round-clip { clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%); } .profile-box {position: relative;color: white;} .profile-box::after {content: "";position: absolute;top: 8px;right: 0px;width: 2px;background-color: white; height: calc(100% - 28px); transform: scale(0); transition: all var(--ts5) ease-in-out;} @media (max-width:991px){ .profile-box::after{content:none;} } .title-icon:before{content:"";width:58px;height:49px;display:inline-block;margin-right:7px;mask-image:url(/wp-content/uploads/2025/05/left-arrow.png);mask-size:cover;background-color:var(--color-primary);position:relative;top:40px;left:-75px;} .text-icon::after{content:"";width:58px;height:49px;display:inline-block;mask-image:url(/wp-content/uploads/2025/05/Right-arrow.png);mask-size:cover;background-color:#d7a95a;position:absolute;right:-117px;bottom:-9px;} @media(max-width:1700.65px){.text-icon::after{right:10px;bottom:-10px;} .title-icon:before{content:"";width:47px;height:40px;left:-60px;} } @media(max-width:1400.65px){.text-icon::after{right:10px;bottom:-10px;} .title-icon:before{content:"";width:47px;height:40px;left:-60px;} } @media(max-width:991.65px){.text-icon::after{right:-50px;bottom:-10px;} .title-icon:before{content:"";width:40px;height:36px;left:-68px;} } @media(max-width:767.74px){.text-icon::after{right:0px;bottom:-41px;width:36px;height:30px;} .title-icon:before{content:"";width:36px;height:32px;left:0px;top:-7px;} } @media(max-width:575.87px){ .text-icon::after{right:0px;bottom:-35px;width:36px;height:30px;} .title-icon:before{content:"";width:36px;height:32px;left:0px;top:0px;} } .title-icon:before{ opacity: 0; transform: translateY(-20px) !important; transition: all var(--ts5) ease-in-out; } .text-icon::after{ opacity: 0; transform: translateY(20px) !important; transition: all var(--ts5) ease-in-out; } .dark-test-info-section{ opacity: 0 ; transform: translateY(20px) !important; transition: all var(--ts5) ease-in-out !important; } .sectionAnimated .text-icon::after, .sectionAnimated .title-icon:before{ opacity: 1; transform: translateY(0px) !important; transition-delay: 1.5s; } .sectionAnimated .dark-test-info-section{ opacity: 1; transform: translateY(0px) !important; transition-delay: 2s !important; } .elementor-widget-image.profile-box:not(.elementor-element-edit-mode) img{ animation-name: none !important; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%); transition: all var(--ts5) ease-in-out; } .sectionAnimated .elementor-widget-image.profile-box img{ clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%); transition-delay: 0.5s;} .sectionAnimated .profile-box::after{ transform: scale(1); transition-delay: 0.5s;} .ourcore-slider:not(.elementor-element-edit-mode) .slick-dots li{ opacity: 0; transition: all var(--ts5) ease-in-out !important; } .sectionAnimated .ourcore-slider .slick-dots li{ --delay:0.2s; opacity: 1; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(0){ transition-delay: calc(var(--delay) + 0.1s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(1){ transition-delay: calc(var(--delay) + 0.2s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(2){ transition-delay: calc(var(--delay) + 0.3s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(3){ transition-delay: calc(var(--delay) + 0.4s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(4){ transition-delay: calc(var(--delay) + 0.5s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(5){ transition-delay: calc(var(--delay) + 0.6s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(6){ transition-delay: calc(var(--delay) + 0.7s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(7){ transition-delay: calc(var(--delay) + 0.8s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(8){ transition-delay: calc(var(--delay) + 0.9s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(9){ transition-delay: calc(var(--delay) + 1.0s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(10){ transition-delay: calc(var(--delay) + 1.1s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(11){ transition-delay: calc(var(--delay) + 1.2s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(12){ transition-delay: calc(var(--delay) + 1.3s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(13){ transition-delay: calc(var(--delay) + 1.4s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:nth-child(14){ transition-delay: calc(var(--delay) + 1.5s) !important; } .sectionAnimated .ourcore-slider .slick-dots li:hover, .sectionAnimated .ourcore-slider .slick-dots li.slick-active{transition-delay: none !important} .ourcore-slider:not(.elementor-element-edit-mode) .slick-list{ opacity: 0; transform: translateY(20px); transition: all var(--ts5) ease-in-out !important; } .sectionAnimated .ourcore-slider .slick-list{ opacity: 1; transform: translateY(0px); transition-delay: 0.6s !important; } .ourcore-slider button.slick-next.slick-arrow{transform: translateX(-60px);} .ourcore-slider button.slick-prev.slick-arrow{transform: translateX(60px);} .sectionAnimated .ourcore-slider button.slick-arrow{transform: translateX(0px);transition: all var(--ts3) ease-in-out; transition-delay: 0.4s;} .l-r-img:not(.elementor-element-edit-mode) { opacity: 0; transform: translateY(100px); transition: all var(--ts3) ease-in-out; } .l-r-img:not(.elementor-element-edit-mode) + .l-r-img:not(.elementor-element-edit-mode) { opacity: 0; transform: translateY(-100px); transition: all var(--ts3) ease-in-out; } .sectionAnimated .l-r-img { opacity: 1 !important; transform: translateY(0px) !important; transition: all var(--ts3) ease-in-out; transition-delay: 0s !important; } /* .quote-content:not(.elementor-element-edit-mode) p{ opacity: 0;} */ .quote-section.sectionAnimated::before{opacity: 0; transition: all 0.5s;} .quote-content:not(.elementor-element-edit-mode):not(.sectionAnimated){background-image: none !important;} .quote-content:not(.elementor-element-edit-mode) p::before { opacity: 0; transform: translateY(-50px); transition: all var(--ts3) ease-in-out; } .quote-content:not(.elementor-element-edit-mode) p::after { opacity: 0; transform: translateY(50px); transition: all var(--ts3) ease-in-out; } .animation-completed.quote-content p::before { opacity: 1; transform: translateY(0px); transition-delay: var(--ts3); } .animation-completed.quote-content p::after { opacity: 1; transform: translateY(0px); transition-delay: var(--ts3); } .quote-content ~ .quote-author:not(.elementor-element-edit-mode) { opacity: 0; transform: translateY(30px); transition: all var(--ts3) ease-in-out; } .animation-completed.quote-content ~ .quote-author { opacity: 1; transform: translateY(0px); transition-delay: 0.6s; } /* .quote-content:not(.elementor-element-edit-mode) { opacity: 0; transform: translateY(20px); transition: all var(--ts5) ease-in-out; } .quote-author:not(.elementor-element-edit-mode) { opacity: 0; transform: translateY(20px); transition: all var(--ts5) ease-in-out; } .quote-content:not(.elementor-element-edit-mode) p::before { opacity: 0; transform: translateY(-30px); transition: all var(--ts5) ease-in-out; } .quote-content:not(.elementor-element-edit-mode) p::after { opacity: 0; transform: translateY(30px); transition: all var(--ts5) ease-in-out; } .sectionAnimated .quote-content { opacity: 1; transform: translateY(0px); transition-delay: var(--ts2); } .sectionAnimated .quote-content p::before { opacity: 1; transform: translateY(0px); transition-delay: var(--ts5); } .sectionAnimated .quote-content p::after { opacity: 1; transform: translateY(0px); transition-delay: var(--ts5); } .sectionAnimated .quote-author { opacity: 1; transform: translateY(0px); transition-delay: 1s; } */ /* .testimonials-slider:not(.elementor-element-edit-mode) .testimonials-item { opacity: 0; transform: translateY(20px); transition: all var(--ts5) ease-in-out; } .sectionAnimated .testimonials-slider .testimonials-item { opacity: 1; transform: translateY(0px); } .sectionAnimated .testimonials-slider .testimonials-item:nth-child(1) { transition-delay: 0.3s; } .sectionAnimated .testimonials-slider .testimonials-item:nth-child(2) { transition-delay: 0.6s; } .sectionAnimated .testimonials-slider .testimonials-item:nth-child(3) { transition-delay: 0.9s; } .sectionAnimated .testimonials-slider .testimonials-item:nth-child(4) { transition-delay: 1.2s; } */ .client-test-style-01 .client-test-item .elementor-testimonial-content{clip-path: inset(0% 0% 100% 0%);transition: all var(--ts5) ease-in-out;} .client-test-style-01 .client-test-item .elementor-testimonial-wrapper:before{opacity: 0; transform: scale(1,-1) translateY(20px) !important; transition: all var(--ts5) ease-in-out;} .client-test-style-01 .client-test-item .elementor-testimonial-content::after, .client-test-style-01 .client-test-item .elementor-testimonial-content::before{transform: translateX(-50px); transition: all var(--ts5) ease-in-out;} .client-test-style-01 .client-test-item .elementor-testimonial-meta-inner{opacity: 0; transform: translateX(-50px); transition: all var(--ts5) ease-in-out;} .client-test-style-01 .client-test-item.animated .elementor-testimonial-content{clip-path: inset(0% 0% -60% 0%);transition-delay: 0.3s;} .client-test-style-01 .client-test-item.animated .elementor-testimonial-wrapper:before{opacity: 1;transform: scale(1,-1) translateY(0px) !important;transition-delay: 0.8s;} .client-test-style-01 .client-test-item.animated .elementor-testimonial-content::after, .client-test-style-01 .client-test-item.animated .elementor-testimonial-content::before{transform: translateX(0px);transition-delay: 1s;} .client-test-style-01 .client-test-item.animated .elementor-testimonial-meta-inner{opacity: 1;transform: translateX(0px);transition-delay: 1s;} @keyframes goldShineMoveGlow { 0% { opacity: 0.8; } 50% { opacity: 1; } 50% { opacity: 0.9; } 100% { opacity: 1; } } .bg-gold-shine::before { opacity: 0; transition: all 1s ease-in-out; } /* .sectionAnimated.bg-gold-shine::before { opacity: 1; transition: all 1s ease-in-out; transition-delay: 0.5s; } */ .video-wave.flip{ transform: scaleX(-1);} .video-wave { position: absolute; top: 0 !important; max-width: 1030px !important; mix-blend-mode: exclusion; opacity: 0; transition: all 1s ease-in-out; pointer-events: none; } .video-wave video { object-fit: contain !important; object-position: top; } .video-wave > div { transform: scale(1.3) !important; transform-origin: top; } @media screen and (max-width: 991px) { .video-wave > div { transform: scale(1) !important; } } .sectionAnimated .video-wave { opacity: 1; transition: all 1s ease-in-out; transition-delay: 0.5s; } /* body.aniStartAuth .client-login { display: none; } */ body.aniStartAuth .login-auth:not(.elementor-element-edit-mode) { opacity: 1; pointer-events: all; } .login-auth:not(.elementor-element-edit-mode) { opacity: 0; pointer-events: none; position: absolute; top: 0; } .login-auth:not(.elementor-element-edit-mode)::before { background-image: linear-gradient(180deg, #474A4B 0%, #323334 100%); opacity: 1 !important; } @media screen and (min-width: 2100px) { .login-auth:not(.elementor-element-edit-mode) > .e-con-inner { justify-content: center !important; } } .login-auth:not(.elementor-element-edit-mode) button { cursor: pointer; } .login-auth:not(.elementor-element-edit-mode) .auth-logo { transform: translateY(0vh) scale(3); transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); transform-origin: top; visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .auth-logo.logoNormal { transform: translateY(0vh) scale(1); } .login-auth:not(.elementor-element-edit-mode) .auth-logo svg { height: 98px !important; } .login-auth:not(.elementor-element-edit-mode) .elementor-background-video-container { opacity: 0; } .login-auth:not(.elementor-element-edit-mode).showvideo .elementor-background-video-container { opacity: 1; } .login-auth:not(.elementor-element-edit-mode) .at-main-title .elementor-heading-title { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .at-info .elementor-heading-title { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .at-info .elementor-widget-text-editor { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .at-info .at-input { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .at-intro-title { position: absolute; opacity: 0; } .login-auth:not(.elementor-element-edit-mode) .at-intro-title .elementor-widget-heading { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .login-auth:not(.elementor-element-edit-mode) .at-lock { position: absolute; bottom: calc(var(--s100) + 23px); width: 100%; left: 0; pointer-events: none; } .login-auth:not(.elementor-element-edit-mode) .at-lock svg { width: 45px; position: relative; top: 50px;} @media screen and (max-width: 767px) { .login-auth:not(.elementor-element-edit-mode) .at-lock svg { width: 30px; } } .login-auth:not(.elementor-element-edit-mode) .at-lock .lock { opacity: 0; } .login-auth:not(.elementor-element-edit-mode) .at-lock svg { opacity: 0; } .login-auth:not(.elementor-element-edit-mode) .at-lock .loading-dots { opacity: 0; position: absolute; bottom: -43px; right: 75px; pointer-events: none; } @media screen and (max-width: 767px) { .login-auth:not(.elementor-element-edit-mode) .at-lock .loading-dots { bottom: -10px; right: auto; } } .login-auth:not(.elementor-element-edit-mode) .at-lock .loading-dots .dots-wrap { display: flex; gap: 9px; } .login-auth:not(.elementor-element-edit-mode) .at-lock .loading-dots .dots-wrap .dot { width: 5px; height: 5px; background: #fff; border-radius: 50%; opacity: 1; } .login-auth:not(.elementor-element-edit-mode).stepActive .at-info { opacity: 0; transition: all var(--ts3) ease-in-out; pointer-events: none; } .login-auth:not(.elementor-element-edit-mode).stepActive .at-intro-title { opacity: 1; transition: all var(--ts3) ease-in-out; } .login-auth:not(.elementor-element-edit-mode).stepActive .at-lock .loading-dots { opacity: 1; transition: all var(--ts3) ease-in-out; } .login-auth:not(.elementor-element-edit-mode).stepActive .at-lock .lock { transition: all var(--ts2) ease-in-out; } .login-auth:not(.elementor-element-edit-mode) .at-final-name { position: absolute; top: 0; width: 100%; } .login-auth:not(.elementor-element-edit-mode) .at-final-name .elementor-heading-title { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode) .final-screen { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; } .login-auth:not(.elementor-element-edit-mode) .final-screen .elementor-heading-title { visibility: hidden; } .login-auth:not(.elementor-element-edit-mode).active1 .at-lock svg #step2, .login-auth:not(.elementor-element-edit-mode).active1 .at-lock svg #step3, .login-auth:not(.elementor-element-edit-mode).active1 .at-lock svg #step4{visibility: hidden;} .login-auth:not(.elementor-element-edit-mode).active1 .at-lock svg, .login-auth:not(.elementor-element-edit-mode).active2 .at-lock svg, .login-auth:not(.elementor-element-edit-mode).active3 .at-lock svg, .login-auth:not(.elementor-element-edit-mode).active4 .at-lock svg, .login-auth:not(.elementor-element-edit-mode).active4-1 .at-lock svg, .login-auth:not(.elementor-element-edit-mode).active5 .at-lock svg{opacity: 1;} .login-auth:not(.elementor-element-edit-mode).active1 .at-lock .lock.st-1 { opacity: 1; } .login-auth:not(.elementor-element-edit-mode).active2 .at-lock .lock.st-2 { opacity: 1; } .login-auth:not(.elementor-element-edit-mode).active3 .at-lock .lock.st-2 { opacity: 1; } .login-auth:not(.elementor-element-edit-mode).active4 .at-lock .lock.st-3 { opacity: 1; } .login-auth:not(.elementor-element-edit-mode).active4-1 .at-lock .lock.st-4 { opacity: 1; transition: none;} .login-auth:not(.elementor-element-edit-mode).active5 .at-title { opacity: 0; } .login-auth:not(.elementor-element-edit-mode).active5 .at-lock .lock.st-4 { opacity: 1; transition: none;} .login-auth:not(.elementor-element-edit-mode).complete-animation .at-lock, .login-auth:not(.elementor-element-edit-mode).complete-animation .elementor-background-video-container, .login-auth:not(.elementor-element-edit-mode).complete-animation .auth-logo, .login-auth:not(.elementor-element-edit-mode).complete-animation .at-title, .login-auth:not(.elementor-element-edit-mode).complete-animation .at-main-title { opacity: 0; transition: all var(--ts2) ease-in-out; } .login-auth:not(.elementor-element-edit-mode).complete-animation .final-screen { pointer-events: all; } /* Login In intro animation */ .bar-animation{position:absolute !important;width:100%;bottom:0;left:0;height:auto;overflow:hidden;pointer-events:none;} /* shap Css */ .shap-1{overflow:hidden;} .shap-1:before{clip-path:polygon(810px 0,100% 0%,100% 100%,0% 120%);} .shap-1:after{content:'';position:absolute;border:2px solid var(--color-primary);width:calc(100% - 468px);height:100%;right:0;top:-10px;transform:skewX(-44deg);border-bottom:0;border-right:0;border-left:3px solid var(--color-primary);} .shap-2:before{transform:skewX(-44deg) translateX(100%);width:100vw !important;left:-480px !important;bottom:0 !important;height:700px !important;pointer-events:none;box-shadow:200px 200px #fff;opacity:0 !important;transition:all var(--ts5) ease-in-out !important;transition-delay:0.2s !important;} @media (max-width:1700px){.shap-2:before{left:-380px !important;} } @media (max-width:1400px){.shap-2:before{left:-330px !important;} } @media (max-width:991px){.shap-2:before{display:none;} } .shap-2:after { content: ''; position: absolute; border: 2px solid var(--color-primary); width: calc(100vw); height: 100%; top: -10px; transform: skewX(-44deg); border-bottom: 0; border-right: 0; border-left: 3px solid var(--color-primary); left: -486px; pointer-events: none; clip-path: inset(0% 0% 0% 100%); transition: all 2s ease-in-out; transition-delay: 0.4s; } @media (max-width: 1700px) { .shap-2:after { left: -387px !important; } } @media (max-width: 1400px) { .shap-2:after { left: -289px !important; } } @media (max-width: 1200px) { .shap-2:after { left: -270px !important; } } @media (max-width: 991px) { .shap-2:after { display: none; } } section.elementor-element-edit-mode, .sectionAnimated { .shap-2:before { transform: skewX(-44deg) translateX(0px); opacity: 1 !important; } .shap-2:after { clip-path: inset(0% 0% 0% 0%); } } .shap-3::before { transform: skewX(45deg); width: 100vw !important; left: -504px !important; bottom: 0 !important; height: 100% !important; z-index: -1; top: -15px !important; } .left-financial { opacity: 0; transform: translateX(-20px) !important; transition: all var(--ts3) ease-in-out !important; >div:not(.light-img) { @media (max-width:991px) { position: unset !important } } } .left-financial.elementor-element-edit-mode{ opacity: 1; transform: translateX(0px) !important;} .sectionAnimated { .left-financial { opacity: 1; transform: translateX(0px) !important; transition: all var(--ts3) ease-in-out !important; transition-delay: 1s !important; } } .top-border { &:after { content: ''; position: absolute; width: 0%; height: 2px; background-color: var(--color-primary); top: 10px; left: 0; pointer-events: none; transition: all var(--ts8) ease-in-out; z-index: 1; } &.animated, &.sectionAnimated { &:after { width: 100%; transition: all 2s ease-in-out; } } } .bottom-border { &:after { content: ''; position: absolute; width: 0%; height: 2px; background-color: var(--color-primary); bottom: 10px; left: 0; z-index: 2; pointer-events: none; transition: all var(--ts8) ease-in-out; } &.animated, &.sectionAnimated { &:after { width: 100%; transition: all 2s ease-in-out; } } } .slideRight:not(.elementor-element-edit-mode) { clip-path: inset(0% 0% 0% 100%); transition: all 1s ease-in-out; &.animated { clip-path: inset(0% 0% 0% 0%); } } .slideLeft:not(.elementor-element-edit-mode) { clip-path: inset(0% 100% 0% 0%); transition: all 1s ease-in-out; &.animated { clip-path: inset(0% 0% 0% 0%); } } .bg-over { position: absolute !important; transform: skewX(45deg); height: calc(100% - var(--s100)); width: 100vw; overflow: hidden; left: 251px; top: 0; @media (min-width:2400px) { left: 640px; } @media (max-width:992px) { transform: skewX(0deg); left: 0; } .elementor-widget-container { transform: skewX(-45deg); width: 110vw; left: -20vw; position: relative; img { width: 100%; height: calc(100% + 15px) !important; object-fit: cover; } @media (max-width:1400px) { left: -30vw; } @media (max-width:992px) { transform: skewX(0deg); width: 100vw; left: 0vw; img { object-fit: cover; } } } &::after { width: 106vw !important; left: 0px !important; height: calc(100% + 17px) !important; content: ''; position: absolute; opacity: 0.9; top: -15px; outline: 2px solid var(--color-primary); outline-offset: -14px; @media (max-width:992px) { left: -12px !important; } } } /* shap Css */ /* End Custom Animation */ /* */ .sectionLeftRight:not(.notContainer):before { background: var(--bgimg) no-repeat center center / cover; width: 50%; position: absolute; z-index: 2; } .sectionLeftRight:not(.notContainer):before { clip-path: inset(0% 100% 0% 0%); transition: all var(--ts5) ease-in-out; } .sectionLeftRight:not(.notContainer):not(.flip-section):before { right: 0; left: auto; } .sectionLeftRight:not(.notContainer):not(.flip-section):before { clip-path: inset(0% 0% 0% 100%); transition: all var(--ts5) ease-in-out; } .sectionLeftRight.slideImg:not(.notContainer):not(.flip-section):before, .sectionLeftRight.slideImg:not(.notContainer):before, .sectionLeftRight.slideImg:before { clip-path: inset(0% 0% 0% 0%) !important; } .section-review:not(.elementor-element-edit-mode) { >.e-con-inner { position: relative; } .top-q { transform: translateY(-100%); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); } .bottom-q { transform: translateY(100%); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); } .elementor-swiper-button-next { opacity: 0; transform: translateY(-50%) translateX(-100px) !important; transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) !important; } .elementor-swiper-button-prev { opacity: 0; transform: translateY(-50%) translateX(100px) !important; transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) !important; } .elementor-star-rating { i { opacity: 0; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); &:nth-child(1) { transition-delay: .5s; } &:nth-child(2) { transition-delay: .4s; } &:nth-child(3) { transition-delay: .3s; } &:nth-child(4) { transition-delay: .2s; } &:nth-child(5) { transition-delay: .1s; } } } .elementor-testimonial__content { transform: translateY(30px); opacity: 0; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .elementor-testimonial__header { .elementor-testimonial__image, .elementor-testimonial__name { transform: translateY(30px); opacity: 0; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } } &.sectionAnimated { .top-q { transform: translateY(0px); transition-delay: 0.5s; } .bottom-q { transform: translateY(0px); transition-delay: 0.8s; } .elementor-swiper-button-next { opacity: 1; transform: translateY(-50%) translateX(0) !important; transition-delay: 1.5s !important; } .elementor-swiper-button-prev { opacity: 1; transform: translateY(-50%) translateX(0) !important; transition-delay: 1.5s !important; } .elementor-testimonial__content { transform: translateY(0px); opacity: 1; transition-delay: 1s; } .elementor-testimonial__header { .elementor-testimonial__image, .elementor-testimonial__name { transform: translateY(0px); opacity: 1; transition-delay: 1s; } } .elementor-star-rating { i { opacity: 1; &:nth-child(1) { transition-delay: 2.1s; } &:nth-child(2) { transition-delay: 2.3s; } &:nth-child(3) { transition-delay: 2.5s; } &:nth-child(4) { transition-delay: 2.7s; } &:nth-child(5) { transition-delay: 2.9s; } } } } } .custom-review .elementor-testimonial { display: flex; flex-direction: column-reverse; align-items: center; height: 100%; justify-content: space-between; } .custom-review.elementor-widget-reviews .elementor-testimonial__header { position: relative; align-items: center; padding-bottom: 80px !important; padding-top: 13px; } .custom-review .elementor-testimonial .elementor-star-rating { position: absolute; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; bottom: 10px; } .custom-review.elementor-widget-reviews .elementor-testimonial__text { color: var(--white); b { color: var(--color-primary); } } .custom-review .swiper-pagination { display: none; } .custom-review.elementor-element .swiper .elementor-swiper-button-prev, .custom-review.elementor-element .swiper .elementor-swiper-button-next { height: 63px; width: 63px; border: 2px solid var(--color-primary); background: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px !important; top: calc(50% - 76px); transition: all var(--ts3); svg{ display: none; height: 40px !important; width: 35px !important; } &:hover { background-color: var(--color-secondary); /* box-shadow: 0 0 1.3em 0.05em rgb(76 76 76 / 48%), 0 0 0.2em 0.05em rgb(76 76 76), 0 0 1.5em 0.1em rgb(216 169 90 / 36%) !important; */ } } .custom-review.elementor-element .swiper .elementor-swiper-button-prev:before, .custom-review.elementor-element .swiper .elementor-swiper-button-next:before { content: ""; mask: url(/wp-content/uploads/2025/05/Slider-Arrow.svg); mask-repeat: no-repeat; mask-size: 13px 27px; width: 20px; height: 27px; mask-position: 5px; display: inline-block; background-color: #fff; } .custom-review.elementor-element .swiper .elementor-swiper-button-prev:before{ transform: rotate(180deg); left: 0px; position: relative; } .custom-review.elementor-element .swiper .elementor-swiper-button-prev { left: -1px; svg{ transform: translateX(-2px); } } .custom-review.elementor-element .swiper .elementor-swiper-button-next { right: -2px; svg{ transform: translateX(2px); } } .custom-review.elementor-widget-reviews .elementor-testimonial__image img { @media screen and (max-width: 991.98px) { height: 46px !important; width: 46px !important; } @media screen and (max-width: 767.98px) { height: 36px !important; width: 36px !important; } border: 2px solid #fff; } .custom-review .elementor-testimonial__name { margin-left: 14px; margin-top: 4px; } .custom-review .elementor-testimonial__content { padding: 0 10px 24px !important; } @media (max-width: 992px) { .custom-review { margin-bottom: 80px !important; &.elementor-element .swiper .elementor-swiper-button-prev, &.elementor-element .swiper .elementor-swiper-button-next { height: 40px; width: 40px; font-size: 18px !important; top: calc(100% + 40px); } &.elementor-element .swiper .elementor-swiper-button-prev { left: calc(50% - 50px); } &.elementor-element .swiper .elementor-swiper-button-next { right: calc(50% - 50px); } &.elementor-widget-reviews .elementor-testimonial__header { padding-bottom: 60px !important; padding-top: 10px; } } } .loginform { margin-top: 22px; .error-message { margin-top: 15px; padding: 4px 10px; border: 1px solid #f44336; background-color: #fdecea; color: #f44336; border-radius: 4px; font-size: 14px; } input[type="password"] { font-size: 16px !important; font-family: inherit !important; letter-spacing: normal; } /* When input is not empty */ input[type="password"]:not(:placeholder-shown) { font-size: 18px !important; letter-spacing: 2px; font-family: Consolas, Monaco, monospace !important; } /* input[type="password"]:placeholder-shown::placeholder { font-size: 12px !important; font-family: ui-monospace !important; letter-spacing: 0; } */ } .loginform input.form-input { width: 100%; height: 40px; border: 1px solid transparent; padding: 6px 14px; border-radius: 4px; font-size: 16px; color: #606060; font-family: var(--montserrat); } .loginform .form-field { margin-bottom: 40px; } .loginform button { width: 100%; } .loginform.passAuth .form-field { margin-bottom: 30px; } .banner-slider { display: block !important; .slider-item { display: flex !important; } } .banner-slider button.slick-arrow { opacity: 0; border-radius: 50%; font-size: 0; position: absolute; top: 275px; right: 255px; width: 63px; height: 63px; padding: 0; cursor: pointer; z-index: 9; transition: all var(--ts3) ease-in-out; @media screen and (max-width: 1400.98px) { top: 220px; } @media screen and (max-width: 991.98px) { display: none !important; } } .banner-slider button.slick-next.slick-arrow { right: 158px; } .banner-slider button.slick-arrow:before { content: ""; mask: url(/wp-content/uploads/2025/05/Slider-Arrow.svg); mask-repeat: no-repeat; mask-size: 13px 27px; width: 20px; height: 27px; mask-position: 5px; display: inline-block; background-color: #fff; } .banner-slider button.slick-arrow.slick-prev:before { transform: rotate(180deg); left: 0px; position: relative; } .banner-section::before { transform: skewX(0deg); width: 100% !important; left: 0px !important; bottom: 0 !important; height: 100% !important; content: '' !important; position: absolute; opacity: 1; top: 2px !important; background: linear-gradient(to top, #323334, #474a4b); @media (min-width: 992px) { transform: skewX(45deg); left: 0px !important; width: 100vw !important; } @media (min-width: 1820px) { left: 36px !important; } } .banner-section:not(.elementor-element-edit-mode) { position: relative; z-index: 1; width: auto !important; /* padding-left: 24px; */ transform: translateX(200%); opacity: 0; &.reverce-clip { transform: translateX(-200%); } >.e-con-inner { @media (min-width: 1820px) { transform: translateX(60px); } } @media (max-width: 991px) { padding-left: 20px !important; padding-right: 20px !important; } } /* .banner-section .e-con-inner { margin-top: 68px !important; } */ /* Header */ body { overflow-x: hidden; } header { position: absolute; width: 100%; z-index: 9; overflow-x: clip; } header .logo-section { padding-top: 0; } header .stickylogo { display: none; } header .main-menu { --before-right: 0; --before-width: 0; } header .main-menu .underlineDrow { position: absolute; bottom: 2px; transform: translateX(calc(var(--before-right, 0))); right: 0; width: var(--before-width, 0); height: 2px; background: var(--color-primary); transition: right 2s, width 2s; z-index: 1; left: unset !important; } header .main-menu .elementor-item { --h: 0; } header .main-menu .elementor-item::after { content: ''; position: absolute; width: 100%; height: var(--h); background: var(--color-primary); top: calc(100% - 2px); } header .main-menu .elementor-item.elementor-item-active::after { transition: height 0.2s !important; } header .main-menu .elementor-item.showLine::after { height: 8px; } header .normal-header .elementor-widget-search { position: relative; height: 100%; width: 54px; transition: width var(--ts3) ease-in-out;} header .normal-header .elementor-widget-search .e-search { opacity: 1 !important; border-radius: 10px; overflow: hidden; top: 0; z-index: 999; width: 100%; cursor: pointer; } header .normal-header .elementor-widget-search .e-search .e-search-input { border: 0; height: 41px !important; padding: 0; min-height: 42px !important; padding: 10px 20px 10px 50px !important; width: 100%; } header .normal-header .elementor-widget-search .e-search .e-search-label svg { left: 13px; width: 20px !important; top: 22px; } header .normal-header .elementor-widget-search:hover { width: 300px; } .header-search{width: 46px;transition: width 0.4s; margin-right: 9px; --extraSpace:0px;} /* .header-search:hover{width: 372px;} */ .header-search.active, .header-search:hover{width: calc((var(--top-menu-width) - var(--top-bar-width) + 46px - var(--extraSpace)) - 20px);} /* 1288 - 940 = 348 + 46 = 394px var(--top-menu-width) - var(--top-bar-width) + 46px = */ .header-search .header-search-wrap{position: relative;height: 40px;} .header-search .header-search-input{border: 0;border-radius: 8px;height: 100%;width: 100%;padding: 10px;padding-right: 36px;} .header-search .header-search-wrap svg{position: absolute;width: 20px;height: 20px;right: 12px;top: 9px; } @media (max-width: 1880px) { .header-search{ margin-right: 0; } /* .header-search.active, .header-search:hover { width: 343px; } */ } /* @media (max-width: 1880px) { .header-search.active, .header-search:hover { width: 238px; } } */ body:not(.elementor-editor-active).loaded.home .normal-header { transform: translateY(0px); transition: all var(--ts5) ease-in-out; transition-delay: 0s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .logo-section .logo-animation g.l-logo path { opacity: 1; transition: all 1.5s ease-in-out; transition-delay: 0.6s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .logo-section .logo-animation g.l-logo path.gold { transition-delay: 0.3s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .logo-section .logo-animation g.l-title { opacity: 1; transition: all var(--ts5) ease-in-out; transition-delay: 0.9s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .logo-section .logo-animation g.l-name { opacity: 1; transition: all var(--ts5) ease-in-out; transition-delay: 1.1s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .h-right { transform: translateX(0%); transition: all 1s ease-in-out; transition-delay: 0.4s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .top-menu { transform: translateX(0%); transition: all 1s ease-in-out; transition-delay: .6s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .top-menu .arrow-menu svg { transform: scale(1); animation: scaletopbar 2s ease-in-out forwards; animation-delay: 2s; } body:not(.elementor-editor-active).loaded.home .normal-header .top-menu .arrow-menu svg path { animation: colorChangetopbar 2s ease-in-out forwards; animation-delay: 2s; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item { opacity: 1; transition: all 1s ease-in-out; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(1) { transition-delay: 1.5s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(2) { transition-delay: 1.6s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(3) { transition-delay: 1.7s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(4) { transition-delay: 1.8s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(5) { transition-delay: 1.9s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(6) { transition-delay: 2s !important; } body:not(.elementor-editor-active).loaded.home .normal-header .main-menu .elementor-nav-menu li.menu-item:nth-child(7) { transition-delay: 2.1s !important; } @keyframes colorChangetopbar{0%{fill:var(--color-primary);} 25%{fill:#808080;} 50%{fill:var(--color-primary);} 100%{fill:#808080;} } @keyframes scaletopbar{0%{transform:scale(1.5);} 25%{transform:scale(1);} 50%{transform:scale(1.5);} 100%{transform:scale(1);} } @media screen and (min-width: 991px) { body:not(.elementor-editor-active).home .normal-header { transform: translateY(-200px); } body:not(.elementor-editor-active).home .normal-header .logo-section .logo-animation g.l-logo path { opacity: 0; } body:not(.elementor-editor-active).home .normal-header .logo-section .logo-animation g.l-title { opacity: 0; } body:not(.elementor-editor-active).home .normal-header .logo-section .logo-animation g.l-name { opacity: 0; } body:not(.elementor-editor-active).home .normal-header .h-right { transform: translateX(200%); } body:not(.elementor-editor-active).home .normal-header .top-menu { transform: translateX(200%); } body:not(.elementor-editor-active).home .normal-header .main-menu .elementor-nav-menu li.menu-item { opacity: 0; } body:not(.elementor-editor-active) header .stickylogo .elementor-widget-image{opacity: 0; transform: translateY(-100px);} body:not(.elementor-editor-active) header .stickylogo .elementor-widget-heading{opacity: 0;} .page-scrolled header { position: fixed; width: 100%; z-index: 999; background: #444647; opacity: 0; transform: translateY(-150px); } .page-scrolled header .logo-animation, .page-scrolled header .elementor-widget-theme-site-logo { display: none; } .page-scrolled header .stickylogo { display: flex; } .page-scrolled header .stickylogo .elementor-widget-image { margin-bottom: -22px; } .page-scrolled header .h-right { min-height: auto; justify-content: center; } .page-scrolled header .normal-header { min-height: 75px; transition: none !important; } .page-scrolled header .top-menu { min-height: auto; opacity: 1; transition:none !important;} .page-scrolled header .top-menu .elementor-nav-menu .elementor-item { color: #fff; } .page-scrolled header .top-menu::before { opacity: 0; transition: none; } .page-scrolled header .arrow-menu, .page-scrolled header .top-bar { display: none; } .page-scrolled header .main-menu .elementor-item::after { top: calc(100% - 10px); } .page-scrolled.header-sticky header { opacity: 1; transform: translateY(0px); transition: transform 0.5s ease-in-out; overflow: visible; background-color: #444647 !important;} .page-scrolled.header-sticky header .normal-header{ background-color: transparent !important;} .page-scrolled.header-sticky header .stickylogo .elementor-widget-image{opacity: 1 !important; transform: translateY(0px); transition: all var(--ts5) ease-in-out; transition-delay: 0.5s;} .page-scrolled.header-sticky header .stickylogo .elementor-widget-heading{opacity: 1 !important; transition: all var(--ts5) ease-in-out; transition-delay: 0.8s;} .page-scrolled.header-sticky header .top-menu {padding-top: 0 !important; padding-bottom: 0 !important;} } .arrow-menu { position: absolute !important; left: 18px; top: 8px; transform: rotate(-136deg); height: 12px; width: 12px; transition: opacity 0.5s; } .arrow-menu.arrow-open { opacity: 1; transition-delay: 0.5s; } .arrow-menu.arrow-close { right: -34px; left: unset; top: unset; transform: rotate(-136deg); bottom: 5px; opacity: 0; pointer-events: none; transition-delay: 0s; } .arrow-menu .elementor-icon-wrapper { display: flex; } .arrow-menu .elementor-icon-wrapper svg { height: 12px; width: 12px; fill: #808080; transition: all var(--ts5); } .arrow-menu:hover svg { cursor: pointer; } .arrow-menu:hover svg path { fill: var(--color-primary) !important; } @media (min-width: 1880px) { .arrow-menu { left: 18px; } } @media (max-width: 1700px) { .arrow-menu { left: 50px; } .page-scrolled.header-sticky header .stickylogo .elementor-widget-heading .elementor-heading-title{font-size: 13px !important;} } @media (max-width: 1450px) { .page-scrolled.header-sticky header .stickylogo .elementor-widget-heading { display: none !important; } } header .top-menu.closeBg::before{transform:skewX(-45deg) translateX(calc(100% - 40px));height:25px;width:calc(100% + 40px);left:0;} /* header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(1400px); height: 25px; } */ /* @media (min-width: 1880px) { header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(1410px); } } */ /* @media (min-width: 1921px) { header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(1460px); } } */ /* @media (max-width: 1700px) { header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(1050px); } } */ /* @media (max-width: 1400px) { header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(905px); } } */ /* @media (max-width: 1120px) { header .top-menu.closeBg::before { transform: skewX(-45deg) translateX(882px); } } */ header .top-menu{--width:100% !important;} header .top-menu::before { width: 100vw; transform: skewX(-45deg); left: -120px; transition: all 1s; transform-origin: bottom right; height: 100%; bottom: 0; top: auto; } /* @media (min-width: 1880px) { header .top-menu::before { left: -120px; }} */ @media (max-width: 1880.98px) and (min-width: 1700px) { header .logo-animation{ --width: 300px !important;} /* header .top-bar-nav .elementor-item{ padding-left: 10px !important; padding-right: 10px !important; } */ } @media (max-width: 1880.98px) { header .top-bar{gap: 20px !important;} } @media (max-width: 1700px) { .header-search{--extraSpace:33px;} header .top-menu::before { left: -55px; } header .top-bar-nav .elementor-item{ padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 1499.98px) { .header-search{--extraSpace:43px;} .header-search{width:35px;margin-right:9px;} .header-search .header-search-wrap{height:35px;} .header-search .header-search-wrap svg{position:absolute;width:16px;height:16px;right:10px;top:10px;} .header-search .header-search-input{padding-right:25px;} } @media (max-width: 1199.98px) { .header-search{ --top-bar-width: 940px !important; --top-menu-width: 1288px !important; } header .main-menu .elementor-item{font-size: 12px !important;} header .top-menu.closeBg::before { transform:skewX(-45deg) translateX(calc(100% - 60px));} header .top-menu::before{left:-85px;} .arrow-menu{left:20px;} .arrow-menu.arrow-close{right:-12px;} header .top-bar-nav .elementor-item, header .top-bar-nav .elementor-item{padding-left:5px !important;padding-right:5px !important;font-size:12px !important;} header .top-bar-toggle ~ .elementor-widget-html{width:35px;} .header-search{position:absolute;top:-18px;left:0;z-index:999;} /* .header-search .header-search-wrap{height:35px;} .header-search .header-search-wrap svg{position:absolute;width:16px;height:16px;right:10px;top:10px;} .header-search .header-search-input{padding-right:25px;} */ } header .top-menu.closeBg .arrow-open { opacity: 0; pointer-events: none; transition-delay: 0s; } header .top-menu.closeBg .arrow-close { opacity: 1; pointer-events: all; transition-delay: 0.5s; } header .top-menu.closeBg .elementor-nav-menu .menu-item a { color: var(--white); } .top-bar { width: auto !important; transform: translateX(0); transition: all 1s !important; } .top-bar::before { width: 100vw !important; transform: skewX(45deg); left: 0; transition: all 1s; transform-origin: bottom right; height: 100%; bottom: 0; top: auto; } .top-bar .top-bar-nav, .top-bar .elementor-widget-social-icons { transition: all var(--ts5); transition-delay: 0.5s; } .top-bar.closeTopBar { transform: translateX(100%); transition: all 1s; } .top-bar.closeTopBar .top-bar-toggle { transform: rotate(180deg); } .top-bar.closeTopBar .h-search, .top-bar.closeTopBar .top-bar-nav, .top-bar.closeTopBar .elementor-widget-social-icons { opacity: 0; transition-delay: 0s; pointer-events: none;} .top-bar .top-bar-toggle { cursor: pointer; transform: rotate(0deg); transition: all 1s; } .top-bar .top-bar-toggle .elementor-widget-container { margin-right: -8px; } .top-bar .top-bar-toggle svg path { fill: var(--color-white); } .top-bar .top-bar-toggle:hover svg path { fill: var(--color-primary); } .top-bar .top-bar-nav { position: relative; } .top-bar .top-bar-nav .menu-item > a::after { content: ""; width: 9px; height: 14px; background: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat !important; background-size: 10px 14px !important; margin: 0 auto; display: inline-block; position: unset; opacity: 1 !important; margin-left: 11px; transform: translateX(0px) !important; transition: transform var(--ts3) ease-in-out !important; } .top-bar .top-bar-nav .menu-item.current-menu-item > a::after, .top-bar .top-bar-nav .menu-item > a:hover::after { background: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat !important; background-size: 10px 14px !important; transform: translateX(5px) !important; } header .menu-click{ position: absolute; right: 20px; top: calc(50% - 10px); .header-btn-wrap{width:24px;-webkit-transition:transform .4s cubic-bezier(.77,0,.175,1);-moz-transition:transform .4s cubic-bezier(.77,0,.175,1);-ms-transition:transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1);} .header-btn-wrap span{position:relative;display:block;height:3px;width:100%;margin-bottom:6px;-webkit-transform:translateZ(0) translateX(0) rotate(0);-moz-transform:translateZ(0) translateX(0) rotate(0);-ms-transform:translateZ(0) translateX(0) rotate(0);transform:translateZ(0) translateX(0) rotate(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;perspective:1000;-webkit-transition:transform .4s cubic-bezier(.77,0,.175,1);-moz-transition:transform .4s cubic-bezier(.77,0,.175,1);-ms-transition:transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1);} .header-btn-wrap span:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--white);-webkit-transition:background-color .15s ease;-moz-transition:background-color .15s ease;-ms-transition:background-color .15s ease;-o-transition:background-color .15s ease;transition:background-color .15s ease;} .header-btn-wrap span:last-of-type{margin-bottom:0;} .header-btn-wrap span:last-of-type:after{-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s;} } /* body:not(.header-active) header .menu-click:hover span:first-of-type{-webkit-transform:translateZ(0) translateX(-6px);-moz-transform:translateZ(0) translateX(-6px);-ms-transform:translateZ(0) translateX(-6px);transform:translateZ(0) translateX(-6px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;perspective:1000;} */ /* body:not(.header-active) header .menu-click:hover span:last-of-type{-webkit-transform:translateZ(0) translateX(6px);-moz-transform:translateZ(0) translateX(6px);-ms-transform:translateZ(0) translateX(6px);transform:translateZ(0) translateX(6px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;perspective:1000;} */ body.header-active .header-btn-wrap { -webkit-transform: translateZ(0) rotate(45deg); -moz-transform: translateZ(0) rotate(45deg); -ms-transform: translateZ(0) rotate(45deg); transform: translateZ(0) rotate(45deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } body.header-active header .menu-click .header-btn-wrap span:first-of-type { -webkit-transform: translateZ(0) rotate(90deg) translateX(9px); -moz-transform: translateZ(0) rotate(90deg) translateX(9px); -ms-transform: translateZ(0) rotate(90deg) translateX(9px); transform: translateZ(0) rotate(90deg) translateX(9px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } body.header-active header .menu-click .header-btn-wrap span:last-of-type:after { background-color: transparent; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } header .mobile-header{ padding-left: 0 !important; padding-right: 0 !important; max-height: 0; clip-path: inset(0% 0% 100%); transition: all 0.5s ease-in-out; .mb-top-bar{ .elementor-widget-nav-menu{ overflow: scroll; max-height: 0; transition: max-height 0.5s ease-in-out; .elementor-nav-menu{flex-wrap: nowrap !important;} .current-menu-item .elementor-item-active{ color:var(--color-secondary) !important; &:after{ background: url('data:image/svg+xml;utf8, ') !important; } } .menu-item a.elementor-item::after{ content: ""; width: 9px; height: 14px; background: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat !important; background-size: 10px 14px !important; margin: 0 auto; display: inline-block; position: unset; opacity: 1 !important; margin-left: 11px; transform: translateX(0px) !important; transition: transform var(--ts3) ease-in-out !important; } } .elementor-widget-icon{ cursor: pointer; z-index: 99; transform: scaleY(1); transform-origin: top; transition: transform 0.5s ease-in-out; svg{ height: 26px; width: 53px; } } &.active{ .elementor-widget-nav-menu{ max-height: 200px; } .elementor-widget-icon{ transform: scaleY(-1); } } } .m-search{opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s ease-in-out; .elementor-widget-search .e-search-form{ flex-direction: row-reverse; .e-search-label{ right: 60px; } } } .m-menu-section{ height: calc(100vh - var(--menuheight) - 126px); overflow: scroll; .mobile-menu nav .elementor-nav-menu > .menu-item { border-bottom: 1px solid #fff !important; opacity: 0; transition: opacity 0.5s ease-in-out; &.menu-item{ &:hover{ /* background-color: var(--color-primary); */ } } &.current-menu-item .elementor-item-active{ color: var(--color-primary) !important; } } .m-intro-title{ position: absolute; top: calc(50% - 25px); width: 100%; } } &.active{ max-height: calc(100vh - var(--menuheight)); clip-path: inset(0% 0% 0%); .m-search{ opacity: 1; visibility: visible; pointer-events: all; } .m-menu-section{ &::before{ opacity: 0 !important; transition: all 0.5s ease-in-out !important; transition-delay: 1.2s !important; } .m-intro-title{ opacity: 0!important; visibility: hidden!important; transition: all 0.5s ease-in-out; transition-delay: 1.2s; } .mobile-menu nav .elementor-nav-menu > .menu-item { opacity: 1; --d:1.8s; &:nth-child(1){ transition-delay: calc(var(--d)); } &:nth-child(2){transition-delay: calc(var(--d) + 0.1s)} &:nth-child(3){transition-delay: calc(var(--d) + 0.2s)} &:nth-child(4){transition-delay: calc(var(--d) + 0.3s)} &:nth-child(5){transition-delay: calc(var(--d) + 0.4s)} &:nth-child(6){transition-delay: calc(var(--d) + 0.5s)} &:nth-child(7){transition-delay: calc(var(--d) + 0.6s)} &:nth-child(8){transition-delay: calc(var(--d) + 0.7s)} &:nth-child(9){transition-delay: calc(var(--d) + 0.8s)} &:nth-child(10){transition-delay: calc(var(--d) + 0.9s)} &:nth-child(11){transition-delay: calc(var(--d) + 1s)} &:nth-child(12){transition-delay: calc(var(--d) + 1.1s)} &:nth-child(13){transition-delay: calc(var(--d) + 1.2s)} &:nth-child(14){transition-delay: calc(var(--d) + 1.3s)} &:nth-child(15){transition-delay: calc(var(--d) + 1.4s)} &:nth-child(16){transition-delay: calc(var(--d) + 1.5s)} &:nth-child(17){transition-delay: calc(var(--d) + 1.6s)} &:nth-child(18){transition-delay: calc(var(--d) + 1.7s)} } } } } @media (min-width: 991px) { .menu-click{display: none !important;} header .mobile-header{ display: none !important; } } @media (max-width: 991.98px) { header{ background: #444648 !important; --menuheight: 120px;} header .normal-header{ height: var(--menuheight); background: #444648 !important; } header .normal-header svg{height: 75px;} body.header-active{overflow: hidden;} header .mobile-header{ display: block !important; } } @media (max-width: 767.98px) { header {--menuheight:100px} header .normal-header svg { height: 60px; } } /* End Header */ .elementor-star-rating { gap: 5px; display: flex !important; align-items: center; justify-content: center; } .elementor-star-rating i { font-size: 0px !important; width: 28px; height: 28px; } .elementor-star-rating i::before { content: "" !important; display: block !important; width: 28px; height: 28px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; transition: all var(--ts3); } .elementor-star-rating i.elementor-star-full::before { background-image: url('data:image/svg+xml;utf8,'); } /* Footer */ .f-list-menu a.elementor-item { padding-right: 0 !important; } .f-list-menu a.elementor-item:before { content: ''; background: url(/wp-content/uploads/2025/05/rightArrow.svg); width: 10PX; height: 15PX; position: absolute; left: 0; background-size: contain; opacity: 0 !important; background-repeat: no-repeat; } .f-list-menu a.elementor-item.elementor-item-active:before, .f-list-menu a.elementor-item:hover:before { opacity: 1 !important; } .f-search-box form.e-search-form { max-width: 232px; margin: 0 auto; flex-direction: row-reverse; position: relative; } .f-search-box form.e-search-form .e-search-input{ max-width: 232px; } .f-search-box label.e-search-label { position: absolute !important; right: 13px; width: 20px; top: 50%; transform: rotateY(0deg) translateY(-50%); } .f-search-box label.e-search-label>svg { position: unset; transform: none; } .f-search-box .e-search-input { font-size: 16px; font-family: var(--montserrat); min-height: 42px !important; padding: 10px 45px 10px 20px !important; } .f-login .elementor-nav-menu--main { margin-left: -37px; } .f-login .elementor-nav-menu { max-width: 232px; margin: 0 auto; } .f-login .elementor-nav-menu .elementor-item { text-align: center; border-radius: 10px; align-items: center; justify-content: center; padding-left: 24px !important; } .f-login .elementor-nav-menu .elementor-item.elementor-item-active, .f-login .elementor-nav-menu .elementor-item:hover { background-color: var(--color-primary); } .f-login .elementor-nav-menu .elementor-item:before { content: ''; background: url(/wp-content/uploads/2025/05/rightArrow.svg); width: 10PX; height: 13PX; position: absolute; left: 22px; background-size: contain; opacity: 1 !important; background-repeat: no-repeat; } .f-logo .elementor-widget-image > div { text-align: right; margin-top: 0px; transform: translateX(3px); margin-bottom: 30px; } .f-logo .elementor-widget-heading .elementor-heading-title { letter-spacing: 1.1px; min-width: 275px; padding-bottom: 2px; } .elementor-widget-social-icons { .elementor-social-icons-wrapper{gap: normal !important;} .elementor-icon { svg { path[fill="#fff"] { transition: all var(--ts3); } } &:hover { svg { path[fill="#fff"] { fill: var(--color-primary); } } } } } /* */ /* Popup Contact Us */ .contactPopup { .dialog-close-button { max-width: 49px; height: 49px; width: 49px; border: 2px solid var(--color-primary); align-items: center; justify-content: center; border-radius: 100px; } } /* Popup Contact Us */ /* Custom Tab */ body:not(.elementor-editor-active) .tab-content .content-item:not(.tab-show) { display: none !important; } body .tab-navigation { overflow: hidden; } .tab-navigation .tab-item { position: relative; cursor: pointer; } /* .tab-navigation .tab-item:after { position: absolute; content: ""; width: 100%;height: max(8.8%, 45px); left: 0; bottom: 0; background-color: var(--white); } */ .tab-navigation .tab-item.active:before, .tab-navigation .tab-item:hover:before { background-color: var(--color-primary) !important; } /* .tab-navigation .tab-item.active:after{ -webkit-mask:url(/wp-content/uploads/2025/05/tabActive-shap.svg); mask:url(/wp-content/uploads/2025/05/tabActive-shap.svg); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; } */ .elementor-button .elementor-button-icon { font-size: 54%; } .elementor-button:has(.elementor-button-icon) .elementor-button-content-wrapper { padding-left: 53px; } /* .tab-navigation .tab-item.active>.elementor-element:first-child:before { content: ""; width: 13px; height: 23px; display: block; position: absolute; background-color: var(--white); left: 50%; bottom: max(6%, 15px); transform: translateX(-50%) rotate(90deg); transform-origin: center; mask: url(/wp-content/uploads/2025/03/arrowOpen-1.svg); mask-repeat: no-repeat; mask-size: cover; } .tab-navigation .tab-item>.elementor-element:first-child { position: static; } */ .active-clipArrow { position: absolute; bottom: -10px; width: 104%; left: -2%; padding-bottom: 12%; background-color: var(--white); background-image: url(/wp-content/uploads/2025/05/tabActive-shap.svg); background-size: cover; mask-size: cover; background-position: center; text-align: center; } .active-clipArrow svg { width: 28px; position: absolute; display: block; left: calc(50% - 14px); top: -6px; @media screen and (max-width: 1499px) { width: 16px; left: calc(50% - 8px); } } .active-clipArrow svg path { fill: var(--white); } .tab-navigation .tab-item.active .active-clipArrow { background-color: transparent; } .icondown-animation{-webkit-animation:pulse-down 1s 0.25s infinite normal ease forwards;-moz-animation:pulse-down 1s 0.25s infinite normal ease forwards;-o-animation:pulse-down 1s 0.25s infinite normal ease forwards;animation:pulse-down 1s 0.25s infinite normal ease forwards;} @keyframes pulse-down { 0%{opacity:0;transform: translateY(-15px);} 10%{opacity:0;} 50%{opacity:1;} 90%{opacity:0;} 100%{opacity: 0;transform: translateY(0px);} } .active-TabArrow svg{-webkit-animation:pulse-tab 1s 0.25s infinite normal ease forwards;-moz-animation:pulse-tab 1s 0.25s infinite normal ease forwards;-o-animation:pulse-tab 1s 0.25s infinite normal ease forwards;animation:pulse-tab 1s 0.25s infinite normal ease forwards;} .active-clipArrow svg{-webkit-animation:pulse 1s 0.25s infinite normal ease forwards;-moz-animation:pulse 1s 0.25s infinite normal ease forwards;-o-animation:pulse 1s 0.25s infinite normal ease forwards;animation:pulse 1s 0.25s infinite normal ease forwards;} @keyframes pulse-tab { 0%{opacity:0;transform: translateX(0px) translateY(0px) rotate(45deg);} 10%{opacity:0;} 50%{opacity:1;} 90%{opacity:0;} 100%{opacity: 0;transform: translateY(10px) translateX(-10px) rotate(45deg);} } @keyframes pulse { 0%{opacity:0;transform: translateY(0px);} 10%{opacity:0;} 50%{opacity:1;} 90%{opacity:0;} 100%{opacity: 0;transform: translateY(15px);} } .line-animation .elementor-divider-separator{clip-path: inset(0% 100% 0% 100%); transition: all 1s ease-in-out;} .line-animation.elementor-element-edit-mode .elementor-divider-separator, .sectionAnimated .line-animation .elementor-divider-separator{clip-path: inset(0% 0% 0% 0%); transition-delay: 0.3s;} /* Custom Tab */ /* TC */ body:not(.elementor-editor-active) .tab-content .content-item:not(.tab-show) { display: none !important; } .tab-navigation .tab-item { position: relative; } .tab-navigation .tab-item:after { position: absolute; content: ""; width: calc(100% + 2px); padding-top: 11.6%; left: -2px; bottom: -8px; background-color: var(--white); } .tab-navigation .tab-item.active:before { background-color: var(--color-primary); } .tab-navigation .tab-item.active:after { -webkit-mask: url(/wp-content/uploads/2025/05/tabActive-shap.svg); mask: url(/wp-content/uploads/2025/05/tabActive-shap.svg); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; } .terms-of-use-tab .tab-item:not(:last-child) { border-right: 1px solid #57595a; @media screen and (max-width: 767.98px) { border-left: none; border-bottom: 1px solid #57595a; } } .tab-link a:not(:last-child) { border-right: 1px solid #57595a; @media screen and (max-width: 767.98px) { border-left: none; border-bottom: 1px solid #57595a; } } .tab-link a.active{ pointer-events: none; } .tab-link a.active:before { background-color: var(--color-primary) !important; } .tab-link a.active::after{ content: ''; width: 95px; --h: 48px; height: var(--h); border-top: solid var(--h) var(--color-primary); border-left: solid var(--h) transparent; border-right: solid var(--h) transparent; z-index: 1; bottom: calc(var(--h) * -1); position: absolute; } .tab-link a .active-Arrow{ opacity: 0; position: absolute; bottom: 5px; background-color: transparent; padding: 0; width: 100%; left: 0; z-index: 2; background-image: url(/wp-content/uploads/2025/05/tabActive-shap.svg); background-size: cover; mask-size: cover; background-position: center; text-align: center; } .tab-link a.active .active-Arrow { opacity: 1; } .tab-link a .active-Arrow svg { width: 28px; position: absolute; display: block; left: calc(50% - 14px); top: -6px; -webkit-animation: pulse 1s 0.25s infinite normal ease forwards; -moz-animation: pulse 1s 0.25s infinite normal ease forwards; -o-animation: pulse 1s 0.25s infinite normal ease forwards; animation: pulse 1s 0.25s infinite normal ease forwards; } .tc-content { .slideInUp { animation-name: fadeInUpCustom !important; } p { margin-bottom: 18px; } ul { list-style: none; padding: 0; margin-bottom: 20px; margin-top: 0; li { display: block; padding-left: 20px; margin-bottom: 5px; &:last-child{ margin-bottom: 0; } &:before { position: absolute; left: 0; content: ''; height: 4px; width: 4px; flex: 0 0 4px; display: inline-block; background: #4c4c4c; border-radius: 10px; /* margin-right: 20px; */ margin-top: 7px; } } } ul:last-child { margin-bottom: 0; } } /* Initial state */ .tc-icon-animation { .tci-book path { fill: transparent; } .tci-bg { opacity: 0; } } @media (min-width:1399.98px) and (max-width:1890.98px) { .tc-icon-animation { right: 0px !important; } } .banner-animation:not(.elementor-element-edit-mode) { .elementor-heading-title { visibility: hidden; } .elementor-widget-text-editor .elementor-widget-container { visibility: hidden; } .elementor-widget-button { visibility: hidden; opacity: 0; } } .pageAnimationActive { .tc-icon-animation { .tci-book path { &.book-line { animation: drawLine 1.5s ease forwards; &:nth-child(1) { animation-delay: 3.5s; } &:nth-child(2) { animation-delay: 3.7s; } &:nth-child(3) { animation-delay: 3.9s; } &:nth-child(4) { animation-delay: 3.1s; } &:nth-child(5) { animation-delay: 4.3s; } &:nth-child(6) { animation-delay: 4.5s; } &:nth-child(7) { animation-delay: 4.7s; } &:nth-child(8) { animation-delay: 4.9s; } &:nth-child(9) { animation-delay: 3.1s; } } } } .tci-bg { animation: showBg 0.5s ease forwards; animation-delay: 1.5s; } } @keyframes showBg { from { opacity: 0; } to { opacity: 1; } } @keyframes drawLine { 0% { fill: #fff; } 70% { fill: transparent; } 100% { fill: #fff; } } @media (max-width:991.98px) { .tab-link a.active::after { width: 60px; --h: 30px; } .tab-link a .active-Arrow svg { width: 20px; left: calc(50% - 10px); } .tc-icon-animation {display: none !important;} } /* End TC */ /* Accordion */ .custom-accordion { display:none; summary.e-n-accordion-item-title { display: flex; justify-content: space-between; transition: all var(--ts3); &:hover { background-color: var(--color-primary) !important; } } .elementor-widget-container { >.e-n-accordion { >.e-n-accordion-item[open] { >.e-n-accordion-item-title { border-radius: 4px 4px 0px 0px; } } } } } .e-n-accordion-item[open] span.e-n-accordion-item-title-icon { transform: rotate(180deg); transition: .4s ease all; } .e-n-accordion-item span.e-n-accordion-item-title-icon { transition: .4s ease all; } .e-n-accordion-item { &[open] { span.e-n-accordion-item-title-icon { transform: rotate(180deg); } } span.e-n-accordion-item-title-icon { transition: 0.4s ease all; } } .accordianMainHead { position: relative; cursor: pointer; &:before { content: ''; position: absolute; right: 40px; top: calc(50% - 5px); background-image: url(/wp-content/uploads/2025/05/arrow.svg); background-size: contain; background-repeat: no-repeat; transform: rotate(0deg); width: 18px; height: 10px; transform-origin: center; transition: 0.4s ease all; } &.active:before { transform: rotate(180deg); } @media (max-width: 767px) { &:before { right: 15px; } } } .accordianBox { position: relative; &:after { position: absolute; content: ''; height: 13px; width: 100%; background: linear-gradient(360deg, #323334 0%, #474A4B 51%); bottom: -20px; top: auto; left: 0; right: 0; border-radius: 30px; } } .elementor-widget-n-accordion { .e-n-accordion-item { .e-n-accordion-item-title-icon { .e-closed { display: none !important; } .e-opened { display: flex !important; } } } } .chartBar { opacity: 0.2; } .chartBar svg { width: 106vw !important; height: auto !important; } .tabLeftMain .e-n-tab-title:before { min-width: 34px; height: 34px; background-color: #444647; border-radius: 50%; counter-increment: button; font-size: var(--f24); font-weight: 600; color: var(--white); content: counter(button); display: flex; align-items: center; justify-content: center; margin-right: max(7.2%, 15px); } .tabLeftMain .e-n-tabs-heading { counter-reset: button; padding-top: var(--tabHeading); } .tabLeftMain .e-n-tabs-heading .e-n-tab-title { position: relative; cursor: pointer; } .tabLeftMain .e-n-tabs-heading .e-n-tab-title:last-child .active-TabArrow{ top: auto; bottom: 11px; } .tabLeftMain .e-n-tab-title[aria-selected="true"] { letter-spacing: 0px !important; } .tabLeftMain .e-n-tab-title[aria-selected="true"]:before { background-color: var(--color-primary); } .tabLeftMain .e-n-tab-title:not([aria-selected="true"]) .e-n-tab-title-text { text-transform: initial !important; } .custom-pagination button { padding: 0; margin: 0; width: 18px; height: 18px; border: 1px solid #ffff !important; display: block; border-radius: 50% !important; background-color: #ffffff !important; cursor: pointer; overflow: hidden; position: relative; padding: 0 !important; transform: scale(1); transition: all 0.3s linear; } .custom-pagination:before { content: ""; position: absolute; left: 0; width: 100%; height: 3px; background-color: #ffffff; top: calc(50% - 1px); } .custom-pagination button.active { transform: scale(2.2); } .custom-pagination button:hover { background-color: #ffffff; } .custom-pagination button svg { opacity: 0; transition: all 0.3s linear; } .custom-pagination button.active svg { opacity: 1; } .custom-pagination button svg { width: 100%; } .custom-pagination { display: flex; gap: 89px; position: relative; } .active-TabArrow { width: 53px; height: 53px; background: #ffffff; transform: rotate(45deg); transform-origin: center; position: absolute; left: calc(100% + 9px); z-index: 2; display: none; align-items: center; justify-content: center; top: 15px; } .active-TabArrow svg { width: 24px; transform: rotate(45deg); transform-origin: center; display: block; /* margin-left: -16px; margin-top: 16px; */ } .tabLeftMain .e-n-tabs-content { margin-top: -5px; } /* .tabLeftMain .e-n-tabs-heading .e-n-tab-title {opacity: 0; transform: translateY(-10px); transition: all var(--ts5) ease-in-out;} */ section:not(.elementor-editor-active) .tabLeftMain .e-n-tabs-content{clip-path: inset(0% 100% 0% 0); transition: all var(--ts5) ease-in-out;} .custom-pagination:before{width: 0%; transition: all var(--ts5) ease-in-out;} .custom-pagination button{opacity: 0; transition: all var(--ts3) ease-in-out;} /* .sectionAnimated .tabLeftMain .e-n-tabs-heading .e-n-tab-title {opacity: 1; transform: translateY(0px); transition-delay: 0.2s; &:nth-child(0){transition-delay: 0.3s} &:nth-child(1){transition-delay: 0.4s} &:nth-child(2){transition-delay: 0.5s} &:nth-child(3){transition-delay: 0.6s} &:nth-child(4){transition-delay: 0.7s} &:nth-child(5){transition-delay: 0.8s} &:nth-child(6){transition-delay: 0.9s} &:nth-child(7){transition-delay: 1.0s} &:nth-child(8){transition-delay: 1.1s} } */ .sectionAnimated .custom-pagination:before{width: 100%; transition-delay: 0.2s;} .sectionAnimated .custom-pagination button{opacity: 1;} section:not(.elementor-editor-active).sectionAnimated .tabLeftMain .e-n-tabs-content{clip-path: inset(0% 0% 0% 0); transition-delay: 0.4s;} section.elementor-element-edit-mode .tabLeftMain .e-n-tabs-content { clip-path: inset(0% 0% 0% 0) !important; } .quote-slider{display: block !important;} @media(min-width:992px) { .tabLeftMain .e-n-tab-title[aria-selected="true"] .active-TabArrow { display: flex; } .custom-pagination { position: absolute; top: -72px; right: 0px; } } @media(max-width:1700px) { .active-TabArrow { left: calc(100% - 6px); } } @media(max-width:1400px) { .tabLeftMain .e-n-tabs-heading { min-width: 50%; padding-right: 45px; } .active-TabArrow { left: calc(100% + 38px); } .tabLeftMain .e-n-tabs-heading button.e-n-tab-title { line-height: 1.25 !important; } } @media(max-width:1199.98px) { .tabLeftMain .e-n-tabs-heading { padding-top: 0 !important; } } @media(max-width:991.98px) { .custom-pagination { margin-top: 30px; min-width: calc(100% - 22px); justify-content: space-between; margin: 30px 12px 0 12px; } .tabLeftMain .e-n-tabs { display: block !important; } .tabLeftMain .e-n-tab-title:before { margin-right: 15px; } .tabHeading { margin: 0 !important; width: 100% !important; } .tabLeftMain .e-n-tabs-heading { min-width: 100%; padding: 0 !important; margin-bottom: 15px; display: block !important; } .tabLeftMain .e-n-tabs-content { margin: 0; } .custom-pagination { margin-top: 30px; } .tabLeftMain .e-n-tabs-heading button.e-n-tab-title { padding: 15px 0; } } @media(max-width:575px) { .custom-pagination { display: none !important } .custom-pagination button { width: 16px; height: 16px; min-width: 16px; min-height: 16px; } } @media (min-width:1200px) { .tabHeading { margin-bottom: calc(-1 * var(--tabHeading)) !important; } } @media (max-width: 1700px) { .quote-section { br { display: none; } } } @media (min-width: 1920px) { .quote-section.trust-section .quote-content .elementor-widget-container { p:first-child:before { top: -13px; left: -9px; } p:last-child:after { top: 26px; left: 87px; } } } /* End */ @media (min-width:992px) { .reverce-clip .e-con-inner { margin-left: 0 !important; transform: translateX(0px) !important; } .reverce-clip:before { transform: skewX(0deg); left: 0px !important; width: calc(100% + 291px + ((100vw - var(--container)) / 2)) !important; margin-left: min(calc(((100vw - var(--container)) / 2) * -1), -20px); clip-path: polygon(0 0, 100% 0, calc(100% - 314px) 100%, 0% 100%); top: -9px !important; } } @media (min-width:768px) { .sectionLeftRight .lr-content { --lrspace: var(--s100); } .sectionLeftRight .lr-content { padding-right: 0; padding-left: var(--lrspace); } .sectionLeftRight:not(.flip-section) .lr-content { padding-right: var(--lrspace); padding-left: 0; } .sectionLeftRight:not(.elementor-element-edit-mode):not(.notContainer) .lr-img { opacity: 0; } .sectionLeftRight.flip-section>.e-con-inner { flex-direction: row !important; } } @media (min-width:992px) { .reverce-clip .e-con-inner { margin-left: 0 !important; transform: translateX(0px) !important; } .reverce-clip:before { transform: skewX(0deg); left: 0px !important; width: calc(100% + 130px) !important; margin-left: min(calc(((100vw - var(--container)) / 2) * -1), -40px); clip-path: polygon(0 0, 100% 0, calc(100% - 250px) 100%, 0% 100%); } } @media (min-width:1199.98px) { .sectionLeftRight .lr-content { --lrspace: var(--s100); } } @media (min-width:1400px) { .reverce-clip:before { width: calc(100% + 350px + ((100vw - var(--container)) / 2)) !important; clip-path: polygon(0 0, 100% 0, calc(100% - 314px) 100%, 0% 100%); top: -9px !important; } } @media (min-width:1699.98px) { .sectionLeftRight .lr-content { --lrspace: calc(var(--s100) + (var(--s30) * 2)); } .reverce-clip:before { width: calc(100% + 290px + ((100vw - var(--container)) / 2)) !important; } } @media (max-width:1700.98px) { :root { --f78: 60px; } .f-logo .elementor-widget-image>div { text-align: center; margin-top: 0px; transform: translateX(0px); margin-bottom: 20px; } .f-logo .elementor-widget-heading .elementor-heading-title { letter-spacing: 1.1px; min-width: auto; padding-bottom: 0px; } } @media (max-width:1499.98px) { .tab-navigation .tab-item:after { padding-top: 8.3%; bottom: 0px; } .active-clipArrow { padding-bottom: 10%; bottom: -0.04vw; } } @media (max-width:1400.98px) { :root { --f78: 50px; /* Space */ --s100: 80px; --s50: 40px; --s40: 30px; } } @media (max-width:1200.98px) { :root { /* Space */ --s100: 60px; --s50: 30px; --s40: 20px; } header>.e-con, footer>.e-con, section.e-con { padding-left: 20px; padding-right: 20px; } .client-test-style-01 .client-test-item .elementor-testimonial-meta-inner { gap: 24px; } } @media (max-width:991.98px) { :root { /* Font Size */ --f78: 42px; --f38: 30px; --f24: 20px; --f20: 18px; --f18: 16px; /* Space */ --s100: 50px; --s50: 25px; --s40: 20px; } header>.e-con, footer>.e-con, section.e-con { padding-left: 20px; padding-right: 20px; } br{display:none;} .client-test-style-01 .client-test-item .elementor-testimonial-content { padding: 40px 40px; } .client-test-style-01 .client-test-item .elementor-testimonial-wrapper:before { left: 20px; } .quote-content .quote-icon { max-width: 36px; } .quote-content .elementor-widget-container p:first-child:before { width: 36px; height: 31px; } } @media (max-width:767.98px) { :root { --f78: 38px; --f38: 28px; --s30: 20px; --g30: 20px; } .sectionLeftRight:not(.notContainer) { background-image: none !important; } .sectionLeftRight:not(.notContainer):before { content: none; } .sectionLeftRight:not(.notContainer) { padding-left: 0 !important; padding-right: 0px !important; } .client-test-style-01 .client-test-item .elementor-testimonial-content { border-radius: 0 0 0 30px !important; padding: 40px 30px 30px; } .client-test-style-01 .client-test-item .elementor-testimonial-meta-inner { padding-right: 30px; gap: 15px; } .client-test-style-01 .client-test-item .elementor-testimonial-content::before { right: 71px; } .client-test-style-01 .client-test-item .elementor-testimonial-content:after { right: 43px; } .quote-content .quote-right { margin: 20px 0 0 12px; } .active-clipArrow { display: none; } .tab-navigation .tab-item:after { content: none; } .at-info p br { display: none; } .login-auth:not(.elementor-element-edit-mode) { .auth-logo { transform: translateY(0vh) scale(1.8); } } .our-history-sec.sectionAnimated.top-border:after{content: none;} .our-history-sec.sectionAnimated .lr-content.top-border:after{ width: 100%; } } @media (max-width:640.98px) {} @media (max-width:575.98px) { :root { --f78: 34px; } }