/*--------------------------------------------- Template Name: zaplin - The Ultimate SaaS & Startup HTML Template Template URL: Description: Author: Author URL: Version: 1.0.0 =============================================== STYLESHEET INDEXING | |___ Default Styles | |___ Variables | |___ Shortcode | |___ Reset Styels | |___ Typography | |___ Forms Styles | |___ Common | |___ Animation | |___ Elements Styles | |___ Accordion | |___ Back To Top | |___ Breadcrumb | |___ Button | |___ Pagination Styles | |___ Sal Styels | |___ Section Title | |___ Swiper | |___Template Styles | |___Blocks Styles | |___ Header Styles | |___ Footer Styles | |___Blog Styles | |___Spacing | |___ END STYLESHEET INDEXING --------------------------------------------*/ /*======================================================================= 1. Default Styles =========================================================================*/ /*------------------------- Variables -------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"); :root { --zaplin-color-primary: #854ef2; --zaplin-color-secondary: #eafa34; --zaplin-color-accent: #00a776; --zaplin-color-tertiary: #5849ff; --zaplin-color-heading-1: #0d0d0d; --zaplin-color-heading-2: #6a6a6a; --zaplin-color-heading-3: #A9A7B0; --zaplin-color-border: #0d0d0d; --zaplin-color-body: #0d0d0d; --zaplin-color-white: #ffffff; --zaplin-color-black: #000000; --zaplin-footer-text: #181818; --zaplin-color-lighten01: #F5F1FE; --zaplin-color-lighten02: #F6F6F6; --zaplin-color-lighten03: #f5f1eb; --zaplin-color-lighten04: #f7f5f2; --zaplin-extra-color01: #FE3C00; --zaplin-extra-color02: #FEC706; --zaplin-extra-color03: #4EFF10; --zaplin-extra-color04: #EFD567; --zaplin-extra-color05: #24CAFF; --zaplin-extra-color06: #FF6262; --zaplin-extra-color07: #EB681E; --zaplin-extra-color08: #191E2B; --zaplin-extra-color09: #FF8127; --zaplin-extra-color10: #01FFD1; --zaplin-p-light: 300; --zaplin-p-regular: 400; --zaplin-p-medium: 500; --zaplin-p-semi-bold: 600; --zaplin-p-bold: 700; --zaplin-p-extra-bold: 800; --zaplin-shadow-darker: 0px 10px 50px 0px rgba(26,46,85,0.1); --zaplin-shadow-darker2: 0px 20px 50px 0px rgba(26,46,85,0.1); --zaplin-shadow-dark: 0px 10px 30px 0px rgba(20,36,66,0.15); --zaplin-shadow-darkest: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); --zaplin-transition: 0.3s; --zaplin-transition-2: 0.5s; --zaplin-transition-transform: transform .65s cubic-bezier(.23,1,.32,1); --zaplin-font-primary: 'Inter', sans-serif; --zaplin-font-secondary: 'Outfit', sans-serif; --zaplin-font-third: 'Plus Jakarta Sans', sans-serif; --zaplin-flaticon: "flaticon_zaplin"; --zaplin-font-size-b1: 16px; --zaplin-font-size-b2: 18px; --zaplin-font-size-b3: 20px; --zaplin-line-height-b1: 1.65; --zaplin-line-height-b2: 1.73; --zaplin-h1: 60px; --zaplin-h2: 48px; --zaplin-h3: 36px; --zaplin-h4: 28px; --zaplin-h5: 24px; --zaplin-h6: 20px; --zaplin-h1-lineHeight: 1.07; --zaplin-h2-lineHeight: 1.16; --zaplin-h3-lineHeight: 1.16; --zaplin-h4-lineHeight: 1.15; --zaplin-h5-lineHeight: 1.35; --zaplin-h6-lineHeight: 1.3; } /*---------------------- Animation -----------------------*/ .zaplin-animated-shape { position: relative; z-index: 1; } .shape-group li { margin: 0; position: absolute; z-index: -1; } @media (max-width: 1199px) { .shape-group { display: none; } } .z-10 { z-index: 10; } @-webkit-keyframes headerSticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes headerSticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .rotateit { -webkit-animation: rotateIt 11s linear infinite; animation: rotateIt 11s linear infinite; } @-webkit-keyframes rotateIt { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotateIt { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .zaplin-rotate { -webkit-animation: rotation 18s infinite linear; animation: rotation 18s infinite linear; } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-1750px); transform: translateX(-1750px); } } @keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-1750px); transform: translateX(-1750px); } } @-webkit-keyframes scan { 0% { top: 50%; } 25% { top: 5px; } 75% { top: 98%; } } @keyframes scan { 0% { top: 50%; } 25% { top: 5px; } 75% { top: 98%; } } @-webkit-keyframes bounceSlide { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounceSlide { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce-slide { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceSlide; animation-name: bounceSlide; } @keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-1750px); transform: translateX(-1750px); } } @-webkit-keyframes scrollLeft { 0% { -webkit-transform: translateX(-1750px); transform: translateX(-1750px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes scrollLeft { 0% { -webkit-transform: translateX(-1750px); transform: translateX(-1750px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .flip { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flip 2s ease infinite; animation: flip 2s ease infinite; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(1000px) translateZ(150px) rotateY(170deg); transform: perspective(1000px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(1000px) translateZ(150px) rotateY(190deg); transform: perspective(1000px) translateZ(150px) rotateY(190deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(1000px); transform: perspective(1000px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(1000px) translateZ(150px) rotateY(170deg); transform: perspective(1000px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(1000px) translateZ(150px) rotateY(190deg); transform: perspective(1000px) translateZ(150px) rotateY(190deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(1000px) rotateY(360deg); transform: perspective(1000px) rotateY(360deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(1000px); transform: perspective(1000px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @-webkit-keyframes zaplinMiscellaneousScroll { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes zaplinMiscellaneousScroll { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-webkit-keyframes textShine { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } @keyframes textShine { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s; } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0); } to { -webkit-transform: scale(1); } } @keyframes animatezoom { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .scroll-animation { overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -moz-calc((420px * 16) + (30px * 16)); width: 7200px; } .scroll-animation.scroll-right-left { -webkit-animation: scroll 100s linear infinite; animation: scroll 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .scroll-animation.scroll-left-right { -webkit-animation: scrollLeft 100s linear infinite; animation: scrollLeft 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .scroll-animation.scroll-left-right-50 { -webkit-animation: scrollLeft 50s linear infinite; animation: scrollLeft 50s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .scroll-animation.scroll-right-left-50 { -webkit-animation: scroll 50s linear infinite; animation: scroll 50s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .scroll-animation:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes round { from { -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg); transform: rotate(0deg) translateX(10px) rotate(0deg); } to { -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg); transform: rotate(360deg) translateX(10px) rotate(-360deg); } } @keyframes round { from { -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg); transform: rotate(0deg) translateX(10px) rotate(0deg); } to { -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg); transform: rotate(360deg) translateX(10px) rotate(-360deg); } } .round { will-change: transform; -webkit-transform: rotate(45deg) translateX(10px) translateZ(2000px) rotate(-45deg); transform: rotate(45deg) translateX(10px) translateZ(2000px) rotate(-45deg); -webkit-animation: round 4s infinite linear; animation: round 4s infinite linear; } @-webkit-keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes zaplinTestimonialScroll { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes zaplinTestimonialScroll { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @-webkit-keyframes animateBottomLine { from { width: 0; } to { width: 100%; } } @keyframes animateBottomLine { from { width: 0; } to { width: 100%; } } @-webkit-keyframes slide-in-anim { 20% { opacity: 0; } 60% { -webkit-transform: translateX(45%); transform: translateX(45%); } 75% { -webkit-transform: translateX(52%); transform: translateX(52%); } 100% { opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slide-in-anim { 20% { opacity: 0; } 60% { -webkit-transform: translateX(45%); transform: translateX(45%); } 75% { -webkit-transform: translateX(52%); transform: translateX(52%); } 100% { opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes textRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes textRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dotDown { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { -webkit-transform: translate3d(-100%, 850px, 0); transform: translate3d(-100%, 850px, 0); } 100% { -webkit-transform: translate3d(-100%, 850px, 0); transform: translate3d(-100%, 850px, 0); } } @keyframes dotDown { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { -webkit-transform: translate3d(-100%, 850px, 0); transform: translate3d(-100%, 850px, 0); } 100% { -webkit-transform: translate3d(-100%, 850px, 0); transform: translate3d(-100%, 850px, 0); } } @-webkit-keyframes dotDown2 { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { -webkit-transform: translate3d(-100%, 750px, 0); transform: translate3d(-100%, 750px, 0); } 100% { -webkit-transform: translate3d(-100%, 750px, 0); transform: translate3d(-100%, 750px, 0); } } @keyframes dotDown2 { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 75% { -webkit-transform: translate3d(-100%, 750px, 0); transform: translate3d(-100%, 750px, 0); } 100% { -webkit-transform: translate3d(-100%, 750px, 0); transform: translate3d(-100%, 750px, 0); } } [data-aos="left-reveal"] { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos="left-reveal"].aos-animate { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 1199px) { [data-aos="left-reveal"] { -webkit-transform: none; -ms-transform: none; transform: none; } } [data-aos="right-reveal"] { -webkit-transform: translateX(94%); -ms-transform: translateX(94%); transform: translateX(94%); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos="right-reveal"].aos-animate { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 1199px) { [data-aos="right-reveal"] { -webkit-transform: none; -ms-transform: none; transform: none; } } /*============================== * Shortcode =================================*/ /*--------------------------------------*/ .container-custom, .container-custom-1520 { width: 100%; margin-left: auto; margin-right: auto; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); } .container-custom { max-width: 1710px; } .container-custom-1520 { max-width: 1520px; } @media only screen and (max-width: 767px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-custom, .container-custom-1520 { padding-right: 20px; padding-left: 20px; } } @media only screen and (min-width: 1200px) { .container { max-width: 1290px; } } /*=========================== Background Image =============================*/ .shape-group, .zaplin-breadcrumb-area .zaplin-breadcrumb, .zaplin-pagination, .about-image-gallery .shape-group li, .about-content .features-list, .zaplin-cta-banner .shape-group, .zaplin-faq-content .shape-group, .hero-banner .banner-content .shape-group, .hero-banner .banner-thumbnail .shape-group, .miscellaneous-image-gallery .shape-group li, .miscellaneous-content .features-list, .pricing-table .pricing-body .list-item, .project-description-area .challenge .features-list, .header-action, .zaplin-footer .information-list, .blog-meta, .zaplin-blog-widget.widget-categories .category-list { padding: 0; margin: 0; list-style: none; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li a { -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .bgImagePosition, .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image_fixed { background-attachment: fixed !important; } /*=================== Custom Row ======================*/ .row--0 { margin-left: -0px; margin-right: -0px; } .row--0 > [class*="col"] { padding-left: 0px; padding-right: 0px; } .row--5 { margin-left: -5px; margin-right: -5px; } .row--5 > [class*="col"] { padding-left: 5px; padding-right: 5px; } .row--10 { margin-left: -10px; margin-right: -10px; } .row--10 > [class*="col"] { padding-left: 10px; padding-right: 10px; } .row--15 { margin-left: -15px; margin-right: -15px; } .row--15 > [class*="col"] { padding-left: 15px; padding-right: 15px; } .row--20 { margin-left: -20px; margin-right: -20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--20 { margin-left: -15px !important; margin-right: -15px !important; } } .row--20 > [class*="col"], .row--20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 > [class*="col"], .row--20 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 > [class*="col"], .row--20 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 > [class*="col"], .row--20 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--20 > [class*="col"], .row--20 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--25 { margin-left: -25px; margin-right: -25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--25 { margin-left: -15px !important; margin-right: -15px !important; } } .row--25 > [class*="col"], .row--25 > [class*="col-"] { padding-left: 25px; padding-right: 25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 > [class*="col"], .row--25 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 > [class*="col"], .row--25 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 > [class*="col"], .row--25 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--25 > [class*="col"], .row--25 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--30 { margin-left: -30px; margin-right: -30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--30 { margin-left: -15px !important; margin-right: -15px !important; } } .row--30 > [class*="col"], .row--30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 > [class*="col"], .row--30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 > [class*="col"], .row--30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 > [class*="col"], .row--30 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--30 > [class*="col"], .row--30 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--35 { margin-left: -35px; margin-right: -35px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--35 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--35 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--35 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--35 { margin-left: -15px !important; margin-right: -15px !important; } } .row--35 > [class*="col"], .row--35 > [class*="col-"] { padding-left: 35px; padding-right: 35px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--35 > [class*="col"], .row--35 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--35 > [class*="col"], .row--35 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--35 > [class*="col"], .row--35 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--35 > [class*="col"], .row--35 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--40 { margin-left: -40px; margin-right: -40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--40 { margin-left: -15px !important; margin-right: -15px !important; } } .row--40 > [class*="col"], .row--40 > [class*="col-"] { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 > [class*="col"], .row--40 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 > [class*="col"], .row--40 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 > [class*="col"], .row--40 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--40 > [class*="col"], .row--40 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--45 { margin-left: -45px; margin-right: -45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--45 { margin-left: -15px !important; margin-right: -15px !important; } } .row--45 > [class*="col"], .row--45 > [class*="col-"] { padding-left: 45px; padding-right: 45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45 > [class*="col"], .row--45 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45 > [class*="col"], .row--45 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45 > [class*="col"], .row--45 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--45 > [class*="col"], .row--45 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--50 { margin-left: -50px; margin-right: -50px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--50 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--50 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--50 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--50 { margin-left: -15px !important; margin-right: -15px !important; } } .row--50 > [class*="col"], .row--50 > [class*="col-"] { padding-left: 50px; padding-right: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--50 > [class*="col"], .row--50 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--50 > [class*="col"], .row--50 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--50 > [class*="col"], .row--50 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--50 > [class*="col"], .row--50 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } .row--60 { margin-left: -60px; margin-right: -60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--60 { margin-left: -15px !important; margin-right: -15px !important; } } .row--60 > [class*="col"], .row--60 > [class*="col-"] { padding-left: 60px; padding-right: 60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60 > [class*="col"], .row--60 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60 > [class*="col"], .row--60 > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60 > [class*="col"], .row--60 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--60 > [class*="col"], .row--60 > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } } /*------------------------- Reset Styels -------------------------*/ * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } a { display: inline-block; color: var(--zaplin-color-heading-1); text-decoration: none; outline: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--zaplin-color-primary); } a:focus { outline: none; } address { margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } mark { background: var(--zaplin-color-primary); color: #ffffff; } code, kbd, pre, samp { font-size: var(--font-size-b3); -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--zaplin-color-primary); } kbd, ins { color: #ffffff; } pre, pre.wp-block-code { font-family: "Courier 10 Pitch", Courier, monospace !important; font-size: 15px !important; margin: 40px 0 !important; overflow: auto; padding: 20px !important; white-space: pre !important; white-space: pre-wrap !important; word-wrap: break-word !important; color: var(--zaplin-color-body) !important; background: var(--color-light); border-radius: 4px; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-top: 0; margin-bottom: 10px; } dd { margin: 0 15px 15px; } dt { font-weight: bold; color: var(--zaplin-color-heading-1); } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } ol ul { margin-bottom: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid var(--color-border); margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } caption, th, td { font-weight: normal; } table thead th { font-weight: 700; } td, .wp-block-calendar tfoot td { border: 1px solid var(--color-border); padding: 7px 10px; } del { color: #333; } ins { background: rgba(56, 88, 246, 0.6); text-decoration: none; padding: 0 5px; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; opacity: 0.6; } table a, table a:link, table a:visited { text-decoration: underline; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 15px 15px; } caption { caption-side: top; } kbd { background: var(--heading-color); } dfn, cite, em { font-style: italic; } /* BlockQuote */ blockquote, q { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: var(--font-size-b3); font-weight: normal; } blockquote strong, blockquote b { font-weight: 700; } /*------------------------- Typography -------------------------*/ html { overflow: hidden; overflow-y: auto; margin: 0; padding: 0; font-size: 10px; } body { overflow: hidden; font-size: var(--zaplin-font-size-b1); line-height: var(--zaplin-line-height-b1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--zaplin-font-primary); font-weight: 400; color: var(--zaplin-color-body); background-color: var(--zaplin-color-white); margin: 0; padding: 0; } body.modal-open { padding: 0 !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px; } .display-one { font-size: 112px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); } h1, .h1 { font-size: var(--zaplin-h1); line-height: var(--zaplin-h1-lineHeight); } h2, .h2 { font-size: var(--zaplin-h2); line-height: var(--zaplin-h2-lineHeight); } h3, .h3 { font-size: var(--zaplin-h3); line-height: var(--zaplin-h3-lineHeight); } h4, .h4 { font-size: var(--zaplin-h4); line-height: var(--zaplin-h4-lineHeight); } h5, .h5 { font-size: var(--zaplin-h5); line-height: var(--zaplin-h5-lineHeight); } h6, .h6 { font-size: var(--zaplin-h6); line-height: var(--zaplin-h6-lineHeight); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; -webkit-transition: 0.5s; transition: 0.5s; } a { color: var(--zaplin-color-heading-1); -webkit-transition: 0.3s; transition: 0.3s; } @media only screen and (max-width: 1199px) { h1, .h1 { font-size: 44px; } h2, .h2 { font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } } h1, .h1, h2, .h2, h3, .h3, h5, .h5, h4, .h4 h6, .h6 { font-weight: var(--zaplin-p-semi-bold); } p { margin: 0 0 40px; } @media only screen and (max-width: 767px) { p { margin: 0 0 20px; } } .table, table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; } table a, table a:link, table a:visited { text-decoration: none; } cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--zaplin-color-heading-1); } var { font-family: "Courier 10 Pitch", Courier, monospace; } /*--------------------------- List Style ---------------------------*/ ul, ol { margin-bottom: 30px; padding-left: 20px; } ul { list-style: square; margin-bottom: 30px; padding-left: 20px; } ul.liststyle.bullet li { font-size: var(--zaplin-font-size-b1); line-height: var(--zaplin-line-height-b1); color: var(--zaplin-color-body); position: relative; padding-left: 30px; } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left: 19px; } } ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: var(--zaplin-color-body); left: 0; top: 10px; } ul.liststyle.bullet li + li { margin-top: 8px; } ul li { font-size: var(--zaplin-font-size-b1); line-height: var(--zaplin-line-height-b1); margin-top: 10px; margin-bottom: 10px; color: var(--zaplin-color-body); } ul li a { text-decoration: none; color: var(--zaplin-color-body); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } ul li a:hover { color: var(--zaplin-color-primary); } ul ul { margin-bottom: 0; } ol { margin-bottom: 30px; } ol li { font-size: var(--zaplin-font-size-b1); line-height: var(--zaplin-line-height-b1); color: var(--zaplin-color-body); margin-top: 10px; margin-bottom: 10px; font-weight: 400; } ol li a { color: var(--heading-color); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); text-decoration: none; } ol li a:hover { color: var(--zaplin-color-primary); } ol ul { padding-left: 30px; } hr { display: block; height: 0; margin: 15px 0; border-top: 1px solid var(--zaplin-color-heading-1); background: transparent; } kbd { background: var(--zaplin-color-primary); } /*------------------------- Common -------------------------*/ .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .form-control { font-size: 16px; padding: 15px 15px 15px 25px; } @media only screen and (max-width: 575px) { .input-group > .form-control, .input-group > .form-select { width: 100%; } } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea { font-size: 15px; background-color: var(--zaplin-color-white); box-shadow: none; width: 100%; outline: none; border: none; border-radius: 5px; color: var(--zaplin-color-heading-2); } input[type="checkbox"] ~ label, input[type="radio"] ~ label { position: relative; font-size: 15px; line-height: 26px; color: var(--zaplin-color-heading-1); padding-left: 37px; cursor: pointer; margin-bottom: 0; } input[type="checkbox"], input[type="radio"] { opacity: 0; position: absolute; } input[type="checkbox"] ~ label::before, input[type="radio"] ~ label::before { content: " "; position: absolute; top: 4px; left: 0; width: 17px; height: 17px; border: 1px solid #d2d5d6; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; } input[type="checkbox"] ~ label::after, input[type="radio"] ~ label::after { content: "\e913"; font-family: var(--font-icomoon); font-size: 10px; color: var(--zaplin-color-white); position: absolute; top: 0; left: 4px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .form-control:focus { outline: none; box-shadow: none; } @media (max-width: 991px) { .zaplin-order-md-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .zaplin-order-md-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } } .background-none { background: none !important; } .padding-none { padding: 0; } .margin-none { margin: 0; } .zaplin-signup-model { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(25, 28, 33, 0.8); } .zaplin-signup-model .create-content { max-width: 470px; padding: 40px 40px; margin: 10% auto 15% auto; border-radius: 10px; background-color: var(--zaplin-color-white); text-align: center; position: relative; } @media only screen and (max-width: 1199px) { .zaplin-signup-model .create-content { width: 90%; } } .zaplin-signup-model .create-content .login { width: 100%; border-radius: 5px; font-size: var(--zaplin-font-size-b1); border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); background: var(--zaplin-color-white); padding: 13px 0; margin-bottom: 20px; } .zaplin-signup-model .create-content .login img { margin-right: 5px; } .zaplin-signup-model .create-content .or { font-size: 16px; font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); text-transform: capitalize; margin-bottom: 20px; position: relative; } .zaplin-signup-model .create-content .or::after, .zaplin-signup-model .create-content .or::before { content: ""; position: absolute; top: 13px; width: 45%; height: 1px; background: #E5E5E5; } .zaplin-signup-model .create-content .or::after { left: 0; } .zaplin-signup-model .create-content .or::before { right: 0; } .zaplin-signup-model .create-content .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 20px; } .zaplin-signup-model .create-content .zaplin-btn { width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; } .zaplin-signup-model .create-content .account-have { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); margin-bottom: 0; } .zaplin-signup-model .create-content .account-have a { color: var(--zaplin-color-primary); text-decoration: underline; } .zaplin-signup-model .create-content .close { font-size: 25px; color: var(--zaplin-color-heading-1); position: absolute; right: 15px; top: 5px; cursor: pointer; } .zaplin-login-model { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(25, 28, 33, 0.8); } .zaplin-login-model .create-content { max-width: 470px; padding: 40px 40px; margin: 10% auto 15% auto; border-radius: 10px; background-color: var(--zaplin-color-white); text-align: center; position: relative; } @media only screen and (max-width: 1199px) { .zaplin-login-model .create-content { width: 90%; } } .zaplin-login-model .create-content .login { width: 100%; border-radius: 5px; font-size: var(--zaplin-font-size-b1); border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); background: var(--zaplin-color-white); padding: 13px 0; margin-bottom: 20px; } .zaplin-login-model .create-content .login img { margin-right: 5px; } .zaplin-login-model .create-content .or { font-size: 16px; font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); text-transform: capitalize; margin-bottom: 20px; position: relative; } .zaplin-login-model .create-content .or::after, .zaplin-login-model .create-content .or::before { content: ""; position: absolute; top: 13px; width: 45%; height: 1px; background: #E5E5E5; } .zaplin-login-model .create-content .or::after { left: 0; } .zaplin-login-model .create-content .or::before { right: 0; } .zaplin-login-model .create-content .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 20px; } .zaplin-login-model .create-content .zaplin-btn { width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; } .zaplin-login-model .create-content .account-have { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); margin-bottom: 0; } .zaplin-login-model .create-content .account-have a { color: var(--zaplin-color-primary); text-decoration: underline; } .zaplin-login-model .create-content .close { font-size: 25px; color: var(--zaplin-color-heading-1); position: absolute; right: 15px; top: 5px; cursor: pointer; } .zaplin-login-model .remember-me { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; } .zaplin-login-model .remember-me .form-check { display: inline-block; } .zaplin-login-model .remember-me .psw a { text-decoration: underline; } @media only screen and (max-width: 479px) { .zaplin-login-model .remember-me span { font-size: 12px; } } .zaplin-login-model input[type="checkbox"], .zaplin-login-model input[type="radio"] { opacity: 1; } /*======================================================================= 2. Elements Styles =========================================================================*/ /*------------------------- Accordion Style ---------------------------*/ .edu-accordion .accordion-item { margin-bottom: 30px; border: 1px solid var(--color-border); } .edu-accordion .accordion-item:last-child { margin-bottom: 0; } .edu-accordion .accordion-item .accordion-button { font-size: 18px; color: var(--zaplin-color-heading-1); font-weight: var(--zaplin-semi-bold); background-color: transparent; border: none; padding: 28px 30px; box-shadow: none; } .edu-accordion .accordion-item .accordion-button:focus { border: none; box-shadow: none; } .edu-accordion .accordion-item .accordion-button:after { background-image: none; content: "\e95d"; font-family: var(--zaplin-font-icomoon); font-size: 22px; font-weight: 500; height: auto; width: auto; } .edu-accordion .accordion-item .accordion-button.collapsed:after { content: "\e95c"; } .edu-accordion .accordion-body { padding: 0; } .edu-accordion .accordion-body .course-lesson { border: none; padding: 0; } .edu-accordion .accordion-body .course-lesson ul li { padding: 14px 30px; } .edu-accordion .accordion-body .course-lesson ul li:last-child { border-bottom: none; } /*------------------------- Back To Top ---------------------------*/ .rn-progress-parent { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255, 71, 87, 0.2); z-index: 10000; opacity: 0; visibility: hidden; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .rn-progress-parent.rn-backto-top-active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .rn-progress-parent::after { position: absolute; font-family: 'remixicon' !important; content: "\ea78"; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-secondary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .rn-progress-parent:hover::after { color: var(--color-secondary); } .rn-progress-parent:hover::before { opacity: 1; } .rn-progress-parent svg path { fill: none; } .rn-progress-parent svg.rn-back-circle path { stroke: var(--color-secondary); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } /*------------------------- Breadcrumb ---------------------------*/ .zaplin-breadcrumb-area { margin-top: -120px; padding: 185px 0 115px; position: relative; z-index: 1; overflow: hidden; } @media only screen and (max-width: 767px) { .zaplin-breadcrumb-area { padding: 150px 0 70px; } } .zaplin-breadcrumb-area.zaplin-sticky { padding: 275px 0 115px; } .zaplin-breadcrumb-area .breadcrumb-inner { text-align: center; } .zaplin-breadcrumb-area .page-title .pre-title { margin-bottom: 15px; letter-spacing: 1px; display: block; } .zaplin-breadcrumb-area .page-title .title { margin-bottom: 12px; } @media only screen and (max-width: 767px) { .zaplin-breadcrumb-area .page-title .title { font-size: 30px; } } @media only screen and (max-width: 575px) { .zaplin-breadcrumb-area .page-title .title { font-size: 26px; } } .zaplin-breadcrumb-area .zaplin-breadcrumb { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--zaplin-font-secondary); } .zaplin-breadcrumb-area .zaplin-breadcrumb li.breadcrumb-item { color: var(--zaplin-color-heading-1); font-size: 16px; font-weight: var(--zaplin-p-medium); } .zaplin-breadcrumb-area .zaplin-breadcrumb li.breadcrumb-item a { color: var(--zaplin-color-heading-1); } .zaplin-breadcrumb-area .zaplin-breadcrumb li.breadcrumb-item a:hover { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area .zaplin-breadcrumb li.breadcrumb-item.active { font-weight: var(--zaplin-p-semi-bold); } .zaplin-breadcrumb-area .zaplin-breadcrumb li.separator i { font-size: 10px; font-weight: var(--zaplin-p-bold); margin: 0 10px; color: var(--zaplin-color-heading-1); display: inline-block; } .zaplin-breadcrumb-area.breadcrumb-style-2 { background-color: var(--zaplin-color-lighten01); margin-top: -120px; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li { z-index: 0; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li.shape-1 { left: 0; top: -240px; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li.shape-3 { top: 164px; right: 210px; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li.shape-4 { left: 0; bottom: 0; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li.shape-5 { right: 125px; top: 0; } .zaplin-breadcrumb-area.breadcrumb-style-2 .shape-group li.shape-6 { left: 60px; top: 242px; } .zaplin-breadcrumb-area.breadcrumb-style-3 { background-color: #2A2745; } .zaplin-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .page-title .title { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .breadcrumb-item a { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .breadcrumb-item.active { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .separator i { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-4 { background-color: var(--zaplin-color-white); margin-top: -120px; position: relative; overflow: visible; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li { z-index: 0; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li.shape-1 { left: 0; top: -240px; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li.shape-3 { top: 164px; right: 210px; z-index: 1; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li.shape-4 { left: 0; top: 218px; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li.shape-5 { right: 125px; top: 0; } .zaplin-breadcrumb-area.breadcrumb-style-4 .shape-group li.shape-6 { left: 60px; top: 170px; } .zaplin-breadcrumb-area.breadcrumb-style-5 { padding: 185px 0 95px; background-color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-5.zaplin-sticky { padding: 275px 0 95px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner { text-align: left; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .zaplin-breadcrumb { -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .zaplin-breadcrumb li { margin-top: 0; margin-bottom: 0; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item { color: var(--zaplin-color-heading-1); } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item a { color: var(--zaplin-color-heading-1); } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item a:hover { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .page-title { max-width: 800px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .page-title .title { color: var(--zaplin-color-heading-1); } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .blog-meta { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; margin-left: -5px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .blog-meta li { margin: 5px 8px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .blog-meta li img { border-radius: 100%; margin-right: 10px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .breadcrumb-inner .blog-meta li::after { display: none; } .zaplin-breadcrumb-area.breadcrumb-style-5 .shape-group li.shape-1 { top: -250px; left: 0; } .zaplin-breadcrumb-area.breadcrumb-style-5 .shape-group li.shape-2 { top: 164px; right: 210px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .shape-group li.shape-3 { right: 125px; top: 0; z-index: -2; } .zaplin-breadcrumb-area.breadcrumb-style-5 .shape-group li.shape-4 { left: 0; bottom: -138px; } .zaplin-breadcrumb-area.breadcrumb-style-5 .shape-group li.shape-5 { left: 60px; bottom: 75px; } .zaplin-breadcrumb-area.breadcrumb-style-5.breadcrumb-style-9 { background: var(--zaplin-color-lighten01); } .zaplin-breadcrumb-area.breadcrumb-style-5.breadcrumb-style-9 .breadcrumb-inner { text-align: center; } .zaplin-breadcrumb-area.breadcrumb-style-5.breadcrumb-style-9 .breadcrumb-inner .page-title { max-width: 100%; } .zaplin-breadcrumb-area.breadcrumb-style-5.breadcrumb-style-9 .breadcrumb-inner .zaplin-breadcrumb { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .zaplin-breadcrumb-area.breadcrumb-style-6 .page-title { max-width: 950px; margin: 0 auto; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li { z-index: 0; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li.shape-1 { left: 0; top: -240px; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li.shape-2 { left: 60px; top: 310px; z-index: 1; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li.shape-3 { top: 164px; right: 210px; z-index: 1; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li.shape-4 { left: 0; bottom: 0; } .zaplin-breadcrumb-area.breadcrumb-style-6 .shape-group li.shape-5 { right: 125px; top: 0; } .zaplin-breadcrumb-area.breadcrumb-style-7 { background: #121212; border-radius: 0 0 70px 70px; -webkit-border-radius: 0 0 70px 70px; -moz-border-radius: 0 0 70px 70px; -ms-border-radius: 0 0 70px 70px; -o-border-radius: 0 0 70px 70px; margin-top: -90px; } .zaplin-breadcrumb-area.breadcrumb-style-7 .title { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-7 .zaplin-breadcrumb li.breadcrumb-item { color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-reguler); } .zaplin-breadcrumb-area.breadcrumb-style-7 .zaplin-breadcrumb li.breadcrumb-item a { color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-reguler); } .zaplin-breadcrumb-area.breadcrumb-style-7 .zaplin-breadcrumb li:hover.breadcrumb-item a { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area.breadcrumb-style-7 .zaplin-breadcrumb li:hover i { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area.breadcrumb-style-7 .zaplin-breadcrumb .separator i { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-8 { background: #F5F5F5; position: relative; } .zaplin-breadcrumb-area.breadcrumb-style-8::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #121212; border-radius: 0 0 70px 70px; } .zaplin-breadcrumb-area.breadcrumb-style-8 .breadcrumb-inner .page-title .title { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-8 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-8 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item a { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-8 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item:hover a { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area.breadcrumb-style-8 .breadcrumb-inner .zaplin-breadcrumb li.separator i { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-10 { background-image: url(../images/bg-image/breadcrumb-bg-1.png); background-position: center bottom; background-repeat: no-repeat; padding: 220px 0 100px; } .zaplin-breadcrumb-area.breadcrumb-style-11 { background: #211F36; } .zaplin-breadcrumb-area.breadcrumb-style-11 .breadcrumb-inner .page-title .title { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-11 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-11 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item a { color: var(--zaplin-color-white); } .zaplin-breadcrumb-area.breadcrumb-style-11 .breadcrumb-inner .zaplin-breadcrumb li.breadcrumb-item:hover a { color: var(--zaplin-color-primary); } .zaplin-breadcrumb-area.breadcrumb-style-11 .breadcrumb-inner .zaplin-breadcrumb li.separator i { color: var(--zaplin-color-white); } /*------------------- * Button ---------------------*/ a.btn-transparent, button.btn-transparent { font-weight: var(--zaplin-p-medium); font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-secondary); line-height: var(--zaplin-h4); color: var(--zaplin-color-heading-1); display: inline-block; position: relative; -webkit-transition: 0.3s; transition: 0.3s; } a.btn-transparent i, button.btn-transparent i { padding-left: 2px; position: relative; font-size: 12px; -webkit-transition: 0.3s; transition: 0.3s; } a.btn-transparent:hover, button.btn-transparent:hover { color: var(--zaplin-color-primary); } a.btn-transparent:hover i, button.btn-transparent:hover i { padding-left: 7px; } a.zaplin-btn, button.zaplin-btn { text-align: center; border-radius: 5px; display: inline-block; height: 60px; line-height: 60px; padding: 0 30px; font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-white); -webkit-transition: 0.4s; transition: 0.4s; font-family: var(--zaplin-font-secondary); border: 0 none; overflow: hidden; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { a.zaplin-btn, button.zaplin-btn { padding: 0 20px; font-size: 14px; height: 50px; line-height: 50px; } } a.zaplin-btn i, button.zaplin-btn i { padding-left: 10px; position: relative; font-size: 12px; } @media only screen and (max-width: 767px) { a.zaplin-btn i, button.zaplin-btn i { font-size: 9px; } } a.zaplin-btn.zaplin-btn-big, button.zaplin-btn.zaplin-btn-big { padding: 0 35px; height: 60px; line-height: 60px; } a.zaplin-btn.zaplin-btn-medium, button.zaplin-btn.zaplin-btn-medium { height: 50px; line-height: 50px; padding: 0 30px; } a.zaplin-btn.zaplin-btn-small, button.zaplin-btn.zaplin-btn-small { height: 40px; line-height: 40px; padding: 0 25px; } a.zaplin-btn.btn-color-1, button.zaplin-btn.btn-color-1 { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } a.zaplin-btn.btn-color-1:hover, button.zaplin-btn.btn-color-1:hover { background: #7746D9; } a.zaplin-btn.btn-color-2, button.zaplin-btn.btn-color-2 { color: var(--zaplin-color-white); background: var(--zaplin-color-accent); } a.zaplin-btn.btn-color-2:hover, button.zaplin-btn.btn-color-2:hover { background: #008C63; } a.zaplin-btn.btn-color-3, button.zaplin-btn.btn-color-3 { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } a.zaplin-btn.btn-color-3:hover, button.zaplin-btn.btn-color-3:hover { background: #c3cf3f; } a.btn-transparent-2, button.btn-transparent-2 { background: transparent; color: var(--zaplin-color-heading-1); } a.btn-transparent-2:hover, button.btn-transparent-2:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-accent); } a.btn-round-1, button.btn-round-1 { padding: 0 45px; border-radius: 100px; background: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { a.btn-round-1, button.btn-round-1 { padding: 0 30px; font-size: 14px; height: 50px; line-height: 50px; } } a.btn-round-1:hover, button.btn-round-1:hover { background: #7746D9; } a.btn-round-2, button.btn-round-2 { height: 50px; line-height: 50px; padding: 0 45px; border-radius: 100px; background: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { a.btn-round-2, button.btn-round-2 { padding: 0 30px; font-size: 14px; } } a.btn-round-2:hover, button.btn-round-2:hover { background: #7746D9; } a.btn-round-3, button.btn-round-3 { height: 40px; line-height: 40px; padding: 0 45px; border-radius: 100px; background: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { a.btn-round-3, button.btn-round-3 { padding: 0 30px; font-size: 14px; } } a.btn-round-3:hover, button.btn-round-3:hover { background: #7746D9; } a.btn-secondary, button.btn-secondary { height: 50px; line-height: 50px; padding: 0 25px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); border-radius: 5px; border: 1px solid #0D0D0D; } a.btn-secondary:hover, button.btn-secondary:hover { color: var(--zaplin-color-heading-1); background: #D2E02F; } .button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -5px; } .button-group a { margin: 5px; } .zaplin-btn-border { height: 60px; line-height: 60px; font-size: 18px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); border-radius: 5px; border: 1.5px solid var(--zaplin-color-heading-1); padding: 0 33px; color: var(--zaplin-color-heading-1); position: relative; display: inline-block; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .zaplin-btn-border::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .zaplin-btn-border::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .zaplin-btn-border span { position: relative; z-index: 3; } .zaplin-btn-border i { padding-left: 6px; position: relative; font-size: 11px; } @media only screen and (max-width: 767px) { .zaplin-btn-border i { font-size: 9px; } } .zaplin-btn-border.zaplin-btn-medium { height: 50px; line-height: 50px; border-radius: 5px; } .zaplin-btn-border.zaplin-btn-small { height: 40px; line-height: 40px; border-radius: 3px; } .zaplin-btn-border:hover::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .zaplin-btn-border:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .zaplin-btn-border:hover { color: #fff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*------------------- Pagination Styles ---------------------*/ .zaplin-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 70px; } .zaplin-pagination li { margin: 0 2px; } .zaplin-pagination li a { width: 50px; height: 50px; line-height: 50px; display: block; border-radius: 50%; text-align: center; color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); font-size: 18px; font-weight: 600; position: relative; z-index: 1; } .zaplin-pagination li a:before { content: ""; height: 100%; width: 100%; background: var(--zaplin-color-primary); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); z-index: -1; opacity: 0; } .zaplin-pagination li a i { font-size: 12px; } .zaplin-pagination li.active a, .zaplin-pagination li:hover a { color: var(--zaplin-color-white); } .zaplin-pagination li.active a:before, .zaplin-pagination li:hover a:before { opacity: 1; } .zaplin-pagination li.more-next a { position: relative; } .zaplin-pagination li.more-next a:after { content: ". . ."; font-size: 18px; font-weight: 700; position: absolute; top: 40%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .zaplin-pagination.top-space-30 { padding-top: 30px; } /*------------------------- Sal Styels -------------------------*/ /** * Settings */ /** * Easings */ /** * Core */ [data-sal] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: var(--sal-duration, 0.2s); transition-duration: var(--sal-duration, 0.2s); -webkit-transition-delay: var(--sal-delay, 0s); transition-delay: var(--sal-delay, 0s); -webkit-transition-timing-function: var(--sal-easing, ease); transition-timing-function: var(--sal-easing, ease); } [data-sal][data-sal-duration='200'] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } [data-sal][data-sal-duration='250'] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } [data-sal][data-sal-duration='300'] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } [data-sal][data-sal-duration='350'] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } [data-sal][data-sal-duration='400'] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } [data-sal][data-sal-duration='450'] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } [data-sal][data-sal-duration='500'] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } [data-sal][data-sal-duration='550'] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s; } [data-sal][data-sal-duration='600'] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } [data-sal][data-sal-duration='650'] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s; } [data-sal][data-sal-duration='700'] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } [data-sal][data-sal-duration='750'] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } [data-sal][data-sal-duration='800'] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } [data-sal][data-sal-duration='850'] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s; } [data-sal][data-sal-duration='900'] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } [data-sal][data-sal-duration='950'] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s; } [data-sal][data-sal-duration='1000'] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-sal][data-sal-duration='1050'] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-sal][data-sal-duration='1100'] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-sal][data-sal-duration='1150'] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-sal][data-sal-duration='1200'] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-sal][data-sal-duration='1250'] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-sal][data-sal-duration='1300'] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-sal][data-sal-duration='1350'] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-sal][data-sal-duration='1400'] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-sal][data-sal-duration='1450'] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-sal][data-sal-duration='1500'] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-sal][data-sal-duration='1550'] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-sal][data-sal-duration='1600'] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-sal][data-sal-duration='1650'] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-sal][data-sal-duration='1700'] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-sal][data-sal-duration='1750'] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-sal][data-sal-duration='1800'] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-sal][data-sal-duration='1850'] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-sal][data-sal-duration='1900'] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-sal][data-sal-duration='1950'] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-sal][data-sal-duration='2000'] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-sal][data-sal-delay='50'] { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } [data-sal][data-sal-delay='100'] { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } [data-sal][data-sal-delay='150'] { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } [data-sal][data-sal-delay='200'] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-sal][data-sal-delay='250'] { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } [data-sal][data-sal-delay='300'] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [data-sal][data-sal-delay='350'] { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-sal][data-sal-delay='400'] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } [data-sal][data-sal-delay='450'] { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } [data-sal][data-sal-delay='500'] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } [data-sal][data-sal-delay='550'] { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } [data-sal][data-sal-delay='600'] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } [data-sal][data-sal-delay='650'] { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } [data-sal][data-sal-delay='700'] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [data-sal][data-sal-delay='750'] { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } [data-sal][data-sal-delay='800'] { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } [data-sal][data-sal-delay='850'] { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } [data-sal][data-sal-delay='900'] { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } [data-sal][data-sal-delay='950'] { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } [data-sal][data-sal-delay='1000'] { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-sal][data-sal-easing='linear'] { -webkit-transition-timing-function: linear; transition-timing-function: linear; } [data-sal][data-sal-easing='ease'] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-sal][data-sal-easing='ease-in'] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-sal][data-sal-easing='ease-out'] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-sal][data-sal-easing='ease-in-out'] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-sal][data-sal-easing='ease-in-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } [data-sal][data-sal-easing='ease-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } [data-sal][data-sal-easing='ease-in-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [data-sal][data-sal-easing='ease-in-circ'] { -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } [data-sal][data-sal-easing='ease-out-circ'] { -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } [data-sal][data-sal-easing='ease-in-out-circ'] { -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } [data-sal][data-sal-easing='ease-in-expo'] { -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } [data-sal][data-sal-easing='ease-out-expo'] { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } [data-sal][data-sal-easing='ease-in-out-expo'] { -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1); } [data-sal][data-sal-easing='ease-in-quad'] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-sal][data-sal-easing='ease-out-quad'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-sal][data-sal-easing='ease-in-out-quad'] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-sal][data-sal-easing='ease-in-quart'] { -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } [data-sal][data-sal-easing='ease-out-quart'] { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } [data-sal][data-sal-easing='ease-in-out-quart'] { -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } [data-sal][data-sal-easing='ease-in-quint'] { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } [data-sal][data-sal-easing='ease-out-quint'] { -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } [data-sal][data-sal-easing='ease-in-out-quint'] { -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } [data-sal][data-sal-easing='ease-in-sine'] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-sal][data-sal-easing='ease-out-sine'] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-sal][data-sal-easing='ease-in-out-sine'] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-sal][data-sal-easing='ease-in-back'] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-sal][data-sal-easing='ease-out-back'] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-sal][data-sal-easing='ease-in-out-back'] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } /** * Animations */ [data-sal|='fade'] { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } [data-sal|='fade'].sal-animate, body.sal-disabled [data-sal|='fade'] { opacity: 1; } [data-sal|='slide'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-sal='slide-up'] { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); } [data-sal='slide-down'] { -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); } [data-sal='slide-left'] { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); } [data-sal='slide-right'] { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } [data-sal|='slide'].sal-animate, body.sal-disabled [data-sal|='slide'] { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } [data-sal|='zoom'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-sal='zoom-in'] { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [data-sal='zoom-out'] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } [data-sal|='zoom'].sal-animate, body.sal-disabled [data-sal|='zoom'] { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } [data-sal|='flip'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-sal='flip-left'] { -webkit-transform: perspective(2000px) rotateY(-91deg); transform: perspective(2000px) rotateY(-91deg); } [data-sal='flip-right'] { -webkit-transform: perspective(2000px) rotateY(91deg); transform: perspective(2000px) rotateY(91deg); } [data-sal='flip-up'] { -webkit-transform: perspective(2000px) rotateX(-91deg); transform: perspective(2000px) rotateX(-91deg); } [data-sal='flip-down'] { -webkit-transform: perspective(2000px) rotateX(91deg); transform: perspective(2000px) rotateX(91deg); } [data-sal|='flip'].sal-animate, body.sal-disabled [data-sal|='flip'] { -webkit-transform: none; -ms-transform: none; transform: none; } /*--------------------------- Section Title ----------------------------*/ .section-title { margin-bottom: 50px; } @media only screen and (max-width: 767px) { .section-title { margin-bottom: 40px; } } .section-title .pre-title { font-weight: 600; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 12px; } .section-title .pre-title.pre-textsecondary { color: var(--zaplin-color-primary); } .section-title .title { margin-bottom: 23px; } @media only screen and (max-width: 767px) { .section-title .title br { display: none; } } .section-title p { margin-bottom: 40px; margin-top: 15px; } .section-title.section-left { text-align: left; } .section-title.section-center { text-align: center; } .pre-title-purple { font-size: 12px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); display: inline-block; text-transform: uppercase; margin-bottom: 14px; color: var(--zaplin-color-primary); line-height: 20px; letter-spacing: 1.2px; padding: 5px 20px; border-radius: 50px; background: rgba(133, 78, 242, 0.05); } .pre-title-yellow { font-size: 12px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); display: inline-block; text-transform: uppercase; margin-bottom: 14px; letter-spacing: 1.2px; color: var(--zaplin-color-heading-1); line-height: 20px; padding: 5px 15px; border-radius: 5px; background: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); } .pre-title-black { font-size: 12px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); display: inline-block; text-transform: uppercase; margin-bottom: 14px; letter-spacing: 0.36px; color: var(--zaplin-color-heading-1); line-height: 20px; padding: 5px 15px; border-radius: 5px; background: #F9F6FE; border: 1px solid #0D0D0D; border-radius: 50px; } /*--------------------------- * Swiper Styles ----------------------------*/ .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; margin: 6px !important; outline: 1px solid var(--zaplin-color-heading-1); background-color: transparent; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--zaplin-color-primary); outline: 1px solid var(--zaplin-color-primary); outline-offset: 3px; } .swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet { opacity: 1; outline: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); -webkit-backdrop-filter: blur(32.59725px); backdrop-filter: blur(32.59725px); } .swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet.swiper-pagination-bullet-active { outline: 1px solid rgba(255, 255, 255, 0.15); background: var(--zaplin-color-primary); -webkit-backdrop-filter: blur(32.59725px); backdrop-filter: blur(32.59725px); } .swiper-pagination.swiper-pagination-black .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; border-radius: 10px; outline: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .swiper-pagination.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active { outline-offset: 4px; border-radius: 12px; outline: 1.2px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-heading-1); } .swiper-pagination-2 { position: absolute; bottom: -55px; text-align: center; } .swiper-pagination-2 .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--zaplin-color-heading-1); display: inline-block; background: transparent; opacity: 1; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 22px; height: 22px; border: 1.5px solid var(--zaplin-color-heading-1); position: relative; top: 4px; } .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after { content: ""; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 14px; width: 12px; height: 12px; border-radius: 50%; background: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .swiper-pagination-3 { position: absolute; bottom: 0; text-align: center; } .swiper-pagination-3 .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 0.2; background: #FFF; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .swiper-pagination-3 .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1.5px solid var(--zaplin-color-heading-1); position: relative; background: #FFFFFF; opacity: 1; } .swiper-pagination-3.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; } .swiper-navigation .swiper-btn-nxt, .swiper-navigation .swiper-btn-prv, .swiper-navigation .swiper-btn-nxt-1, .swiper-navigation .swiper-btn-prv-1, .swiper-navigation-1 .swiper-btn-nxt, .swiper-navigation-1 .swiper-btn-prv, .swiper-navigation-1 .swiper-btn-nxt-1, .swiper-navigation-1 .swiper-btn-prv-1, .swiper-navigation-2 .swiper-btn-nxt, .swiper-navigation-2 .swiper-btn-prv, .swiper-navigation-2 .swiper-btn-nxt-1, .swiper-navigation-2 .swiper-btn-prv-1 { display: inline-block; height: 60px; width: 60px; line-height: 65px; border-radius: 50%; margin-right: 10px; font-size: 13px; text-align: center; color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } @media only screen and (max-width: 767px) { .swiper-navigation .swiper-btn-nxt, .swiper-navigation .swiper-btn-prv, .swiper-navigation .swiper-btn-nxt-1, .swiper-navigation .swiper-btn-prv-1, .swiper-navigation-1 .swiper-btn-nxt, .swiper-navigation-1 .swiper-btn-prv, .swiper-navigation-1 .swiper-btn-nxt-1, .swiper-navigation-1 .swiper-btn-prv-1, .swiper-navigation-2 .swiper-btn-nxt, .swiper-navigation-2 .swiper-btn-prv, .swiper-navigation-2 .swiper-btn-nxt-1, .swiper-navigation-2 .swiper-btn-prv-1 { height: 45px; width: 45px; line-height: 47px; font-size: 14px; } } .swiper-navigation .swiper-btn-nxt:hover, .swiper-navigation .swiper-btn-prv:hover, .swiper-navigation .swiper-btn-nxt-1:hover, .swiper-navigation .swiper-btn-prv-1:hover, .swiper-navigation-1 .swiper-btn-nxt:hover, .swiper-navigation-1 .swiper-btn-prv:hover, .swiper-navigation-1 .swiper-btn-nxt-1:hover, .swiper-navigation-1 .swiper-btn-prv-1:hover, .swiper-navigation-2 .swiper-btn-nxt:hover, .swiper-navigation-2 .swiper-btn-prv:hover, .swiper-navigation-2 .swiper-btn-nxt-1:hover, .swiper-navigation-2 .swiper-btn-prv-1:hover { color: var(--zaplin-color-white); } .swiper-navigation .swiper-btn-nxt, .swiper-navigation .swiper-btn-prv { background: var(--zaplin-color-white); } .swiper-navigation .swiper-btn-nxt:hover, .swiper-navigation .swiper-btn-prv:hover { background: var(--zaplin-color-primary); } .swiper-navigation-1 .swiper-btn-nxt-1 { left: 0; bottom: 80px; } .swiper-navigation-1 .swiper-btn-prv-1 { right: 0; bottom: 80px; } .swiper-navigation-1 .swiper-btn-nxt-1, .swiper-navigation-1 .swiper-btn-prv-1 { position: absolute; background: #F9F6FE; } .swiper-navigation-1 .swiper-btn-nxt-1:hover, .swiper-navigation-1 .swiper-btn-prv-1:hover { background: var(--zaplin-color-primary); } .testimonial-area-15 .swiper-navigation .swiper-btn-nxt, .testimonial-area-15 .swiper-navigation .swiper-btn-prv { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06) !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -55px; } /*======================================================================= 3. Template Styles =========================================================================*/ /*------------------- About Styles ---------------------*/ .inner-page-sticky.zaplin-sticky { padding: 90px 0 0; } .about-image-gallery { position: relative; padding: 90px 0 60px; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-image-gallery { text-align: center; } } .about-image-gallery .main-img { position: absolute; } .about-image-gallery .chat-status-box { position: absolute; left: 0; bottom: 110px; } @media only screen and (max-width: 479px) { .about-image-gallery .chat-status-box { left: 0; } } .about-image-gallery .chat-status-box .inner { width: 300px; height: 388px; display: block; padding: 20px; background: #FFFFFF; border-radius: 3px; border: 1.5px solid #000; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07); position: relative; } .about-image-gallery .chat-status-box .inner .chat-status { display: inline-block; padding: 10px 11px; line-height: 0.83; background-color: #2A2745; border-radius: 58px; position: relative; } .about-image-gallery .chat-status-box .inner .chat-status .chat { color: var(--zaplin-color-white); font-size: 12px; } .about-image-gallery .chat-status-box .inner .chat-status .chat-2 { font-size: 10px; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-white { border: 1.5px solid #000; background: var(--zaplin-color-white); color: #000; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-white .chat { color: #000; } .about-image-gallery .chat-status-box .inner .chat-status.chat-bg-none { color: #8A91A8; background-color: transparent; padding: 0; border-radius: inherit; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-2 { left: -89px; top: 20px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-2 { left: -45px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-3 { left: -35px; top: 24px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-3 { left: -17px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-4 { left: -215px; top: 50px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-4 { left: -199px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-5 { border-radius: 8px; line-height: 1.2; top: 44px; right: -48px; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-5 .chat { display: block; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-6 { right: 0; top: 72px; } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-7 { left: -59px; top: 62px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-7 { left: -28px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-8 { left: -217px; top: 88px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-8 { left: -185px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-9 { top: 80px; right: -48px; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-9 { right: -76px; } } .about-image-gallery .chat-status-box .inner .chat-status.chat-status-10 { top: 108px; right: 0; } @media only screen and (max-width: 991px) { .about-image-gallery .chat-status-box .inner .chat-status.chat-status-10 { right: -28px; } } .about-image-gallery .shape-group li { position: absolute; z-index: -1; } .about-content { padding-left: 60px; padding-top: 65px; } @media only screen and (max-width: 991px) { .about-content { padding-left: 0; padding-top: 0; } } .about-content .section-title { margin-bottom: 20px; } .about-content .features-list { margin-bottom: 40px; } .about-content .features-list li { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-3); padding-left: 25px; position: relative; margin-bottom: 16px; margin-top: 16px; } .about-content .features-list li:before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-extra-color09); font-size: 14px; position: absolute; left: 0; top: 2px; } .about-content .about-content-wrapper { padding: 35px 0 35px 40px; border-radius: 5px; border: 1px solid #EBEBEB; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 90px; } @media only screen and (max-width: 1199px) { .about-content .about-content-wrapper { display: block; gap: 0; } } .about-content .about-content-wrapper .about-content-box { list-style: none; margin-bottom: 0; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .about-content .about-content-wrapper .about-content-box.about-content-box-1 { position: relative; } @media only screen and (max-width: 1199px) { .about-content .about-content-wrapper .about-content-box.about-content-box-1 { margin-bottom: 20px; } } .about-content .about-content-wrapper .about-content-box.about-content-box-1::after { content: ""; position: absolute; right: -40px; top: -5px; width: 1px; height: 64px; background: #EBEBEB; } @media only screen and (max-width: 1199px) { .about-content .about-content-wrapper .about-content-box.about-content-box-1::after { display: none; } } .about-content .about-content-wrapper .about-content-box li { margin-top: 0; margin-bottom: 0; } .about-content .about-content-wrapper .about-content-box span { color: var(--zaplin-color-primary); font-family: var(--zaplin-font-secondary); font-size: 40px; font-weight: 600; line-height: 52px; margin-right: 20px; } .about-content .about-content-wrapper .about-content-box h6 { color: #000; font-size: 20px; margin-bottom: 0; } .about-style-1 .about-image-gallery { padding: 0; } @media only screen and (max-width: 767px) { .about-style-1 .about-image-gallery .chat-status-box { display: none; } } .about-style-1 .about-image-gallery .chat-status-box .inner { border-radius: 5px; } @media only screen and (max-width: 767px) { .about-style-1 .about-image-gallery .chat-status { display: none; } } .about-style-1 .about-image-gallery .shape-group li.shape-1 { bottom: 70px; left: -31px; z-index: 1; } .about-style-1 .about-image-gallery .shape-group li.shape-2 { top: 224px; right: 0; } .about-style-1 .about-content { padding-top: 0; } .about-style-1 .about-content .section-title p { font-size: var(--zaplin-font-size-b2); line-height: 32px; margin-bottom: 30px; } .about-style-2 { padding-bottom: 150px; } @media only screen and (max-width: 991px) { .about-style-2 { padding-bottom: 70px; } } .about-style-2 .about-image-gallery { text-align: left; padding: 0; } @media only screen and (max-width: 991px) { .about-style-2 .about-image-gallery { text-align: center; } } .about-style-2 .about-image-gallery .main-img-1 { border-radius: 10px; } .about-style-2 .about-image-gallery .main-img-2 { border-radius: 10px; box-shadow: 0px 50px 80px 0px rgba(0, 0, 0, 0.08); position: absolute; right: 35px; bottom: 100px; } @media only screen and (max-width: 1199px) { .about-style-2 .about-image-gallery .main-img-2 { display: none; } } .about-style-2 .about-content { padding-left: 42px; padding-top: 0; } @media only screen and (max-width: 991px) { .about-style-2 .about-content { padding-top: 30px; padding-left: 0; } } @media only screen and (max-width: 767px) { .about-style-2 .about-content { padding-left: 0; } } .about-style-2 .about-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-2); margin-bottom: 32px; } .about-style-2 .about-content .about-features-box { background-color: transparent; box-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; margin-bottom: 30px; } .about-style-2 .about-content .about-features-box:last-child { margin-bottom: -10px; } .about-style-2 .about-content .about-features-box .icon i { height: 70px; width: 70px; font-size: 40px; margin-right: 20px; margin-bottom: 0; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .about-style-2 .about-content .about-features-box .icon i.flaticon-donate-2 { color: var(--zaplin-color-primary); background-color: rgba(133, 78, 242, 0.1); } .about-style-2 .about-content .about-features-box .icon i.flaticon-head-phone { color: #fe3d01; background-color: rgba(254, 61, 1, 0.1); } .about-style-2 .about-content .about-features-box .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .about-style-2 .about-content .about-features-box .content .title { text-transform: capitalize; margin-bottom: 12px; } .about-style-2 .about-content .about-features-box .content p { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-heading-2); margin-bottom: 5px; } .about-style-2 .about-content .about-features-box.color-secondary-style .icon i.no-fee-icon { color: var(--zaplin-color-primary); background: rgba(133, 78, 242, 0.1); } .about-style-2 .about-content .about-features-box.color-primary-style .icon i.support-icon { color: #FE3D01; background: rgba(254, 61, 1, 0.1); } .about-style-2 .about-content .about-btn { margin-top: 5px; } .about-style-2 .about-content .about-btn .zaplin-btn { background: var(--zaplin-color-primary); border-radius: 5px; } .about-style-2 .about-content .about-btn .zaplin-btn:hover { background: #7746D9; } .about-style-3 { background: #121212; padding: 150px 0; position: relative; } @media only screen and (max-width: 991px) { .about-style-3 { padding: 70px 0; } } .about-style-3 .about-content { padding-top: 0; padding-left: 0; margin-right: 10px; } @media only screen and (max-width: 991px) { .about-style-3 .about-content { margin-right: 0; } } .about-style-3 .about-content .section-title .pre-title { color: #7B818E; font-family: var(--zaplin-font-third); font-weight: var(--zaplin-p-bold); text-transform: uppercase; margin-bottom: 13px; } .about-style-3 .about-content .section-title .title { color: #FFF; font-family: var(--zaplin-font-third); font-weight: var(--zaplin-p-bold); text-transform: capitalize; margin-bottom: 34px; } .about-style-3 .about-content .section-title .title .text-gradient { background: -webkit-linear-gradient(290deg, #F90 0%, #FF5E5E 100%); background: linear-gradient(160deg, #F90 0%, #FF5E5E 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-style-3 .about-content .section-title p { color: #A9A7B0; font-size: 20px; line-height: 32px; } .about-style-3 .about-grid { padding: 25px 25px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); mix-blend-mode: lighten; box-shadow: 0px 8.6926px 43.463px 0px rgba(0, 0, 0, 0.25); } .about-style-3 .about-grid .content { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-bottom: 0; margin-top: 0; } .about-style-3 .about-grid .content li { margin-top: 0; margin-bottom: 23px; } .about-style-3 .about-grid .content li .img-title { color: #7B818E; font-family: var(--zaplin-font-primary); font-size: 16px; font-weight: var(--zaplin-p-medium); padding-left: 7px; } .about-style-3 .about-grid .content li i { font-size: 23px; color: #67EFBE; } .about-style-3 .about-image-gallery { padding: 0 0 60px; } .about-style-3 .about-coverflow { width: 650px; padding: 0 10px; } @media only screen and (max-width: 767px) { .about-style-3 .about-coverflow { width: 100%; } } .about-style-3 .about-coverflow .about-grid { position: relative; } .about-style-3 .about-coverflow .swiper-slide { padding: 0; opacity: 0; visibility: hidden; } .about-style-3 .about-coverflow .swiper-slide.swiper-slide-active, .about-style-3 .about-coverflow .swiper-slide.swiper-slide-next, .about-style-3 .about-coverflow .swiper-slide.swiper-slide-prev { opacity: 1; visibility: visible; } @media only screen and (max-width: 767px) { .about-style-3 .about-coverflow .swiper-slide.swiper-slide-next { opacity: 0; visibility: hidden; } } @media only screen and (max-width: 767px) { .about-style-3 .about-coverflow .swiper-slide.swiper-slide-prev { opacity: 0; visibility: hidden; } } .about-style-3 .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-active .about-grid { width: 412px; min-height: 500px; margin-left: -35px; } .about-style-3 .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-prev, .about-style-3 .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-next { margin-top: 60px; } .about-style-3 .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-prev .about-grid, .about-style-3 .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-next .about-grid { border-radius: 10px; } .about-style-3 .shape-group li.shape-1 { right: -600px; top: -300px; z-index: 0; } .about-style-3 .shape-group li.shape-1 .about-gradient-01 { width: 656px; height: 656px; border-radius: 656px; background: #12DBE8; -webkit-filter: blur(329px); filter: blur(329px); } .about-style-3 .swiper-pagination-3.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -8px; left: 25px; } .about-style-4 { background: #F4F8F6; } .about-style-4 .about-image-gallery { text-align: left; padding: 0; } .about-style-4 .about-image-gallery .main-img-1 { border-radius: 20px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.02); } .about-style-4 .about-content { padding-left: 25px; padding-top: 0; } @media only screen and (max-width: 991px) { .about-style-4 .about-content { padding-left: 0; } } .about-style-4 .about-content .section-title { margin-bottom: 32px; } .about-style-4 .about-content .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .about-style-4 .about-content .about-features-list .about-features-box { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; padding-left: 0; } .about-style-4 .about-content .about-features-list .about-features-box li { margin-top: 0; margin-bottom: 0; } .about-style-4 .about-content .about-features-list .about-features-box .icon { width: 40px; height: 40px; line-height: 42px; border-radius: 50%; text-align: center; padding: 0 15px; font-size: 18px; color: var(--zaplin-color-white); position: relative; } .about-style-4 .about-content .about-features-list .about-features-box .icon::after { content: ""; position: absolute; left: 19px; right: 0px; top: 39px; width: 2px; height: 85px; z-index: -1; } @media only screen and (max-width: 575px) { .about-style-4 .about-content .about-features-list .about-features-box .icon::after { top: 42px; height: 100px; } } .about-style-4 .about-content .about-features-list .about-features-box .icon.icon-one { background: var(--zaplin-color-primary); } .about-style-4 .about-content .about-features-list .about-features-box .icon.icon-one::after { border: 1px solid var(--zaplin-color-heading-1); border-image-source: url("../images/others/dashed-border.png"); border-image-slice: 1; } .about-style-4 .about-content .about-features-list .about-features-box .icon.icon-two { background: #EB681E; } .about-style-4 .about-content .about-features-list .about-features-box .icon.icon-two::after { border: 1px solid var(--zaplin-color-heading-1); border-image-source: url("../images/others/dashed-border.png"); border-image-slice: 1; } .about-style-4 .about-content .about-features-list .about-features-box .icon.icon-three { background: #00A776; } .about-style-4 .about-content .about-features-list .about-features-box .content { margin-left: 20px; } .about-style-4 .about-content .about-features-list .about-features-box .content .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); margin-bottom: 10px; margin-top: -5px; } .about-style-4 .about-content .about-features-list .about-features-box .content p { margin: 0 0 32px; color: var(--zaplin-color-heading-2); } .about-style-4 .about-content .about-features-list .about-features-box.padding-none .content p { margin: 0; } .about-style-5 { background: #FEFCF8; } .about-style-5 .about-content { padding-left: 0; padding-top: 0; } .about-style-5 .about-content .section-title { margin-bottom: 30px; } .about-style-5 .about-content .section-title p { color: #6A6A6A; font-size: var(--zaplin-font-size-b2); margin-bottom: 22px; } .about-style-5 .about-content .features-list { margin-bottom: 30px; } .about-style-5 .about-content .features-list li { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .about-style-5 .about-content .features-list li::before { color: var(--zaplin-color-heading-1); } .about-style-5 .about-image-gallery { text-align: center; position: relative; padding: 90px 0 40px 0; } @media only screen and (max-width: 991px) { .about-style-5 .about-image-gallery { padding: 10px 0 40px; } } .about-style-5 .about-image-gallery .main-img-2 { position: absolute; left: 0; bottom: -60px; } @media only screen and (max-width: 991px) { .about-style-5 .about-image-gallery .main-img-2 { display: none; } } .about-style-5 .about-image-gallery .main-img-3 { position: absolute; right: -4px; top: 0; } @media only screen and (max-width: 991px) { .about-style-5 .about-image-gallery .main-img-3 { display: none; } } .about-style-5 .about-image-gallery .shape-group li { position: absolute; } .about-style-5 .about-image-gallery .shape-group li.shape-1 { left: 10px; top: 40px; z-index: 1; } .about-style-5 .about-image-gallery .shape-group li.shape-2 { right: 50px; bottom: 11px; z-index: 1; } .about-style-5.about-style-6 .about-content { padding-left: 30px; } .about-style-5.about-style-6 .about-image-gallery { text-align: left; position: relative; padding: 0; } .about-style-5.about-style-6 .about-image-gallery .main-img-2 { position: absolute; right: 9px; bottom: 73px; left: inherit; } .about-style-5.about-style-6 .about-image-gallery .shape-group li { position: absolute; } .about-style-5.about-style-6 .about-image-gallery .shape-group li.shape-1 { left: -60px; bottom: -9px; z-index: 1; top: inherit; } .about-style-5.about-style-6 .about-image-gallery .shape-group li.shape-2 { right: 40px; top: 0; bottom: inherit; z-index: 1; } .about-style-5.about-style-8 { background: var(--zaplin-color-white); } .about-style-5.about-style-8 .about-image-gallery { padding: 0; text-align: left; margin-left: 50px; z-index: 1; } @media only screen and (max-width: 767px) { .about-style-5.about-style-8 .about-image-gallery { text-align: center; margin-left: 0; padding: 50px 0; } } .about-style-5.about-style-8 .about-image-gallery .main-img-1 { border-radius: 10px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.06); } .about-style-5.about-style-8 .about-image-gallery .main-img-2, .about-style-5.about-style-8 .about-image-gallery .main-img-3 { border-radius: 5px; box-shadow: 0px 25px 70px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 1199px) { .about-style-5.about-style-8 .about-image-gallery .main-img-2, .about-style-5.about-style-8 .about-image-gallery .main-img-3 { display: none; } } .about-style-5.about-style-8 .about-image-gallery .main-img-2 { left: -99px; bottom: 38%; } .about-style-5.about-style-8 .about-image-gallery .main-img-3 { top: 70px; right: 82px; } .about-style-5.about-style-8 .about-image-gallery .main-img-4 { right: 12px; bottom: 15px; } @media only screen and (max-width: 1199px) { .about-style-5.about-style-8 .about-image-gallery .main-img-4 { display: none; } } .about-style-5.about-style-8 .about-content .about-content-wrapper { padding: 20px 0 20px 40px; } @media only screen and (max-width: 1199px) { .about-style-5.about-style-8 .about-content .about-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 120px; } } @media only screen and (max-width: 767px) { .about-style-5.about-style-8 .about-content .about-content-wrapper { display: block; } } .about-style-5.about-style-8 .shape-group li.shape-1 { left: -240px; top: -264px; } .about-style-5.about-style-12 { background: var(--zaplin-color-white); } .about-style-5.about-style-12 .about-content .section-title p { max-width: 580px; } .about-style-5.about-style-12 .about-content .about-content-wrapper { padding: 30px 0 30px 40px; } .about-style-5.about-style-12 .about-image-gallery { padding: 100px 70px; text-align: center; z-index: 1; margin-left: 50px; z-index: 1; } @media only screen and (max-width: 991px) { .about-style-5.about-style-12 .about-image-gallery { margin-left: 0; } } @media only screen and (max-width: 767px) { .about-style-5.about-style-12 .about-image-gallery { padding: 25px; } } .about-style-5.about-style-12 .about-image-gallery::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; background: url(../images/bg-image/about-bg-img-6.png); background-size: cover; background-position: center; z-index: -1; } .about-style-5.about-style-12 .about-image-gallery .main-img-1 { border-radius: 10px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.06); position: relative; } .about-style-5.about-style-12 .about-image-gallery .main-img-2, .about-style-5.about-style-12 .about-image-gallery .main-img-3 { position: absolute; border-radius: 10px; box-shadow: 0px 25px 70px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 1199px) { .about-style-5.about-style-12 .about-image-gallery .main-img-2, .about-style-5.about-style-12 .about-image-gallery .main-img-3 { display: none; } } .about-style-5.about-style-12 .about-image-gallery .main-img-2 { top: 52px; left: 275px; } .about-style-5.about-style-12 .about-image-gallery .main-img-3 { top: 64%; right: 48px; } .about-style-5.about-style-20 { background: url(../images/bg-image/about-bg-img-10.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: -120px; padding: 170px 0 130px; position: relative; } .about-style-5.about-style-20 .about-content { padding-left: 40px; position: relative; } @media only screen and (max-width: 991px) { .about-style-5.about-style-20 .about-content { padding-left: 0; } } .about-style-5.about-style-20 .about-content .shape-group li.shape-5 { left: 0; top: -365px; } @media only screen and (max-width: 991px) { .about-style-5.about-style-20 .about-image-gallery { padding: 0 0 20px 0; } } .about-style-5.about-style-20 .about-content-wrapper { background-color: var(--zaplin-color-white); } .about-style-5.about-style-20 .shape-group li { z-index: 0; } .about-style-5.about-style-20 .shape-group li.shape-5 { left: 0; top: -200px; } .about-style-5.about-style-20 .shape-group li.shape-6 { top: 164px; right: 210px; z-index: 1; } .about-style-5.about-style-20 .shape-group li.shape-7 { right: 125px; top: 0; } .about-style-5.about-style-20 .shape-group li.shape-8 { left: 0; top: 276px; } .about-style-5.about-style-20 .shape-group li.shape-9 { left: 60px; top: 242px; } .about-style-5.about-style-20.service-details-one { background: url(../images/bg-image/service-details-one-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 170px 0 150px; } .about-style-5.about-style-20.service-details-one .about-content p { color: var(--zaplin-color-heading-1); } .about-style-5.about-style-20.service-details-one .about-content .zaplin-btn { border-radius: 100px; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); } .about-style-5.about-style-20.service-details-one .about-content .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .about-style-5.about-style-20.service-details-one .about-image-gallery { padding: 70px 0 0 0; } .about-style-5.about-style-20.service-details-one .about-image-gallery .main-img-1 { border-radius: 20px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.02); } .about-style-7 .development-image-gallery { padding: 45px 0 45px; border-radius: 20px; background: url(../images/bg-image/about-bg-img-1.webp); background-size: cover; background-repeat: no-repeat; text-align: center; } .about-style-7 .development-image-gallery .development-agency-slider-wrapper { padding-left: 32px; } @media only screen and (max-width: 767px) { .about-style-7 .development-image-gallery .development-agency-slider-wrapper { padding-left: 0; } } .about-style-7 .development-image-gallery .about-coverflow .about-grid { position: relative; } .about-style-7 .development-image-gallery .about-coverflow .about-grid .thumbnail img { border-radius: 20px; } .about-style-7 .development-image-gallery .about-coverflow .swiper-slide { padding: 0; opacity: 0; visibility: hidden; } .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-active, .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-next, .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-prev { opacity: 1; visibility: visible; } @media only screen and (max-width: 767px) { .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-next { opacity: 0; visibility: hidden; } } @media only screen and (max-width: 767px) { .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-prev { opacity: 0; visibility: hidden; } } @media only screen and (max-width: 767px) { .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-active { margin-left: 20px; } } @media only screen and (max-width: 575px) { .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-active { margin-left: 0; } } .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-prev { margin-left: -60px; margin-right: 43px; } .about-style-7 .development-image-gallery .about-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-next { margin-left: 38px; } .about-style-7 .about-content { padding-top: 30px; } .about-style-7 .about-content p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-2); margin-bottom: 26px; } .about-style-7 .about-content .features-list { margin-bottom: 33px; } .about-style-7 .about-content .features-list li { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .about-style-7 .about-content .features-list li::before { color: var(--zaplin-color-primary); } .about-style-7 .about-content .about-btn .zaplin-btn { padding: 0 50px; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); border-radius: 100px; } .about-style-7 .about-content .about-btn .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .about-style-9 .about-content { padding-left: 0; padding-top: 100px; margin-top: -60px; } @media only screen and (max-width: 991px) { .about-style-9 .about-content { margin-top: 0; padding-top: 0; } } .about-style-9 .about-content .section-title p { color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); margin-bottom: 26px; margin-right: 30px; } .about-style-9 .about-content .features-list li { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .about-style-9 .about-content .features-list li::before { color: var(--zaplin-color-heading-1); } .about-style-9 .about-image-gallery { margin-left: 20px; padding: 0; text-align: left; z-index: 1; } @media only screen and (max-width: 1199px) { .about-style-9 .about-image-gallery { text-align: center; } } .about-style-9 .about-image-gallery::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/about-bg-img-3.png); background-size: cover; background-position: center; z-index: -1; } .about-style-9 .about-image-gallery .main-img-1 { border-radius: 5px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.06); } .about-style-9 .about-image-gallery .main-img-3, .about-style-9 .about-image-gallery .main-img-5 { border-radius: 5px; box-shadow: 0px 25px 70px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 1199px) { .about-style-9 .about-image-gallery .main-img-2, .about-style-9 .about-image-gallery .main-img-3, .about-style-9 .about-image-gallery .main-img-4, .about-style-9 .about-image-gallery .main-img-5 { display: none; } } .about-style-9 .about-image-gallery .main-img-2 { right: 25px; top: 0; } .about-style-9 .about-image-gallery .main-img-3 { top: 52px; right: 25px; } .about-style-9 .about-image-gallery .main-img-4 { right: -50px; top: 154px; } .about-style-9 .about-image-gallery .main-img-5 { right: 25px; bottom: 0; } .about-style-10 .about-image-gallery { padding: 0; margin: 90px 0 60px; } .about-style-10 .about-image-gallery::before { content: ""; position: absolute; left: 30px; top: 0; width: 100%; height: 100%; background: url(../images/bg-image/about-bg-img-4.png); background-size: cover; background-position: center; } .about-style-10 .about-image-gallery .main-img-1 { position: relative; } .about-style-10 .about-content .shape-group li.shape-2 { right: -321px; top: 0; } .about-style-10 .about-content .shape-group li.shape-3 { right: -143px; top: 228px; } .about-style-10 .about-content .shape-group li.shape-4 { right: -321px; bottom: 0; } .about-style-11 { background: var(--zaplin-color-lighten02); } .about-style-11 .about-content { padding-top: 0; padding-left: 0; } @media only screen and (max-width: 991px) { .about-style-11 .about-content { padding-top: 60px; } } .about-style-11 .about-content .section-title { margin-bottom: 0; } .about-style-11 .about-content .section-title .pre-title { margin-bottom: 15px; } .about-style-11 .about-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-2); line-height: 32px; margin-bottom: 30px; } .about-style-11 .about-content .features-list li { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .about-style-11 .about-content .features-list li::before { color: var(--zaplin-color-heading-1); } .about-style-11 .about-image-gallery { padding: 0; text-align: right; } @media only screen and (max-width: 991px) { .about-style-11 .about-image-gallery { text-align: center; } } .about-style-11 .about-image-gallery .main-img-1 { border-radius: 20px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 1199px) { .about-style-11 .about-image-gallery .main-img-1 { text-align: center; } } .about-style-11 .about-image-gallery .main-img { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05); } .about-style-11 .about-image-gallery .main-img-2 { left: 10px; top: 150px; } @media only screen and (max-width: 1199px) { .about-style-11 .about-image-gallery .main-img-2 { display: none; } } .about-style-11 .about-image-gallery .main-img-3 { top: 283px; left: 14px; position: absolute; -webkit-transform: rotate(350deg); -ms-transform: rotate(350deg); transform: rotate(350deg); } @media only screen and (max-width: 1199px) { .about-style-11 .about-image-gallery .main-img-3 { display: none; } } .about-style-11 .about-image-gallery .main-img-4 { left: 20px; bottom: 50px; } @media only screen and (max-width: 1199px) { .about-style-11 .about-image-gallery .main-img-4 { display: none; } } .about-style-13 { background: #050505; } .about-style-13 .about-image-gallery { padding: 40px 0 60px; text-align: left; margin-left: 100px; position: relative; } @media only screen and (max-width: 767px) { .about-style-13 .about-image-gallery { text-align: center; margin-left: 0; } } .about-style-13 .about-image-gallery::after { content: ""; position: absolute; left: -108px; top: 49px; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/about-bg-img-7.png); background-position: center top; background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 767px) { .about-style-13 .about-image-gallery::after { display: none; } } .about-style-13 .about-image-gallery .main-img-2 { position: absolute; left: -96px; bottom: 35px; } @media only screen and (max-width: 1199px) { .about-style-13 .about-image-gallery .main-img-2 { display: none; } } .about-style-13 .about-image-gallery .shape-group li.shape-1 { right: 25px; top: 0; z-index: 0; } .about-style-13 .about-image-gallery .shape-group li.shape-2 { right: 80px; top: 117px; z-index: 0; } .about-style-13 .about-content { padding-top: 40px; padding-left: 30px; } @media only screen and (max-width: 767px) { .about-style-13 .about-content { padding-top: 0; } } .about-style-13 .about-content .section-title .title { color: var(--zaplin-color-white); } .about-style-13 .about-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-3); margin-bottom: 30px; } @media only screen and (max-width: 991px) { .about-style-13 .about-content .section-title p { font-size: var(--zaplin-font-size-b1); } } .about-style-13 .about-content .features-list li { color: var(--zaplin-color-white); } .about-style-13 .about-content .features-list li::before { color: var(--zaplin-color-secondary); } .about-style-14 { border-radius: 70px; background: var(--zaplin-color-white); position: relative; } .about-style-14::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #F5F5F5; z-index: -1; } .about-style-14 .about-content { padding-left: 0; padding-top: 0; } .about-style-14 .about-content .section-title .title { margin-bottom: 42px; } .about-style-14 .about-content .about-features-box { list-style: none; padding-left: 0; margin-bottom: 0; max-width: 520px; } @media only screen and (max-width: 1199px) { .about-style-14 .about-content .about-features-box { max-width: 100%; } } .about-style-14 .about-content .about-features-box .content { margin-top: 0; margin-bottom: 0; } .about-style-14 .about-content .about-features-box .content .title { line-height: 28px; margin-bottom: 15px; } .about-style-14 .about-content .about-features-box .content p { color: var(--zaplin-color-heading-2); margin-bottom: 25px; } .about-style-14 .about-content .about-btn { margin-top: 45px; } .about-style-14 .about-content .about-btn .zaplin-btn { border-radius: 8px; } .about-style-14 .about-image-gallery { padding: 0 0 0 40px; text-align: left; margin-top: -170px; } @media only screen and (max-width: 1199px) { .about-style-14 .about-image-gallery { padding: 0; } } @media only screen and (max-width: 991px) { .about-style-14 .about-image-gallery { margin-top: 0; } } .about-style-14 .about-image-gallery .main-img-1 { border-radius: 20px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.12); position: relative; z-index: 1; } .about-style-14 .about-image-gallery .main-img { border-radius: 20px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.12); z-index: 1; } @media only screen and (max-width: 991px) { .about-style-14 .about-image-gallery .main-img { display: none; } } .about-style-14 .about-image-gallery .main-img.main-img-2 { right: -20px; bottom: 70px; } .about-style-14 .about-image-gallery .main-img.main-img-3 { right: -20px; bottom: -35px; } .about-style-14 .about-image-gallery .main-img.main-img-4 { right: -20px; bottom: -142px; } .about-style-14 .about-image-gallery .shape-group li.shape-1 { right: 60px; bottom: -175px; z-index: 0; } .about-style-14.about-style-24 { border-radius: 0; } .about-style-15 { background: #121212; } .about-style-15 .about-image-gallery { text-align: center; padding: 0 30px 0 0; } @media only screen and (max-width: 991px) { .about-style-15 .about-image-gallery { padding: 0; } } .about-style-15 .about-image-gallery .thumbnail { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.03); padding: 30px 30px 0 30px; border: 1px solid rgba(255, 255, 255, 0.06); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); border-radius: 15px; margin-left: -40px; } @media only screen and (max-width: 991px) { .about-style-15 .about-image-gallery .thumbnail { margin-left: 0; } } .about-style-15 .about-image-gallery .thumbnail .main-img-1 { width: 100%; border-radius: 10px 10px 0 0; } .about-style-15 .about-content { padding-left: 30px; padding-top: 0; } .about-style-15 .about-content .pre-title { color: var(--zaplin-color-heading-3); } .about-style-15 .about-content .title { color: var(--zaplin-color-white); } .about-style-15 .about-content p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-3); margin-bottom: 28px; } .about-style-15 .about-content .features-list li { color: var(--zaplin-color-white); } .about-style-15 .about-content .features-list li::before { color: var(--zaplin-color-primary); } .about-style-16 { background: var(--zaplin-color-white); } .about-style-16 .about-image-gallery { padding: 0; } .about-style-16 .about-content { padding-left: 40px; } @media only screen and (max-width: 991px) { .about-style-16 .about-content { padding-left: 0; } } .about-style-16 .about-content .about-content-wrapper { border: none; border-radius: 10px; background: #FFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 991px) { .about-style-16 .about-content .about-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding: 30px; } } @media only screen and (max-width: 575px) { .about-style-16 .about-content .about-content-wrapper { display: block; } } @media only screen and (max-width: 991px) { .about-style-16 .about-content .about-content-wrapper .about-content-box-1 { margin-bottom: 0; } } .about-style-17 { background: var(--zaplin-color-white); position: relative; } .about-style-17 .about-image-gallery { padding: 0; } .about-style-17 .about-image-gallery .main-img-1 { position: relative; z-index: 2; } .about-style-17 .about-content { padding-left: 30px; } .about-style-17 .about-content .about-content-wrapper { border: none; padding: 30px 0 30px 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } .about-style-17 .about-content .about-content-wrapper .about-content-box span { color: var(--zaplin-color-heading-1); } .about-style-17 .shape-group li.shape-1 { left: 0; top: -269px; z-index: 0; } .about-area-18 { margin-top: -120px; padding: 220px 0 220px; background-image: url(../images/bg-image/about-bg-img-9.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } @media only screen and (max-width: 767px) { .about-area-18 { padding: 180px 0 110px; } } .about-area-18.zaplin-sticky { padding: 310px 0 220px; } @media only screen and (max-width: 767px) { .about-area-18.zaplin-sticky { padding: 135px 0 100px; } } .about-area-18 .section-title { margin-bottom: 25px; } .about-area-18 .shape-group li { z-index: 0; } .about-area-18 .shape-group li.shape-5 { left: 0; top: -260px; } .about-area-18 .shape-group li.shape-6 { top: 164px; right: 210px; } .about-area-18 .shape-group li.shape-7 { right: 125px; top: 0; } .about-area-18 .shape-group li.shape-8 { left: 60px; top: 242px; } .about-area-18 .shape-group li.shape-9 { left: 0; top: 300px; } .about-style-18 .faq-accordion { max-width: 520px; } .about-style-18 .faq-accordion .accordion-item { background: transparent !important; border: none !important; border-radius: inherit; margin-bottom: 0; } .about-style-18 .faq-accordion .accordion-item .accordion-header { padding: 0; position: relative; } .about-style-18 .faq-accordion .accordion-item .accordion-button { font-weight: var(--zaplin-p-regular); padding: 25px 37px; background-color: transparent !important; border-bottom: none; border-radius: inherit !important; position: relative; -webkit-transition: .3s; transition: .3s; z-index: 2; } @media only screen and (max-width: 575px) { .about-style-18 .faq-accordion .accordion-item .accordion-button { font-size: 18px; } } .about-style-18 .faq-accordion .accordion-item .accordion-button::after, .about-style-18 .faq-accordion .accordion-item .accordion-button::before { position: absolute; font-family: var(--zaplin-flaticon); font-size: 7px; width: 26px; height: 26px; line-height: 26px; padding: 1px 8px; top: 25px; left: 0; border-radius: 4px; right: inherit; opacity: 1; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: .3s; transition: .3s; display: block; } .about-style-18 .faq-accordion .accordion-item .accordion-button::after { content: "\f155"; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); } .about-style-18 .faq-accordion .accordion-item .accordion-button::before { content: "\f154"; color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); opacity: 0; } .about-style-18 .faq-accordion .accordion-item .accordion-button.collapsed { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .about-style-18 .faq-accordion .accordion-item .accordion-button.collapsed::before { opacity: 0; } .about-style-18 .faq-accordion .accordion-item .accordion-button.collapsed::after { top: 25px; opacity: 1; } .about-style-18 .faq-accordion .accordion-item .accordion-button:not(.collapsed) { box-shadow: none; } .about-style-18 .faq-accordion .accordion-item .accordion-button:not(.collapsed)::before { opacity: 1; } .about-style-18 .faq-accordion .accordion-item .accordion-button:not(.collapsed)::after { opacity: 0; } .about-style-18 .faq-accordion .accordion-item .accordion-button:focus { box-shadow: none; } .about-style-18 .faq-accordion .accordion-item .accordion-body { background-color: transparent; border-radius: 0; padding: 0 0 0 37px; } .about-style-18 .faq-accordion .accordion-item .accordion-body p { color: var(--zaplin-color-heading-1); } .about-style-18 .about-thumbnil { position: relative; width: 100%; height: 100%; z-index: 1; margin-left: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .about-style-18 .about-thumbnil { margin-left: 0; } } @media only screen and (max-width: 991px) { .about-style-18 .about-thumbnil { margin-left: 0; } } .about-style-18 .about-thumbnil .scan-wrapper { width: 220px; height: 279px; padding: 45px 43px 35px 43px; background-color: var(--zaplin-color-white); border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); text-align: center; margin-left: -30px; position: relative; top: 172px; } @media (max-width: 1250px) { .about-style-18 .about-thumbnil .scan-wrapper { margin-left: -45px; } } @media only screen and (max-width: 1199px) { .about-style-18 .about-thumbnil .scan-wrapper { top: 0; margin-left: 70px; } } @media only screen and (max-width: 991px) { .about-style-18 .about-thumbnil .scan-wrapper { top: 45px; margin-left: 0; } } @media only screen and (max-width: 767px) { .about-style-18 .about-thumbnil .scan-wrapper { top: 10px; } } .about-style-18 .about-thumbnil .scan-wrapper .scan-thumb { position: relative; } .about-style-18 .about-thumbnil .scan-wrapper .scan-thumb::before { content: ""; position: absolute; width: 90%; height: 5px; background: var(--zaplin-color-primary); opacity: 0.7; top: 50%; left: 8px; right: 0; -webkit-animation-name: scan; animation-name: scan; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .about-style-18 .about-thumbnil .scan-wrapper h5 { font-size: 18px; font-weight: var(--zaplin-p-medium); margin-top: 30px; margin-bottom: 15px; } .about-style-18 .about-thumbnil .scan-wrapper .pay-btn { height: 40px; line-height: 42px; padding: 0 35px; border-radius: 5px; background: var(--zaplin-color-primary); font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b3); font-weight: var(--zaplin-p-medium); text-transform: capitalize; } .about-style-18 .about-thumbnil .paymet-thumb { position: absolute; right: 60px; top: 0; } @media only screen and (max-width: 1199px) { .about-style-18 .about-thumbnil .paymet-thumb { display: none; } } .about-style-18 .about-thumbnil .paymet-thumb img { border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); } .about-style-18 .about-thumbnil .perfomance-thumb { position: absolute; right: 0; bottom: -120px; } @media only screen and (max-width: 767px) { .about-style-18 .about-thumbnil .perfomance-thumb { display: none; } } @media only screen and (max-width: 767px) { .about-style-18 .about-thumbnil .perfomance-thumb { bottom: -40px; } } .about-style-18 .about-thumbnil .perfomance-thumb img { border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); } .about-style-18 .section-title .title { margin-bottom: 20px; } .about-style-18 .section-title p { font-size: 18px; margin-right: 48px; } .about-style-18 .content h2 { font-weight: var(--zaplin-p-medium); margin-bottom: 0; } .about-style-18 .content h2 i { font-size: 34px; padding-left: 13px; } .about-style-18 .content h2 i.flaticon-arrow-up-1 { color: #4BCD5F; } .about-style-18 .content h2 i.flaticon-arrow-down-1 { color: #FB1E1E; } @media only screen and (max-width: 991px) { .about-style-18 .content h2 i { font-size: 22px; } } @media only screen and (max-width: 575px) { .about-style-18 .content h5 { font-size: var(--zaplin-font-size-b1); } } .about-style-18 .about-thumbnil .shape-group li.shape-1 { top: -43px; left: 176px; } .about-style-18 .about-thumbnil .shape-group li.shape-2 { top: 223px; right: -8px; } .about-style-18 .about-thumbnil .shape-group li.shape-3 { bottom: -5px; left: 70px; z-index: 1; } .about-style-18 .about-thumbnil .shape-group li.shape-4 { left: 40px; top: 105px; z-index: -1; } .about-style-18 .about-thumbnil .shape-group li.shape-4 span { width: 412px; height: 412px; border-radius: 50%; background: rgba(133, 78, 242, 0.07); display: inline-block; } .about-area-19 { position: relative; margin-top: -120px; } .about-area-19 .about-content { padding: 190px 0 120px; } @media only screen and (max-width: 1199px) { .about-area-19 .about-content { padding: 160px 0 70px; } } @media only screen and (max-width: 767px) { .about-area-19 .about-content { padding: 90px 0 50px; } } @media only screen and (max-width: 1199px) { .about-area-19 .about-content br { display: none; } } .about-area-19 .about-content .title { font-size: 72px; } @media only screen and (max-width: 1199px) { .about-area-19 .about-content .title { font-size: 60px; } } @media only screen and (max-width: 991px) { .about-area-19 .about-content .title { font-size: 40px; } } .about-area-19 .about-content .title .text-gradient { display: inline-block; background: -webkit-linear-gradient(359deg, #854EF2 28.2%, #FF6B00 75.81%); background: linear-gradient(91deg, #854EF2 28.2%, #FF6B00 75.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-area-19 .about-content p { color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); margin: 0; } .about-area-19 .about-thumbnil { margin-left: 0; } .about-area-19 .about-thumbnil .thumbnail { border-radius: 10px; } .about-area-19 .about-thumbnil .thumbnail img { border-radius: 10px; } .about-area-19 .shape-group li { z-index: 0; } .about-area-19 .shape-group li.shape-5 { left: 0; top: -65px; } .about-area-19 .shape-group li.shape-6 { top: 164px; right: 210px; z-index: 1; } .about-area-19 .shape-group li.shape-7 { right: 125px; top: 0; } .about-area-19 .shape-group li.shape-8 { left: 60px; top: 242px; z-index: 1; } .about-area-19 .shape-group li.shape-9 { left: 0; top: 300px; } .about-area-21 { background: url(../images/bg-image/about-banner-bg-img-10.png); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: -120px; position: relative; } .about-area-21::after { content: "UIUX Designer"; position: absolute; left: 0; bottom: 30px; width: 100%; font-family: var(--zaplin-font-primary); font-size: 232px; font-weight: 700; line-height: 111px; padding: 0 50px; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: white; -webkit-text-stroke-width: 0.7px; pointer-events: none; } @media only screen and (max-width: 1650px) { .about-area-21::after { font-size: 90px; padding: 0; bottom: -23px; } } .about-area-21.about-style-21 { padding-top: 185px; } @media only screen and (max-width: 1650px) { .about-area-21.about-style-21 { padding-top: 150px; } } .about-area-21.about-style-21.zaplin-sticky { padding: 270px 0 0; } .about-area-21.about-style-21 .about-content { padding-left: 0; padding-bottom: 200px; } @media only screen and (max-width: 1650px) { .about-area-21.about-style-21 .about-content { padding-bottom: 0; text-align: center; } } @media only screen and (max-width: 991px) { .about-area-21.about-style-21 .about-content { text-align: center; } } .about-area-21.about-style-21 .about-content .pre-title img { margin: 0 3px; } .about-area-21.about-style-21 .about-content p { max-width: 600px; font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 991px) { .about-area-21.about-style-21 .about-content p { margin: 0 auto; } } .about-area-21.about-style-21 .about-content .about-btn-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; list-style: none; padding-left: 0; } @media only screen and (max-width: 991px) { .about-area-21.about-style-21 .about-content .about-btn-video { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 479px) { .about-area-21.about-style-21 .about-content .about-btn-video { display: block; } } .about-area-21.about-style-21 .about-content .about-btn-video .video-btn { margin-left: 20px; margin-top: 0; } .about-area-21.about-style-21 .about-content .about-btn-video .video-btn i { text-align: center; padding: 21px 23px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: var(--zaplin-color-white); color: var(--zaplin-color-primary); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); border-radius: 50%; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .about-area-21.about-style-21 .about-content .about-btn-video .video-btn span { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); padding-left: 10px; } .about-area-21.about-style-21 .about-content .about-btn-video .video-btn:hover i { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .about-area-21.about-style-21 .about-image-gallery { padding: 0; margin-left: -95px; } @media only screen and (max-width: 991px) { .about-area-21.about-style-21 .about-image-gallery { margin-left: 0; } } .about-area-21 .shape-group li.shape-5 { left: 0; top: -220px; } .about-area-21 .shape-group li.shape-6 { top: 0; right: -85px; } .about-area-21 .shape-group li.shape-7 { top: -160px; right: -180px; } .about-area-21 .shape-group li.shape-8 { top: 168px; left: -230px; } .about-area-21 .shape-group li.shape-9 { left: -307px; top: 200px; } .zaplin-text-scroll { /* Styling for each individual text span */ } .zaplin-text-scroll .text-split .line-text { font-size: 64px; line-height: 70px; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-regular); } @media only screen and (max-width: 991px) { .zaplin-text-scroll .text-split .line-text { font-size: 48px; line-height: 58px; } } @media only screen and (max-width: 767px) { .zaplin-text-scroll .text-split .line-text { font-size: 32px; line-height: 42px; } } .zaplin-text-scroll .pre-title { font-size: var(--zaplin-font-size-b1); font-weight: 500; text-transform: uppercase; color: var(--zaplin-color-primary); letter-spacing: 0.48px; margin-bottom: 15px; display: block; } .zaplin-text-scroll span { -webkit-transition: color 0.5s ease; transition: color 0.5s ease; /* Smooth transition for color change */ } .about-style-23 .about-image-gallery { padding: 0; } .about-style-23 .about-image-gallery .shape-group li.shape-1 { top: inherit; bottom: 285px; } .about-style-23 .about-image-gallery .shape-group li.shape-2 { top: 130px; right: 70px; bottom: inherit; } .about-style-25 { background-color: #FAFAFA; background-image: url(../images/bg-image/about-bg-img-11.png); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; } .about-style-25 .about-content p { margin: 0 0 30px; } .about-style-25 .about-image-gallery { padding: 0; position: relative; text-align: left; } @media only screen and (max-width: 991px) { .about-style-25 .about-image-gallery { text-align: center; } } .about-style-25 .about-image-gallery .thumbnail img { border-radius: 20px; } .about-style-25 .about-image-gallery .shape-group li.shape-1 { left: -51px; bottom: -82px; z-index: -1; } .about-style-25 .about-content { position: relative; padding-left: 50px; padding-top: 40px; } @media only screen and (max-width: 991px) { .about-style-25 .about-content { padding-left: 0; } } .about-style-25 .about-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .about-style-25 .about-content .features-list li { color: var(--zaplin-color-heading-1); } .about-style-25 .about-content .features-list li::before { color: var(--zaplin-color-heading-1); } .about-style-25 .shape-group li { z-index: 0; } .about-style-25 .shape-group li.shape-2 { right: 0px; top: 0; } .about-style-25 .shape-group li.shape-3 { right: 175px; top: 182px; } .exparties-area-1 { background: url(../images/bg-image/exparties-bg-01.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .exparties-style-1 { padding: 65px 40px; border-radius: 10px; background-color: var(--zaplin-color-white); } .exparties-style-1 .section-title { margin-bottom: 50px; } .exparties-style-1 .text { color: var(--zaplin-color-heading-1); } .exparties-style-1 .features-list { list-style: none; padding-left: 0; } .exparties-style-1 .features-list li i { font-size: 10px; padding-right: 5px; } .zaplin-app-development-area .app-development .app-development-wrapper { list-style: none; position: relative; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item { width: 100%; position: absolute; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; overflow: hidden; left: 0; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item.stack-cards-item-1 { top: -40px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item.stack-cards-item-2 { top: 18px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item.stack-cards-item-3 { top: 74px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap { width: 100%; height: 478px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 60px 150px 0 80px; border-radius: 20px; } @media only screen and (max-width: 1199px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap { padding: 60px 40px 40px 40px; } } @media only screen and (max-width: 991px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap { height: 100%; display: block; } } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap.app-development-wrap-1 { background: url(../images/bg-image/app-development-bg-01.png); background-repeat: no-repeat; background-size: cover; margin-bottom: 60px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap.app-development-wrap-2 { background: url(../images/bg-image/app-development-bg-02.png); background-repeat: no-repeat; background-size: cover; margin-bottom: 60px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap.app-development-wrap-3 { background: url(../images/bg-image/app-development-bg-03.png); background-repeat: no-repeat; background-size: cover; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content { width: 50%; padding-top: 44px; } @media only screen and (max-width: 991px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content { width: 100%; padding-top: 0; text-align: center; padding-bottom: 30px; } } @media only screen and (max-width: 1199px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .title { font-size: 38px; } } @media only screen and (max-width: 767px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .title { font-size: 28px; } } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .text { max-width: 450px; margin: 0 0 30px; } @media only screen and (max-width: 991px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .text { margin: 0 auto; } } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .btn-transparent { position: relative; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .btn-transparent::after { content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: var(--zaplin-color-primary); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-content .btn-transparent:hover::after { width: 100%; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery { width: 50%; text-align: right; } @media only screen and (max-width: 991px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery { width: 100%; text-align: center; } } @media only screen and (max-width: 991px) { .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery img { margin-bottom: -40px; } } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li { position: absolute; z-index: 1; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li img { border-radius: 10px; box-shadow: 0px 26px 55px -11px rgba(0, 0, 0, 0.08); } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-1 { left: 25px; bottom: 60px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-2 { right: -78px; top: 128px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-3 { left: 38px; bottom: 48px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-4 { right: -50px; top: 83px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-5 { left: 15px; bottom: 55px; } .zaplin-app-development-area .app-development .app-development-wrapper .stack-cards-item .app-development-wrap .app-development-image-gallery .shape-group li.shape-6 { right: -75px; top: 128px; } /*------------------- Brand Styles ---------------------*/ .brand-grid-wrap { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .brand-grid-wrap { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 767px) { .brand-grid-wrap { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .brand-grid-wrap { grid-template-columns: repeat(1, 1fr); } } .brand-grid-wrap::before { content: ""; height: 1px; width: 100%; background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, #C6C6C1 50.08%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #C6C6C1 50.08%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 48%; left: 0; right: 0; -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%); transform: translateY(-48%); } .brand-grid-wrap .brand-grid { padding: 18px 5px; text-align: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); position: relative; } .brand-grid-wrap .brand-grid::before { content: ""; height: 100px; width: 1px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #C6C6C1 50.08%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #C6C6C1 50.08%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 100%; right: 0; } .brand-grid-wrap .brand-grid:nth-child(5n)::before { display: none; } .brand-grid-wrap .brand-grid:last-child::before { display: none; } .brand-style-1 { gap: 110px; } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .brand-style-1 { gap: 50px; } } @media only screen and (max-width: 1199px) { .brand-style-1 { gap: 60px; } } @media only screen and (max-width: 767px) { .brand-style-1 { gap: 30px; } } .brand-style-1::before { display: none; } .brand-style-1 .brand-grid { padding: 0; } .brand-style-1 .brand-grid::before { display: none; } .brand-style-1 .brand-grid:hover { box-shadow: none; } .brand-area-1 h5 { font-weight: var(--zaplin-p-regular); text-align: center; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .brand-area-1 h5 { margin-bottom: 30px; } } .brand-area-2 { background: #F4F8F6; position: relative; } .brand-area-2 .shape-group li.shape-1 { left: 0; right: 0; bottom: -530px; z-index: -1; } .brand-area-2 h5 { text-align: center; margin-bottom: 55px; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { .brand-area-2 h5 br { display: none; } } .brand-style-2 { z-index: 2; } @media only screen and (max-width: 1199px) { .brand-style-2 { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 991px) { .brand-style-2 { grid-template-columns: repeat(3, 1fr); } .brand-style-2::before { display: none; } .brand-style-2 .brand-grid::before { display: none; } } @media only screen and (max-width: 991px) { .brand-style-2 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 575px) { .brand-style-2 { grid-template-columns: repeat(1, 1fr); } } .brand-style-2.brand-style-4 { gap: 20px; } .brand-style-2.brand-style-4::before { display: none; } .brand-style-2.brand-style-4 .brand-grid { background-color: var(--zaplin-color-white); padding: 45px 0px; border-radius: 20px; border: 1.5px solid var(--zaplin-color-heading-1); } .brand-style-2.brand-style-4 .brand-grid::before { display: none; } .brand-style-2.brand-style-4 .brand-grid:hover { box-shadow: none; border: 1.5px solid rgba(13, 13, 13, 0.1); } .brand-area-3 { background: #121212; } .brand-style-3 { grid-template-columns: repeat(6, 1fr); } .brand-style-3::before { top: inherit; bottom: 0; background: rgba(142, 123, 195, 0.2); } .brand-style-3 .brand-grid { padding: 60px 5px; } @media only screen and (max-width: 991px) { .brand-style-3 .brand-grid { padding: 20px 5px; } } .brand-style-3 .brand-grid::before { height: 160px; background: rgba(142, 123, 195, 0.2); } .brand-style-3 .brand-grid:nth-child(5n)::before { display: block; } .brand-style-3 .brand-grid img { opacity: .5; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .brand-style-3 .brand-grid:hover { box-shadow: none; } .brand-style-3 .brand-grid:hover img { opacity: 1; } @media only screen and (max-width: 991px) { .brand-style-3 { grid-template-columns: repeat(3, 1fr); } .brand-style-3::before { display: none; } .brand-style-3 .brand-grid::before { display: none; } .brand-style-3 .brand-grid:nth-child(5n)::before { display: none; } } .brand-area-4 { margin-top: 530px; } @media only screen and (max-width: 991px) { .brand-area-4 { margin-top: 820px; } } @media only screen and (max-width: 479px) { .brand-area-4 { margin-top: 730px; } } .brand-area-5 h5 { font-weight: var(--zaplin-p-regular); text-align: center; margin-bottom: 53px; } .brand-style-5 { position: relative; border-radius: 10px; background: var(--zaplin-color-white); border: 1px solid #EBEBEB; grid-template-columns: repeat(6, 1fr); } @media only screen and (max-width: 1199px) { .brand-style-5 { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 767px) { .brand-style-5 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .brand-style-5 { grid-template-columns: repeat(1, 1fr); } } .brand-style-5::before { display: none; } .brand-style-5::after { content: ""; position: absolute; left: 42px; bottom: -53px; width: 100%; height: 130px; background: url(../images/bg-image/brand-bg-02.svg); background-repeat: no-repeat; background-size: cover; z-index: -1; } .brand-style-5 .brand-grid { padding: 40px 5px; background: var(--zaplin-color-white); border-radius: 10px; } .brand-style-5 .brand-grid:nth-child(5n)::before { display: block; } .brand-style-5 .brand-grid::before { width: 1px; height: 75px; top: 23px; bottom: 23px; border-right: 1px solid #ebebeb; z-index: 1; } .brand-style-5 .brand-grid:hover { box-shadow: none; } .brand-style-6 { gap: 20px; } .brand-style-6::before { display: none; } .brand-style-6 .brand-grid { padding: 42px 42px; border-radius: 20px; background: #F7F6F7; } .brand-style-6 .brand-grid::before { display: none; } .brand-style-6 .brand-grid:hover { box-shadow: none; background: #F0F0F0; } .brand-area-7 { background: #050505; padding: 80px 0; position: relative; } .brand-area-7 .zaplin-animated-shape::before { content: ""; position: absolute; left: 0; right: 0; top: -80px; width: 100%; height: 1px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.05) 74.48%); background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.05) 74.48%); } .brand-area-7 .zaplin-animated-shape::after { content: ""; position: absolute; left: 0; right: 0; bottom: -80px; width: 100%; height: 1px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.05) 74.48%); background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.05) 74.48%); } .brand-area-7 span { color: var(--zaplin-color-secondary); text-align: center; font-family: var(--zaplin-font-secondary); font-size: 20px; font-weight: var(--zaplin-p-medium); padding: 10px 30px; background: #1F2022; position: absolute; top: -80px; left: 0; } .brand-area-7 .swiper-navigation-brand { position: absolute; right: 0; top: -67px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .brand-area-7 .swiper-navigation-brand .swiper-btn-nxt-1, .brand-area-7 .swiper-navigation-brand .swiper-btn-prv-1 { color: rgba(255, 255, 255, 0.2); } .brand-area-7 .swiper-navigation-brand .swiper-btn-nxt-1 i, .brand-area-7 .swiper-navigation-brand .swiper-btn-prv-1 i { font-size: 12px; } .brand-area-7 .swiper-navigation-brand .swiper-btn-nxt-1:hover, .brand-area-7 .swiper-navigation-brand .swiper-btn-prv-1:hover { color: var(--zaplin-color-secondary); } .brand-area-7 .swiper-navigation-brand .swiper-btn-nxt-1 { margin-right: 20px; } .brand-area-7 .shape-group li.shape-1 { position: absolute; bottom: -80px; } .zaplin-time-traking-brand-activation { margin: 0 -8px; } .brand-style-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .brand-style-7::before { display: none; } .brand-style-7 .brand-grid { padding: 14px 38px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); } .brand-area-8 { background: #f5f5f5; } .brand-style-8 { border-top-left-radius: 70px; border-top-right-radius: 70px; box-shadow: var(--zaplin-shadow-darker); grid-template-columns: repeat(7, 1fr); } @media only screen and (max-width: 1199px) { .brand-style-8 { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 767px) { .brand-style-8 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .brand-style-8 { grid-template-columns: repeat(1, 1fr); } } .brand-style-8::before { display: none; } .brand-style-8 .brand-grid { padding: 50px 0; } .brand-style-8 .brand-grid::before { display: none; } .brand-style-8 .brand-grid:hover { box-shadow: none; } .brand-area-9 { background: #121212; } .brand-area-9 .section-title .pre-title { color: var(--zaplin-color-heading-3); } .brand-area-9 .section-title .title { color: var(--zaplin-color-white); } .brand-style-9 { max-width: 1070px; margin: 0 auto; gap: 30px; } .brand-style-9::before { display: none; } @media only screen and (max-width: 479px) { .brand-style-9 { text-align: center; text-align: -webkit-center; } } .brand-style-9 .brand-grid { width: 190px; height: 80px; line-height: 80px; padding: 0; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(323deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(127deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .brand-style-9 .brand-grid::before { display: none; } .brand-style-9 .brand-grid:hover { box-shadow: none; } .brand-style-9 .brand-grid:hover img { -webkit-filter: brightness(0) saturate(100%) invert(35%) sepia(26%) saturate(4205%) hue-rotate(240deg) brightness(95%) contrast(99%); filter: brightness(0) saturate(100%) invert(35%) sepia(26%) saturate(4205%) hue-rotate(240deg) brightness(95%) contrast(99%); } .brand-area-10 h3 { margin-bottom: 70px; text-align: center; } .brand-style-10 { grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1199px) { .brand-style-10 { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 767px) { .brand-style-10 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .brand-style-10 { grid-template-columns: repeat(1, 1fr); } } .brand-style-10::before { display: none; } .brand-style-10 .brand-grid { padding: 0; } @media only screen and (max-width: 767px) { .brand-style-10 .brand-grid { padding: 18px 5px; } } .brand-style-10 .brand-grid::before { display: none; } .brand-style-10 .brand-grid p { margin: 0; } .brand-style-10 .brand-grid img { padding-bottom: 14px; } .brand-style-10 .brand-grid .rating-icon { margin-bottom: 8px; } .brand-style-10 .brand-grid .rating-icon i { color: #FFC107; } .brand-style-10 .brand-grid:hover { box-shadow: none; } .brand-style-11 { gap: 20px; } .brand-style-11::before { display: none; } .brand-style-11 .brand-grid { padding: 45px 43px; border-radius: 20px; border: 1px solid #E5E5E5; background: rgba(246, 244, 242, 0); } .brand-style-11 .brand-grid::before { display: none; } .brand-style-11 .brand-grid:hover { box-shadow: none; } .brand-area-12 { position: relative; z-index: 2; } .brand-area-12 h5 { font-weight: 500; text-align: center; margin-bottom: 90px; } .brand-area-12 .brand-style-12 { border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4.3617px 92.34px 0px rgba(0, 0, 0, 0.06); grid-template-columns: repeat(6, 1fr); } @media only screen and (max-width: 1199px) { .brand-area-12 .brand-style-12 { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 767px) { .brand-area-12 .brand-style-12 { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 479px) { .brand-area-12 .brand-style-12 { grid-template-columns: repeat(1, 1fr); } } .brand-area-12 .brand-style-12::before { display: none; } .brand-area-12 .brand-style-12 .brand-grid { padding: 40px 5px; } .brand-area-12 .brand-style-12 .brand-grid::before { top: 25px; width: 1px; height: 65px; background: #EBEBEB; } .brand-area-12 .brand-style-12 .brand-grid:nth-child(5n)::before { display: block; } .brand-area-12 .brand-style-12 .brand-grid:hover { box-shadow: none; } .brand-area-12 .shape-group li.shape-1 { left: 110px; top: 80px; } .brand-area-13 { padding: 60px 0; background: #FBFED8; text-align: center; } .brand-area-13 h5 { font-weight: var(--zaplin-p-regular); } .brand-area-13 .brand-style-13 { grid-template-columns: repeat(6, 1fr); margin-top: 30px; gap: 80px; } @media only screen and (max-width: 991px) { .brand-area-13 .brand-style-13 { grid-template-columns: repeat(3, 1fr); gap: 50px; } } @media only screen and (max-width: 767px) { .brand-area-13 .brand-style-13 { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media only screen and (max-width: 479px) { .brand-area-13 .brand-style-13 { grid-template-columns: repeat(1, 1fr); } } .brand-area-13 .brand-style-13::before { display: none; } .brand-area-13 .brand-style-13 .brand-grid::before { left: inherit; right: -45px; top: 17px; width: 1px; height: 35px; background: #252525; } @media only screen and (max-width: 991px) { .brand-area-13 .brand-style-13 .brand-grid::before { display: none; } } .brand-area-13 .brand-style-13 .brand-grid:nth-child(5n)::before { display: block; } @media only screen and (max-width: 991px) { .brand-area-13 .brand-style-13 .brand-grid:nth-child(5n)::before { display: none; } } .brand-area-15 h3 { text-align: center; margin-bottom: 50px; } @media only screen and (max-width: 767px) { .brand-area-15 h3 br { display: none; } } @media only screen and (max-width: 991px) { .brand-area-15 .brand-style-15::before { display: none; } } .brand-area-15 .brand-style-15 .brand-grid { padding: 25px 20px; } @media only screen and (max-width: 991px) { .brand-area-15 .brand-style-15 .brand-grid::before { display: none; } } .brand-area-15 .brand-style-15 .brand-grid:hover { box-shadow: none; } .brand-style-16::before { top: 5% !important; } /*------------------- Call To Action Styles ---------------------*/ .zaplin-cta-banner-area { padding: 100px 0; position: relative; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .zaplin-cta-banner-area { padding: 80px 0 70px; } } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area { padding: 80px 0 70px; } } .zaplin-cta-banner-area .section-title .pre-title { padding: 5px 20px; border-radius: 50px; background: rgba(126, 115, 237, 0.3); color: #FFF; text-align: center; font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: 0.36px; text-transform: uppercase; } .zaplin-cta-banner-area .section-title .title { font-weight: var(--zaplin-p-semi-bold); } .zaplin-cta-banner-area .section-title .description { font-size: var(--zaplin-font-size-b3); } @media only screen and (max-width: 1199px) { .zaplin-cta-banner-area .shape-group { display: none; } } .zaplin-cta-banner-area .form-control:focus { box-shadow: none; } .zaplin-cta-banner-area .cta-banner-search { max-width: 630px; margin: 0 auto; border: none; border-radius: 4px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area .cta-banner-search { max-width: 100%; } } .zaplin-cta-banner-area .cta-banner-search .form-control { height: 66px; border: none; line-height: 1; font-size: 15px; color: var(--zaplin-color-heading-2); font-weight: 400; padding: 0 0 0 20px; } .zaplin-cta-banner-area .cta-banner-search .zaplin-btn { margin-top: 8px; position: absolute; right: 8px; } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area .cta-banner-search .zaplin-btn { padding: 0 20px; } } .zaplin-cta-banner-area.cta-banner-1 { background-color: #211F36; } .zaplin-cta-banner-area.cta-banner-1 .title { color: var(--zaplin-color-white); } .zaplin-cta-banner-area.cta-banner-1 p { color: var(--zaplin-color-white); line-height: 30px; margin: 4px 0 0 20px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner-area.cta-banner-1 p { margin: 4px 0 0 0; } } .zaplin-cta-banner-area.cta-banner-1 p a { color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-cta-banner-area.cta-banner-1 p a:hover { color: var(--zaplin-color-primary); } .zaplin-cta-banner-area.cta-banner-1 .input-group { margin-top: 80px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner-area.cta-banner-1 .input-group { margin-top: 0; } } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area.cta-banner-1 .input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .zaplin-cta-banner-area.cta-banner-1 .input-group input { margin-left: 18px; margin-right: 10px; border-radius: 3px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner-area.cta-banner-1 .input-group input { margin-left: 0 !important; } } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area.cta-banner-1 .input-group input { margin-left: 0; } } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area.cta-banner-1 .input-group input { margin-right: 0; } } .zaplin-cta-banner-area.cta-banner-1 .input-group a { margin-left: 10px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner-area.cta-banner-1 .input-group a { margin-left: 0; } } .zaplin-cta-banner-area.cta-banner-1 .input-group a .zaplin-btn { padding: 0 35px; } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area.cta-banner-1 .input-group a .zaplin-btn { width: 100%; margin-top: 20px; } } .zaplin-cta-banner-area.cta-banner-1 .shape-group li.shape-01 { left: -165px; bottom: -43px; } .zaplin-cta-banner-area.cta-banner-1 .shape-group li.shape-02 { left: 45%; top: 43px; } .zaplin-cta-banner-area.cta-banner-1 .shape-group li.shape-03 { right: -90px; top: -14px; } .zaplin-cta-banner-area.cta-banner-1 .shape-group li.shape-04 { right: -175px; top: -130px; } .zaplin-cta-banner-area.cta-banner-2 { background-image: url(../images/cta/cta-banner-bg-1.svg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 100px 0; } .zaplin-cta-banner-area.cta-banner-2 .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .zaplin-cta-banner-area.cta-banner-2 .section-title .description { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area.cta-banner-2 .section-title .description br { display: none; } } .zaplin-cta-banner-area.cta-banner-2 .section-title .zaplin-btn { padding: 0 45px; } .zaplin-cta-banner-area.cta-banner-2 .shape-group li.shape-01 { left: 24px; top: 41px; } .zaplin-cta-banner-area.cta-banner-2 .shape-group li.shape-02 { right: 26px; top: 30px; } .zaplin-cta-banner-area.cta-banner-3 { background: #211F36; } .zaplin-cta-banner-area.cta-banner-3 .section-title .title { color: var(--zaplin-color-white); margin-bottom: 22px; } .zaplin-cta-banner-area.cta-banner-3 .section-title .description { color: var(--zaplin-color-white); margin-bottom: 35px; } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area.cta-banner-3 .section-title .description br { display: none; } } .zaplin-cta-banner-area.cta-banner-3 .big-title { font-size: 220px; font-weight: var(--zaplin-p-semi-bold); text-transform: uppercase; text-align: center; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; bottom: -175px; left: 60px; pointer-events: none; } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area.cta-banner-3 .big-title { display: none; } } .zaplin-cta-banner-area.cta-banner-3 .shape-group li.shape-01 { left: -186px; top: 10px; } .zaplin-cta-banner-area.cta-banner-3 .shape-group li.shape-01 span { display: block; height: 150px; width: 150px; border: 20px solid rgba(255, 255, 255, 0.05); border-radius: 50%; } .zaplin-cta-banner-area.cta-banner-3 .shape-group li.shape-02 { left: -65px; top: 116px; } .zaplin-cta-banner-area.cta-banner-3 .shape-group li.shape-03 { right: 30px; top: -19px; } .zaplin-cta-banner-area.cta-banner-3 .shape-group li.shape-04 { right: -98px; top: -120px; } .zaplin-cta-banner-area.cta-banner-3.task-management-cta .cta-banner-search .form-control { border-radius: 66px; } @media only screen and (max-width: 575px) { .zaplin-cta-banner-area.cta-banner-3.task-management-cta .cta-banner-search { display: block; } .zaplin-cta-banner-area.cta-banner-3.task-management-cta .cta-banner-search .zaplin-btn { width: 100%; position: inherit; right: inherit; } .zaplin-cta-banner-area.cta-banner-3.task-management-cta .cta-banner-search .form-control { height: 50px; } } .zaplin-cta-banner-area.cta-banner-3.cta-banner-4 { background: #211F36; } .zaplin-cta-banner-area.cta-banner-3.cta-banner-4 .cta-banner-search .form-control { border-radius: 50px; } .zaplin-cta-banner-area.cta-banner-5 { padding: 0; } .zaplin-cta-banner-area.cta-banner-5 .section-title .pre-title-dot { padding-bottom: 2px; display: block; } .zaplin-cta-banner-area.cta-banner-5 .cta-payment-area { position: relative; } .zaplin-cta-banner-area.cta-banner-5 .cta-payment-area::after { content: "ZAPLIN"; position: absolute; left: 51%; top: 105px; width: 50%; height: 50%; font-family: var(--zaplin-font-primary); font-size: 180px; font-weight: 600; line-height: 50px; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: rgba(255, 255, 255, 0.15); -webkit-text-stroke-width: 1.5px; pointer-events: none; } @media only screen and (max-width: 767px) { .zaplin-cta-banner-area.cta-banner-5 .cta-payment-area::after { display: none; } } .zaplin-cta-banner-area.cta-banner-6 { background: #F6F6F6; } .zaplin-cta-banner-area.cta-banner-6 .cta-data-area::after { display: none; } .zaplin-cta-banner-area.cta-banner-7 { padding: 120px 0 50px; } .zaplin-cta-banner-area.cta-banner-7 .section-title .title { margin-bottom: 20px; } .zaplin-cta-banner-area.cta-banner-7 .section-title .description { font-size: var(--zaplin-font-size-b3); line-height: 32px; margin-bottom: 50px; } .zaplin-cta-banner-area.cta-banner-7 .cta-banner-search { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .zaplin-cta-banner-area.cta-banner-7 .cta-banner-search .form-control { border: 1px solid #E5E5E5; } .zaplin-cta-banner-area.cta-banner-18 { background: #121212; } .zaplin-cta-banner-area.cta-banner-18 .section-title .title { color: var(--zaplin-color-white); } .zaplin-cta-banner-area.cta-banner-18 .section-title .description { color: var(--zaplin-color-white); margin-bottom: 30px; } .zaplin-cta-banner-area.cta-banner-18 .big-title { font-size: 220px; font-weight: var(--zaplin-p-semi-bold); text-transform: uppercase; text-align: center; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; bottom: -158px; left: 60px; pointer-events: none; } .zaplin-cta-banner-area.cta-banner-18 .cta-banner-search .form-control { border-radius: 66px; border: 1px solid #EAFA34; background: #23241F; color: var(--zaplin-color-heading-3); } .zaplin-cta-banner-area.cta-banner-18 .shape-group li.shape-01 { left: -186px; top: 10px; } .zaplin-cta-banner-area.cta-banner-18 .shape-group li.shape-01 span { display: block; height: 150px; width: 150px; border: 20px solid rgba(255, 255, 255, 0.05); border-radius: 50%; } .zaplin-cta-banner-area.cta-banner-18 .shape-group li.shape-02 { left: -65px; top: 116px; } .zaplin-cta-banner-area.cta-banner-18 .shape-group li.shape-03 { right: 30px; top: -19px; } .zaplin-cta-banner-area.cta-banner-18 .shape-group li.shape-04 { right: -98px; top: -120px; } .zaplin-cta-banner-area.cta-banner-18.cta-banner-4 { background: #211F36; } .zaplin-cta-banner-area.cta-banner-18.cta-banner-4 .cta-banner-search .form-control { border-radius: 50px; } .zaplin-cta-banner { position: relative; z-index: 1; } .zaplin-cta-banner .section-title { margin-bottom: 0; } .zaplin-cta-banner .section-title .title { margin-bottom: 28px; } @media only screen and (max-width: 767px) { .zaplin-cta-banner .shape-group { display: none; } } .zaplin-cta-banner .shape-group li { position: absolute; z-index: -1; } .zaplin-cta-banner .shape-group li.shape-01 { top: -55px; left: -60px; } .zaplin-cta-banner .shape-group li.shape-02 { bottom: -50px; right: -58px; } .zaplin-cta-banner.cta-payment-area { padding: 70px; border-radius: 10px; background: var(--zaplin-color-primary); } @media only screen and (max-width: 575px) { .zaplin-cta-banner.cta-payment-area { padding: 40px; } } .zaplin-cta-banner.cta-payment-area .section-title .pre-title-dot { color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .zaplin-cta-banner.cta-payment-area .section-title .pre-title-dot { font-size: var(--zaplin-font-size-b1); } } .zaplin-cta-banner.cta-payment-area .section-title .pre-title-dot .dot { padding: 0 5px; display: inline-block; position: relative; } .zaplin-cta-banner.cta-payment-area .section-title .pre-title-dot .dot::after { content: ""; position: absolute; left: 2px; top: -9px; width: 6px; height: 6px; background: var(--zaplin-color-white); border-radius: 50%; } .zaplin-cta-banner.cta-payment-area .section-title .title { color: var(--zaplin-color-white); margin-bottom: 0; } .zaplin-cta-banner.cta-payment-area .btn-group { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; gap: 20px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner.cta-payment-area .btn-group { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; } } @media only screen and (max-width: 767px) { .zaplin-cta-banner.cta-payment-area .btn-group { display: block; } } .zaplin-cta-banner.cta-payment-area .btn-group .zaplin-btn.btn-color-2 { border-radius: 5px; border: 1.5px solid #FFF; background: var(--zaplin-color-primary); } .zaplin-cta-banner.cta-payment-area .btn-group .zaplin-btn.btn-color-2:hover { color: var(--zaplin-color-primary); background: var(--zaplin-color-white); } .zaplin-cta-banner.cta-payment-area .btn-group .zaplin-btn.btn-color-white { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); -webkit-transition: .5s; transition: .5s; } .zaplin-cta-banner.cta-payment-area .btn-group .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .zaplin-cta-banner.cta-payment-area.cta-data-area { padding: 50px 50px; background: #211F36; position: relative; } .zaplin-cta-banner.cta-payment-area.cta-data-area::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); background: url(../images/cta/cta-banner-bg-01.png) center center; background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .zaplin-cta-banner.cta-payment-area.cta-data-area::before { display: none; } } @media only screen and (max-width: 991px) { .zaplin-cta-banner.cta-payment-area.cta-data-area .section-title { text-align: center; } } @media only screen and (max-width: 1199px) { .zaplin-cta-banner.cta-payment-area.cta-data-area .section-title br { display: none; } } .zaplin-cta-banner.cta-payment-area.cta-data-area .btn-group { margin-top: 15px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner.cta-payment-area.cta-data-area .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .zaplin-cta-banner.cta-payment-area.cta-data-area .btn-group { text-align: center; } } .zaplin-cta-banner.ai-image-area { padding: 52px 60px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%); box-shadow: 0px 8px 43px 0px rgba(0, 0, 0, 0.25); position: relative; } @media only screen and (max-width: 575px) { .zaplin-cta-banner.ai-image-area { padding: 20px 30px; } } .zaplin-cta-banner.ai-image-area::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg-image/cta-bg-01.png); background-position: center; background-repeat: no-repeat; z-index: -1; } @media only screen and (max-width: 767px) { .zaplin-cta-banner.ai-image-area::before { display: none; } } .zaplin-cta-banner.ai-image-area .section-title .title { font-weight: var(--zaplin-p-semi-bold); color: var(--zaplin-color-white); margin-bottom: 0; } .zaplin-cta-banner.ai-image-area .section-title .title .cta-gradient { background: -webkit-linear-gradient(left, #D5FE33 12%, #FF1212 106.39%); background: linear-gradient(90deg, #D5FE33 12%, #FF1212 106.39%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--zaplin-font-third); } .zaplin-cta-banner.ai-image-area .cta-banner-search { margin-top: 10px; } @media only screen and (max-width: 991px) { .zaplin-cta-banner.ai-image-area .cta-banner-search { margin-top: 30px; } } @media only screen and (max-width: 575px) { .zaplin-cta-banner.ai-image-area .cta-banner-search { display: block; } } .zaplin-cta-banner.ai-image-area .cta-banner-search .form-control { border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.07); } @media only screen and (max-width: 575px) { .zaplin-cta-banner.ai-image-area .cta-banner-search .form-control { height: 50px; } } @media only screen and (max-width: 575px) { .zaplin-cta-banner.ai-image-area .cta-banner-search .zaplin-btn { position: inherit; right: inherit; width: 100%; } } .zaplin-cta-banner.crypto-area { border-radius: 15px; background: #111; box-shadow: none; } .zaplin-cta-banner.crypto-area .section-title .title { color: var(--zaplin-color-white); } .zaplin-cta-banner.crypto-area .section-title .title .cta-color-1 { color: var(--zaplin-color-primary); } .zaplin-cta-banner.schedule-software-area { padding: 110px 30px 120px; border-radius: 20px; background: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-heading-1); position: relative; } @media only screen and (max-width: 991px) { .zaplin-cta-banner.schedule-software-area { padding: 50px 30px 60px; } } .zaplin-cta-banner.schedule-software-area::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; background: url(../images/bg-image/cta-bg-04.png); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } .zaplin-cta-banner.schedule-software-area::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 20px; background: url(../images/bg-image/cta-bg-03.png); background-position: center bottom; background-repeat: no-repeat; z-index: -1; } .zaplin-cta-banner.schedule-software-area .section-title p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .zaplin-cta-banner.schedule-software-area .section-title p { font-size: var(--zaplin-font-size-b1); } } @media only screen and (max-width: 991px) { .zaplin-cta-banner.schedule-software-area .section-title p br { display: none; } } .zaplin-cta-banner.schedule-software-area .cta-banner-search .form-control { border: 1px solid var(--zaplin-color-heading-1); } .cta-banner-8 .btn-group { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } .cta-banner-8 .btn-group .zaplin-btn.btn-color-white { border: 1.5px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); -webkit-transition: .5s; transition: .5s; } .cta-banner-8 .btn-group .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .cta-banner-9 { background: #121212; position: relative; padding: 0; z-index: 0; } .cta-banner-9 .zaplin-btn { padding: 0 30px; } .cta-banner-10 { background: #FEFCF8; padding: 0; } .cta-banner-10 .section-title .title { margin-bottom: -26px; } @media only screen and (max-width: 1199px) { .cta-banner-10 .section-title .title { margin-bottom: 0; } } .cta-banner-10 .section-title .title .text-circle { width: 230px; height: 88px; display: inline-block; position: relative; } @media only screen and (max-width: 1199px) { .cta-banner-10 .section-title .title .text-circle { width: inherit; height: inherit; } } .cta-banner-10 .section-title .title .text-circle::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; width: 100%; height: 100%; background: url(../images/banner/text-circle-2.png); background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .cta-banner-10 .section-title .title .text-circle::before { display: none; } } .cta-banner-10 .section-title p { margin-bottom: 30px; } .cta-banner-10 .cta-banner-search { max-width: 520px; position: relative; } @media only screen and (max-width: 575px) { .cta-banner-10 .cta-banner-search { display: block; } } .cta-banner-10 .cta-banner-search::after { content: ""; position: absolute; left: 7px; top: 7px; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); border-radius: 10px; z-index: -1; } @media only screen and (max-width: 575px) { .cta-banner-10 .cta-banner-search::after { display: none; } } .cta-banner-10 .cta-banner-search .form-control { height: 60px; line-height: 609px; } .cta-banner-10 .cta-banner-search .zaplin-btn { margin-top: 0; position: absolute; right: 5px; top: 5px; } @media only screen and (max-width: 575px) { .cta-banner-10 .cta-banner-search .zaplin-btn { width: 100%; position: inherit; right: inherit; top: inherit; margin-top: 20px; } } .cta-banner-11 { background: #0E0E0E; position: relative; width: 100%; height: 100%; } .cta-banner-11::before, .cta-banner-11::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; } .cta-banner-11::before { top: 0; bottom: 0; background: url(../images/bg-image/cta-bg-05.png); background-size: cover; background-repeat: no-repeat; background-position: center top; } .cta-banner-11::after { bottom: 0; background: url(../images/bg-image/cta-bg-06.png); background-repeat: no-repeat; background-position: center bottom; z-index: 0; } .cta-banner-11 .section-title .title { color: var(--zaplin-color-white); } .cta-banner-11 .section-title .description { font-size: var(--zaplin-font-size-b3); line-height: 32px; color: var(--zaplin-color-heading-2); } .cta-banner-11 .btn-group .btn-color-3 { margin-right: 20px; } .cta-banner-11 .btn-group .btn-color-white { -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); } .cta-banner-11 .btn-group .btn-color-white:hover { background: rgba(255, 255, 255, 0.07); } .cta-banner-12 { padding: 0; } .cta-banner-12 .social-media-management { padding: 80px 0; border-radius: 10px; background: #854EF2; position: relative; overflow: hidden; } @media only screen and (max-width: 575px) { .cta-banner-12 .social-media-management { padding: 40px 20px; } } .cta-banner-12 .social-media-management::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; background: url(../images/bg-image/cta-bg-07.svg); background-repeat: no-repeat; z-index: -1; } .cta-banner-12 .social-media-management .section-title .title { color: var(--zaplin-color-white); } .cta-banner-12 .social-media-management .cta-banner-search { max-width: 520px; } .cta-banner-12 .social-media-management .cta-banner-search .form-control { height: 60px; } .cta-banner-12 .social-media-management .cta-banner-search .zaplin-btn { margin-top: 5px; right: 5px; color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .cta-banner-12 .social-media-management .cta-banner-search .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .cta-banner-12 .social-media-management .shape-group li { z-index: 1; } .cta-banner-12 .social-media-management .shape-group li.shape-1 { left: 0; top: 0; z-index: 2; } .cta-banner-12 .social-media-management .shape-group li.shape-2 { left: 0; top: 0; } .cta-banner-12 .social-media-management .shape-group li.shape-3 { right: 0; bottom: 0; } .cta-banner-12 .social-media-management .shape-group li.shape-4 { right: 0; bottom: 0; } .cta-banner-13 { background-color: #F5F5F5; position: relative; } .cta-banner-13::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #121212; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; } .cta-banner-13 .section-title { margin-top: 40px; } .cta-banner-13 .section-title .pre-title { background: transparent; padding: 0; color: var(--zaplin-color-heading-3); } .cta-banner-13 .section-title .title { color: var(--zaplin-color-white); } .cta-banner-13 .section-title .cta-btn { margin-top: 50px; } @media only screen and (max-width: 991px) { .cta-banner-13 .section-title .cta-btn { margin-to: 30px; } } .cta-banner-13 .cta-banner-gallery { padding: 20px 20px; display: inline-block; border-radius: 20px; background: #262626; position: relative; margin-left: 150px; } @media only screen and (max-width: 991px) { .cta-banner-13 .cta-banner-gallery { margin-left: 0; margin-top: 30px; } } .cta-banner-13 .cta-banner-gallery .main-img-1 img { border-radius: 10px; } .cta-banner-13 .cta-banner-gallery .shape-group li { z-index: 1; } .cta-banner-13 .cta-banner-gallery .shape-group li.shape-1 { left: -83px; top: 100px; } .cta-banner-13 .cta-banner-gallery .shape-group li.shape-2 { right: -24px; top: 42px; } .cta-banner-13 .shape-group li { z-index: 1; } .cta-banner-13 .shape-group li.shape-3 { right: -280px; top: -120px; z-index: -1; } .cta-banner-13.cta-banner-22 { border-radius: inherit; } .cta-banner-14 { background: #121212; padding: 80px 0 20px; } .cta-banner-15 { padding: 80px 0; background: var(--zaplin-color-primary); position: relative; overflow: hidden; } .cta-banner-15::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; background: url(../images/bg-image/cta-grain-texture.png); background-repeat: no-repeat; z-index: -1; } .cta-banner-15 .section-title .title { color: var(--zaplin-color-white); } .cta-banner-15 .cta-banner-search .form-control { border-radius: 8px; } .cta-banner-15 .zaplin-btn { border-radius: 5px; color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .cta-banner-15 .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .cta-banner-15 .shape-group li { z-index: 1; } .cta-banner-15 .shape-group li.shape-1 { left: -495px; top: -475px; z-index: 2; } .cta-banner-15 .shape-group li.shape-1 span { width: 516px; height: 516px; border-radius: 100%; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); } .cta-banner-15 .shape-group li.shape-2 { left: -760px; top: -250px; } .cta-banner-15 .shape-group li.shape-2 span { width: 516px; height: 551px; border-radius: 100%; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); } .cta-banner-15 .shape-group li.shape-3 { right: -720px; bottom: -340px; } .cta-banner-15 .shape-group li.shape-3 span { width: 516px; height: 516px; border-radius: 100%; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); } .cta-banner-15 .shape-group li.shape-4 { right: -510px; bottom: -520px; } .cta-banner-15 .shape-group li.shape-4 span { width: 516px; height: 516px; border-radius: 100%; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.3); } .cta-banner-16 { background: -webkit-linear-gradient(top, rgba(249, 246, 254, 0) -5.69%, #F9F6FE 74.95%); background: linear-gradient(180deg, rgba(249, 246, 254, 0) -5.69%, #F9F6FE 74.95%); } .cta-banner-16 .section-title p { font-size: var(--zaplin-font-size-b3); line-height: 32px; } .cta-banner-16 .btn-group { gap: 20px; } .cta-banner-16 .btn-group .zaplin-btn.btn-round-1 { box-shadow: 0px 20px 20px 0px rgba(88, 73, 255, 0.1); background: var(--zaplin-color-primary); } .cta-banner-16 .btn-group .zaplin-btn.btn-round-1:hover { background: rgba(133, 78, 242, 0.9); } .cta-banner-16 .btn-group .zaplin-btn.btn-color-white { width: 181px; border: none; border-radius: 60px; color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-white); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); } .cta-banner-16 .btn-group .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); } .cta-banner-16.task-management-cta { background: none; position: relative; } .cta-banner-16.task-management-cta .section-title .title { margin-bottom: 18px; } .cta-banner-16.task-management-cta .section-title p { margin-bottom: 50px; } .cta-banner-16.task-management-cta .cta-banner-search .form-control { border-radius: 66px; } .cta-banner-16.task-management-cta .shape-group li.shape-1 { top: -70px; left: 0; right: 0; } .cta-banner-19 { background: #121212; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .cta-banner-19 .section-title .title { color: var(--zaplin-color-white); } .cta-banner-19 .section-title p { color: var(--zaplin-color-heading-3); font-size: var(--zaplin-font-size-b3); line-height: 32px; } .cta-banner-19 .btn-group { gap: 20px; } .cta-banner-19 .btn-group .zaplin-btn.zaplin-btn-big { border: 1px solid rgba(255, 255, 255, 0.08); } .cta-banner-19 .btn-group .zaplin-btn.zaplin-btn-big:hover { color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-white); } .cta-banner-19 .shape-group li.shape-1 { left: 0; top: 0; z-index: 0; } .cta-footer { position: relative; } .cta-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/footer-bg-02.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } .cta-footer::after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/cta-bg-09.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } .cta-footer .financial-management-footer { background: inherit !important; } .cta-banner-23 { background: #F5F2FF; } .cta-banner-23 .section-title .pre-title { color: var(--zaplin-color-primary); background: transparent; } .cta-banner-23 .btn-group .zaplin-btn { width: 180px; } .cta-banner-23 .btn-group .zaplin-btn.btn-color-white { border-radius: 60px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); margin-left: 20px; } .cta-banner-23 .btn-group .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .cta-banner-24 { padding: 0; } .cta-banner-24 .zaplin-cta-banner { padding: 100px; border-radius: 30px; background-color: var(--zaplin-color-primary); background-image: url(../images/cta/cta-banner-grain-01.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 1199px) { .cta-banner-24 .zaplin-cta-banner { padding: 50px; } } .cta-banner-24 .zaplin-cta-banner .section-title .title { font-size: 72px; font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-white); text-transform: uppercase; margin-top: -13px; } @media only screen and (max-width: 1199px) { .cta-banner-24 .zaplin-cta-banner .section-title .title { font-size: 50px; } } .cta-banner-24 .zaplin-cta-banner .section-title span { color: var(--zaplin-color-white); } .cta-banner-24 .zaplin-cta-banner .section-title span a { color: var(--zaplin-color-white); } .cta-banner-24 .zaplin-cta-banner .section-title .btn-group { height: 70px; max-width: 355px; margin-top: 30px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: var(--zaplin-color-primary); position: relative; } @media only screen and (max-width: 575px) { .cta-banner-24 .zaplin-cta-banner .section-title .btn-group { display: block; max-width: 100%; height: inherit; border: none; background-color: transparent; } } .cta-banner-24 .zaplin-cta-banner .section-title .btn-group::after { content: ""; position: absolute; left: 50%; right: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 70px; background: rgba(255, 255, 255, 0.2); } @media only screen and (max-width: 575px) { .cta-banner-24 .zaplin-cta-banner .section-title .btn-group::after { display: none; } } .cta-banner-24 .zaplin-cta-banner .section-title .btn-group .zaplin-btn { width: 175px; height: 68px; line-height: 68px; } .cta-banner-24 .zaplin-cta-banner .section-title .btn-group .zaplin-btn i { padding-left: 0; } @media only screen and (max-width: 575px) { .cta-banner-24 .zaplin-cta-banner .section-title .btn-group .zaplin-btn { width: 100%; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: var(--zaplin-color-primary); } } .cta-banner-24 .zaplin-cta-banner .project-details-form { padding: 30px 50px 38px 50px; margin-left: 20px; border-radius: 20px; background-color: var(--zaplin-color-primary); border: 1px solid rgba(255, 255, 255, 0.2); } @media only screen and (max-width: 991px) { .cta-banner-24 .zaplin-cta-banner .project-details-form { padding: 20px 30px 30px; margin-left: 0; margin-top: 40px; } } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control { padding: 15px 0; border-radius: 0; color: var(--zaplin-color-white); background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control::-webkit-input-placeholder { color: #FFF; font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 30px; } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control::-moz-placeholder { color: #FFF; font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 30px; } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control:-ms-input-placeholder { color: #FFF; font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 30px; } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control::-ms-input-placeholder { color: #FFF; font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 30px; } .cta-banner-24 .zaplin-cta-banner .project-details-form .form-control::placeholder { color: #FFF; font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 30px; } .cta-banner-24 .zaplin-cta-banner .project-details-form .submit-btn { width: 100%; font-size: 20px; margin-top: 25px; border-radius: 20px; color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .cta-banner-24 .zaplin-cta-banner .project-details-form .submit-btn span { color: var(--zaplin-color-white); display: inline-block; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-career-area { position: relative; } .zaplin-career-area .career-content { padding: 135px 0 80px; } .zaplin-career-area .career-content .career-btn-group { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; padding-left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .zaplin-career-area.career-style-1 .career-content { position: relative; } @media only screen and (max-width: 1199px) { .zaplin-career-area.career-style-1 .career-content { padding: 100px 0 60px; } } @media only screen and (max-width: 767px) { .zaplin-career-area.career-style-1 .career-content { padding: 60px 0 40px; } } .zaplin-career-area.career-style-1 .career-content .section-title p { color: var(--zaplin-color-heading-2); } .zaplin-career-area.career-style-1 .career-content .career-btn-group .career-btn { margin-top: 0; margin-bottom: 0; } .zaplin-career-area.career-style-1 .career-content .career-btn-group .career-btn-2 { margin-left: 30px; } .zaplin-career-area.career-style-1 .career-content .career-btn-group .career-btn-2 .zaplin-btn { border-radius: 7px; color: var(--zaplin-color-heading-1); border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0); } .zaplin-career-area.career-style-1 .career-content .shape-group li.shape-1 { left: 0; top: -180px; } .zaplin-career-area.career-style-1 .career-thumbnail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 30px; padding: 0 100px; } @media only screen and (max-width: 1199px) { .zaplin-career-area.career-style-1 .career-thumbnail { padding: 0 40px; } } @media only screen and (max-width: 479px) { .zaplin-career-area.career-style-1 .career-thumbnail { padding: 0 20px; } } .zaplin-career-area.career-style-1 .career-thumbnail .thumbnail img { border-radius: 10px; } @media only screen and (max-width: 1199px) { .zaplin-career-area.career-style-1 .career-thumbnail .thumbnail.thumbnail-1, .zaplin-career-area.career-style-1 .career-thumbnail .thumbnail.thumbnail-5 { display: none; } } @media only screen and (max-width: 991px) { .zaplin-career-area.career-style-1 .career-thumbnail .thumbnail.thumbnail-4 { display: none; } } @media only screen and (max-width: 479px) { .zaplin-career-area.career-style-1 .career-thumbnail .thumbnail.thumbnail-2 { display: none; } } .zaplin-career-area.career-style-1 .career-thumbnail.career-thumbnail-2 { width: 100%; height: 600px; border-radius: 10px; background-image: url(../images/career/career-01.webp); background-repeat: no-repeat; background-position: center; position: relative; } .zaplin-career-area.career-style-1 .career-thumbnail.career-thumbnail-2::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } .zaplin-career-area.career-style-1 .career-thumbnail.career-thumbnail-2 .play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .zaplin-career-area.career-style-1 .career-thumbnail.career-thumbnail-2 .play-btn a { width: 120px; height: 120px; line-height: 120px; border: 1.5px solid var(--zaplin-color-white); border-radius: 50%; color: var(--zaplin-color-white); text-align: center; font-family: var(--zaplin-font-third); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-bold); letter-spacing: 0.8px; text-transform: uppercase; } .zaplin-career-area.career-style-1 .shape-group li.shape-2 { top: 50px; right: 210px; z-index: 1; } .zaplin-career-area.career-style-1 .shape-group li.shape-3 { right: 125px; top: -120px; } .zaplin-career-area.career-style-1 .shape-group li.shape-4 { left: 0; top: 255px; } .zaplin-career-area.career-style-1 .shape-group li.shape-5 { left: 60px; top: 242px; } .zaplin-career-area.career-style-1.error-page-style .career-content { padding: 135px 0 90px; text-align: center; } .zaplin-career-area.career-style-1.error-page-style .career-content .section-title { margin-top: -80px; } .zaplin-career-area.career-style-2 { background-image: url(../images/bg-image/career-details-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -120px; } .zaplin-career-area.career-style-2 .career-content { padding: 225px 0 120px; } @media only screen and (max-width: 991px) { .zaplin-career-area.career-style-2 .career-content { padding: 160px 0 80px; } } .zaplin-career-area.career-style-2 .career-content .section-title { margin-bottom: 30px; } .zaplin-career-area.career-style-2 .career-content .team-career-btn-group { padding-left: 0; } @media only screen and (max-width: 479px) { .zaplin-career-area.career-style-2 .career-content .team-career-btn-group { display: inline-block; } } @media only screen and (max-width: 479px) { .zaplin-career-area.career-style-2 .career-content .team-career-btn-group .team-career-btn { margin-bottom: 20px; } } .zaplin-career-area.career-style-2 .career-content .team-career-btn-group .team-career-btn { border-radius: 5px; } .team-career-btn-group { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 0; } .team-career-btn-group .team-career-btn { padding: 1px 18px; border-radius: 50px; margin: 0; color: var(--zaplin-color-heading-1); } .team-career-btn-group .team-career-btn.team-career-btn-1 { border: 1px solid #00A776; background: #F2FBF8; } .team-career-btn-group .team-career-btn.team-career-btn-2 { border: 1px solid #EB681E; background: #FFF6F0; } .team-career-btn-group .team-career-btn.team-career-btn-3 { border: 1px solid #EBE31E; background: #FFFCE2; } .globel-team-wrapper .title { margin-bottom: 10px; } .globel-team-wrapper .price { margin-bottom: 30px; color: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { .globel-team-wrapper .price { margin-bottom: 20px; } } .globel-team-wrapper .zaplin-btn { height: 40px; line-height: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: var(--zaplin-color-heading-1); border-radius: 35px; border: 1px solid var(--zaplin-color-heading-1); } .globel-team-wrapper .zaplin-btn:hover { color: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-primary); background: var(--zaplin-color-primary); } .globel-team-wrapper .blog-meta { padding-bottom: 0; margin: -5px -5px; } .globel-team-wrapper .blog-meta li { font-size: var(--zaplin-font-size-b1); margin: 5px; color: var(--zaplin-color-heading-2); } .globel-team-wrapper .blog-meta li::after { display: none; } .globel-team-wrapper .blog-meta li i { font-size: 18px; color: var(--zaplin-color-heading-2); } .team-career-style-1 { background: #FAFAFA; } .team-career-style-1 .career-content p { color: var(--zaplin-color-heading-2); } .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 { width: 960px; margin: 0 auto; } @media only screen and (max-width: 1199px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 { width: 100%; } } .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 { padding: 30px 40px; border-radius: 10px; margin-bottom: 30px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); } .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .pre-title { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-primary); } .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .team-career-btn-group { margin-top: 36px; padding-left: 0; margin-left: -25px; } @media only screen and (max-width: 991px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .team-career-btn-group { margin-left: 0; } } @media only screen and (max-width: 479px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .team-career-btn-group { display: inline-block; margin-top: 20px; } } @media only screen and (max-width: 479px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .team-career-btn-group .team-career-btn-1 { margin-bottom: 20px; } } .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .zaplin-btn { width: 135px; margin-top: 30px; padding: inherit; margin-left: -15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #E5E5E5; } @media only screen and (max-width: 991px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .zaplin-btn { margin-left: 0; } } @media only screen and (max-width: 479px) { .team-career-style-1 .globel-team-wrapper.globel-team-wrapper-1 .team-career-style-1 .zaplin-btn { margin-top: 20px; } } .team-career-style-1.no-margin { margin-bottom: 0 !important; } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 { position: relative; padding: 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-primary); border-radius: 22px; z-index: -1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .zaplin-btn { width: 135px; padding: inherit; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 30px; border-radius: 5px; } @media only screen and (max-width: 1199px) { .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .zaplin-btn { margin-left: -40px; } } @media only screen and (max-width: 991px) { .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .zaplin-btn { margin-left: 0; margin-bottom: 20px; } } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .blog-meta { padding-bottom: 10px; } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .team-career-btn-group { padding-left: 0; } @media only screen and (max-width: 479px) { .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .team-career-btn-group { display: inline-block; } } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .team-career-btn-group .team-career-btn { border-radius: 5px; } @media only screen and (max-width: 479px) { .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 .team-career-btn-group .team-career-btn { margin-bottom: 20px; } } @media only screen and (max-width: 479px) { .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2 p { margin-top: 0; } } .team-career-style-2 .globel-team-wrapper-2 .team-career-style-2:hover::after { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .team-career-style-2 .globel-team-wrapper-2 p { margin-top: 30px; margin-bottom: 0; color: var(--zaplin-color-heading-2); } .zaplin-career-details-area { padding-top: 100px; } .zaplin-career-details-area .career-details-wrapper { margin-right: 95px; } @media only screen and (max-width: 991px) { .zaplin-career-details-area .career-details-wrapper { margin-right: 0; } } .zaplin-career-details-area .career-details-wrapper ul { list-style: none; padding-left: 0; } .zaplin-career-details-area .career-details-wrapper ul li { font-size: var(--zaplin-font-size-b1); padding-left: 25px; position: relative; } .zaplin-career-details-area .career-details-wrapper ul li::before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-color-heading-1); font-size: 14px; position: absolute; left: 0; top: 2px; } .zaplin-career-details-area .career-details-wrapper.career-details-wrapper-2 { margin-bottom: 45px; } .zaplin-career-details-area .career-details-wrapper.career-details-wrapper-3 { margin-bottom: 45px; } .zaplin-career-details-area .career-details-wrapper.career-details-wrapper-4 .text { margin-bottom: 20px; } .zaplin-career-details-area .career-details-wrapper.career-details-wrapper-4 .features-list { margin-bottom: 0; } .zaplin-career-details-area .job-info { padding: 50px 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); margin-top: -375px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .zaplin-career-details-area .job-info { margin-top: 0; } } .zaplin-career-details-area .job-info .title { margin-bottom: 30px; } .zaplin-career-details-area .job-info .level { border-bottom: 1px solid #E5E5E5; } .zaplin-career-details-area .job-info .level span { display: block; } .zaplin-career-details-area .job-info .level .level-title { margin-top: 10px; color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); } .zaplin-career-details-area .job-info .level .text { padding: 3px 0 13px; color: var(--zaplin-color-heading-2); } .zaplin-career-details-area .job-info .zaplin-btn { margin-top: 50px; width: 100%; } .zaplin-contact-area.contact-style-1 { background-image: url(../images/bg-image/contact-bg-1.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: -120px; } .zaplin-contact-area.contact-style-1 .contact-content { padding: 200px 0 320px; color: #000; } .zaplin-contact-area.contact-style-1 .contact-content .section-title { margin-bottom: 60px; } .zaplin-contact-wrapper .contact-form { width: 850px; padding: 70px; margin: 0 auto; margin-top: -300px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .zaplin-contact-wrapper .contact-form { width: 100%; padding: 40px; } } .zaplin-contact-wrapper .contact-form .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 30px; } .zaplin-contact-wrapper .contact-form .zaplin-btn { width: 100%; } .zaplin-contact-area.contact-style-2 { background-image: url(../images/bg-image/contact-bg-01.png); background-position: center center; background-repeat: no-repeat; } .zaplin-contact-area.contact-style-2 .contact-content p { color: var(--zaplin-color-heading-2); } .zaplin-contact-area.contact-style-2 .contact-details { width: 850px; margin: 0 auto; } @media only screen and (max-width: 991px) { .zaplin-contact-area.contact-style-2 .contact-details { width: 100%; } } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box { list-style: none; margin-bottom: 0; padding-left: 0; padding: 30px 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box { width: 70px; height: 70px; line-height: 70px; border-radius: 15px; background: #EDE4FD; text-align: center; margin-right: 25px; } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box i { font-size: 25px; color: var(--zaplin-color-primary); } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box.box-2 { background: #FEE3DA; } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box.box-2 i { color: var(--zaplin-extra-color01); } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box-3 .text { margin-bottom: 5px; } .zaplin-contact-area.contact-style-2 .contact-details .contact-details-box li.box-3 .phone { color: var(--zaplin-color-heading-2); } .contact-style-3 .google-map-area { max-width: 590px; height: 470px; border-radius: 10px; overflow: hidden; } @media only screen and (max-width: 991px) { .contact-style-3 .google-map-area { height: 100%; } } .contact-style-3 .google-map-area .mapouter #gmap_canvas { border-radius: 10px; } .contact-style-3 .explore-office { margin-top: 50px; margin-left: 30px; } .contact-style-3 .explore-office .section-title { margin-bottom: 30px; } .contact-style-3 .explore-office .section-title p { margin-bottom: 30px; color: var(--zaplin-color-heading-2); } .contact-style-3 .explore-office .explore-office-box { list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 100px; } .contact-style-3 .explore-office .explore-office-box .box-1 .pre-title { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; display: block; } .contact-style-3 .explore-office .explore-office-box .box-1 .title { margin-bottom: 6px; } .contact-style-3 .explore-office .explore-office-box .box-1 .address { color: var(--zaplin-color-heading-2); } .contact-style-4 { padding: 120px 0 150px; background: url(../images/bg-image/contact-bg-02.png); background-position: center top; background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .contact-style-4 { padding: 80px 0; } } .contact-style-4 .contact-form .form-control { margin-bottom: 20px; } .contact-style-4 .contact-form textarea { margin-bottom: 30px !important; } .contact-style-4 .contact-content .section-title { max-width: 480px; margin-bottom: 30px; } .contact-style-4 .contact-content .section-title p { color: var(--zaplin-color-heading-2); } .contact-style-4 .contact-content .contact-details-box { list-style: none; margin-bottom: 10px; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contact-style-4 .contact-content .contact-details-box li.box { width: 70px; height: 70px; line-height: 78px; border-radius: 70px; background: #EDE4FD; text-align: center; margin-right: 20px; } .contact-style-4 .contact-content .contact-details-box li.box i { font-size: 25px; color: var(--zaplin-color-primary); } .contact-style-4 .contact-content .contact-details-box li.box.box-2 { background: #FEE3DA; } .contact-style-4 .contact-content .contact-details-box li.box.box-2 i { color: var(--zaplin-extra-color01); } .contact-style-4 .contact-content .contact-details-box li.box.box-4 { background: #D3F4FF; } .contact-style-4 .contact-content .contact-details-box li.box.box-4 i { color: var(--zaplin-extra-color05); } .contact-style-4 .contact-content .contact-details-box li.box-3 .text { margin-bottom: 5px; } .contact-style-4 .contact-content .contact-details-box li.box-3 .phone { color: var(--zaplin-color-heading-2); } .contact-style-4 .contact-content .contact-details-box li.box-3 .address { color: var(--zaplin-color-heading-2); } .contact-style-4 .contact-form { width: 100%; margin-top: 0; padding: 50px; } .contact-style-4 .shape-group li { z-index: 0; } .contact-style-4 .shape-group li.shape-5 { left: 0; top: -345px; } .contact-style-4 .shape-group li.shape-6 { top: 164px; right: 210px; z-index: 1; } .contact-style-4 .shape-group li.shape-7 { top: 0; right: 125px; } .contact-style-4 .shape-group li.shape-8 { top: 242px; left: 60px; z-index: 1; } .contact-style-4 .shape-group li.shape-9 { left: 0; top: 340px; } .contact-style-5 { background-color: #F7F2FE; background-image: url(../images/bg-image/contact-bg-03.png); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: -120px; } .contact-style-5 .contact-content { padding: 220px 0 150px; } @media only screen and (max-width: 991px) { .contact-style-5 .contact-content { padding: 150px 0 70px; } } .contact-style-5 .contact-content .section-title { margin-bottom: 20px; } .contact-style-5 .contact-content .contact-form .form-control { padding: 32px 10px 10px 0; border-radius: inherit; background: transparent; margin-right: 10px; color: var(--zaplin-color-heading-1); border-bottom: 1px solid rgba(13, 13, 13, 0.5); } .contact-style-5 .contact-content .contact-form textarea { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(13, 13, 13, 0.5); } .contact-style-5 .contact-content .contact-form .zaplin-btn { margin-top: 60px; } .contact-style-5 .contact-gallery { padding-top: 70px; text-align: center; position: relative; } @media only screen and (max-width: 991px) { .contact-style-5 .contact-gallery { padding-top: 0; } } .contact-style-5 .contact-gallery img { border-radius: 20px; } .contact-style-5 .contact-gallery .support { position: absolute; right: -80px; bottom: -30px; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } @media only screen and (max-width: 991px) { .contact-style-5 .contact-gallery .support { display: none; } } .contact-style-5 .contact-gallery .support .support-box { width: 329px; height: 155px; line-height: 155px; border-radius: 155px; padding: 30px; background: var(--zaplin-color-white); box-shadow: 2px 7px 50px 0px rgba(0, 0, 0, 0.1); list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 22px; } .contact-style-5 .contact-gallery .support .support-box .icon { width: 95px; height: 95px; line-height: 105px; border-radius: 50%; text-align: center; font-size: 40px; color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .contact-style-5 .contact-gallery .support .support-box .text h5 { margin-bottom: 0; } .contact-style-5 .contact-gallery .shape-group li.shape-1 { left: -6px; top: -2px; } .google-map-area #gmap_canvas { width: 100%; height: 600px; margin-bottom: -8px; } .zaplin-support-area.support-style-1 { background-image: url(../images/bg-image/contact-bg-1.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: -120px; } .zaplin-support-area.support-style-1 .support-content { padding: 200px 0 180px; } @media only screen and (max-width: 991px) { .zaplin-support-area.support-style-1 .support-content { padding: 160px 0; } } .support-area-1 { margin-top: -190px; } .support-area-1 .support-box-1 { padding: 40px 50px; border-radius: 20px; text-align: center; background: var(--zaplin-color-white); box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.07); } .support-area-1 .support-box-1 .icon { width: 80px; height: 80px; line-height: 90px; border-radius: 80px; font-size: 35px; background: #F3EDFE; margin: 0 auto 32px; } .support-area-1 .support-box-1 .icon i { color: var(--zaplin-color-primary); } .support-area-1 .support-box-1 .content .title { margin-bottom: 10px; } .support-area-1 .support-box-1 .content p { margin: 0 0 30px; color: var(--zaplin-color-heading-2); } .support-area-1 .support-box-1 .zaplin-btn { border-radius: 5px; border: 1px solid var(--zaplin-color-heading-1); color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .support-area-1 .support-box-1 .zaplin-btn:hover { color: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-primary); background: var(--zaplin-color-primary); } .zaplin-terms-area .terms-area-1 { list-style: none; padding-left: 0; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; } .zaplin-terms-area .terms-area-1 li { margin: 0; } .zaplin-terms-area .terms-area-1 li.icon { margin-top: 5px; } .zaplin-terms-area .terms-area-1 li.content .title { margin-bottom: 10px; } .zaplin-terms-area .terms-area-1 li.content p { margin-bottom: 0; color: var(--zaplin-color-heading-2); } .zaplin-counterup { border-radius: 10px; text-align: center; padding: 38px 30px; } @media only screen and (max-width: 479px) { .zaplin-counterup { padding: 25px; } } @media only screen and (max-width: 767px) { .zaplin-counterup .odometer.odometer-auto-theme .odometer-digit .odometer-value { line-height: 1.2; } } .zaplin-counterup .count-number { margin-bottom: 5px; } .zaplin-counterup .count-number span, .zaplin-counterup .count-number em { font-size: 36px; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-semi-bold); } .zaplin-counterup .title { margin-bottom: 0; font-size: 13px; text-transform: uppercase; font-weight: var(--zaplin-p-medium); } .zaplin-counterup .rating-icon i { color: #FFC107; margin-right: 5px; } .zaplin-counterup h5 { margin-bottom: 12px; font-weight: var(--zaplin-p-medium); } .counterup-area-1 { background-image: url(../images/bg-image/counterup-bg-1.png); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; position: relative; } .counterup-area-1 .section-title p { font-size: var(--zaplin-font-size-b2); line-height: 32px; } @media only screen and (max-width: 767px) { .counterup-area-1 .section-title p br { display: none; } } .counterup-area-1 .row > * { margin-top: -12px; } .counterup-area-1 .zaplin-counterup-row { max-width: 850px; text-align: center; margin: 0 auto 0 auto; } .counterup-area-1 .zaplin-counterup-row .counterup-style-1 { position: relative; padding: 0 20px; } @media only screen and (max-width: 991px) { .counterup-area-1 .zaplin-counterup-row .counterup-style-1 { padding: 0 40px; } } @media only screen and (max-width: 767px) { .counterup-area-1 .zaplin-counterup-row .counterup-style-1 { padding: 0 20px; } } .counterup-area-1 .zaplin-counterup-row .counterup-style-1::after { content: ""; position: absolute; right: -9px; top: 18%; bottom: 0; width: 2px; height: 90px; background: var(--zaplin-color-heading-1); } @media only screen and (max-width: 991px) { .counterup-area-1 .zaplin-counterup-row .counterup-style-1::after { display: none; } } .counterup-area-1 .zaplin-counterup-row .counterup-style-1 p { margin-bottom: 20px; line-height: 22px; } .counterup-area-1 .zaplin-counterup-row .counterup-style-1.border-none::after { display: none; } .counterup-area-1 .shape-group li.shape-1 { left: 0; top: 203px; z-index: 0; } .counterup-area-1 .shape-group li.shape-2 { left: 66px; top: 96px; z-index: 0; } .counterup-area-1 .shape-group li.shape-3 { right: 215px; top: 143px; z-index: 0; } .counterup-area-1 .shape-group li.shape-4 { right: 120px; top: 0; z-index: 0; } .counterup-area-1 .shape-group li.shape-5 { bottom: -80px; left: 46%; z-index: 0; } @media only screen and (max-width: 991px) { .counterup-area-2 { margin-top: 50px; } } .counterup-area-2 .counterup-wrapper-1 { border-radius: 10px; padding: 70px; background: url(../images/bg-image/counterup-bg-02.png); background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .counterup-area-2 .counterup-wrapper-1 { padding: 50px; } } .counterup-area-2 .counterup-wrapper-1 ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 85px; margin-bottom: 0; padding-left: 0; } @media only screen and (max-width: 991px) { .counterup-area-2 .counterup-wrapper-1 ul { display: block; } } .counterup-area-2 .counterup-wrapper-1 ul .counter-box { margin-top: 0; margin-bottom: 0; text-align: left; } .counterup-area-2 .counterup-wrapper-1 ul .counter-box .counterup-style-2 { text-align: left; } @media only screen and (max-width: 767px) { .counterup-area-2 .counterup-wrapper-1 ul .counter-box .counterup-style-2 { text-align: center; } } .counterup-area-2 .counterup-wrapper-1 ul .counter-box .counterup-style-2 .count-number { margin-bottom: 10px; } .counterup-area-2 .counterup-wrapper-1 ul .counter-box .counterup-style-2 .rating-icon { margin-bottom: 10px; } .counterup-area-2 .counterup-wrapper-1 ul .counter-box .section-title { margin-bottom: 0; } @media only screen and (max-width: 991px) { .counterup-area-2 .counterup-wrapper-1 ul .counter-box .section-title { text-align: center; } } .counterup-area-2 .counterup-wrapper-1 ul .counter-box .section-title .title { margin-bottom: 16px; } @media only screen and (max-width: 1199px) { .counterup-area-2 .counterup-wrapper-1 ul .counter-box .section-title .title { font-size: 28px; } } .counterup-area-2 .counterup-wrapper-1 ul .counter-box p { color: var(--zaplin-color-heading-2); margin-top: 0; margin-bottom: 0; } .counterup-area-2 .counterup-wrapper-1 .counterup-style-2 { padding: 0; } .counterup-area-3 { background: #050505; } .counterup-area-3 .section-title .title { color: var(--zaplin-color-white); } .counterup-area-3 .shape-group li { position: absolute; } .counterup-area-3 .shape-group li.shape-1 { left: 160px; top: -330px; z-index: 1; } .counterup-area-3 .shape-group li.shape-2 { left: 356px; bottom: -136px; } .counterup-style-3 { border-radius: 0; padding: 40px 40px; border: 1px solid rgba(255, 255, 255, 0.06); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); position: relative; z-index: 2; } .counterup-style-3 .count-number { color: var(--zaplin-color-secondary); } .counterup-style-3 h6 { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-heading-2); margin-bottom: 0; } .counterup-style-3 .count-number span, .counterup-style-3 .count-number em { font-size: 48px; line-height: 42px; } .counterup-style-3 .count-number span { margin-top: -2px; } .counterup-area-4 .section-title { margin-top: 83px; } @media only screen and (max-width: 991px) { .counterup-area-4 .section-title { margin-top: 0; } } .counterup-area-4 .section-title .pre-title { font-weight: var(--zaplin-p-semi-bold); } .counterup-area-4 .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-2); } .counterup-wrapper-4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; position: relative; } @media only screen and (max-width: 575px) { .counterup-wrapper-4 { grid-template-columns: repeat(1, 1fr); } } .counterup-wrapper-4::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: -40px; width: 100%; height: 100%; background: url(../images/bg-image/counterup-bg-05.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; } @media only screen and (max-width: 991px) { .counterup-wrapper-4::before { background-size: contain; display: none; } } .counterup-style-4 { padding: 30px 40px; text-align: left; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .counterup-style-4 p { margin: 0; } .counterup-style-4 .count-number span, .counterup-style-4 .count-number em { font-size: 48px; font-weight: var(--zaplin-p-medium); } .counterup-area-5 .section-title { margin-bottom: 60px; } .counterup-area-5 .count-number span, .counterup-area-5 .count-number em { font-size: 48px; line-height: 42px; } .counterup-area-5 .count-number span { margin-top: -2px; } @media only screen and (max-width: 767px) { .counterup-area-5 .count-number span { margin-top: -7px; } } .counterup-style-5 { padding: 30px 40px 40px 40px; border-radius: 20px; border: 1px solid #000; background-color: var(--zaplin-color-white); } .counterup-style-5 .count-number { margin-bottom: 0; } .counterup-style-5 h6 { color: var(--zaplin-color-heading-2); font-weight: var(--zaplin-p-regular); margin-bottom: 0; } .counterup-area-5-1 { background: #FEFCF7; } .counterup-area-6 .section-title p { color: var(--zaplin-color-heading-2); } .counterup-area-6 .shape-group li.shape-1 { right: -200px; top: -260px; } .counterup-area-6 .counterup-wrapper-4::before { display: none; } .counterup-style-6 { padding: 50px 60px; border-radius: 20px; text-align: center; } .counterup-style-6 p { color: var(--zaplin-color-heading-2); } .counterup-style-6 h6 { font-weight: 400; color: var(--zaplin-color-heading-2); margin-bottom: 0; } .counterup-style-6 .count-number span, .counterup-style-6 .count-number em { font-size: 48px; line-height: 42px; } .counterup-style-6 .count-number span { margin-top: -2px; } .counterup-area-7 { background: #F9F5FE; position: relative; overflow: hidden; } .counterup-area-7::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/counterup-bg-07.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; opacity: .5; } .counterup-area-7 .section-title { margin-bottom: 0; } .counterup-area-7 .section-title p { margin-bottom: 5px; } @media only screen and (max-width: 767px) { .counterup-area-7 .section-title p br { display: none; } } .counterup-area-7 .counterup-style-1 { padding: 38px 30px 0 30px; position: relative; } @media only screen and (max-width: 991px) { .counterup-area-7 .counterup-style-1 { padding: 0; margin-top: 30px; } } .counterup-area-7 .counterup-style-1::after { content: ""; position: absolute; right: -9px; top: 18%; bottom: 0; width: 1px; height: 100px; background: rgba(13, 13, 13, 0.1); } @media only screen and (max-width: 991px) { .counterup-area-7 .counterup-style-1::after { display: none; } } .counterup-area-7 .counterup-style-1.border-none::after { display: none; } .counterup-area-7 .counterup-style-1 p { margin: 0; } @media only screen and (max-width: 991px) { .counterup-area-7 .counterup-style-1 p br { display: none; } } .counterup-area-7 .shape-group li { z-index: 0; } .counterup-area-7 .shape-group li.shape-1 { left: 0; top: 110px; } .counterup-area-7 .shape-group li.shape-2 { right: 0; top: 110px; } .counterup-area-8 { background: #121212; overflow: hidden; } @media only screen and (max-width: 991px) { .counterup-area-8 { padding: 20px 0; } } .counterup-area-8 .counterup-style-8 { padding: 60px 30px; } @media only screen and (max-width: 991px) { .counterup-area-8 .counterup-style-8 { padding: 30px; } } .counterup-area-8 .counterup-style-8.counterup-border-right { position: relative; } .counterup-area-8 .counterup-style-8.counterup-border-right::before { content: ""; position: absolute; right: -15px; top: 72px; width: 1px; height: 100px; background: rgba(255, 255, 255, 0.12); } @media only screen and (max-width: 991px) { .counterup-area-8 .counterup-style-8.counterup-border-right::before { display: none; } } .counterup-area-8 .counterup-style-8 .counter-item span { color: var(--zaplin-color-secondary); } .counterup-area-8 .counterup-style-8 p { color: var(--zaplin-color-heading-3); margin: 0; } /*------------------- FAQ Styles ---------------------*/ .faq-accordion .accordion-item { border: 1.5px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); border-radius: 10px; margin-bottom: 20px; } .faq-accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion .accordion-item .accordion-header { padding: 0; position: relative; } .faq-accordion .accordion-item .accordion-button { background-color: #F3EDFE; padding: 22px 60px 22px 30px; border: none; border-radius: 10px 10px 0 0; font-size: 20px; font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-heading-1); -webkit-transition: .3s; transition: .3s; z-index: 2; } @media only screen and (max-width: 575px) { .faq-accordion .accordion-item .accordion-button { font-size: 18px; } } .faq-accordion .accordion-item .accordion-button:after { content: "\f11d"; font-family: var(--zaplin-flaticon); font-size: 12px; color: var(--zaplin-color-heading-1); background-image: none; position: absolute; top: 35px; right: 30px; line-height: 1; opacity: 1; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: .3s; transition: .3s; } .faq-accordion .accordion-item .accordion-button:before { content: "\f192"; font-family: var(--zaplin-flaticon); font-size: 18px; color: var(--zaplin-color-heading-1); background-image: none; position: absolute; top: 30px; right: 27px; line-height: 1; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: .3s; transition: .3s; opacity: 0; } .faq-accordion .accordion-item .accordion-button.collapsed { background-color: var(--zaplin-color-white); color: var(--zaplin-color-heading-1); border-radius: 10px; } .faq-accordion .accordion-item .accordion-button.collapsed::before { opacity: 0; } .faq-accordion .accordion-item .accordion-button.collapsed::after { top: 30px; opacity: 1; } .faq-accordion .accordion-item .accordion-button:not(.collapsed) { box-shadow: none; } .faq-accordion .accordion-item .accordion-button:not(.collapsed)::before { opacity: 1; } .faq-accordion .accordion-item .accordion-button:not(.collapsed)::after { opacity: 0; } .faq-accordion .accordion-item .accordion-button:focus { box-shadow: none; } .faq-accordion .accordion-item .accordion-body { background-color: #F3EDFE; padding: 0 65px 30px 30px; border-radius: 0 0 10px 10px; } .faq-accordion .accordion-item .accordion-body p { margin-bottom: 0; } .zaplin-faq-content { max-width: 850px; margin: 0 auto; position: relative; } .zaplin-faq-content .shape-group { margin: 0; } .zaplin-faq-content .shape-group li { position: absolute; z-index: -1; } .zaplin-faq-area .section-title { margin-bottom: 49px; } .faq-style-1 .shape-group li.shape-1 { bottom: -18px; left: -110px; } .faq-style-1 .shape-group li.shape-2 { top: 92px; right: -80px; } .faq-style-2 .faq-accordion .accordion-item .accordion-button { background-color: transparent; } @media only screen and (max-width: 575px) { .faq-style-2 .faq-accordion .accordion-item .accordion-button { padding: 30px 60px 30px 30px; } } .faq-style-2 .faq-accordion .accordion-item .accordion-button::before { width: 30px; height: 30px; top: 28px; line-height: 30px; text-align: center; border-radius: 50%; background-color: #EDFFB9; border: 1px solid var(--zaplin-color-heading-1); } @media only screen and (max-width: 767px) { .faq-style-2 .faq-accordion .accordion-item .accordion-button::before { right: 18px; } } .faq-style-2 .faq-accordion .accordion-item .accordion-button::after { width: 30px; height: 30px; top: 28px; line-height: 30px; text-align: center; border-radius: 50%; background-color: #EDFFB9; border: 1px solid var(--zaplin-color-heading-1); } @media only screen and (max-width: 767px) { .faq-style-2 .faq-accordion .accordion-item .accordion-button::after { right: 18px; } } .faq-style-2 .faq-accordion .accordion-item .accordion-body { background-color: transparent; } .faq-style-3 { position: relative; overflow: hidden; } .faq-style-3 .zaplin-heading-content .section-title p { max-width: 376px; color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); } .faq-style-3 .zaplin-faq-content { max-width: 100%; padding-left: 115px; } @media only screen and (max-width: 1199px) { .faq-style-3 .zaplin-faq-content { padding-left: 40px; } } @media only screen and (max-width: 991px) { .faq-style-3 .zaplin-faq-content { padding-left: 0; } } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item { border-radius: inherit; border: none; background-color: transparent; } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header { border-radius: 70px; border: 1px solid #e5e5e5; background: var(--zaplin-color-white); } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 21px 30px 21px 30px; background-color: transparent; } @media only screen and (max-width: 767px) { .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 21px 60px 21px 30px; } } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::before { top: 27px; } @media only screen and (max-width: 479px) { .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::before { top: 32px; } } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::after { top: 30px; } @media only screen and (max-width: 479px) { .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::after { top: 35px; } } .faq-style-3 .zaplin-faq-content .faq-accordion .accordion-item .accordion-body { background: transparent; padding: 25px 30px 12px 30px; } .faq-style-3 .shape-group li.shape-1 { right: -110px; top: -900px; z-index: -1; } .faq-style-4 { background: #050505; position: relative; } .faq-style-4 .section-title .title { color: var(--zaplin-color-white); } .faq-style-4 .faq-accordion .accordion-item { border-radius: inherit; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); } .faq-style-4 .faq-accordion .accordion-item .accordion-button { border-radius: inherit; background: rgba(255, 255, 255, 0.03); color: var(--zaplin-color-white); } .faq-style-4 .faq-accordion .accordion-item .accordion-button.collapsed { color: var(--zaplin-color-white); background: rgba(255, 255, 255, 0.03); border-radius: inherit; } .faq-style-4 .faq-accordion .accordion-item .accordion-button::before { width: 30px; height: 30px; top: 19px; right: 28px; line-height: 29px; text-align: center; border-radius: 30px; color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } @media only screen and (max-width: 767px) { .faq-style-4 .faq-accordion .accordion-item .accordion-button::before { right: 18px; } } .faq-style-4 .faq-accordion .accordion-item .accordion-button::after { width: 30px; height: 30px; top: 20px; line-height: 29px; text-align: center; border-radius: 50%; color: var(--zaplin-color-heading-3); border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); } @media only screen and (max-width: 767px) { .faq-style-4 .faq-accordion .accordion-item .accordion-button::after { right: 18px; } } .faq-style-4 .faq-accordion .accordion-item .accordion-body { padding: 0 80px 30px 30px; border-radius: inherit; color: var(--zaplin-color-heading-3); background: rgba(255, 255, 255, 0.03); } .faq-style-4 .shape-group li.shape-1 { left: 50%; top: -437px; z-index: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .faq-style-4 .shape-group li.shape-2 { left: -92px; top: 280px; z-index: 0; } .faq-style-4.faq-style-17 { background-color: #050505; background-image: url(../images/bg-image/faq-bg-06.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .faq-style-4.faq-style-17 .faq-accordion .accordion-item { border-radius: 10px; } .faq-style-4.faq-style-17 .faq-accordion .accordion-item .accordion-button::after { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .faq-style-4.faq-style-17 .faq-accordion .accordion-item .accordion-button::before { color: var(--zaplin-color-heading-3); border-color: var(--zaplin-color-heading-3); background-color: rgba(255, 255, 255, 0.031); } .faq-style-3.faq-style-5 { background: url(../images/bg-image/faq-bg-03.png); background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; } .faq-style-3.faq-style-5 .zaplin-heading-content p { color: var(--zaplin-color-heading-2); } .faq-style-3.faq-style-5 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header { border-radius: 10px; border: none; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); } .faq-style-6 { background: #FEFCF7; } .faq-style-6 .service-content .nav { width: 404px; height: 50px; border-radius: 10px; margin: 0 auto; background: var(--zaplin-color-heading-1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 479px) { .faq-style-6 .service-content .nav { width: 100%; height: inherit; } } .faq-style-6 .service-content .nav .nav-item { margin: 5px 5px 6px 7px; } .faq-style-6 .service-content .nav .nav-item .nav-link { color: #CACACA; font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-secondary); border: inherit; } .faq-style-6 .service-content .nav .nav-item .nav-link:hover { border-color: inherit; } .faq-style-6 .service-content .nav .nav-item .nav-link.active { padding: 8px 18px; border-radius: 5px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .faq-style-6 .service-content .tab-content { margin-top: 30px; } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item { border: none; background: transparent; } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 30px 45px 0px 0px; background: transparent; } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item .accordion-header .accordion-button::after { content: "\f155"; top: 30px; right: 35px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 4px; font-size: 8px; font-weight: 400; background: rgba(13, 13, 13, 0.05); color: var(--zaplin-color-heading-1); } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item .accordion-header .accordion-button::before { content: "\f154"; top: 30px; right: 35px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 5px; font-size: 8px; font-weight: 400; color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item .accordion-body { padding: 18px 100px 0 0; background: transparent; } .faq-style-6 .service-content .tab-content .faq-accordion .accordion-item .accordion-body p { color: var(--zaplin-color-heading-2); } .faq-style-6.faq-style-16 { background: var(--zaplin-color-white); } .faq-style-6.faq-style-16 .service-content .nav .nav-item .nav-link.active { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .faq-style-6.service-faq-area-3 { background: var(--zaplin-color-white); } .faq-style-3.faq-style-7 { background-color: #F5F5F5; position: relative; } .faq-style-3.faq-style-7::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-white); border-radius: 70px 70px 0 0; } .faq-style-3.faq-style-7::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/faq-bg-05.png); background-position: center bottom; background-repeat: no-repeat; } .faq-style-3.faq-style-7 .faq-accordion .accordion-item .accordion-header { border-radius: 20px; border: none; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.07); } .faq-style-3.faq-style-7 .zaplin-heading-content .section-title p { color: var(--zaplin-color-heading-2); } .faq-style-3.faq-style-7.faq-pricing-area { background-color: var(--zaplin-color-white); } .faq-style-3.faq-style-8 .zaplin-heading-content p { color: var(--zaplin-color-heading-2); } .faq-style-3.faq-style-8::before { display: none; } .faq-style-3.faq-style-8 .faq-accordion .accordion-item .accordion-header { border: none; border-radius: 10px; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07); } .faq-style-9 { background: #FEFCF8; position: relative; z-index: 2; } .faq-style-9 .section-title p { font-size: var(--zaplin-font-size-b2); } .faq-style-9 .faq-accordion .accordion-item { position: relative; margin-bottom: 20px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .faq-style-9 .faq-accordion .accordion-item .accordion-button { border-radius: 10px; padding: 25px 60px 25px 30px; background-color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .faq-style-9 .faq-accordion .accordion-item .accordion-button::after, .faq-style-9 .faq-accordion .accordion-item .accordion-button::before { width: 30px; height: 30px; top: 22px; right: 28px; border-radius: 50%; background: #EDFFB9; border: 1px solid var(--zaplin-color-heading-1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .faq-style-9 .faq-accordion .accordion-item .accordion-body { background-color: var(--zaplin-color-white); } .faq-style-9 .faq-accordion .accordion-item.is-open::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); border-radius: 15px; z-index: -1; -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .faq-style-9 .faq-accordion .accordion-item:last-child { margin-bottom: 0; } .faq-style-9 .faq-accordion .accordion-item.is-open .accordion-header .accordion-button::before { opacity: 1; } .faq-style-9 .faq-accordion .accordion-item.is-open .accordion-header .accordion-button::after { opacity: 0; } .faq-style-9 .faq-accordion .accordion-item:not(.is-open) { box-shadow: none; } .faq-style-9 .faq-accordion .accordion-item:not(.is-open) .accordion-header .accordion-button::before { opacity: 0; } .faq-style-9 .faq-accordion .accordion-item:not(.is-open) .accordion-header .accordion-button::after { opacity: 1; } .faq-style-10 .faq-accordion .accordion-item { border-radius: 10px; border: 1px solid #E5E5E5; } .faq-style-10 .faq-accordion .accordion-item .accordion-button:not(.collapsed) { background: #F6F6F6; border: none; } .faq-style-10 .faq-accordion .accordion-item .accordion-body { background: #F6F6F6; color: var(--zaplin-color-heading-2); } .faq-style-11 .faq-accordion .accordion-item { border-radius: 20px; border: 1px solid #E5E5E5; } .faq-style-11 .faq-accordion .accordion-item .accordion-button:not(.collapsed) { border-radius: 20px 20px 0 0; background: #F9F6FE; border: none; } .faq-style-11 .faq-accordion .accordion-item .accordion-button.collapsed { border-radius: 20px; } .faq-style-11 .faq-accordion .accordion-item .accordion-body { border-radius: 0 0 20px 20px; background: #F9F6FE; color: var(--zaplin-color-heading-2); } .faq-style-11.faq-style-14 { padding-bottom: 150px; } .faq-style-12 { background: #FDFFE4; position: relative; } .faq-style-12::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/hosting-line-partten-bg-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .faq-style-12.background-none { background: none; } .faq-style-12.background-none::after { display: none; } .faq-style-12.background-none .shape-group li.shape-1 { display: none; } .faq-style-12 .zaplin-heading-content .section-title p { max-width: 376px; color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); } .faq-style-12 .zaplin-faq-content { max-width: 100%; padding-left: 115px; } @media only screen and (max-width: 1199px) { .faq-style-12 .zaplin-faq-content { padding-left: 50px; } } @media only screen and (max-width: 991px) { .faq-style-12 .zaplin-faq-content { padding-left: 0; } } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item { border-radius: inherit; border: none; background-color: transparent; } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header { border-radius: 10px; border: none; background: var(--zaplin-color-white); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07); } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 21px 30px 21px 30px; background-color: transparent; } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::before { top: 27px; } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item .accordion-header .accordion-button::after { top: 30px; } .faq-style-12 .zaplin-faq-content .faq-accordion .accordion-item .accordion-body { background: transparent; padding: 25px 30px 12px 30px; } .faq-style-12 .shape-group li.shape-1 { right: 0; top: -50px; z-index: -1; } .zaplin-faq-question-area { background: -webkit-linear-gradient(top, #F9EFFA 2.31%, rgba(249, 239, 250, 0.3) 100%); background: linear-gradient(180deg, #F9EFFA 2.31%, rgba(249, 239, 250, 0.3) 100%); position: relative; } .zaplin-faq-question-area::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/faq-bg-07.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } .zaplin-faq-question-area .contact-form { width: 850px; padding: 70px; margin: 0 auto; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .zaplin-faq-question-area .contact-form { width: 100%; } } @media only screen and (max-width: 575px) { .zaplin-faq-question-area .contact-form { padding: 30px; } } .zaplin-faq-question-area .contact-form .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 30px; } .zaplin-faq-question-area .contact-form .zaplin-btn { width: 100%; } .js-accordion-submenu { display: none; } .js-accordion-submenu .accordion-button { -webkit-transition: var(--zaplin-transition-2); transition: var(--zaplin-transition-2); } .is-open .js-accordion-submenu { display: block; } .is-open .js-accordion-submenu .accordion-button { -webkit-transition: var(--zaplin-transition-2); transition: var(--zaplin-transition-2); } .features-box { padding: 50px 40px; text-align: center; border-radius: 10px; border: 1.5px solid #0D0D0D; background-color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .features-box .icon { height: 80px; width: 80px; border-radius: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 32px; color: var(--zaplin-color-white); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.07); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .features-box .content .title { margin-top: 20px; margin-bottom: 15px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .features-box .content .title span { display: block; } .features-box .content p { color: var(--zaplin-color-heading-1); margin-bottom: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .features-box.color-style-extra01 .icon { background-color: var(--zaplin-extra-color01); box-shadow: 0px 10px 40px 0px rgba(254, 61, 1, 0.3); } .features-box.color-style-extra02 .icon { background-color: var(--zaplin-color-primary); box-shadow: 0px 10px 40px rgba(126, 115, 237, 0.3); } .features-box.color-style-extra03 .icon { background-color: var(--zaplin-extra-color02); box-shadow: 0px 10px 40px rgba(254, 207, 6, 0.3); } .feature-description { font-size: var(--zaplin-font-size-b2); } .features-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 170px; margin-left: -95px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 575px) { .features-wrapper { height: 140px; } } .features-wrapper .feature-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation: scroll 20s linear infinite; animation: scroll 20s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .features-wrapper .feature-wrap .features-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; padding-top: 32px; padding-bottom: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .features-wrapper .feature-wrap .features-track .features-icon { margin-left: 40px; margin-right: 40px; } .features-wrapper .feature-wrap .features-track .feature-text { color: var(--zaplin-color-white); font-size: 36px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); text-transform: capitalize; } @media only screen and (max-width: 575px) { .features-wrapper .feature-wrap .features-track .feature-text { font-size: 28px; } } .features-area-1 { padding: 150px 0 100px; } @media only screen and (max-width: 991px) { .features-area-1 { padding: 100px 0 80px; } } @media only screen and (max-width: 767px) { .features-area-1 { padding: 60px 0 40px; } } .features-area-1 .section-title { margin-bottom: 90px; } .features-area-1 .section-title p { font-size: var(--zaplin-font-size-b2); line-height: 32px; max-width: 600px; margin: 0 auto; } .features-area-1 .features-box .content .title { padding-top: 5px; } @media only screen and (max-width: 991px) { .features-area-1 .features-box.color-style-extra01 { margin-top: 0; } } @media only screen and (max-width: 991px) { .features-area-1 .features-box { margin-top: 40px; padding: 80px 35px 50px 35px; } } @media only screen and (max-width: 575px) { .features-area-1 .features-box { margin-top: 60px; } } .feature-style-1 { padding: 100px 50px 60px 50px; box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07); } .feature-style-1 .icon { width: 90px; height: 90px; display: block; line-height: 98px; margin: -148px auto 28px; } @media only screen and (max-width: 991px) { .feature-style-1 .icon { margin: -125px auto 28px; } } .feature-style-1 .icon .flaticon-mike { font-size: 45px; } .feature-style-1 .icon .flaticon-chart-2 { font-size: 40px; } .feature-style-1 .icon .flaticon-envelope-2 { font-size: 40px; } .features-area-2 .section-title { margin-bottom: 130px; } @media only screen and (max-width: 767px) { .features-area-2 .section-title { margin-bottom: 0; } } .features-area-2 .section-title p { font-size: var(--zaplin-font-size-b2); padding-bottom: 90px; } @media only screen and (max-width: 1199px) { .features-area-2 .section-title p { padding-bottom: 0; } } .features-area-2 .shape-group li.shape-1 { left: 345px; bottom: -70px; } .features-area-2 .shape-group li.shape-1 span { width: 592px; height: 592px; border-radius: 50%; background: var(--zaplin-color-white); display: inline-block; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.03); } .features-area-2 .shape-group li.shape-2 { left: 437px; bottom: 20px; } .features-area-2 .shape-group li.shape-2 span { width: 412px; height: 412px; border-radius: 50%; background: var(--zaplin-color-white); display: inline-block; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05); } .feature-style-2 { background-color: transparent; margin: 0 auto 28px; border: none; } @media only screen and (max-width: 1199px) { .feature-style-2 { margin: 0; padding: 0; } } .feature-style-2 .icon { width: 90px; height: 90px; line-height: 99px; display: block; border-radius: 50%; margin: -140px auto 28px; box-shadow: none; color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } @media only screen and (max-width: 1199px) { .feature-style-2 .icon { margin: 0 auto 28px; } } .feature-style-2 .icon .flaticon-donate-1 { font-size: 50px; } .feature-style-2 .icon .flaticon-chart-4 { font-size: 40px; } .feature-style-2 .icon .flaticon-card { font-size: 43px; } .feature-style-2 .content .title { padding-top: 0; } .feature-style-2 .content .feature-btn { margin-top: 15px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .feature-style-2.active .icon { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .feature-style-2.active .content .feature-btn { opacity: 1; } .features-area-3 { background: #F4F8F6; } .features-area-3 .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .features-area-3 .section-title .feature-description { color: var(--zaplin-color-heading-2); } .feature-style-3 { padding: 40px 20px 48px 20px; border: none; } .feature-style-3 .icon { width: 70px; height: 70px; line-height: 77px; display: inline-block; border-radius: 15px; margin: 0 auto; } .feature-style-3 .content .title { font-family: var(--zaplin-font-third); } .feature-style-3.color-style-extra04 .icon { color: var(--zaplin-color-primary); background-color: rgba(88, 73, 255, 0.2); } .feature-style-3.color-style-extra05 .icon { color: var(--zaplin-extra-color07); background-color: rgba(235, 104, 30, 0.2); } .feature-style-3.color-style-extra06 .icon { color: var(--zaplin-color-accent); background-color: rgba(0, 167, 118, 0.2); } .feature-style-3.color-style-extra07 .icon { color: var(--zaplin-extra-color01); background-color: rgba(254, 60, 0, 0.2); } .feature-style-3:hover { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .features-area-4 { background: #F4F8F6; position: relative; z-index: 2; } .features-area-4 .shape-group li.shape-1 { left: 47%; top: 190px; z-index: 1; } .feature-style-4 { border: none; padding: 65px 80px 0 65px; border-radius: 20px; position: relative; box-shadow: var(--zaplin-shadow-darker); } @media only screen and (max-width: 1199px) { .feature-style-4 { padding: 40px 50px 0 40px; } } @media only screen and (max-width: 479px) { .feature-style-4 { padding: 40px 25px 0 25px; } } .feature-style-4::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; background-image: url(../images/features/feature-bg-01.svg); background-size: cover; background-repeat: no-repeat; } .feature-style-4 .section-title { text-align: left; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { .feature-style-4 .section-title { text-align: center; } } .feature-style-4 .section-title .pre-title { margin-bottom: 6px; } .feature-style-4 .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .feature-style-4 .section-title p { color: var(--zaplin-color-heading-2); margin-right: 20px; margin-bottom: 25px; } @media only screen and (max-width: 991px) { .feature-style-4 .section-title p { margin-right: 0; } } .feature-style-4 .image-wrapper { margin-right: -100px; position: relative; bottom: 0; z-index: 1; } @media only screen and (max-width: 1199px) { .feature-style-4 .image-wrapper { margin-right: 0; bottom: -115px; } } @media only screen and (max-width: 991px) { .feature-style-4 .image-wrapper { bottom: 0; } } .feature-style-4 .image-wrapper img { border-radius: 10px 10px 0 0; box-shadow: 0px 0px 100px 0px rgba(255, 74, 74, 0.1); } .feature-style-4 .zaplin-btn { height: 50px; line-height: 52px; } .features-area-5 { background: #FEFCF8; } .features-area-5 .section-title { margin-bottom: 50px; } .features-area-5 .section-title p { font-size: 18px; } .feature-style-5 { padding: 40px 30px; border-radius: 10px; border: 1px solid var(--zaplin-color-heading-1); position: relative; } .feature-style-5::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); border-radius: 15px; z-index: -1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); opacity: 0; } .feature-style-5 .icon { width: 70px; height: 70px; line-height: 70px; margin: 0; border-radius: 10px; border: 1px solid var(--zaplin-color-heading-1); } .feature-style-5 .content { text-align: left; } .feature-style-5 .content .title { margin-top: 30px; } .feature-style-5 .content p { color: var(--zaplin-color-heading-2); } .feature-style-5:hover::after { opacity: 1; -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); } .features-area-6 { background: var(--zaplin-color-primary); } .features-area-7 { background: #121212; } .features-area-7 .section-title { margin-bottom: 70px; position: relative; z-index: 2; } .features-area-7 .section-title .pre-title { color: #7B818E; font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .features-area-7 .section-title .title { color: var(--zaplin-color-white); font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .features-area-7 .section-title .title span { background: -webkit-linear-gradient(295deg, #63FF2D 0%, #5CCCE4 97.75%); background: linear-gradient(155deg, #63FF2D 0%, #5CCCE4 97.75%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .features-area-7 .shape-group li.shape-1 { top: -74px; left: 165px; } .feature-style-7 { padding: 50px 30px 50px 30px; margin: 0; border-radius: 15px; text-align: left; border: 1px solid rgba(255, 255, 255, 0.15); opacity: 0.5; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); position: relative; z-index: 2; } .feature-style-7 .icon { width: 65px; height: 65px; margin: 0; border-radius: 15px; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); box-shadow: 0px 8px 43px 0px rgba(0, 0, 0, 0.25); } .feature-style-7 .content { position: relative; z-index: 1; } .feature-style-7 .content .title { font-family: var(--zaplin-font-third); color: var(--zaplin-color-white); margin-bottom: 25px; } .feature-style-7 .content p { color: var(--zaplin-color-heading-3); } .feature-style-8 { padding: 0; border-radius: 20px; } .feature-style-8 .title-wrap { padding: 40px 40px; border-radius: 18px 18px 0px 0px; } .feature-style-8 .title-wrap.title-wrap-1 { background: url(../images/features/feature-txt-bg-1.png) no-repeat; background-size: cover; } .feature-style-8 .title-wrap.title-wrap-2 { background: url(../images/features/feature-txt-bg-2.png) no-repeat; background-size: cover; } .feature-style-8 .title-wrap.title-wrap-3 { background: url(../images/features/feature-txt-bg-3.png) no-repeat; background-size: cover; } .feature-style-8 .title-wrap.title-wrap-4 { background: url(../images/features/feature-txt-bg-4.png) no-repeat; background-size: cover; } .feature-style-8 .title-wrap .title { margin-bottom: 0; } .feature-style-8 .content { padding: 34px 32px 30px 32px; } .feature-style-8 .content p { color: var(--zaplin-color-heading-2); } .feature-style-8 .content .icon.icon-1 { padding-top: 23px; } .feature-style-8 .content .icon.icon-2 { padding-top: 37px; padding-bottom: 13px; } .feature-style-8 .content .icon.icon-3 { padding-top: 38px; padding-bottom: 17px; } .feature-style-8 .content .icon.icon-4 { padding-top: 33px; } .feature-style-8 .icon { width: inherit; height: inherit; margin: inherit; box-shadow: none; font-size: inherit; border-radius: inherit; } .feature-style-9 { border-radius: 10px; border: none; } .feature-style-9 .content .title { margin-top: 34px; } .feature-style-9 .icon { width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; padding-top: 15px; } .feature-style-9.color-style-extra07 { background: #FFF7F5; } .feature-style-9.color-style-extra07 .icon { font-size: 42px; background: var(--zaplin-extra-color09); } .feature-style-9.color-style-extra08 { background: #F9F6FF; } .feature-style-9.color-style-extra08 .icon { font-size: 44px; background: var(--zaplin-color-primary); } .feature-style-9.color-style-extra09 { background: #F0F9FF; } .feature-style-9.color-style-extra09 .icon { font-size: 44px; background: var(--zaplin-extra-color05); } .features-area-12 { padding: 150px 0 280px; } @media only screen and (max-width: 1199px) { .features-area-12 { padding: 60px 0 80px; } } .feature-style-12 { border: none; border-radius: 20px; padding: 40px 45px 0 45px; } @media only screen and (max-width: 991px) { .feature-style-12 { margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .feature-style-12 { margin-bottom: 150px; } } .feature-style-12.bg-color-extra01 { height: 410px; background: -webkit-linear-gradient(top, #F9F6FF 0%, rgba(249, 246, 255, 0) 100%); background: linear-gradient(180deg, #F9F6FF 0%, rgba(249, 246, 255, 0) 100%); } .feature-style-12.bg-color-extra02 { height: 410px; background: -webkit-linear-gradient(top, #F0F9FF 0%, rgba(240, 249, 255, 0) 100%); background: linear-gradient(180deg, #F0F9FF 0%, rgba(240, 249, 255, 0) 100%); } .feature-style-12.bg-color-extra03 { height: 410px; background: -webkit-linear-gradient(top, #FFF4E6 0%, rgba(255, 244, 230, 0) 100%); background: linear-gradient(180deg, #FFF4E6 0%, rgba(255, 244, 230, 0) 100%); } .feature-style-12 .title { text-align: left; margin-bottom: 32px; } .feature-style-12 .thumb img { border-radius: 20px; box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.07); } .features-area-10 { background: var(--zaplin-color-lighten02); } .feature-style-10 { padding: 42px 40px; border: none; border-radius: 20px; background: var(--zaplin-color-white); } .feature-style-10 .icon { width: inherit; height: inherit; background: transparent; border-radius: inherit; box-shadow: none; margin-bottom: 40px; margin-top: 30px; } .features-area-11 { background: var(--zaplin-color-lighten02); } .features-area-11 .features-wrapper { width: 140%; height: 120px; background: url(../images/bg-image/features-bg-11.png); background-repeat: repeat; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .features-area-11 .features-wrapper .feature-wrap .features-track .feature-text { margin: 0 40px; } .features-area-13 { position: relative; z-index: 2; } .features-area-13 .shape-group li.shape-1 { left: 0; right: 0; top: -210px; } .feature-style-13 { border: none; padding: 80px 50px 60px 50px; border-radius: 10px; text-align: left; background: #FFF; box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); } @media only screen and (max-width: 1199px) { .feature-style-13 { padding: 70px 35px 50px 35px; } } .feature-style-13 .icon { width: inherit; height: inherit; border-radius: inherit; box-shadow: none; display: inline-block; position: relative; font-size: 60px; } .feature-style-13 .icon::after { content: ""; position: absolute; top: -10px; width: 70px; height: 70px; border-radius: 75px; } .feature-style-13 .icon.icon-mike { font-size: 62px; color: var(--zaplin-color-primary); } .feature-style-13 .icon.icon-mike::after { right: -20px; background: -webkit-linear-gradient(229deg, rgba(88, 73, 255, 0.15) 14.83%, rgba(88, 73, 255, 0) 84.4%); background: linear-gradient(221deg, rgba(88, 73, 255, 0.15) 14.83%, rgba(88, 73, 255, 0) 84.4%); } .feature-style-13 .icon.icon-arrow { color: var(--zaplin-extra-color01); } .feature-style-13 .icon.icon-arrow::after { right: -35px; background: -webkit-linear-gradient(229deg, rgba(254, 60, 0, 0.15) 14.83%, rgba(254, 60, 0, 0) 84.4%); background: linear-gradient(221deg, rgba(254, 60, 0, 0.15) 14.83%, rgba(254, 60, 0, 0) 84.4%); } .feature-style-13 .icon.icon-sms { color: var(--zaplin-extra-color05); } .feature-style-13 .icon.icon-sms::after { right: -35px; background: -webkit-linear-gradient(229deg, rgba(36, 202, 255, 0.15) 14.83%, rgba(36, 202, 255, 0) 84.4%); background: linear-gradient(221deg, rgba(36, 202, 255, 0.15) 14.83%, rgba(36, 202, 255, 0) 84.4%); } .feature-style-13 .content { margin-bottom: 25px; } .feature-style-13 .content .title { margin-top: 0; padding-top: 0; font-weight: var(--zaplin-p-bold); } .feature-style-13 .content p { color: var(--zaplin-color-heading-2); } .features-area-14 { background: var(--zaplin-color-white); } .features-area-14 .features-wrapper { height: 150px; } .features-area-14 .features-wrapper .feature-wrap .features-track .feature-text { font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-heading-1); } .features-area-15 { height: 180px; margin-top: -40px; padding-top: 5px; background: #FEFCF7; margin-left: -30px; margin-right: -30px; } .features-area-15 .features-wrapper { height: 90px; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); background: var(--zaplin-color-heading-1); margin: 85px 0px; } .features-area-15 .features-wrapper .feature-wrap .features-track .feature-text { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); } .features-area-16 { background: #121212; position: relative; } .features-area-16::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/service-bg-06.png); background-repeat: no-repeat; background-size: cover; } .features-area-16 .title { color: var(--zaplin-color-white); } .feature-style-16 { padding: 40px 30px 50px 30px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .feature-style-16 .icon { width: 66px; height: 66px; border-radius: 55px; padding-top: 12px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .feature-style-16 .icon.icon-text { font-size: 26px; } .feature-style-16 .content { text-align: left; } .feature-style-16 .content .title { color: var(--zaplin-color-white); } .feature-style-16 .content .title:hover { color: var(--zaplin-color-secondary); } .feature-style-16 .content p { color: var(--zaplin-color-heading-3); } .feature-style-16:hover .icon { border-radius: 66px; color: var(--zaplin-color-secondary); border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .features-area-17 { position: relative; background: #F5F5F5; } .features-area-17::before { content: ""; position: absolute; left: 0; right: 0; bottom: -220px; width: 100%; height: 100%; background: url(../images/bg-image/features-bg-02.png); background-position: center top; background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .features-area-17::before { display: none; } } .features-area-17 .section-title { margin-bottom: 100px; } .feature-style-17 { padding: 80px 28px 30px 40px; border-radius: 20px; background: var(--zaplin-color-white); box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.07); text-align: left; border: none; } @media only screen and (max-width: 1199px) { .feature-style-17.feature-margin-top-lg { margin-top: 50px; } } @media only screen and (max-width: 767px) { .feature-style-17.feature-margin-top-md { margin-top: 50px; } } .feature-style-17 .icon { width: 80px; height: 80px; margin: -120px 0 28px; border-radius: 20px; } .feature-style-17 .icon.icon-application { background: var(--zaplin-color-primary); box-shadow: 0px 10px 20px 0px rgba(156, 80, 255, 0.2); } .feature-style-17 .icon.icon-security { background: var(--zaplin-color-accent); box-shadow: 0px 10px 20px 0px rgba(0, 167, 118, 0.2); } .feature-style-17 .icon.icon-certificate { background: var(--zaplin-color-tertiary); box-shadow: 0px 10px 20px 0px rgba(88, 73, 255, 0.2); } .feature-style-17 .icon.icon-native { background: var(--zaplin-extra-color07); box-shadow: 0px 10px 20px 0px rgba(235, 104, 30, 0.2); } .feature-style-17 .content .title { padding-top: 5px; } .feature-style-17 .content .feature-content { list-style: revert; margin-bottom: 22px; } .features-area-18 .shape-group li.shape-1 { left: 0; top: 220px; } .feature-style-18 { padding: 40px 40px; text-align: left; border: none; border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } .feature-style-18 .icon { width: 70px; height: 70px; line-height: 70px; border-radius: 70px; display: block; padding: 3px 3px; text-align: center; box-shadow: none; } .feature-style-18 .icon.icon-user-2 { background: #F5FAE7; } .feature-style-18 .icon.icon-user-2 i { color: #9ccf1f; } .feature-style-18 .icon.icon-guard { line-height: 75px; background: #F6F3FE; } .feature-style-18 .icon.icon-guard i { color: #854ef2; } .feature-style-18 .icon.icon-tread { background: #FEF5EF; } .feature-style-18 .icon.icon-tread i { font-size: 30px; color: #eb681e; } .feature-style-18 .content p { color: var(--zaplin-color-heading-2); margin-bottom: 16px; } .feature-style-18 .btn-transparent:hover { color: var(--zaplin-color-primary); } .features-area-19 { background: rgba(133, 78, 242, 0.05); } .feature-style-19 { border: none; padding: 60px 50px; border-radius: 20px; background: var(--zaplin-color-white); text-align: left; position: relative; } .feature-style-19::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(133, 78, 242, 0.1); border-radius: 20px; opacity: 0; z-index: -1; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .feature-style-19 .content .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); padding-top: 32px; } .feature-style-19 .content p { color: var(--zaplin-color-heading-2); margin-bottom: 35px; } .feature-style-19 .zaplin-btn { border-radius: 50px; border: 1px solid var(--zaplin-color-heading-1); color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .feature-style-19 .zaplin-btn:hover { background: var(--zaplin-color-primary); color: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-primary); } .feature-style-19:hover::after { opacity: 1; left: 0; top: 7px; } .features-area-20 { background: #F5F2FF; } .features-area-20 .section-title .pre-title { color: var(--zaplin-color-primary); padding: 0; } .feature-style-20 .feature-image-gallery { position: relative; text-align: center; } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery { margin-top: 50px; } } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery .main-img img { display: none; } } .feature-style-20 .feature-image-gallery .line-1 { position: absolute; left: 28%; top: 140px; } @media (max-width: 1250px) { .feature-style-20 .feature-image-gallery .line-1 { display: none; } } .feature-style-20 .feature-image-gallery .line-2 { position: absolute; right: 28%; top: 48%; } @media (max-width: 1250px) { .feature-style-20 .feature-image-gallery .line-2 { display: none; } } .feature-style-20 .feature-image-gallery .content-box { width: 350px; height: 200px; border-radius: 20px; padding: 30px 30px 40px 30px; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, 0.1); position: absolute; text-align: left; } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery .content-box { position: inherit; } } .feature-style-20 .feature-image-gallery .content-box .asana-img { margin-bottom: 30px; } .feature-style-20 .feature-image-gallery .content-box .text { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-heading-1); padding-top: 30px; margin-bottom: 0; border-top: 1px solid #e5e5e5; } .feature-style-20 .feature-image-gallery .content-box.asana-content { left: -10px; top: 75px; } @media (max-width: 1300px) { .feature-style-20 .feature-image-gallery .content-box.asana-content { left: 0; } } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery .content-box.asana-content { left: inherit; top: inherit; } } .feature-style-20 .feature-image-gallery .content-box.shopify-content { left: -10px; bottom: 55px; } @media (max-width: 1300px) { .feature-style-20 .feature-image-gallery .content-box.shopify-content { left: 0; } } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery .content-box.shopify-content { left: inherit; bottom: inherit; } } .feature-style-20 .feature-image-gallery .content-box.slack-content { right: -10px; top: 250px; } @media (max-width: 1300px) { .feature-style-20 .feature-image-gallery .content-box.slack-content { right: 0; } } @media only screen and (max-width: 1199px) { .feature-style-20 .feature-image-gallery .content-box.slack-content { right: inherit; top: inherit; } } .features-area-21 .section-title p { color: var(--zaplin-color-heading-2); } .features-area-21 .shape-group li.shape-1 { left: 0; top: 70px; } .feature-style-21 { border: none; text-align: left; border-radius: 20px; padding: 40px 30px 50px 30px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); } .feature-style-21 .icon { width: 70px; height: 70px; line-height: 70px; font-size: 34px; box-shadow: none; border-radius: 70px; border: 1px solid #EAFA34; color: var(--zaplin-color-heading-1); background: #FDFFE4; padding-top: 10px; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .feature-style-21 .content .title a { color: var(--zaplin-color-heading-1); } .feature-style-21 .content p { color: var(--zaplin-color-heading-2); } .feature-style-21:hover .icon { -webkit-animation-name: bounce; animation-name: bounce; } .features-area-23 { background: url(../images/bg-image/feature-img-23.png); background-position: center center; background-repeat: no-repeat; } .features-area-24 { padding: 110px 0 170px; position: relative; } @media only screen and (max-width: 991px) { .features-area-24 { padding: 60px 0 80px; } } .features-area-24::before { content: "Why Choose Us"; position: absolute; left: 21%; bottom: -40px; -webkit-transform: translateX(-8%); -ms-transform: translateX(-8%); transform: translateX(-8%); height: 190px; line-height: 190px; font-size: 150px; font-weight: 700; opacity: 0.1; text-transform: uppercase; background: -webkit-linear-gradient(bottom, #854EF2 0%, rgba(133, 78, 242, 0) 100%); background: linear-gradient(0deg, #854EF2 0%, rgba(133, 78, 242, 0) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 767px) { .features-area-24::before { display: none; } } .features-area-24 .section-title { text-align: left; } .features-area-24 .section-title .title { font-size: 96px; font-weight: var(--zaplin-p-medium); text-transform: uppercase; } @media only screen and (max-width: 991px) { .features-area-24 .section-title .title { font-size: 64px; } } @media only screen and (max-width: 767px) { .features-area-24 .section-title .title { font-size: 36px; } } .features-area-24 .feature-style-10.feature-style-24 { border-radius: 30px; } .features-area-24 .feature-style-10.feature-style-24.feature-color-green { background: #E7F8E1; } .features-area-24 .feature-style-10.feature-style-24.feature-color-yellow { background: #F8ECE1; } .features-area-24 .feature-style-10.feature-style-24.feature-color-purple { background: #EFE7FF; } .features-area-25 { height: 180px; padding-top: 5px; margin-left: -30px; margin-right: -30px; position: relative; margin-top: 130px; z-index: 2; } @media only screen and (max-width: 991px) { .features-area-25 { margin-top: 50px; } } @media only screen and (max-width: 767px) { .features-area-25 { margin-top: 0; } } .features-area-25 .features-wrapper { height: 90px; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); background: var(--zaplin-color-heading-1); margin: 85px 0px; } .features-area-25 .features-wrapper .feature-wrap .features-track .features-icon { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7448%) hue-rotate(39deg) brightness(103%) contrast(113%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7448%) hue-rotate(39deg) brightness(103%) contrast(113%); } .features-area-25 .features-wrapper .feature-wrap .features-track .feature-text { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); } .features-area-26 { height: 180px; margin-top: -170px; margin-left: -30px; margin-right: -30px; position: relative; z-index: 2; } .features-area-26 .features-wrapper { height: 90px; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); background: var(--zaplin-color-primary); margin: 85px 0px; } .features-area-26 .features-wrapper .feature-wrap { -webkit-animation: scrollLeft 20s linear infinite; animation: scrollLeft 20s linear infinite; } .features-area-26 .features-wrapper .feature-wrap .features-track .features-icon { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7448%) hue-rotate(39deg) brightness(103%) contrast(113%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7448%) hue-rotate(39deg) brightness(103%) contrast(113%); } .features-area-26 .features-wrapper .feature-wrap .features-track .feature-text { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); } .zaplin-gallery-area.gallery-area-1 { padding: 90px 0; background: #F5F2FF; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail { text-align: center; position: relative; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail img { max-width: 400px; } @media only screen and (max-width: 767px) { .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail img { width: 100%; } } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li { z-index: 1; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li img { border-radius: 20px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-1 { left: 20px; top: 5px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-2 { left: -175px; top: 430px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-3 { left: 195px; top: 430px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-4 { left: 20px; top: 665px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-5 { right: 30px; top: 5px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-6 { right: 204px; top: 230px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-7 { right: -165px; top: 230px; } .zaplin-gallery-area.gallery-area-1 .gallery-thumbnail .thumbnail .shape-group li.shape-8 { right: 30px; top: 475px; } .hero-banner { padding: 150px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .hero-banner.zaplin-sticky { padding: 240px 0 150px; } .hero-banner .banner-content { position: relative; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .hero-banner .banner-content { text-align: center; margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .hero-banner .banner-content { text-align: center; margin-bottom: 40px; } } .hero-banner .banner-content .subtitle { font-size: 12px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); display: inline-block; text-transform: uppercase; margin-bottom: 14px; line-height: 20px; letter-spacing: 0.36px; padding: 5px 20px; border-radius: 50px; } .hero-banner .banner-content .subtitle.pre-title-purple { color: #FA3707; background: #FFEBE7; } .hero-banner .banner-content .subtitle.subtitle-color-purple { color: var(--zaplin-color-primary); background: rgba(88, 73, 255, 0.1); } .hero-banner .banner-content .subtitle.subtitle-color-purple-border { color: var(--zaplin-color-primary); background: rgba(88, 73, 255, 0.1); border: 1px solid rgba(133, 78, 242, 0.2); } .hero-banner .banner-content .title { margin-bottom: 30px; } @media only screen and (max-width: 575px) { .hero-banner .banner-content .title br { display: none; } } .hero-banner .banner-content p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b3); line-height: 32px; } @media only screen and (max-width: 991px) { .hero-banner .banner-content p { font-size: var(--zaplin-font-size-b1); line-height: 26px; } } .hero-banner .banner-content .shape-group li { margin: 0; position: absolute; z-index: -1; } .hero-banner .banner-content .shape-group li.shape-1 { top: -75px; left: -90px; } .hero-banner .banner-content .banner-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .hero-banner .banner-content .banner-search { display: block; } } .hero-banner .banner-content .banner-search .input-group { width: 415px; } @media only screen and (max-width: 991px) { .hero-banner .banner-content .banner-search .input-group { width: 100%; } } .hero-banner .banner-content .banner-search .input-group .form-control { height: 60px; margin-right: 10px; border-radius: 5px; font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); border: 1.5px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } @media only screen and (max-width: 767px) { .hero-banner .banner-content .banner-search .input-group .form-control { margin-right: 0; } } @media only screen and (max-width: 767px) { .hero-banner .banner-content .banner-search .banner-btn { margin-top: 20px; } } @media only screen and (max-width: 767px) { .hero-banner .banner-content .banner-search .banner-btn .zaplin-btn { width: 100%; } } .hero-banner .banner-content .tag-list { list-style: none; gap: 15px; padding-left: 0; margin-top: 15px; } @media only screen and (max-width: 991px) { .hero-banner .banner-content .tag-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .hero-banner .banner-content .tag-list li { position: relative; font-size: 15px; color: var(--zaplin-color-heading-1); letter-spacing: 0.3px; margin-top: 0; margin-bottom: 0; } .hero-banner .banner-content .tag-list li::after { content: ""; position: absolute; right: -9px; top: 2px; bottom: 0; width: 1px; height: 20px; background: var(--zaplin-color-heading-1); } @media only screen and (max-width: 1199px) { .hero-banner .banner-content .tag-list li::after { display: none; } } .hero-banner .banner-content .tag-list li:last-child::after { display: none; } .hero-banner .banner-content .tag-list .rating-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hero-banner .banner-content .tag-list .rating-box .rating-icon { margin-right: 4px; } .hero-banner .banner-content .tag-list .rating-box .rating-icon i { color: #FFC107; } .hero-banner .banner-content .tag-list .rating-box span { color: var(--zaplin-color-heading-1); display: inline-block; margin: 0 10px; } .hero-banner .banner-content .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hero-banner .banner-content .author-info .thumb { margin-right: 15px; } .hero-banner .banner-content .author-info .thumb img { border-radius: 50%; } .hero-banner .banner-content .author-info .info .title { margin-bottom: -7px; } .hero-banner .banner-content .author-info .info .subtitle { padding: 0; color: var(--zaplin-color-heading-2); font-family: var(--zaplin-font-primary); font-size: 14px; font-weight: var(--zaplin-p-regular); } .hero-banner .banner-content .banner-btn-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; list-style: none; padding-left: 0; } @media only screen and (max-width: 991px) { .hero-banner .banner-content .banner-btn-video { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 479px) { .hero-banner .banner-content .banner-btn-video { display: block; } } .hero-banner .banner-content .banner-btn-video .video-btn { margin-left: 30px; margin-top: 0; } .hero-banner .banner-content .banner-btn-video .video-btn i { text-align: center; padding: 21px 23px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: var(--zaplin-color-white); color: var(--zaplin-color-primary); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); border-radius: 50%; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .hero-banner .banner-content .banner-btn-video .video-btn span { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); padding-left: 10px; } .hero-banner .banner-content .banner-btn-video .video-btn:hover i { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .hero-banner .banner-btn-group { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; padding-left: 0; } .hero-banner .banner-btn-group .banner-btn.banner-btn-1 { margin-right: 20px; } .hero-banner .banner-thumbnail { margin-right: -75px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .hero-banner .banner-thumbnail { margin-right: 0; } } .hero-banner .banner-thumbnail .thumbnail { text-align: right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .hero-banner .banner-thumbnail .thumbnail { text-align: center; } } @media only screen and (max-width: 767px) { .hero-banner .banner-thumbnail .thumbnail { text-align: center; } } .hero-banner .banner-thumbnail .instructor-info { position: absolute; bottom: 70px; left: 0; } @media only screen and (max-width: 767px) { .hero-banner .banner-thumbnail .instructor-info { bottom: 40px; } } .hero-banner .banner-thumbnail .instructor-info .inner { background-color: var(--zaplin-color-white); border-radius: 10px; padding: 26px 30px 16px; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); } .hero-banner .banner-thumbnail .instructor-info .inner .title { margin-bottom: 5px; } .hero-banner .banner-thumbnail .instructor-info .inner .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hero-banner .banner-thumbnail .instructor-info .inner .media .thumb { margin-left: -2px; } .hero-banner .banner-thumbnail .instructor-info .inner .media .content { line-height: 1; color: var(--zaplin-color-heading-2); font-weight: 500; margin-top: 10px; } .hero-banner .banner-thumbnail .instructor-info .inner .media .content span { display: block; font-weight: 700; color: var(--zaplin-color-secondary); } .hero-banner .banner-thumbnail .shape-group li { margin: 0; position: absolute; z-index: -1; } .hero-banner .banner-thumbnail .shape-group li.shape-1 { top: 50px; left: 160px; } .hero-banner.hero-style-1 { padding: 100px 0 150px; } @media only screen and (max-width: 991px) { .hero-banner.hero-style-1 { padding: 50px 0 80px; } } .hero-banner.hero-style-1.zaplin-sticky { padding: 190px 0 150px; } .hero-banner.hero-style-1 .banner-content .title .text-animation { display: inline-block; position: relative; } .hero-banner.hero-style-1 .banner-content .title .text-animation::after { content: ""; position: absolute; left: 0; right: 0; top: 58px; width: 100%; height: 100%; background: url(../images/banner/text-shape.svg); background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-1 .banner-content .title .text-animation::after { top: 45px; } } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-1 .banner-content p { font-size: var(--zaplin-font-size-b1); } } .hero-banner.hero-style-1 .banner-content .banner-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .hero-banner.hero-style-1 .banner-content .banner-search { display: block; } } .hero-banner.hero-style-1 .banner-content .banner-search .input-group { width: 415px; } @media only screen and (max-width: 991px) { .hero-banner.hero-style-1 .banner-content .banner-search .input-group { width: 100%; } } .hero-banner.hero-style-1 .banner-content .banner-search .input-group .form-control { height: 60px; margin-right: 10px; border-radius: 5px; font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } @media only screen and (max-width: 767px) { .hero-banner.hero-style-1 .banner-content .banner-search .input-group .form-control { margin-right: 0; } } @media only screen and (max-width: 767px) { .hero-banner.hero-style-1 .banner-content .banner-search .banner-btn { margin-top: 20px; } } @media only screen and (max-width: 767px) { .hero-banner.hero-style-1 .banner-content .banner-search .banner-btn .zaplin-btn { width: 100%; } } .hero-banner.hero-style-1 .banner-content .shape-group li.shape-5 { left: 0; top: -380px; } @media only screen and (max-width: 991px) { .hero-banner.hero-style-1 .banner-thumbnail { margin-bottom: 50px; } } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail { position: relative; text-align: center; } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { content: ""; position: absolute; left: 117px; top: 135px; width: 470px; height: 470px; border-radius: 470px; background: #F8F2FF; z-index: -1; } @media (max-width: 1400px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { left: 96px; } } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { left: -9px; top: 120px; } } @media only screen and (max-width: 991px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { left: 118px; top: 138px; } } @media only screen and (max-width: 767px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { left: 20px; top: 138px; } } @media only screen and (max-width: 575px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail::before { display: none; } } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status { padding: 14px 30px 14px 30px; background-color: #2A2745; border-radius: 3px 12px 12px 12px; box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.2); position: absolute; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status { display: none; } } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status .chat { color: var(--zaplin-color-white); font-size: 16px; } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-white { border-radius: 12px 3px 12px 12px; border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-white .chat { color: var(--zaplin-color-heading-1); } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-1 { left: 30px; top: 145px; } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-2 { left: 30px; top: 240px; } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-3 { left: 30px; bottom: 73px; } .hero-banner.hero-style-1 .banner-thumbnail .thumbnail .chat-status.chat-status-4 { right: -10px; top: 271px; } .hero-banner.hero-style-1 .banner-thumbnail .shape-group li.shape-1 { top: 50px; left: -46px; } .hero-banner.hero-style-1 .banner-thumbnail .shape-group li.shape-2 { right: 150px; top: 123px; } .hero-banner.hero-style-1 .banner-thumbnail .shape-group li.shape-3 { right: 55px; bottom: 94px; z-index: 1; } .hero-banner.hero-style-1 .banner-thumbnail .shape-group li.shape-3 img { border-radius: 11px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); } .hero-banner.hero-style-1 .banner-thumbnail .shape-group li.shape-4 { right: -20px; bottom: 94px; } .hero-banner.hero-style-1 .shape-group li.shape-6 { top: 170px; right: 200px; z-index: 1; } .hero-banner.hero-style-1 .shape-group li.shape-7 { right: 125px; top: 0; } .hero-banner.hero-style-1 .shape-group li.shape-8 { left: 0; bottom: 7%; } .hero-banner.hero-style-1 .shape-group li.shape-9 { left: 45px; bottom: 300px; } @media only screen and (max-width: 1650px) { .hero-banner.hero-style-1 .shape-group li.shape-9 { display: none; } } .hero-banner.hero-style-2 { padding: 100px 0 220px; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-2 { padding: 60px 0 120px; } } .hero-banner.hero-style-2.zaplin-sticky { padding: 190px 0 220px; } .hero-banner.hero-style-2 .banner-content .section-title { margin-bottom: 40px; } .hero-banner.hero-style-2 .banner-content .section-title p { color: var(--zaplin-color-heading-2); } @media only screen and (max-width: 991px) { .hero-banner.hero-style-2 .banner-content .section-title p { font-size: var(--zaplin-font-size-b1); } } @media only screen and (max-width: 991px) { .hero-banner.hero-style-2 .banner-content .tag-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .hero-banner.hero-style-2 .banner-content .tag-list li { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-heading-2); } @media only screen and (max-width: 479px) { .hero-banner.hero-style-2 .banner-content .tag-list li { margin: 0; } } .hero-banner.hero-style-2 .banner-content .tag-list li::after { right: -9px; top: 12px; width: 4px; height: 4px; border-radius: 50%; background: var(--zaplin-color-heading-2); } @media only screen and (max-width: 479px) { .hero-banner.hero-style-2 .banner-content .banner-btn-video .video-btn { margin-left: 0; margin-top: 20px; } } .hero-banner.hero-style-2 .banner-thumbnail .thumbnail { text-align: center; margin-left: 70px; margin-top: -30px; } @media only screen and (max-width: 991px) { .hero-banner.hero-style-2 .banner-thumbnail .thumbnail { margin-left: 0; margin-top: 0; } } .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-2 { position: absolute; left: -7px; top: 100px; } .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-3 { position: absolute; left: -7px; top: 250px; } .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-4 { position: absolute; left: -7px; bottom: -115px; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-2, .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-3, .hero-banner.hero-style-2 .banner-thumbnail .thumbnail .thumb.thumbnail-4 { display: none; } } .hero-banner.hero-style-2 .banner-thumbnail .shape-group li.shape-1 { top: 50px; left: inherit; right: -18px; z-index: 1; } .hero-banner.hero-style-2 .banner-thumbnail .shape-group li.shape-2 { top: 108px; right: 12px; } .hero-banner.hero-style-2 .banner-thumbnail .shape-group li.shape-3 { bottom: -185px; left: -75px; } .hero-banner.hero-style-2 .shape-group li.shape-4 { left: -107px; top: -63px; } .hero-banner.hero-style-3 { background: #121212; padding: 115px 0 170px; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-3 { padding: 80px 0 120px; } } @media only screen and (max-width: 991px) { .hero-banner.hero-style-3 { padding: 60px 0 80px; } } .hero-banner.hero-style-3 .banner-content .pre-title { text-transform: uppercase; color: var(--zaplin-color-heading-3); } .hero-banner.hero-style-3 .banner-content .title { color: var(--zaplin-color-white); } .hero-banner.hero-style-3 .banner-content p { color: var(--zaplin-color-heading-3); } .hero-banner.hero-style-3 .banner-content .banner-btn-video { margin-top: 0; margin-bottom: 40px; } .hero-banner.hero-style-3 .banner-content .banner-btn-video li { margin-top: 0; margin-bottom: 0; } .hero-banner.hero-style-3 .banner-content .banner-btn-video .video-btn i { color: var(--zaplin-color-white); background: rgba(255, 255, 255, 0.05); } .hero-banner.hero-style-3 .banner-content .banner-btn-video .video-btn span { color: var(--zaplin-color-white); } .hero-banner.hero-style-3 .banner-content .banner-btn-video .video-btn:hover i { background: var(--zaplin-color-primary); } .hero-banner.hero-style-3 .banner-content .tag-list { gap: 40px; } @media only screen and (max-width: 991px) { .hero-banner.hero-style-3 .banner-content .tag-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } } .hero-banner.hero-style-3 .banner-content .tag-list li { font-size: var(--zaplin-font-size-b2); } .hero-banner.hero-style-3 .banner-content .tag-list li::after { height: 23px; right: -21px; top: 6px; background: rgba(255, 255, 255, 0.1); } .hero-banner.hero-style-3 .banner-content .tag-list li span { color: var(--zaplin-color-white); } .hero-banner.hero-style-4 { background: -webkit-linear-gradient(230deg, #B189FF 6.58%, #FCFAFF 73.32%); background: linear-gradient(220deg, #B189FF 6.58%, #FCFAFF 73.32%); position: relative; margin-top: -110px; padding: 150px 0 90px; } @media only screen and (max-width: 1199px) { .hero-banner.hero-style-4 { margin-top: -130px; } } .hero-banner.hero-style-4::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/hr-banner-grain-texture.png); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .5; } .hero-banner.hero-style-4 .banner-content { padding-top: 100px; } .hero-banner.hero-style-4 .banner-content .section-title { margin-bottom: 25px; } .hero-banner.hero-style-4 .banner-content .section-title .description { max-width: 525px; padding: 40px 40px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px rgba(0, 0, 0, 0.06); border-radius: 10px; margin-bottom: 35px; position: relative; } .hero-banner.hero-style-4 .banner-content .section-title .description::after { content: ""; position: absolute; left: 40px; bottom: -27px; width: 38px; height: 27px; background: url(../images/banner/hr-banner-tag.svg); background-repeat: no-repeat; } .hero-banner.hero-style-4 .banner-content .section-title .description .hr-text-wrap { margin: 0; font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); } .hero-banner.hero-style-4 .banner-content .section-title .description .hr-text-wrap .hr-text-wrapper { position: relative; } .hero-banner.hero-style-4 .banner-content .section-title .description .hr-text-wrap .hr-text-wrapper .hr-line { position: absolute; opacity: 0; left: 0; height: 2px; width: 100%; background-color: #fff; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; bottom: 0; } .hero-banner.hero-style-4 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-banner.hero-style-4 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .hero-banner.hero-style-4 .banner-thumbnail { padding-top: 50px; } .hero-banner.hero-style-4 .banner-thumbnail .thumbnail { text-align: center; } .hero-banner.hero-style-4 .shape-group li.shape-1 { top: -130px; left: 37%; } .hero-style-5 { position: relative; padding: 130px 0 0; } .hero-style-5.zaplin-sticky { padding: 220px 0 0; } .hero-style-5 .banner-content { padding-bottom: 130px; } .hero-style-5 .banner-content .section-title { margin-bottom: 30px; } .hero-style-5 .banner-content .section-title h1 { font-size: 64px; margin-bottom: -8px; } @media only screen and (max-width: 1199px) { .hero-style-5 .banner-content .section-title h1 { font-size: 50px; margin-bottom: 0; } } .hero-style-5 .banner-content .section-title h1 .text-circle { width: 314px; height: 108px; display: inline-block; position: relative; } @media only screen and (max-width: 1199px) { .hero-style-5 .banner-content .section-title h1 .text-circle { width: inherit; height: inherit; } } .hero-style-5 .banner-content .section-title h1 .text-circle::before { content: ""; position: absolute; left: 0; right: 0; top: -24px; width: 100%; height: 100%; background: url(../images/banner/text-circle.png); background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .hero-style-5 .banner-content .section-title h1 .text-circle::before { display: none; } } .hero-style-5 .banner-content .section-title p { margin: 0; } @media only screen and (max-width: 1199px) { .hero-style-5 .banner-content .section-title p { font-size: var(--zaplin-font-size-b1); } } @media only screen and (max-width: 991px) { .hero-style-5 .banner-content .section-title p br { display: none; } } .hero-style-5 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-style-5 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); } .hero-style-5 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: #c7d626; } .hero-style-5 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-style-5 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .hero-style-5 .banner-content .banner-btn-group .banner-btn .zaplin-btn { padding: 0 40px; } .hero-style-5 .banner-content .shape-group li.shape-1 { top: 46px; left: 73px; right: inherit; bottom: inherit; } .hero-style-5 .banner-thumbnail { margin-right: 0; } .hero-style-5 .banner-thumbnail .thumbnail { text-align: center; } .hero-style-5 .banner-thumbnail .thumbnail img { border-radius: 20px 20px 0 0; border: 2px solid #0d0d0d; border-bottom: inherit; } .hero-style-5 .shape-group li.shape-2 { left: 0; right: 0; bottom: 0; } .hero-style-5 .shape-group li.shape-3 { left: 0; right: 0; bottom: 0; } .hero-style-5 .shape-group li.shape-4 { left: 50%; top: 405px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hero-style-6 { padding: 140px 0 200px; position: relative; } @media only screen and (max-width: 1199px) { .hero-style-6 { padding: 100px 0 120px; } } .hero-style-6::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/crm-bg-img-1.svg); background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .hero-style-6 .banner-content { margin-top: 50px; } } .hero-style-6 .banner-content .section-title { margin-bottom: 20px; } .hero-style-6 .banner-content .section-title .description { max-width: 525px; padding: 22px 40px; background: var(--zaplin-color-white); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-bottom: 35px; position: relative; } .hero-style-6 .banner-content .section-title .description::after { content: ""; position: absolute; left: 40px; bottom: -27px; width: 38px; height: 27px; background: url(../images/banner/hr-banner-tag-2.png); background-repeat: no-repeat; } .hero-style-6 .banner-content .section-title .description p { margin: 0; font-size: var(--zaplin-font-size-b2); line-height: 28px; color: var(--zaplin-color-heading-1); } .hero-style-6 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { border-radius: 5px; border: 1px solid #EBEBEB; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .hero-style-6 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-style-6 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 10px; box-shadow: 0px 23px 82px 0px rgba(22, 21, 83, 0.08); } .hero-style-6 .banner-thumbnail .shape-group li.shape-1 { top: -53px; left: 100px; } .hero-style-6 .banner-thumbnail .shape-group li.shape-2 { top: -53px; left: 100px; } .hero-style-7 { padding: 165px 0 230px; } @media only screen and (max-width: 1199px) { .hero-style-7 { padding: 80px 0; } } .hero-style-7 .banner-content .title .text-gradient { background: -webkit-linear-gradient(left, #BD00FF 50%, #5AA6FF 69.58%, #00D1FF 87.6%); background: linear-gradient(90deg, #BD00FF 50%, #5AA6FF 69.58%, #00D1FF 87.6%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 500% auto; -webkit-animation: textShine 3s ease-in-out infinite alternate; animation: textShine 3s ease-in-out infinite alternate; } .hero-style-7 .banner-content .banner-search .input-group .form-control { border-radius: 55px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04); } .hero-style-7 .banner-content .tag-list { gap: 40px; padding-top: 25px; } @media only screen and (max-width: 1199px) { .hero-style-7 .banner-content .tag-list { gap: 20px; padding-top: 20px; } } .hero-style-7 .banner-content .tag-list li::after { right: -20px; top: 4px; background: #D9D9D9; } .hero-style-7 .banner-content .zaplin-btn:hover { box-shadow: 0px 20px 20px 0px rgba(88, 73, 255, 0.15); } .hero-style-7 .banner-thumbnail { margin-top: -100px; } @media only screen and (max-width: 991px) { .hero-style-7 .banner-thumbnail { margin-top: 0; padding: 0 0 100px 0; } } @media only screen and (max-width: 1199px) { .hero-style-7 .banner-thumbnail { margin-top: 0; } } @media only screen and (max-width: 1650px) { .hero-style-7 .banner-thumbnail .thumbnail { text-align: center; } } .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 10px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1); } .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { position: absolute; left: 135px; top: 134px; border-radius: 5px; box-shadow: 0px 17px 100px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 1650px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { left: 45px; } } @media only screen and (max-width: 1199px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { left: 0; top: 121px; } } @media only screen and (max-width: 991px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { left: 42px; top: 135px; } } @media only screen and (max-width: 767px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { left: 0; top: 132px; } } @media only screen and (max-width: 575px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-2 { top: 107px; } } .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-3 { position: absolute; left: 43px; bottom: -119px; border-radius: 5px; box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1199px) { .hero-style-7 .banner-thumbnail .thumbnail .thumbnail-3 { display: none; } } .hero-style-7 .banner-thumbnail .thumbnail .shape-group li.shape-1 { top: -110px; left: 75px; } .hero-style-7 .banner-thumbnail .thumbnail .shape-group li.shape-2 { right: -88px; bottom: 0; } .hero-style-7 .banner-thumbnail .thumbnail .shape-group li.shape-3 { right: -43px; bottom: -88px; } .hero-style-7 .banner-thumbnail .thumbnail .shape-group li.shape-4 { right: -40px; top: -40px; } .hero-style-7 .shape-group li.shape-5 { right: 0; top: 0; } .hero-style-8 { position: relative; margin-top: -120px; padding: 210px 0 150px; } .hero-style-8.zaplin-sticky { padding: 300px 0 0; } .hero-style-8::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100vw; height: 920px; background: url(../images/bg-image/incoive-bg-img-01.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .hero-style-8 .banner-content { position: relative; } .hero-style-8 .banner-content .section-title { margin-bottom: 30px; } .hero-style-8 .banner-content .section-title .title { margin-bottom: 25px; } .hero-style-8 .banner-content .section-title p { margin-bottom: 0; } .hero-style-8 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .hero-style-8 .banner-content .banner-btn-group .banner-btn { margin-top: 0; margin-bottom: 0; } .hero-style-8 .banner-content .banner-btn-group .banner-btn-1 .zaplin-btn { border-radius: 50px; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); } .hero-style-8 .banner-content .banner-btn-group .banner-btn-1 .zaplin-btn:hover { background: #7746D9; } .hero-style-8 .banner-content .banner-btn-group .banner-btn-2 .zaplin-btn { border-radius: 50px; border: 1px solid var(--zaplin-color-heading-1); color: var(--zaplin-color-heading-1); background: rgba(245, 246, 247, 0); } .hero-style-8 .banner-content .banner-btn-group .banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-style-8 .banner-content .invoice-genarator { position: relative; max-width: 850px; width: 100%; padding: 50px 60px; border-radius: 30px; margin: 110px auto 0; background: var(--zaplin-color-white); box-shadow: 0px 10px 0px 0px rgba(133, 78, 242, 0.1), 0px 5px 90px 0px rgba(103, 59, 191, 0.1); z-index: 2; } @media only screen and (max-width: 767px) { .hero-style-8 .banner-content .invoice-genarator { padding: 35px 40px; } } .hero-style-8 .banner-content .invoice-genarator .title-section { padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; } .hero-style-8 .banner-content .invoice-genarator .title-section ul { list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .hero-style-8 .banner-content .invoice-genarator .title-section ul .title { margin-top: 30px; margin-bottom: 0; } .hero-style-8 .banner-content .invoice-genarator .title-section ul .title p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); margin-bottom: 7px; } .hero-style-8 .banner-content .invoice-genarator .title-section ul .image-upload { padding: 27px 27px; border-radius: 10px; border: 1px dashed #CACACA; background: #F9F6FE; text-align: center; } @media only screen and (max-width: 767px) { .hero-style-8 .banner-content .invoice-genarator .title-section ul .image-upload { padding: 10px; } } .hero-style-8 .banner-content .invoice-genarator .title-section ul .image-upload span { display: block; font-size: 14px; } .hero-style-8 .banner-content .invoice-genarator .title-section ul .image-upload p { font-size: 12px; margin: 0; } .hero-style-8 .banner-content .invoice-genarator .company-section { padding-top: 20px; } .hero-style-8 .banner-content .invoice-genarator .company-section label { font-size: 14px; margin-bottom: 10px; } .hero-style-8 .banner-content .invoice-genarator .company-section .form-control { border-radius: 10px; border: 1px solid #E5E5E5; } .hero-style-8 .banner-content .invoice-genarator .payment-content { margin-top: 30px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .control-label { margin-bottom: 6px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .form-group { margin-right: 40px; } @media only screen and (max-width: 991px) { .hero-style-8 .banner-content .invoice-genarator .payment-content .form-group { margin-right: 0; } } .hero-style-8 .banner-content .invoice-genarator .payment-content .form-group.form-1 { margin-bottom: 20px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .form-control { border-radius: 10px; border: 1px solid #e5e5e5; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding-left: 0; gap: 115px; margin-left: 35px; } @media only screen and (max-width: 991px) { .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content { gap: 0; margin-left: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li { list-style: none; margin: 0; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title { margin-bottom: 0; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.tax { font-size: 14px; font-weight: var(--zaplin-p-regular); } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-1 { margin-left: 115px; margin-bottom: 0; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-2, .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-3, .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-4 { width: 150px; height: 48px; line-height: 48px; border-radius: 10px; border: 1px solid #e5e5e5; text-align: right; padding-right: 20px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-2 { margin-left: 9px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-3, .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-4 { margin-left: -35px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content li .title.title-5 { margin-left: 77px; margin-bottom: 0; } @media only screen and (max-width: 991px) { .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content.subtotal-content-1 { margin-top: 30px; } } .hero-style-8 .banner-content .invoice-genarator .payment-content .subtotal-content.subtotal-content-1 p { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); margin-bottom: 10px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .banner-btn { margin-top: 25px; } .hero-style-8 .banner-content .invoice-genarator .payment-content .banner-btn .zaplin-btn { width: 100%; } .hero-style-8 .shape-group li { z-index: 0; } @media only screen and (min-width: 1401px) and (max-width: 1650px) { .hero-style-8 .shape-group li img { opacity: .6; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .hero-style-8 .shape-group li img { opacity: .3; } } .hero-style-8 .shape-group li.shape-1 { top: 400px; left: 50px; } .hero-style-8 .shape-group li.shape-2 { left: 5px; top: 713px; } .hero-style-8 .shape-group li.shape-3 { left: 5px; top: 870px; } .hero-style-8 .shape-group li.shape-2 img, .hero-style-8 .shape-group li.shape-3 img { border-radius: 10px; } .hero-style-8 .shape-group li.shape-4 { left: 225px; top: 713px; } .hero-style-8 .shape-group li.shape-5 { right: 240px; top: 435px; } .hero-style-8 .shape-group li.shape-6 { right: -202px; top: 470px; } .hero-style-8 .shape-group li.shape-6 img { border-radius: 14px; } .hero-style-8 .shape-group li.shape-7 { right: 53px; top: 745px; } .hero-style-8 .shape-group li.shape-4 img, .hero-style-8 .shape-group li.shape-5 img, .hero-style-8 .shape-group li.shape-7 img { border-radius: 20px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } .hero-style-8 .invoice-form .input-group .btn, .hero-style-8 .due-form .input-group .btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .hero-style-8 .form-select, .hero-style-8 .input-group { height: 46px; border-radius: 10px; } .hero-style-8 .currency-form, .hero-style-8 .invoice-form, .hero-style-8 .due-form { margin-top: 20px; margin-bottom: 30px; } .hero-style-8 .invoice-form .input-group, .hero-style-8 .due-form .input-group { border: 1px solid #e5e5e5; } .hero-style-8 .font-weight-normal { font-size: 14px; font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-2); } .hero-style-8 .tw-icon i { font-size: 7px; color: var(--zaplin-color-heading-2); } .hero-style-8 .form-select:focus { border-color: #e5e5e5; box-shadow: none; } .hero-style-8 .btn:focus { border-color: transparent; box-shadow: none; } .hero-style-8 .invoice-generator-item-content { padding: 33px 15px; background: #F9F6FE; margin: 0px; border-radius: 10px; border: dashed 2px #CACACA; } .hero-style-8 .invoice-generator-item-content .form-control { background: white; border: 1px solid #e5e5e5; } .hero-style-8 .invoice-generator-item-content .invoice-generator-item-del { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 50px; } .hero-style-8 .invoice-generator-item-content .invoice-generator-item-del .arrow-1 { display: inline-block; font-size: 20px; cursor: pointer; } .hero-style-8 .invoice-generator-item-content .text-add-items { text-align: center; margin: 30px 0 0; display: grid; } .hero-style-8 .invoice-generator-item-content .text-add-items span i { width: 58px; height: 58px; line-height: 64px; display: inline-block; border-radius: 50%; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); font-size: 25px; cursor: pointer; } .hero-style-8 .invoice-generator-item-content .text-add-items .icon-item { margin-top: 5px; } .hero-style-9 { padding: 100px 0 180px; } @media only screen and (max-width: 991px) { .hero-style-9 { padding: 50px 100px; } } @media only screen and (max-width: 767px) { .hero-style-9 { padding: 50px; } } @media only screen and (max-width: 575px) { .hero-style-9 { padding: 75px 25px; } } .hero-style-9.zaplin-sticky { padding: 190px 0 180px; } .hero-style-9 .banner-content p { margin-bottom: 50px; } .hero-style-9 .banner-content .banner-search { max-width: 580px; border-radius: 135px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 38px; } @media only screen and (max-width: 575px) { .hero-style-9 .banner-content .banner-search { display: block; } } @media only screen and (max-width: 575px) { .hero-style-9 .banner-content .banner-search { max-width: 100%; } } .hero-style-9 .banner-content .banner-search .form-control { height: 66px; line-height: 1; font-size: 15px; border: 1px solid #EDEDED; border-radius: 135px; color: var(--zaplin-color-heading-2); font-weight: 400; padding: 0 0 0 20px; } @media only screen and (max-width: 575px) { .hero-style-9 .banner-content .banner-search .form-control { height: 50px; } } .hero-style-9 .banner-content .banner-search .zaplin-btn { margin-top: 8px; position: absolute; right: 8px; } @media only screen and (max-width: 575px) { .hero-style-9 .banner-content .banner-search .zaplin-btn { width: 100%; position: inherit; right: inherit; top: inherit; margin-top: 20px; } } .hero-style-9 .banner-content .tag-list { gap: 40px; } .hero-style-9 .banner-content .tag-list li { font-size: 16px; color: var(--zaplin-color-heading-1); } .hero-style-9 .banner-content .tag-list li::after { right: -18px; background: #D9D9D9; } .hero-style-9 .banner-content .tag-list li img { padding-right: 5px; margin-top: -8px; } .hero-style-9 .banner-thumbnail { margin-right: 0; text-align: right; } .hero-style-9 .banner-thumbnail .thumbnail { display: inline-block; background-color: var(--zaplin-color-white); border-radius: 10px; padding: 15px 15px; box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; } .hero-style-9 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 10px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-1 { left: 38px; top: 287px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-2 { left: 38px; bottom: 81px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-3 { left: 38px; bottom: -29px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-4 { right: -109px; top: 65px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-5 { right: -109px; top: 140px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-6 { right: -109px; top: 215px; } .hero-style-9 .banner-thumbnail .shape-group li.shape-7 { right: -40px; bottom: -36px; z-index: -1; } .hero-style-9 .banner-thumbnail .shape-group li.shape-1, .hero-style-9 .banner-thumbnail .shape-group li.shape-2, .hero-style-9 .banner-thumbnail .shape-group li.shape-3 { z-index: 1; } .hero-style-9 .banner-thumbnail .shape-group li.shape-1 img, .hero-style-9 .banner-thumbnail .shape-group li.shape-2 img, .hero-style-9 .banner-thumbnail .shape-group li.shape-3 img { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .hero-style-9 .banner-thumbnail .shape-group li.shape-4, .hero-style-9 .banner-thumbnail .shape-group li.shape-5, .hero-style-9 .banner-thumbnail .shape-group li.shape-6 { z-index: 1; } .hero-style-9 .banner-thumbnail .shape-group li.shape-4 img, .hero-style-9 .banner-thumbnail .shape-group li.shape-5 img, .hero-style-9 .banner-thumbnail .shape-group li.shape-6 img { border-radius: 9px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .hero-style-9 .shape-group li.shape-8 { top: -275px; } .hero-style-10 { background: #F4F8F6; position: relative; margin-top: -120px; padding: 205px 0 120px; } @media only screen and (max-width: 1199px) { .hero-style-10 { padding: 180px 0 100px; } } .hero-style-10::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/copy-right-tool-bg-01.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .hero-style-10.zaplin-sticky { padding: 295px 0 120px; } .hero-style-10 .banner-content { position: relative; z-index: 2; } @media only screen and (max-width: 991px) { .hero-style-10 .banner-content { margin-bottom: 0; } } .hero-style-10 .banner-content .section-title { margin-bottom: 30px; } .hero-style-10 .banner-content .title { font-size: 72px; font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); margin-bottom: 34px; } @media only screen and (max-width: 1199px) { .hero-style-10 .banner-content .title { font-size: 50px; } } @media only screen and (max-width: 991px) { .hero-style-10 .banner-content .title { font-size: 40px; } } @media only screen and (max-width: 767px) { .hero-style-10 .banner-content .title { font-size: 45px; } } @media only screen and (max-width: 575px) { .hero-style-10 .banner-content .title { font-size: 35px; } } .hero-style-10 .banner-content .title .text-gradient { background: -webkit-linear-gradient(359deg, #543AFF 28.2%, #FF6B00 75.81%); background: linear-gradient(91deg, #543AFF 28.2%, #FF6B00 75.81%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 500% auto; -webkit-animation: textShine 5s ease-in-out infinite alternate; animation: textShine 5s ease-in-out infinite alternate; } .hero-style-10 .banner-content p { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .hero-style-10 .banner-content p { font-size: var(--zaplin-font-size-b1); } } .hero-style-10 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; position: relative; z-index: 2; } .hero-style-10 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { border-radius: 5px; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .hero-style-10 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { background: #7746D9; } .hero-style-10 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { border-radius: 5px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .hero-style-10 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-style-10 .banner-content .tag-list { gap: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-style-10 .banner-content .tag-list li { font-size: 16px; color: var(--zaplin-color-heading-1); } .hero-style-10 .banner-content .tag-list li::after { right: -18px; background: #D9D9D9; } .hero-style-10 .banner-content .shape-group li.shape-1 { right: -133px; top: 210px; left: inherit; } .hero-style-10 .banner-content .shape-group li.shape-2 { left: -85px; bottom: 53px; } .hero-style-10 .banner-thumbnail .thumbnail { text-align: center; } .hero-style-10 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 20px; box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.05); } .hero-style-10 .shape-group li.shape-3 { right: -108px; top: -205px; left: inherit; } .hero-style-10 .shape-group li.shape-4 { left: 0; bottom: 330px; } .hero-style-11 { padding: 120px 0; margin-top: -120px; position: relative; background: -webkit-linear-gradient(top, #F8EEFB 0%, rgba(248, 238, 251, 0) 100%); background: linear-gradient(180deg, #F8EEFB 0%, rgba(248, 238, 251, 0) 100%); } @media only screen and (max-width: 767px) { .hero-style-11 { padding: 120px 0 60px; } } .hero-style-11 .banner-content { padding-top: 100px; text-align: center; } @media only screen and (max-width: 1199px) { .hero-style-11 .banner-content { padding-top: 60px; } } .hero-style-11 .banner-content .section-title { margin-bottom: 30px; } .hero-style-11 .banner-content .section-title .title { font-weight: var(--zaplin-p-bold); font-size: 60px; } @media only screen and (max-width: 991px) { .hero-style-11 .banner-content .section-title .title { font-size: 40px; } } @media only screen and (max-width: 767px) { .hero-style-11 .banner-content .section-title .title { font-size: 35px; } } .hero-style-11 .banner-content .section-title .title .text-gradient { background: -webkit-linear-gradient(359deg, #FF3A3A 28.2%, #FFA800 75.81%); background: linear-gradient(91deg, #FF3A3A 28.2%, #FFA800 75.81%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 500% auto; -webkit-animation: textShine 5s ease-in-out infinite alternate; animation: textShine 5s ease-in-out infinite alternate; } .hero-style-11 .banner-content .section-title p { max-width: 820px; width: 100%; margin: 0 auto; color: var(--zaplin-color-heading-2); } @media only screen and (max-width: 767px) { .hero-style-11 .banner-content .section-title p { font-size: var(--zaplin-font-size-b1); line-height: 26px; } } .hero-style-11 .banner-content .tag-list .rating-box { gap: 10px; } .hero-style-11 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 479px) { .hero-style-11 .banner-content .banner-btn-group { display: block; } } @media only screen and (max-width: 479px) { .hero-style-11 .banner-content .banner-btn-group .banner-btn.banner-btn-1 { margin-right: 0; } } .hero-style-11 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { border-radius: 5px; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .hero-style-11 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { background: #7746D9; } .hero-style-11 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { border-radius: 5px; padding: 0 45px; color: var(--zaplin-color-primary); background: var(--zaplin-color-white); } .hero-style-11 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .hero-style-11 .banner-content .tag-list { gap: 40px; margin-top: 22px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-style-11 .banner-content .tag-list li { font-size: 16px; color: var(--zaplin-color-heading-1); } .hero-style-11 .banner-content .tag-list li::after { right: -18px; background: #D9D9D9; } .hero-style-11 .banner-thumbnail { padding: 110px 0; z-index: 0; } @media only screen and (max-width: 1199px) { .hero-style-11 .banner-thumbnail { padding: 0; } } .hero-style-11 .banner-thumbnail .thumbnail { text-align: center; } @media only screen and (max-width: 1199px) { .hero-style-11 .banner-thumbnail .thumbnail { display: none; } } .hero-style-11 .banner-thumbnail .thumbnail .thumbnail-1 { position: absolute; left: -50px; top: -168px; border-radius: 10px; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); box-shadow: 0px 10px 120px 0px rgba(0, 0, 0, 0.15); } .hero-style-11 .banner-thumbnail .thumbnail .thumbnail-2 { position: absolute; right: -55px; top: -190px; border-radius: 10px; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); box-shadow: 0px 10px 120px 0px rgba(0, 0, 0, 0.15); } .hero-style-11 .banner-thumbnail .shape-group li.shape-1 { left: -140px; top: -155px; } .hero-style-11 .banner-thumbnail .shape-group li.shape-2 { left: 226px; top: -89px; z-index: 0; } .hero-style-11 .banner-thumbnail .shape-group li.shape-3 { right: -130px; top: -70px; z-index: 0; } .hero-style-11 .banner-thumbnail .shape-group li.shape-8 { left: -135px; bottom: -48px; } .hero-style-11 .banner-thumbnail .shape-group li.shape-8 span { width: 240px; height: 240px; border-radius: 50%; display: block; background-color: white; } .hero-style-11 .banner-thumbnail .shape-group li.shape-9 { right: -115px; bottom: -48px; } .hero-style-11 .banner-thumbnail .shape-group li.shape-9 span { width: 240px; height: 240px; border-radius: 50%; display: block; background-color: white; } .hero-style-11 .shape-group li { z-index: 0; } .hero-style-11 .shape-group li.shape-5 { left: 0px; top: 0px; } .hero-style-11 .shape-group li.shape-6 { right: 0px; top: 0px; } .hero-style-11 .shape-group li.shape-7 { left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 1199px) { .hero-style-11 .shape-group li.shape-7 { display: none; } } .hero-style-12 { background: #050505; padding: 145px 0 255px; position: relative; } @media only screen and (max-width: 1199px) { .hero-style-12 { padding: 100px 0 100px; } } .hero-style-12::after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 1px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.07) 74.48%, rgba(255, 255, 255, 0.05) 80.73%); background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 24.48%, rgba(234, 250, 52, 0.5) 49.48%, rgba(255, 255, 255, 0.07) 74.48%, rgba(255, 255, 255, 0.05) 80.73%); background-repeat: no-repeat; } .hero-style-12 .banner-content { position: relative; z-index: 2; margin-top: 120px; } @media only screen and (max-width: 1199px) { .hero-style-12 .banner-content { margin-top: 0; } } .hero-style-12 .banner-content .subtitle { padding: 0; color: var(--zaplin-color-secondary); margin-bottom: 27px; } .hero-style-12 .banner-content .title { color: var(--zaplin-color-white); } .hero-style-12 .banner-content p { color: var(--zaplin-color-heading-3); margin-bottom: 43px; } .hero-style-12 .banner-thumbnail .thumbnail { text-align: left; margin-left: 20px; } @media only screen and (max-width: 991px) { .hero-style-12 .banner-thumbnail .thumbnail { margin-left: 0; } } .hero-style-12 .banner-thumbnail .thumbnail .thumbnail-1 { display: inline-block; -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); z-index: 2; } .hero-style-12 .banner-thumbnail .thumbnail .thumbnail-2 { position: absolute; bottom: -110px; right: 12px; z-index: 2; } @media only screen and (max-width: 1199px) { .hero-style-12 .banner-thumbnail .thumbnail .thumbnail-2 { display: none; } } .hero-style-12 .banner-thumbnail .shape-group li.shape-1 { top: -144px; left: 100px; z-index: -1; } .hero-style-12 .banner-thumbnail .shape-group li.shape-1 img { opacity: .5; } .hero-style-12 .shape-group li.shape-2 { left: 60px; top: -143px; z-index: 1; } .hero-style-12 .shape-group li.shape-3 { left: 0; bottom: -474px; z-index: 1; } .hero-style-13 { background: #F6F6F6; margin-top: -120px; } .hero-style-13 .banner-content { padding-top: 220px; } @media only screen and (max-width: 1199px) { .hero-style-13 .banner-content { padding-top: 190px; } } .hero-style-13 .banner-content .section-title { margin-bottom: 40px; } @media only screen and (max-width: 1199px) { .hero-style-13 .banner-content .section-title .title br { display: block; } } @media only screen and (max-width: 575px) { .hero-style-13 .banner-content .section-title .title br { display: none; } } .hero-style-13 .banner-content .section-title .title .text-gradient { background: -webkit-linear-gradient(359deg, #854EF2 28.2%, #FF6B00 75.81%); background: linear-gradient(91deg, #854EF2 28.2%, #FF6B00 75.81%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; background-size: 500% auto; -webkit-animation: textShine 5s ease-in-out infinite alternate; animation: textShine 5s ease-in-out infinite alternate; } .hero-style-13 .banner-content .shape-group li.shape-1 { left: 45px; right: 0; top: 0; } .hero-style-13 .banner-content .shape-group li.shape-2 { left: 196px; top: 151px; } .hero-style-13 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-style-13 .banner-content .banner-btn-group .banner-btn.banner-btn-1 { margin-right: 15px; } .hero-style-13 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { color: var(--zaplin-color-white); border-radius: 45px; background: var(--zaplin-color-primary); padding: 0 45px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); } .hero-style-13 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { background: #7746D9; } .hero-style-13 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { border-radius: 45px; padding: 0 45px; background: var(--zaplin-color-white); color: var(--zaplin-color-heading-1); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04); } .hero-style-13 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-primary); background: var(--zaplin-color-white); } .hero-style-13 .banner-thumbnail { margin-right: 0; margin-top: 70px; text-align: center; } .hero-style-13 .banner-thumbnail .thumbnail { text-align: center; display: inline-block; border-radius: 35px; background: #191E2B; padding: 15px 15px; position: relative; z-index: 1; } .hero-style-13 .banner-thumbnail .thumbnail::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 120px; background: url(../images/bg-image/banner-shape-bg-6.svg); background-repeat: no-repeat; background-position: center bottom; } .hero-style-13 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 20px; } .hero-style-14 { background: #121212; border-radius: 0 0 60px 60px; margin-top: -120px; position: relative; } .hero-style-14::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #F5F5F5; z-index: -1; } .hero-style-14 .banner-content { padding: 220px 0 130px; text-align: center; z-index: 2; } @media only screen and (max-width: 991px) { .hero-style-14 .banner-content { padding: 200px 0 50px; margin-bottom: 0; } } .hero-style-14 .banner-content .section-title { margin-bottom: 30px; } .hero-style-14 .banner-content .section-title .title { color: var(--zaplin-color-white); margin-bottom: 20px; } .hero-style-14 .banner-content .section-title p { color: var(--zaplin-color-white); max-width: 600px; margin: 0 auto; } @media only screen and (max-width: 991px) { .hero-style-14 .banner-content .section-title p { font-size: var(--zaplin-font-size-b1); } } .hero-style-14 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-style-14 .banner-content .banner-btn-group .banner-btn.banner-btn-1 { margin-right: 15px; } .hero-style-14 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { color: var(--zaplin-color-white); border-radius: 10px; background: var(--zaplin-color-primary); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); } .hero-style-14 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { background: #7746D9; } .hero-style-14 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn { border-radius: 10px; color: var(--zaplin-color-white); border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } .hero-style-14 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .zaplin-btn:hover { color: var(--zaplin-color-primary); background: var(--zaplin-color-white); } .hero-style-14 .banner-thumbnail { margin-right: 0; text-align: center; } .hero-style-14 .banner-thumbnail .thumbnail { text-align: center; } .hero-style-14 .banner-thumbnail .shape-group li.shape-1 { top: -220px; left: 170px; } .hero-style-14 .banner-thumbnail .shape-group li.shape-1 img { opacity: .1; } .hero-style-15 { padding: 200px 0 160px; margin-top: -120px; background: #F5F2FF; } @media only screen and (max-width: 991px) { .hero-style-15 { padding: 200px 0 100px; } } .hero-style-15 .banner-content .subtitle { color: var(--zaplin-color-primary); padding: 0; } .hero-style-15 .banner-content .title { margin-bottom: 20px; } .hero-style-15 .banner-content .title .text-animation { display: inline-block; position: relative; } .hero-style-15 .banner-content .title .text-animation::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; width: 204px; height: 18px; background: rgba(133, 78, 242, 0.2); animation: animateBottomLine 3s forwards; -webkit-animation: animateBottomLine 3s forwards; } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-content .title .text-animation { display: none; } } .hero-style-15 .banner-content p { max-width: 550px; margin-bottom: 20px; color: var(--zaplin-color-heading-1); } @media only screen and (max-width: 991px) { .hero-style-15 .banner-content p { max-width: 100%; } } @media only screen and (max-width: 991px) { .hero-style-15 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .hero-style-15 .banner-content .banner-btn-group .banner-btn-1 { margin-right: 20px; } .hero-style-15 .banner-content .banner-btn-group .zaplin-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: var(--zaplin-color-white); background: #010101; padding: 10px 20px; border-radius: 5px; text-align: left; } @media only screen and (max-width: 767px) { .hero-style-15 .banner-content .banner-btn-group .zaplin-btn { height: 60px; line-height: 60px; } } @media (max-width: 450px) { .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .text-1, .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .text-2 { display: none; } } .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .logo-img { margin-top: -13px; margin-right: 10px; } @media (max-width: 450px) { .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .logo-img { margin-right: 0; } } .hero-style-15 .banner-content .banner-btn-group .zaplin-btn span { display: block; line-height: 20px; } .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .text-1 { font-size: 12px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); } .hero-style-15 .banner-content .banner-btn-group .zaplin-btn .text-2 { font-size: 20px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); } .hero-style-15 .banner-thumbnail { margin-right: -20px; } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-thumbnail { margin-right: 0; } } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-thumbnail .thumbnail { text-align: center; } } .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-1 { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); position: relative; left: -170px; z-index: 1; } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-1 { left: inherit; } } @media (max-width: 450px) { .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-1 { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); position: inherit; left: inherit; } } .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-2 { position: absolute; left: 130px; top: 0; } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-2 { display: none; } } .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-3 { position: absolute; left: 130px; top: 25px; } @media only screen and (max-width: 1199px) { .hero-style-15 .banner-thumbnail .thumbnail .thumbnail-3 { display: none; } } .hero-style-15 .banner-thumbnail .shape-group li.shape-1 { top: -35px; right: 50px; left: inherit; } .hero-style-15 .banner-thumbnail .shape-group li.shape-2 { top: 180px; left: 45px; z-index: 1; } .hero-style-15 .banner-thumbnail .shape-group li.shape-2 img { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .hero-style-15 .banner-thumbnail .shape-group li.shape-3 { left: 32px; bottom: 116px; z-index: 1; } .hero-style-15 .banner-thumbnail .shape-group li.shape-3 img { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .hero-style-15 .banner-thumbnail .shape-group li.shape-4 { right: 0; bottom: 225px; z-index: 1; } .hero-style-15 .banner-thumbnail .shape-group li.shape-2 img, .hero-style-15 .banner-thumbnail .shape-group li.shape-3 img, .hero-style-15 .banner-thumbnail .shape-group li.shape-4 img { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .hero-style-16 { margin: 0 70px; padding-top: 50px; border-radius: 40px; background: url(../images/bg-image/development-agency-bg-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } @media only screen and (max-width: 767px) { .hero-style-16 { margin: 0 40px; } } @media only screen and (max-width: 575px) { .hero-style-16 { margin: 0 20px; } } .hero-style-16.zaplin-sticky { padding: 140px 0 0; } @media only screen and (max-width: 991px) { .hero-style-16 .banner-content { margin-bottom: 0; } } .hero-style-16 .banner-content p { max-width: 560px; font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); margin-bottom: 30px; } @media only screen and (max-width: 991px) { .hero-style-16 .banner-content p { text-align: center; max-width: 100%; } } @media only screen and (max-width: 991px) { .hero-style-16 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .hero-style-16 .banner-content .banner-btn-group .banner-btn-1 .zaplin-btn { padding: 0 50px; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); border-radius: 100px; } .hero-style-16 .banner-content .banner-btn-group .banner-btn-1 .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .hero-style-16 .banner-thumbnail { margin-right: 0; bottom: -65px; } .hero-style-16 .banner-thumbnail .thumbnail .thumbnail-1 { border-radius: 20px 20px 0 0; border: 2px solid #000; } .hero-style-16 .banner-thumbnail .shape-group li.shape-1 { left: -13px; bottom: 185px; z-index: 1; top: inherit; } .hero-style-16 .banner-thumbnail .shape-group li.shape-1 img { border-radius: 20px; border: 2px solid #000; } .hero-style-16 .banner-thumbnail .shape-group li.shape-2 { right: -128px; top: 110px; z-index: 1; } .hero-style-16 .banner-thumbnail .shape-group li.shape-2 img { border-radius: 20px; border: 2px solid #000; } .hero-style-16 .banner-thumbnail .shape-group li.shape-3 { left: -60px; top: 165px; } .hero-style-16 .banner-thumbnail .shape-group li.shape-4 { right: -70px; bottom: 304px; } .hero-style-17 { padding: 165px 0; position: relative; } @media only screen and (max-width: 1199px) { .hero-style-17 { padding: 120px 0; } } @media only screen and (max-width: 991px) { .hero-style-17 { padding: 80px 0; } } .hero-style-17::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/hosting-line-partten-bg-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .hero-style-17 .banner-content .subtitle { font-size: 14px; font-weight: var(--zaplin-p-semi-bold); padding: 0; } .hero-style-17 .banner-content .list-item { list-style: none; padding-left: 0; } .hero-style-17 .banner-content .list-item li { color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-primary); font-size: var(--zaplin-font-size-b2); font-style: normal; font-weight: var(--zaplin-p-medium); line-height: 32px; } @media only screen and (max-width: 1199px) { .hero-style-17 .banner-content .list-item li { font-size: var(--zaplin-font-size-b1); } } .hero-style-17 .banner-content .list-item li i { font-size: 12px; padding-right: 12px; } .hero-style-17 .banner-content .zaplin-btn { border-radius: 65px; color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .hero-style-17 .banner-content .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .hero-style-17 .banner-thumbnail .thumbnail { text-align: left; } @media only screen and (max-width: 991px) { .hero-style-17 .banner-thumbnail .thumbnail { text-align: center; } } .hero-style-17 .shape-group li { position: absolute; } .hero-style-17 .shape-group li.shape-1 { right: 0; bottom: -8px; } .hero-style-18 { position: relative; border-bottom: 1px solid #EDEDED; margin-top: -120px; padding: 133px 0 145px; } @media only screen and (max-width: 991px) { .hero-style-18 { padding: 200px 0 100px; } } .hero-style-18::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/hosting-line-partten-bg-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .hero-style-18 .banner-content { padding-top: 130px; } @media only screen and (max-width: 991px) { .hero-style-18 .banner-content { padding-top: 0; } } .hero-style-18 .banner-content .subtitle { border-radius: 5px; border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .hero-style-18 .banner-content .title { margin-bottom: 20px; } .hero-style-18 .banner-content .title .ai-gradient-bg { display: inline-block; position: relative; margin-left: 20px; } @media only screen and (max-width: 991px) { .hero-style-18 .banner-content .title .ai-gradient-bg { margin-left: 0; } } .hero-style-18 .banner-content .title .ai-gradient-bg::before { content: ""; position: absolute; left: -37px; top: 25px; width: 232px; height: 100%; background: url(../images/banner/ai-text-gradient.png); background-repeat: no-repeat; } @media only screen and (max-width: 1199px) { .hero-style-18 .banner-content .title .ai-gradient-bg::before { display: none; } } .hero-style-18 .banner-content p { max-width: 517px; font-size: var(--zaplin-font-size-b3); line-height: 32px; margin-bottom: 20px; } @media only screen and (max-width: 991px) { .hero-style-18 .banner-content p { max-width: 100%; font-size: var(--zaplin-font-size-b1); } } .hero-style-18 .banner-content .banner-btn-group { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 991px) { .hero-style-18 .banner-content .banner-btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 575px) { .hero-style-18 .banner-content .banner-btn-group { display: block; } } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn { color: var(--zaplin-color-secondary); background: var(--zaplin-color-heading-1); } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-1 .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; } @media only screen and (max-width: 575px) { .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-2 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 0; } } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .logo-img { margin-right: 10px; } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .btn-text .rating-icon i { color: #FFC107; } .hero-style-18 .banner-content .banner-btn-group .banner-btn.banner-btn-2 .btn-text .text-2 { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); } .hero-style-18 .banner-thumbnail { margin-top: 120px; } @media only screen and (max-width: 991px) { .hero-style-18 .banner-thumbnail { margin-top: 0; } } .hero-style-18 .banner-thumbnail .thumbnail { position: relative; } .hero-style-18 .banner-thumbnail .thumbnail .thumb-box { position: absolute; bottom: 150px; right: 100px; } @media only screen and (max-width: 1199px) { .hero-style-18 .banner-thumbnail .thumbnail .thumb-box { bottom: 90px; right: 50px; } } @media only screen and (max-width: 991px) { .hero-style-18 .banner-thumbnail .thumbnail .thumb-box { bottom: 150px; right: 100px; } } .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn { position: absolute; bottom: 39%; right: 33%; } @media only screen and (max-width: 767px) { .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn { bottom: -44px; right: -41px; } } @media only screen and (max-width: 479px) { .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn { bottom: -60px; right: -60px; } } .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn a { width: 66px; height: 66px; line-height: 70px; background: var(--zaplin-color-secondary); border-radius: 50%; text-align: center; } .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn a img { -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(119%) hue-rotate(343deg) brightness(103%) contrast(90%); filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(119%) hue-rotate(343deg) brightness(103%) contrast(90%); } .hero-style-18 .banner-thumbnail .thumbnail .thumb-box .video-btn a:hover { color: var(--zaplin-color-secondary); background: var(--zaplin-color-heading-1); } .hero-style-18 .shape-group li.shape-1 { top: -93px; } .hero-style-19 { background: #121212; display: block; margin-top: -130px; padding-bottom: 220px; } .hero-style-19 .banner-content { padding: 240px 0 90px; position: relative; } .hero-style-19 .banner-content .shape-group li.shape-1 { left: 90px; top: 150px; } .hero-style-19 .banner-content .shape-group li.shape-2 { left: 90px; bottom: -120px; } .hero-style-19 .section-title .title { color: var(--zaplin-color-white); font-family: var(--zaplin-font-third); font-size: 76px; font-weight: var(--zaplin-p-bold); text-transform: capitalize; } @media only screen and (max-width: 1199px) { .hero-style-19 .section-title .title { font-size: 65px; } } @media only screen and (max-width: 991px) { .hero-style-19 .section-title .title { font-size: 50px; } } @media only screen and (max-width: 575px) { .hero-style-19 .section-title .title { font-size: 30px; } } .hero-style-19 .section-title .title .ai-banner-gradient { background: -webkit-linear-gradient(left, #09A6FF 25.78%, #FF007A 95.63%); background: linear-gradient(90deg, #09A6FF 25.78%, #FF007A 95.63%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-style-19 .section-title p { color: var(--zaplin-color-heading-3); } .hero-style-19 .hero-banner-search { max-width: 700px; width: 100%; text-align: center; margin: 0 auto; position: relative; } .hero-style-19 .hero-banner-search .form-control { padding: 15px 15px 15px 40px; } .hero-style-19 .hero-banner-search form input { height: 70px; border-radius: 43px; background: #FFF; mix-blend-mode: lighten; } .hero-style-19 .hero-banner-search form .box-input { background-image: url(../images/svg-icon/arrow-down.svg); background-position: right 22px center; background-repeat: no-repeat; background-color: transparent; background-size: 12px 7px; padding-right: 40px; -webkit-print-color-adjust: exact; print-color-adjust: exact; border: none; position: absolute; top: 23px; right: 190px; -moz-appearance: none; appearance: none; -webkit-appearance: none; cursor: pointer; } @media only screen and (max-width: 767px) { .hero-style-19 .hero-banner-search form .box-input { right: 0; padding-right: 5px; } } .hero-style-19 .hero-banner-search form select:focus-visible { outline: none; } .hero-style-19 .hero-banner-search form .zaplin-btn { padding: 0 30px; position: absolute; right: 5px; top: 5px; } @media only screen and (max-width: 767px) { .hero-style-19 .hero-banner-search form .zaplin-btn { width: 100%; height: 60px; line-height: 62px; position: inherit; margin-top: 20px; } } .hero-style-19 .shape-group li.shape-3 { left: 0; top: 0; z-index: 0; } .hero-style-19 .shape-group li.shape-3 .gradient-bg-01 { width: 1116px; height: 1000px; border-radius: 1000px; opacity: 0.4; background: #25223F; -webkit-filter: blur(289px); filter: blur(289px); } .hero-style-19 .shape-group li.shape-4 { left: 550px; top: -502px; z-index: 0; } .hero-style-19 .shape-group li.shape-4 .gradient-bg-02 { width: 1154px; height: 1154px; border-radius: 1154px; opacity: 0.7; background: #1128D1; -webkit-filter: blur(289px); filter: blur(289px); } .hero-style-19 .shape-group li.shape-5 { left: -300px; bottom: -236px; z-index: 0; } .hero-style-19 .shape-group li.shape-5 .gradient-bg-03 { width: 1000px; height: 1000px; border-radius: 1000px; opacity: 0.35; background: #B80DA3; -webkit-filter: blur(404.5px); filter: blur(404.5px); } .hero-style-19 .thumanail-gallery-rottation { position: relative; z-index: 1; -webkit-transform: rotate(-9.93deg); -ms-transform: rotate(-9.93deg); transform: rotate(-9.93deg); } .hero-style-19 .thumbnail-gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 50px; margin-top: 60px; } @media only screen and (max-width: 991px) { .hero-style-19 .thumbnail-gallery { margin-top: 0; } } .hero-style-19 .thumbnail-gallery .thumbnail-item img { border-radius: 20px; } .hero-style-20 { padding: 130px 0 0; } @media only screen and (max-width: 767px) { .hero-style-20 { padding: 100px 0 0; } } .hero-style-20.zaplin-sticky { padding: 240px 0 0; } .hero-style-20 .banner-content .section-title { margin-bottom: 0; } .hero-style-20 .banner-content .section-title .title { font-size: 96px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); text-transform: uppercase; line-height: 96px; margin-bottom: 0; text-align: left; } @media only screen and (max-width: 991px) { .hero-style-20 .banner-content .section-title .title { font-size: 64px; line-height: 64px; } } @media only screen and (max-width: 767px) { .hero-style-20 .banner-content .section-title .title { font-size: 36px; line-height: 40px; } } .hero-style-20 .banner-content .section-title .title .img { display: inline-block; } .hero-style-20 .banner-content .section-title .title .img img { margin-top: -36px; } @media only screen and (max-width: 991px) { .hero-style-20 .banner-content .section-title .title .img img { width: 130px; } } @media only screen and (max-width: 767px) { .hero-style-20 .banner-content .section-title .title .img img { width: 120px; margin-top: -15px; } } .hero-style-20 .banner-content .section-title .typed-words-wrap { padding-left: 24px; padding-right: 24px; position: relative; border-radius: 100px; overflow: hidden; border: 2px solid var(--zaplin-color-heading-1); min-height: 85px; } @media only screen and (max-width: 991px) { .hero-style-20 .banner-content .section-title .typed-words-wrap { min-height: 58px; } } @media only screen and (max-width: 767px) { .hero-style-20 .banner-content .section-title .typed-words-wrap { padding: 0 15px; min-height: 32px; } } .hero-style-20 .banner-content .section-title .typed-words-wrap .typed-words { font-size: 96px; line-height: 92px; } @media only screen and (max-width: 991px) { .hero-style-20 .banner-content .section-title .typed-words-wrap .typed-words { font-size: 64px; line-height: 56px; } } @media only screen and (max-width: 767px) { .hero-style-20 .banner-content .section-title .typed-words-wrap .typed-words { font-size: 36px; line-height: 32px; } } .hero-style-20 .banner-content .rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } .hero-style-20 .banner-content .rating .btn-text { margin-left: 12px; } .hero-style-20 .banner-content .rating .btn-text .rating-icon i { color: #FFC107; } .hero-style-20 .banner-content .banner-thumb { width: 250px; height: 250px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: -80px; top: 0; } @media only screen and (max-width: 991px) { .hero-style-20 .banner-content .banner-thumb { right: 0; top: inherit; bottom: -180px; } } @media only screen and (max-width: 767px) { .hero-style-20 .banner-content .banner-thumb { display: none; } } .hero-style-20 .banner-content .banner-thumb .banner-cricle { width: 200px; height: 200px; border-radius: 100vmax; position: relative; } .hero-style-20 .banner-content .banner-thumb .banner-cricle .logo { position: absolute; left: 50px; top: 50px; text-align: center; width: 100px; height: 100px; background-color: #F5F2FF; border-radius: 100vmax; z-index: 1; } .hero-style-20 .banner-content .banner-thumb .banner-cricle .logo i { font-size: 40px; padding-top: 22px; display: block; } .hero-style-20 .banner-content .banner-thumb .banner-cricle .textcircle { font-size: 50px; text-transform: uppercase; -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(1283%) hue-rotate(66deg) brightness(72%) contrast(90%); filter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(1283%) hue-rotate(66deg) brightness(72%) contrast(90%); -webkit-animation: textRotation 8s linear infinite; animation: textRotation 8s linear infinite; } .integreted-grid-wrap .integreted-grid { width: 100px; height: 100px; line-height: 96px; border-radius: 50%; background: var(--zaplin-color-white); text-align: center; } .integreted-grid-wrap .swiper-wrapper { width: 100%; height: 100%; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } .integreted-grid-wrap .swiper-wrapper .swiper-slide { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; position: relative; overflow: hidden; padding: 0 90px; margin: 0 -30px; } .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide { position: relative; } .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide::after { content: ""; width: 11px; height: 11px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.25); position: absolute; top: 87px; right: -65px; } @media only screen and (max-width: 991px) { .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide::after { display: none; } } .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { display: inline-block; text-align: center; font-family: var(--zaplin-font-third); font-size: 150px; font-weight: var(--zaplin-p-extra-bold); margin-bottom: 0; text-transform: capitalize; color: transparent; -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.2); } @media only screen and (max-width: 1199px) { .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { font-size: 75px; } } @media only screen and (max-width: 991px) { .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { font-size: 50px; } } @media only screen and (max-width: 767px) { .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { font-size: 35px; } } @media only screen and (max-width: 575px) { .integreted-grid-wrap .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { font-size: 25px; } } .integreted-grid-wrap .swiper-wrapper .swiper-slide:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .integreted-area-1 { background: #F4F8F6; } .integreted-area-1 .section-title { margin-bottom: 70px; position: relative; z-index: 2; } .integreted-area-1 .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .integreted-area-1 .integreted-btn { text-align: center; margin-top: 80px; } .integreted-area-1 .integreted-btn .zaplin-btn { color: var(--zaplin-color-primary); background: #EDE4FD; } .integreted-area-1 .integreted-btn .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .integreted-style-1 { position: relative; z-index: 2; overflow: hidden; } .integreted-style-1::before, .integreted-style-1::after { content: ""; position: absolute; top: -10px; bottom: 0; width: 89px; height: 120px; z-index: 10; pointer-events: none; } .integreted-style-1::before { left: -18px; background: -webkit-linear-gradient(left, #F6F6F6 44.9%, rgba(246, 246, 246, 0) 165.44%); background: linear-gradient(90deg, #F6F6F6 44.9%, rgba(246, 246, 246, 0) 165.44%); } .integreted-style-1::after { right: -18px; background: -webkit-linear-gradient(right, #F6F6F6 44.9%, rgba(246, 246, 246, 0) 165.44%); background: linear-gradient(270deg, #F6F6F6 44.9%, rgba(246, 246, 246, 0) 165.44%); } .integreted-style-1 .integreted-grid { margin: 0 35px; } @media only screen and (max-width: 767px) { .integreted-style-1 .integreted-grid { margin: 0 10px; } } .integreted-style-1 .scroll-animation { overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -moz-calc((420px * 16) + (30px * 16)); width: 7200px; } .integreted-style-1 .scroll-animation.scroll-right-left { -webkit-animation: scroll 100s linear infinite; animation: scroll 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .integreted-style-1 .scroll-animation:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .integreted-area-2 { background: #FEFCF8; position: relative; } .integreted-area-2 .shape-group li.shape-1 { left: 50%; top: 0; z-index: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .integreted-area-2 .integreted-style-2 { margin: -22px 0 -15px; position: relative; z-index: 2; } .integreted-area-2 .integreted-style-2 .integreted-grid { width: 125px; height: 125px; line-height: 125px; border-radius: 30px; margin: 15px 15px; background: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-heading-1); position: relative; } @media only screen and (max-width: 767px) { .integreted-area-2 .integreted-style-2 .integreted-grid { margin: 10px 10px; } } .integreted-area-2 .integreted-style-2 .integreted-grid::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 35px; background-color: var(--zaplin-color-heading-1); z-index: -1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .integreted-area-2 .integreted-style-2 .integreted-grid:hover::before { -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); } .integreted-area-3 .integreted-style-3 { margin-bottom: -15px; } .integreted-area-3 .integreted-grid { width: 125px; height: 112px; border-radius: inherit; margin: 15px 0; text-align: center; position: relative; z-index: 12; } .integreted-area-3 .integreted-grid .angle-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; position: relative; z-index: 1; } .integreted-area-3 .integreted-grid.angle-grid-img-1::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/svg-icon/polygon-02.svg); background-repeat: no-repeat; background-position: center; z-index: 0; } .integreted-area-3 .integreted-grid.angle-grid-img-1 .angle-img { top: 27px; } .integreted-area-3 .integreted-grid.angle-grid-img-2::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/svg-icon/polygon-01.svg); background-repeat: no-repeat; background-position: center; z-index: 0; } .integreted-area-3 .integreted-grid.angle-grid-img-2 .angle-img { top: 45px; } .integreted-area-3 .integreted-grid.integreted-grid-angle-1::after { -webkit-filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(2479%) hue-rotate(186deg) brightness(103%) contrast(108%); filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(2479%) hue-rotate(186deg) brightness(103%) contrast(108%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-2::after { -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(1218%) hue-rotate(172deg) brightness(103%) contrast(104%); filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(1218%) hue-rotate(172deg) brightness(103%) contrast(104%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-3::after { -webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(20%) saturate(168%) hue-rotate(74deg) brightness(103%) contrast(98%); filter: brightness(0) saturate(100%) invert(92%) sepia(20%) saturate(168%) hue-rotate(74deg) brightness(103%) contrast(98%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-4::after { -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(602%) hue-rotate(314deg) brightness(97%) contrast(117%); filter: brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(602%) hue-rotate(314deg) brightness(97%) contrast(117%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-5::after { -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(68deg) brightness(103%) contrast(98%); filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(68deg) brightness(103%) contrast(98%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-6::after { -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(866%) hue-rotate(201deg) brightness(100%) contrast(99%); filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(866%) hue-rotate(201deg) brightness(100%) contrast(99%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-7::after { -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(37%) saturate(254%) hue-rotate(28deg) brightness(102%) contrast(98%); filter: brightness(0) saturate(100%) invert(97%) sepia(37%) saturate(254%) hue-rotate(28deg) brightness(102%) contrast(98%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-8::after { -webkit-filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(209%) hue-rotate(194deg) brightness(104%) contrast(102%); filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(209%) hue-rotate(194deg) brightness(104%) contrast(102%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-9::after { -webkit-filter: brightness(0) saturate(100%) invert(89%) sepia(14%) saturate(234%) hue-rotate(84deg) brightness(108%) contrast(97%); filter: brightness(0) saturate(100%) invert(89%) sepia(14%) saturate(234%) hue-rotate(84deg) brightness(108%) contrast(97%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-10::after { -webkit-filter: brightness(0) saturate(100%) invert(89%) sepia(2%) saturate(1823%) hue-rotate(314deg) brightness(104%) contrast(103%); filter: brightness(0) saturate(100%) invert(89%) sepia(2%) saturate(1823%) hue-rotate(314deg) brightness(104%) contrast(103%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-11::after { -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(9%) saturate(672%) hue-rotate(192deg) brightness(101%) contrast(97%); filter: brightness(0) saturate(100%) invert(94%) sepia(9%) saturate(672%) hue-rotate(192deg) brightness(101%) contrast(97%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-12::after { -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(54%) saturate(427%) hue-rotate(318deg) brightness(105%) contrast(101%); filter: brightness(0) saturate(100%) invert(94%) sepia(54%) saturate(427%) hue-rotate(318deg) brightness(105%) contrast(101%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-13::after { -webkit-filter: brightness(0) saturate(100%) invert(82%) sepia(85%) saturate(2205%) hue-rotate(178deg) brightness(104%) contrast(112%); filter: brightness(0) saturate(100%) invert(82%) sepia(85%) saturate(2205%) hue-rotate(178deg) brightness(104%) contrast(112%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-14::after { -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(3044%) hue-rotate(317deg) brightness(100%) contrast(102%); filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(3044%) hue-rotate(317deg) brightness(100%) contrast(102%); } .integreted-area-3 .integreted-grid.integreted-grid-angle-15::after { -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(16%) saturate(533%) hue-rotate(182deg) brightness(104%) contrast(103%); filter: brightness(0) saturate(100%) invert(90%) sepia(16%) saturate(533%) hue-rotate(182deg) brightness(104%) contrast(103%); } .integreted-area-4 { background: #050505; } .integreted-style-4 { position: relative; z-index: 2; } .integreted-style-4 .integreted-grid { width: 125px; height: 124px; line-height: 125px; border-radius: inherit; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); margin: 0 15px; } .integreted-area-5 { background: url(../images/bg-image/integereted-bg-03.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .integreted-area-5 .integrate-content .section-title { max-width: 550px; margin-bottom: 30px; } .integreted-area-5 .integrate-content .section-title .pre-title-purple { background: var(--zaplin-color-white); } .integreted-area-5 .integrate-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); margin-bottom: 0; } .integreted-style-5 { margin: 40px 0 40px 30px; position: relative; } @media only screen and (max-width: 1199px) { .integreted-style-5 { margin: 40px 0 40px 0; } } @media only screen and (max-width: 767px) { .integreted-style-5 { margin: 0; } } .integreted-style-5::after { content: ""; position: absolute; left: 100px; right: 0; top: -40px; width: 400px; height: 515px; border-radius: 70px; border: 1.5px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); z-index: 0; } @media only screen and (max-width: 1199px) { .integreted-style-5::after { display: none; } } .integreted-style-5 .icon-wrapper .icon-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; text-align: center; margin-bottom: 0; padding-left: 0; position: relative; z-index: 1; } .integreted-style-5 .icon-wrapper .icon-list.icon-list-2 { margin-left: 40px; } @media only screen and (max-width: 767px) { .integreted-style-5 .icon-wrapper .icon-list.icon-list-2 { margin-left: 0; } } .integreted-style-5 .icon-wrapper .icon-list .icon { width: 125px; height: 125px; line-height: 125px; background: var(--zaplin-color-white); border: 1.5px solid #0D0D0D; box-shadow: 0px 20px 50px 0px rgba(126, 115, 237, 0.4); } @media only screen and (max-width: 767px) { .integreted-style-5 .icon-wrapper .icon-list .icon img { width: 50%; } } @media only screen and (max-width: 767px) { .integreted-style-5 .icon-wrapper .icon-list .icon { width: 70px; height: 70px; line-height: 66px; } } .integreted-style-5 .icon-wrapper .icon-list .icon.icon-1 { border-radius: 25px; } .integreted-style-5 .icon-wrapper .icon-list .icon.icon-2 { border-radius: 50%; } .integreted-style-5 .shape-group li.shape-1 { right: 43px; top: -113px; } .integreted-style-5 .shape-group li.shape-2 { left: 65px; bottom: -83px; } .integreted-area-6 { padding: 50px 0; background: #121212; } .integreted-style-6 .integreted-box { width: 320px; padding: 30px 30px 44px 30px; margin: 0 15px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.05); } .integreted-style-6 .integreted-box .duration { font-size: 24px; color: #FFF; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); } .integreted-style-6 .integreted-box .text { margin-bottom: 13px; font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-3); } .integreted-style-6 .integreted-box .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; } .integreted-style-6 .integreted-box .author-info .thumb { position: relative; } .integreted-style-6 .integreted-box .author-info .thumb img { border-radius: 50%; } .integreted-style-6 .integreted-box .author-info .thumb .social-icon { position: absolute; right: -6px; bottom: -3px; width: 20px; height: 20px; line-height: 12px; border-radius: 50%; text-align: center; border: 2px solid var(--zaplin-color-heading-1); } .integreted-style-6 .integreted-box .author-info .thumb .social-icon.linkdin { background: #007AB9; } .integreted-style-6 .integreted-box .author-info .thumb .social-icon.youtube { background: #F00; } .integreted-style-6 .integreted-box .author-info .thumb .social-icon.twitter { background: #03A9F4; } .integreted-style-6 .integreted-box .author-info .thumb .social-icon.instagram { background: #F00276; } .integreted-style-6 .integreted-box .author-info .thumb .social-icon.facebook { background: #0766FF; } .integreted-style-6 .integreted-box .author-info .name { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-white); line-height: 32px; } .integreted-area-7 { background: #111; } .integreted-style-7 .integreted-box { width: 225px; border-radius: 15px; padding: 40px 72px; margin: 0 10px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); } .integreted-style-7 .integreted-box .name { padding-top: 20px; padding-bottom: 7px; } .integreted-style-7 .integreted-box .name span { color: var(--zaplin-color-white); } .integreted-style-7 .integreted-box .percent { padding: 2px 15px; border-radius: 50px; text-align: center; font-family: var(--zaplin-font-secondary); font-size: 18px; font-weight: var(--zaplin-p-medium); } .integreted-style-7 .integreted-box .percent.percent-1 { background: rgba(15, 186, 94, 0.2); color: #0FBA5E; } .integreted-style-7 .integreted-box .percent.percent-2 { background: rgba(255, 51, 51, 0.2); color: #F33; } .integreted-style-7 .integreted-box .percent.percent-padding { padding: 2px 26px; } .integreted-area-8 { background: #FAFAFA; position: relative; overflow: hidden; } .integreted-area-8 .integrate-content { padding-left: 40px; } @media only screen and (max-width: 1199px) { .integreted-area-8 .integrate-content { padding-left: 0; } } .integreted-area-8 .integrate-content .section-title { margin-bottom: 35px; } .integreted-area-8 .integrate-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-2); margin-bottom: 0; } .integreted-area-8 .shape-group li { z-index: 0; } .integreted-area-8 .shape-group li.shape-2 { right: 0; top: 0; } .integreted-area-8 .shape-group li.shape-3 { right: 161px; top: 228px; } .integreted-area-8 .shape-group li.shape-4 { right: 0; bottom: 0; } .integreted-style-8 { padding: 80px 0 80px 0; margin: -20px 0; position: relative; } @media only screen and (max-width: 767px) { .integreted-style-8 { padding: 0; margin-top: 0; } } .integreted-style-8 .main-line-img { position: relative; z-index: 1; left: 80px; top: 0; } @media only screen and (max-width: 767px) { .integreted-style-8 .main-line-img { opacity: 0; } } .integreted-style-8 .icon-wrapper .icon-list { list-style: none; padding-left: 0; margin-bottom: 0; } .integreted-style-8 .icon-wrapper .icon-list .zaplin-icon-center { width: 171px; height: 171px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 171px; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); position: absolute; left: 34%; top: 34%; z-index: 1; text-align: center; } @media only screen and (max-width: 1199px) { .integreted-style-8 .icon-wrapper .icon-list .zaplin-icon-center { left: 22.5%; } } @media only screen and (max-width: 991px) { .integreted-style-8 .icon-wrapper .icon-list .zaplin-icon-center { left: 30.5%; } } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .zaplin-icon-center { left: 32.5%; top: 28%; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .zaplin-icon-center { display: none; } } .integreted-style-8 .icon-wrapper .icon-list .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 125px; height: 125px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.4); position: absolute; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 1; } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon { width: 80px; height: 80px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-1 { left: 45px; bottom: 114px; } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-1 { left: 0; bottom: 0; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-1 { bottom: 60px; left: 75px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-2 { left: 230px; bottom: 8px; } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-2 { left: 0; bottom: 160px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-2 { bottom: 220px; left: 75px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-3 { right: 70px; bottom: 120px; } @media only screen and (max-width: 1199px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-3 { right: 41%; } } @media only screen and (max-width: 991px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-3 { right: 23%; } } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-3 { right: inherit; left: 0; bottom: 0; top: -25px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-3 { top: -45px; left: 75px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-4 { right: 77px; top: 120px; } @media only screen and (max-width: 1199px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-4 { right: 42%; } } @media only screen and (max-width: 991px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-4 { right: 22%; } } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-4 { right: 0; top: -25px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-4 { right: 70px; top: -46px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-5 { left: 234px; top: 11px; } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-5 { left: inherit; right: 0; top: 135px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-5 { top: 120px; right: 70px; } } .integreted-style-8 .icon-wrapper .icon-list .icon.icon-6 { left: 53px; top: 115px; } @media only screen and (max-width: 767px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-6 { left: inherit; top: inherit; right: 0; bottom: -5px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .icon-wrapper .icon-list .icon.icon-6 { bottom: 60px; right: 70px; } } @media only screen and (max-width: 1199px) { .integreted-style-8 .shape-group { display: block; } } .integreted-style-8 .shape-group li.shape-1 { left: -243px; top: -107px; width: 70vw; height: 70vh; } @media only screen and (max-width: 1199px) { .integreted-style-8 .shape-group li.shape-1 { width: 100vw; height: 100vh; } } @media only screen and (max-width: 767px) { .integreted-style-8 .shape-group li.shape-1 { left: -140px; } } @media only screen and (max-width: 575px) { .integreted-style-8 .shape-group li.shape-1 { left: -50px; top: -70px; } } .integreted-area-9 { background: var(--zaplin-color-lighten02); } .integreted-area-10 { background: #121212; position: relative; } .integreted-area-10 .swiper-wrapper { width: 100%; height: 100%; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } .integreted-area-10 .swiper-wrapper .swiper-slide { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; position: relative; overflow: hidden; padding: 0 90px; margin: 0 -30px; } .integreted-area-10 .swiper-wrapper .swiper-slide .integreted-grid-slide { position: relative; } .integreted-area-10 .swiper-wrapper .swiper-slide .integreted-grid-slide::after { content: ""; width: 11px; height: 11px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.25); position: absolute; top: 87px; right: -65px; } .integreted-area-10 .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { display: inline-block; text-align: center; font-family: var(--zaplin-font-third); font-size: 150px; font-weight: var(--zaplin-p-extra-bold); text-transform: capitalize; color: transparent; -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.2); } .integreted-area-10 .shape-group li.shape-1 { top: -190px; right: -318px; z-index: 0; } .integreted-area-10 .shape-group li.shape-1 .integrated-gradient-01 { width: 656px; height: 656px; opacity: .7; border-radius: 656px; background: #1128D1; -webkit-filter: blur(329px); filter: blur(329px); } .integreted-area-11 { background: #FEFCF7; padding: 120px 0 70px 0; } @media only screen and (max-width: 767px) { .integreted-area-11 { padding: 90px 0 40px; } } .integreted-area-11 .section-title { margin-bottom: 0; } .integreted-area-11 .section-title .title { margin-bottom: 0; } .integreted-area-11 .shape-group li.shape-1 { left: 0; right: 0; top: -190px; } .integreted-area-11 .shape-group li.shape-2 { left: 0; right: 0; bottom: -80px; } .integreted-style-11 { margin-top: -20px; } @media only screen and (max-width: 767px) { .integreted-style-11 { margin-top: 40px; } } .integreted-style-11 .main-logo-wrapper { width: 100%; min-height: 550px; position: relative; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper { min-height: 400px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper { min-height: 550px; } } .integreted-style-11 .main-logo-wrapper .main-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 156px; height: 156px; line-height: 156px; background: #121212; border-radius: 50%; text-align: center; z-index: 1; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .main-img { display: none; } } .integreted-style-11 .main-logo-wrapper .line-img { position: absolute; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .line-img { display: none; } } .integreted-style-11 .main-logo-wrapper .line-img.line-1 { left: 179px; top: 115px; } .integreted-style-11 .main-logo-wrapper .line-img.line-2 { right: 177px; top: 115px; } .integreted-style-11 .main-logo-wrapper .line-img.line-3 { right: 177px; bottom: 105px; } .integreted-style-11 .main-logo-wrapper .line-img.line-4 { left: 180px; bottom: 104px; } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper { list-style: none; margin-bottom: 0; padding-left: 0; } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon { position: absolute; } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon a { width: 80px; height: 80px; line-height: 90px; border-radius: 70px; background: #2C2929; font-size: 32px; color: var(--zaplin-color-white); text-align: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon a:hover { color: var(--zaplin-color-secondary); } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-1 { left: 160px; top: 65px; } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-1 a { font-size: 38px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-1 { left: 0; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-1 { top: 0; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-2 { left: 290px; top: 66px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-2 { left: 170px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-2 { left: 120px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-2 { top: 0; left: 150px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-2 { left: 190px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-3 { font-size: 33px; left: 423px; top: 66px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-3 { left: 400px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-3 { left: 240px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-3 { top: 0; left: 285px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-3 { top: 260px; left: 0px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-4 { right: 420px; top: 66px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-4 { right: 170px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-4 { right: 265px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-4 { top: 0; right: 0; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-5 { right: 289px; top: 66px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-5 { right: 350px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-5 { right: 137px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-5 { right: inherit; left: 0; top: 130px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-6 { right: 155px; top: 66px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-6 { right: 0; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-6 { right: inherit; left: 150px; top: 130px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-6 { left: 190px; top: 130px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-7 { left: 154px; bottom: 45px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-7 { left: 0; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-7 { left: 286px; bottom: inherit; top: 130px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-7 { left: 190px; top: 260px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-8 { left: 286px; bottom: 45px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-8 { left: 170px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-8 { left: 120px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-8 { bottom: inherit; left: inherit; top: 130px; right: 0; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-9 { left: 419px; bottom: 45px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-9 { left: 400px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-9 { left: 240px; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-9 { left: 0; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-10 { left: 61%; bottom: 45px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-10 { left: 74%; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-10 { left: 69%; } } @media only screen and (max-width: 767px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-10 { left: 286px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-10 { left: 190px; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-11 { right: 281px; bottom: 46px; } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-11 a { font-size: 26px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-11 { right: 350px; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-11 { right: 0; } } .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-12 { right: 149px; bottom: 45px; } @media only screen and (max-width: 1199px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-12 { right: 0; } } @media only screen and (max-width: 991px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-12 { right: 265px; } } @media only screen and (max-width: 575px) { .integreted-style-11 .main-logo-wrapper .social-icon-wrapper .social-icon.social-icon-12 { right: 0; bottom: inherit; top: 260px; } } .integration-style-1 { padding: 35px 35px 30px 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07); } .integration-style-1 img { margin-bottom: 30px; } .integration-style-1 .title { margin-bottom: 15px; } .integration-page-1 { background: url(../images/bg-image/integereted-bg-03.png); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -120px; padding: 220px 0 150px; position: relative; } @media only screen and (max-width: 991px) { .integration-page-1 { padding: 170px 0 90px; } } .integration-page-1 .integrate-content { position: relative; } .integration-page-1 .integrate-content .section-title { max-width: 550px; margin-bottom: 30px; } .integration-page-1 .integrate-content .section-title p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-1); margin-bottom: 0; } .integration-page-1 .integrate-content .shape-group li.shape-1 { top: -350px; left: 0; z-index: 0; } .integration-page-1 .shape-group li { z-index: 0; } .integration-page-1 .shape-group li.shape-2 { top: 164px; right: 210px; } .integration-page-1 .shape-group li.shape-3 { right: 125px; top: 0; } .integration-page-1 .shape-group li.shape-5 { left: 60px; top: 242px; } .integration-page-1 .shape-group li.shape-6 { left: 0; top: 255px; } .integration-page-2 .section-title { margin-bottom: 70px; } @media only screen and (max-width: 991px) { .integration-page-2 .section-title { margin-bottom: 0; } } .integration-page-2 .description { font-size: var(--zaplin-font-size-b2); line-height: 32px; margin-left: 116px; margin-top: 50px; } @media only screen and (max-width: 991px) { .integration-page-2 .description { margin-left: 0; margin-top: 0; } } .integration-page-2 .tab-filter-content { padding: 50px 40px 30px 40px; border-radius: 10px; margin-right: 30px; background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07); } .integration-page-2 .tab-filter-content .isotop-button button { background: transparent; border: none; padding: 15px 10px 15px 0; font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-medium); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); position: relative; } .integration-page-2 .tab-filter-content .isotop-button button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 190px; height: 1px; background: #E5E5E5; } .integration-page-2 .tab-filter-content .isotop-button .is-checked { color: var(--zaplin-color-primary); } .integration-page-2 .tab-filter-content .isotop-button .border-none::after { display: none; } .integration-page-2 .integration-style-1 p { line-height: 28px; color: var(--zaplin-color-heading-2); margin-bottom: 25px; } .integration-page-2 .filter-wrapper .integration-style-1 { padding: 40px 40px 25px 40px; } .integration-page-2 .filter-wrapper .integration-style-1.grid-item { margin-bottom: 30px; } .integration-page-2 .filter-wrapper .search-form { width: 100%; margin-bottom: 60px; border-bottom: 1px solid #e5e5e5; position: relative; } .integration-page-2 .filter-wrapper .search-form .flaticon-search { font-size: var(--zaplin-font-size-b3); position: absolute; left: 0; top: 13px; } .integration-page-2 .filter-wrapper .search-form .form-control { padding: 15px 15px 15px 30px; color: var(--zaplin-color-heading-2); font-family: var(--zaplin-font-primary); font-size: var(--zaplin-font-size-b1); } .integration-page-2 .filter-wrapper .isotope-list { margin: 0 -27px 0 -12px; } .integration-page-2 .filter-wrapper .isotope-list .gutter-sizer { margin-right: 12px; margin-left: 12px; } .integration-page-2 .filter-wrapper .isotope-list .grid-sizer { width: 300px; } .integration-page-3 .left-content-wrapper.app-wrapper { padding: 50px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07); margin-bottom: 60px; text-align: center; } .integration-page-3 .left-content-wrapper.app-wrapper h5 { margin-top: 20px; } .integration-page-3 .left-content-wrapper.app-wrapper .zaplin-btn { color: var(--zaplin-color-heading-1); border: 1px solid var(--zaplin-color-heading-1); } .integration-page-3 .left-content-wrapper.app-wrapper .zaplin-btn:hover { color: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-primary); background-color: var(--zaplin-color-primary); } .integration-page-3 .left-content-wrapper.categories-wrapper { margin-bottom: 50px; } .integration-page-3 .left-content-wrapper.categories-wrapper h5 { margin-bottom: 35px; } .integration-page-3 .left-content-wrapper.price-wrapper p { color: var(--zaplin-color-heading-2); } .integration-page-3 .left-content-wrapper.price-wrapper p span { color: var(--zaplin-color-heading-1); } .integration-page-3 .left-content-wrapper.price-wrapper p a { text-decoration: underline; color: var(--zaplin-color-primary); } .integration-page-3 .left-content-wrapper.support-wrapper p { color: var(--zaplin-color-heading-2); } .integration-page-3 .left-content-wrapper.support-wrapper p a { text-decoration: underline; color: var(--zaplin-color-heading-1); } .integration-page-3 .micro-text { text-decoration: underline; } .integration-page-3 .right-content-wrapper { margin-left: 30px; } @media only screen and (max-width: 991px) { .integration-page-3 .right-content-wrapper { margin-left: 0; } } .integration-page-3 .right-content-wrapper img { border-radius: 10px; margin: 32px 0 70px; } .integration-page-3 .right-content-wrapper .text { width: 850px; } @media only screen and (max-width: 991px) { .integration-page-3 .right-content-wrapper .text { width: 100%; } } .integration-page-3 .right-content-wrapper .features-list { list-style: none; margin-bottom: 40px; padding-left: 0; } .integration-page-3 .right-content-wrapper .features-list li { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); padding-left: 25px; position: relative; margin-bottom: 16px; margin-top: 16px; } .integration-page-3 .right-content-wrapper .features-list li::before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-color-heading-1); font-size: 14px; position: absolute; left: 0; top: 2px; } .integreted-area-12 { background: #F5F2FF; } .integreted-area-12 .integreted-style-12 { padding: 70px 0 130px; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .integreted-area-12 .integreted-style-12 { padding: 50px 0 70px; } } .integreted-area-12 .integreted-grid-slider-1 { margin-bottom: -40px; position: relative; z-index: 0; } .integreted-area-12 .swiper-wrapper .swiper-slide { padding: 0 50px; margin: 0; } .integreted-area-12 .swiper-wrapper .swiper-slide .integreted-grid-slide::after { display: none; } .integreted-area-12 .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { display: inline-block; text-align: center; font-size: 200px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-primary); text-transform: capitalize; color: transparent; -webkit-text-stroke: 1px rgba(133, 78, 242, 0.2); } .integreted-area-12 .integreted-grid-list { margin-top: 7px; } .integreted-area-12 .integreted-grid { width: 100%; height: 100%; } .integreted-area-12 .integreted-grid.integreted-grid-angle-1 { width: 125px; height: 112px; border-radius: inherit; margin: 0 15px 30px 15px; text-align: center; position: relative; z-index: 12; background: #F5F2FF; } .integreted-area-12 .integreted-grid .angle-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; position: relative; z-index: 1; } .integreted-area-12 .integreted-grid.angle-grid-img-1 .angle-img { top: 27px; } .integreted-area-12 .integreted-grid.angle-grid-img-2::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 125px; height: 125px; background: var(--zaplin-color-white); border-radius: 20px; z-index: 0; } .integreted-area-12 .integreted-grid.angle-grid-img-2 .angle-img { top: 45px; } .integreted-area-13 { position: relative; } .integreted-area-13 .swiper-wrapper { width: 100%; height: 100%; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } .integreted-area-13 .swiper-wrapper .swiper-slide { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; position: relative; overflow: hidden; padding: 0 100px; margin: 0 -30px; } .integreted-area-13 .swiper-wrapper .swiper-slide .integreted-grid-slide { position: relative; } .integreted-area-13 .swiper-wrapper .swiper-slide .integreted-grid-slide::after { content: ""; width: 100px; height: 100px; background-image: url(../images/brand/brand-star.png); background-repeat: no-repeat; position: absolute; top: 19px; right: -132px; } .integreted-area-13 .swiper-wrapper .swiper-slide .integreted-grid-slide h1 { display: inline-block; text-align: center; font-size: 96px; font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-heading-1); text-transform: uppercase; margin-bottom: 0; } .invoice-area-1 { position: relative; padding: 80px 0 150px; } @media only screen and (max-width: 991px) { .invoice-area-1 { padding: 60px 0 60px; } } .invoice-area-1 .big-title { position: absolute; left: 0; right: 0; top: -50px; text-align: center; font-family: var(--zaplin-font-primary); font-size: 220px; font-weight: var(--zaplin-p-semi-bold); text-transform: uppercase; z-index: -1; color: var(--zaplin-color-white); background: -webkit-linear-gradient(top, #eaeaea 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, #eaeaea 0%, rgba(0, 0, 0, 0) 100%); -webkit-background-clip: text; -webkit-text-stroke: 2px transparent; } .invoice-style-1 .invoice-box { padding: 32px 0 0 40px; border-radius: 20px; background: #F9F6FE; margin: 0 25px; } @media only screen and (max-width: 767px) { .invoice-style-1 .invoice-box { width: 300px; padding: 20px 0 0 25px; margin: 0 10px; } } .invoice-style-1 .invoice-box .title h5 { font-weight: var(--zaplin-p-medium); } .invoice-style-1 .invoice-box .round-img { border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .landing-header .header-mainmenu { padding-top: 8px !important; padding-bottom: 8px !important; } .landing-header .header-mainmenu .mainmenu-nav { height: 60px; line-height: 60px; } .landing-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; padding: 0 20px; } .landing-header .header-mainmenu .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 40px; background: rgba(133, 78, 242, 0.07); border-radius: 45px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .landing-header .header-mainmenu .mainmenu-nav .mainmenu > li > a::after { display: none; } .landing-header .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .landing-header .header-right .header-action .header-btn .zaplin-btn { height: 50px; line-height: 50px; padding: 0 34px; border-radius: 53px; } .landing-header .header-right .header-action .header-btn .zaplin-btn i { padding-left: 0; padding-right: 5px; } .landing-text-gradient-1 { font-weight: var(--zaplin-p-bold); font-style: italic; font-family: "Playfair Display", serif; background: -webkit-linear-gradient(left, #854ef2 45.78%, #f7690f 78.63%); background: linear-gradient(90deg, #854ef2 45.78%, #f7690f 78.63%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .zaplin-btn .flaticon-envato { position: relative; top: 2px; font-size: 17px; } .landing-hero-banner { height: 1900px; margin-top: -120px; padding: 0 0 100px; position: relative; } @media only screen and (max-width: 767px) { .landing-hero-banner { height: 100%; padding: 220px 0 0; } } .landing-hero-banner::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/landing-banner-bg.png); background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: -1; } .landing-hero-banner .banner-content { text-align: center; } .landing-hero-banner .banner-content .title { font-size: 70px; line-height: 75px; font-weight: var(--zaplin-p-semi-bold); } @media only screen and (max-width: 1199px) { .landing-hero-banner .banner-content .title { font-size: 50px; line-height: 50px; } } @media only screen and (max-width: 767px) { .landing-hero-banner .banner-content .title { font-size: 35px; line-height: 35px; } } .landing-hero-banner .banner-content p { font-size: var(--zaplin-font-size-b2); line-height: 28px; } @media only screen and (max-width: 1199px) { .landing-hero-banner .banner-content p br { display: none; } } .landing-hero-banner .banner-content .banner-btn .zaplin-btn { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); background-color: var(--zaplin-color-primary); } .landing-hero-banner .banner-content .banner-btn .zaplin-btn i { padding-left: 0px; padding-right: 5px; } .landing-hero-banner .banner-content .banner-btn .zaplin-btn:hover { background-color: #7746D9; } .landing-hero-banner .banner-content .tag-list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 55px; } @media only screen and (max-width: 767px) { .landing-hero-banner .banner-content .tag-list { margin-top: 30px; } } .landing-hero-banner .banner-content .tag-list .rating-box { font-size: var(--zaplin-font-size-b3); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); } .landing-hero-banner .banner-content .tag-list .rating-box::after { display: none; } .landing-hero-banner .banner-content .tag-list .rating-box i { font-size: 12px; line-height: 35px; width: 30px; height: 30px; color: var(--zaplin-color-secondary); background-color: var(--zaplin-color-heading-1); border-radius: 50%; } .landing-hero-banner .banner-content .tag-list .rating-box span { margin: 0 15px; } .landing-hero-banner .typography-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap { display: block; } } .landing-hero-banner .typography-wrap.typography-wrap-1 { margin-top: 100px; } @media only screen and (max-width: 1199px) { .landing-hero-banner .typography-wrap.typography-wrap-1 { margin-top: 20px; } } .landing-hero-banner .typography-wrap .typography-content { width: 35%; padding: 40px 50px 50px 50px; border-radius: 30px; background-color: var(--zaplin-color-white); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap .typography-content { width: 100%; } } .landing-hero-banner .typography-wrap .typography-content .typography-img { text-align: center; } .landing-hero-banner .typography-wrap .typography-gallery { width: 65%; border-radius: 30px; background-color: var(--zaplin-color-white); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03); overflow: hidden; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap .typography-gallery { margin-top: 30px; width: 100%; } } .landing-hero-banner .typography-wrap.typography-wrap-2 { margin-top: 10px; } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery { display: block; } } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery .typography-gallery-img-1 { width: 50%; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery .typography-gallery-img-1 { width: 100%; } } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery .typography-explore-content { width: 50%; padding: 60px 60px 60px 0; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery .typography-explore-content { width: 100%; padding: 30px; } } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-gallery .typography-explore-content .title { margin-top: 22px; line-height: 38px; } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-content { padding: 70px 65px 60px 65px; text-align: center; } @media only screen and (max-width: 767px) { .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-content { margin-top: 30px; } } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-content .title { margin-top: 12px; } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-content .typography-img { position: relative; } .landing-hero-banner .typography-wrap.typography-wrap-2 .typography-content .typography-img .rocket-img { position: absolute; top: -27px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .landing-page-features-area { height: 180px; margin-top: -240px; padding-top: 5px; margin-left: -30px; margin-right: -30px; } @media only screen and (max-width: 767px) { .landing-page-features-area { margin-top: 0; } } .landing-page-features-area .features-wrapper { height: 90px; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); background: var(--zaplin-color-heading-1); margin: 85px 0px; } .landing-page-features-area .features-wrapper .feature-text { font-size: 34px !important; font-weight: var(--zaplin-p-regular) !important; } .landing-page-core-features { position: relative; z-index: 2; } .landing-page-core-features .core-feature .row > * { padding-left: 6px; padding-right: 6px; } .landing-page-core-features .core-feature .feature-style-1 { padding: 40px 40px; border-radius: 30px; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.1); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-1 { position: relative; text-align: center; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-1 .feature-img-1 { margin-top: 35px; margin-right: -20px; border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-1 .feature-img-2 { position: absolute; left: 0; top: 0; border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-1 .feature-img-3 { position: absolute; right: 0; bottom: -30px; border-radius: 5px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-1 .feature-img-4 { border-radius: 10px; position: absolute; right: 20px; bottom: -35px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-2 { position: relative; text-align: center; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-2 .feature-img-1 { border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-2 .feature-img-2 { position: absolute; right: -5px; bottom: -62px; border-radius: 10px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceSlide; animation-name: bounceSlide; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-2 .round-shape { width: 100px; height: 100px; display: block; border-radius: 200px; background: #ffeef1; position: absolute; bottom: -40px; left: 10px; z-index: -1; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 { position: relative; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .title { color: #0D0D0D; font-family: 'Spartan', sans-serif; font-size: 18px; font-weight: 700; line-height: 23px; text-transform: capitalize; } @media (max-width: 991px) { .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .title { font-size: 16px; } } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .counterup-item { width: 90px; height: 60px; padding: 10px 15px; border-radius: 30px; font-family: var(--zaplin-font-secondary); background: var(--zaplin-color-primary); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15); color: var(--zaplin-color-white); text-align: center; font-size: 36px; font-weight: 500; position: relative; left: 73%; top: -30px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .counterup-item .percent { color: var(--zaplin-color-white); font-family: var(--zaplin-font-secondary); font-size: 16px; font-weight: 700; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter { max-width: 300px; background: #f6f2fe; border-radius: 10px; padding: 30px 40px 15px 40px; margin-top: -77px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar { margin-bottom: 10px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar.last-ber { margin-bottom: 0; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progress-title { color: var(--zaplin-color-heading-1); font-family: 'Spartan', sans-serif; font-size: 14px; font-weight: 600; line-height: 23px; text-transform: capitalize; margin-bottom: 0; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progressbar { width: 100%; margin-top: 5px; margin-bottom: 25px; position: relative; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progressbar::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; border-radius: 4px; background: #D9D9D9; z-index: 0; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .proggress { height: 7px; width: 10px; background: var(--zaplin-color-primary); position: relative; z-index: 1; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .percentCount { float: right; margin-top: -38px; clear: both; color: #0D0D0D; font-family: 'Spartan', sans-serif; font-size: 14px; font-weight: 600; line-height: 23px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progressbar-two .progressbar .proggress { background: var(--zaplin-color-white); } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progressbar-two .progressbar::before { display: none; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .content-counter .expert-progressbar .single-progressbar .progressbar-two .percentCount { margin-right: 50px; } .landing-page-core-features .core-feature .feature-style-1 .inner .thumbnail.thumbnail-3 .shape-group li.shape-1 { right: 100px; top: 15px; z-index: 0; } .landing-page-core-features .core-feature .feature-style-1 .inner .content { text-align: left; padding-top: 85px; } .landing-page-core-features .core-feature .feature-style-1 .inner .content .title { color: var(--zaplin-color-heading-1); font-weight: 700; line-height: 30px; } .landing-page-core-features .core-feature .feature-style-1 .inner .content p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); margin: 0 20px 20px 0; } @media only screen and (max-width: 991px) { .landing-page-core-features .core-feature .feature-style-1 .inner .content p { margin: 0; } } .landing-page-core-features .core-feature .feature-style-1.feature-padding-1 .content { padding-top: 110px; } .landing-page-core-features .core-feature .feature-style-1.feature-padding-2 .content { padding-top: 50px; } .landing-demo-area .section-title .text { font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .landing-demo-area .section-title .text br { display: none; } } .landing-demo-area .demo-wrapper { width: 1130px; margin: 0 auto; text-align: center; } @media only screen and (max-width: 1199px) { .landing-demo-area .demo-wrapper { width: 100%; } } .landing-demo-area .demo-wrapper .single-demo { position: relative; text-align: center; -webkit-transition: .3s; transition: .3s; } .landing-demo-area .demo-wrapper .single-demo .inner { background-color: var(--zaplin-color-white); box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.102); padding: 20px 20px 25px 20px; border-radius: 30px; -webkit-transition: 0.3s; transition: 0.3s; } .landing-demo-area .demo-wrapper .single-demo .inner .thumbnail-link { width: 100%; } .landing-demo-area .demo-wrapper .single-demo .inner .thumbnail-link img { width: 100%; border-radius: 20px; } .landing-demo-area .demo-wrapper .single-demo .inner .title { margin-top: 20px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .landing-demo-area .demo-wrapper .single-demo .inner .title { font-size: 20px; } } .landing-demo-area .demo-wrapper .single-demo.coming-soon a { overflow: hidden; border-radius: 20px; pointer-events: none; } .landing-demo-area .demo-wrapper .single-demo.coming-soon a .coming-soon-blur-01 { background: rgba(255, 255, 255, 0.3); -webkit-filter: blur(5px); filter: blur(5px); } .landing-demo-area .demo-wrapper .single-demo:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .landing-demo-area .row { margin-right: -35px; margin-left: -35px; } .landing-demo-area .row > * { padding-right: 35px; padding-left: 35px; } .landing-demo-area .g-5, .landing-demo-area .gx-5 { --bs-gutter-x: 70px; } .landing-demo-area .g-5, .landing-demo-area .gy-5 { --bs-gutter-y: 70px; } .landing-brand-area { background-image: url(../images/bg-image/landing-bg-03.png); background-repeat: no-repeat; background-position: center; } .landing-brand-area .brand-grid-wrap::before { display: none; } .landing-brand-area .brand-grid-wrap .brand-grid { padding: 0; } .landing-brand-area .brand-grid-wrap .brand-grid::before { display: none; } .landing-brand-area .brand-grid-wrap .brand-grid h5 { font-size: 20px; margin-bottom: 0; margin-top: -45px; } .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-1, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-3, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-5, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-7 { margin-top: -45px; } @media only screen and (max-width: 991px) { .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-1, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-3, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-5, .landing-brand-area .brand-grid-wrap .brand-grid.brand-grid-7 { margin-top: 0; } } .landing-brand-area .brand-grid-wrap .brand-grid.brand-left { position: relative; left: 100%; } @media only screen and (max-width: 991px) { .landing-brand-area .brand-grid-wrap .brand-grid.brand-left { left: 0; } } .landing-integration-area { padding: 100px 0; background-image: url(../images/bg-image/landing-bg-05.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 991px) { .landing-integration-area { padding: 60px 0; } } .landing-integration-area .section-title { margin-top: 140px; } @media only screen and (max-width: 991px) { .landing-integration-area .section-title { margin-top: 0; } } .landing-integration-area .section-title p { margin-right: 45px; } .landing-integration-area .integration-img-gallery { position: relative; padding-top: 60px; margin-left: 100px; } @media only screen and (max-width: 767px) { .landing-integration-area .integration-img-gallery { padding-top: 30px; margin-left: 0; } } .landing-integration-area .integration-img-gallery .main-img-2 { position: absolute; left: -108px; bottom: 34px; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceSlide; animation-name: bounceSlide; } @media only screen and (max-width: 767px) { .landing-integration-area .integration-img-gallery .main-img-2 { display: none; } } .landing-integration-area .integration-img-gallery .main-img-3 { position: absolute; right: 23px; top: -30px; } @media only screen and (max-width: 767px) { .landing-integration-area .integration-img-gallery .main-img-3 { display: none; } } .landing-responsive-area { position: relative; z-index: 1; } .landing-responsive-area .section-title { text-align: center; } .landing-responsive-area .section-title p { font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 991px) { .landing-responsive-area .section-title p br { display: none; } } .landing-responsive-area .device-image { text-align: center; margin-top: 80px; margin-left: -160px; } .landing-responsive-area .shape-group li.shape-1 { left: 0; bottom: -206px; } .landing-page-elements-area { background-color: #0E0E0E; background-image: url(../images/bg-image/elements-bg-01.png); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 70px 0; overflow: hidden; position: relative; z-index: 2; } .landing-page-elements-area .scroll-animation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -moz-calc((420px * 16) + (30px * 16)); width: 7200px; position: relative; } .landing-page-elements-area .scroll-animation .elements-categori-list.elements-categori-list-2 { margin: 20px 0; } .landing-page-elements-area .scroll-animation .elements-categori-list a { width: 250px; height: 60px; line-height: 60px; text-align: center; font-size: 17px; color: var(--zaplin-color-secondary); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-bold); background-image: url(../images/others/elements-bg.svg); margin: 0 10px; } .landing-page-elements-area .scroll-animation .elements-categori-list a img { margin-right: 3px; -webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(779%) hue-rotate(10deg) brightness(107%) contrast(96%); filter: brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(779%) hue-rotate(10deg) brightness(107%) contrast(96%); } .landing-page-elements-area .scroll-animation.scroll-right-left { -webkit-animation: scroll 100s linear infinite; animation: scroll 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .landing-page-elements-area .scroll-animation.scroll-left-right { -webkit-animation: scrollLeft 100s linear infinite; animation: scrollLeft 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .landing-page-elements-area .scroll-animation:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .landing-inner-pages-area { position: relative; z-index: 1; } .landing-inner-pages-area .section-title .description { font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .landing-inner-pages-area .section-title .description { font-size: var(--zaplin-font-size-b1); } .landing-inner-pages-area .section-title .description br { display: none; } } .landing-inner-pages-area .margque-inner-page { background-image: url(../images/landing-demo/inner-pages-01.png); background-repeat: repeat-x; background-size: auto; height: 800px; position: relative; z-index: 1; margin: -31px -40px 0 -86px; } .landing-inner-pages-area .shape-group li.shape-1 { left: 0; right: 0; top: 0; z-index: -1; } .landing-explorer-area { padding: 120px 0; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .landing-explorer-area { padding: 60px 0; } } .landing-explorer-area .thumb-content .row > * { padding-right: 5px; padding-left: 5px; } .landing-explorer-area .thumb-content .text { font-size: var(--zaplin-font-size-b2); } .landing-explorer-area .thumb-content .text span { font-weight: var(--zaplin-p-semi-bold); } .landing-explorer-area .thumb-content .thumb-left { padding: 70px 80px 80px 80px; box-shadow: 0px 0px 40px 0px #00000012; border-radius: 30px; background-color: var(--zaplin-color-white); } @media only screen and (max-width: 575px) { .landing-explorer-area .thumb-content .thumb-left { padding: 30px 30px 30px 30px; } } .landing-explorer-area .thumb-content .thumb-left .content-text .zaplin-btn { color: var(--zaplin-color-primary); background: #EDE4FD; } .landing-explorer-area .thumb-content .thumb-left .content-text .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .landing-explorer-area .thumb-content .thumb-left .content-image { text-align: right; position: relative; } .landing-explorer-area .thumb-content .thumb-left .content-image .main-img-1 { border-radius: 20px; } .landing-explorer-area .thumb-content .thumb-left .content-image .main-img-2 { border-radius: 20px; box-shadow: 0px 10px 70px 0px #0000001A; position: absolute; bottom: -40px; left: 43px; } @media only screen and (max-width: 991px) { .landing-explorer-area .thumb-content .thumb-left .content-image .main-img-2 { display: none; } } .landing-explorer-area .thumb-content .thumb-left .content-image .shape-group li.shape-1 { right: inherit; left: 90px; top: -60px; z-index: 0; } .landing-explorer-area .thumb-content .typo-thumbnail { margin: 10px 0 32px 0; padding: 0 80px 50px; border-radius: 30px; box-shadow: 0px 0px 40px 0px #00000012; background-color: var(--zaplin-color-white); text-align: center; } @media only screen and (max-width: 767px) { .landing-explorer-area .thumb-content .typo-thumbnail { padding: 0 30px 30px; } } .landing-explorer-area .thumb-content .typo-thumbnail .typo-img-1 { box-shadow: 0px 10px 50px 0px #0000000D; border-radius: 0 0 20px 20px; } .landing-explorer-area .thumb-content .typo-thumbnail .content-typo { margin-top: 40px; } .landing-explorer-area .thumb-content .typo-thumbnail .text { margin-bottom: 0; } @media only screen and (max-width: 767px) { .landing-explorer-area .thumb-content .typo-thumbnail .text { font-size: var(--zaplin-font-size-b1); } } .landing-explorer-area .thumb-content .content-prefomance { margin-top: 10px; padding: 47px 50px 0 50px; border-radius: 30px; box-shadow: 0px 0px 40px 0px #00000012; background-color: var(--zaplin-color-white); text-align: center; } @media only screen and (max-width: 767px) { .landing-explorer-area .thumb-content .content-prefomance { padding: 30px 30px 0 30px; } .landing-explorer-area .thumb-content .content-prefomance br { display: none; } } .landing-explorer-area .thumb-content .content-prefomance .text { margin-bottom: 0; } .landing-explorer-area .thumb-content .content-prefomance img { margin-top: 42px; box-shadow: 0px -10px 50px 0px #0000000D; border-radius: 20px 20px 0 0; } .landing-explorer-area .shape-group li.shape-1 { left: 0; right: 0; top: 0; } .landing-page-customer-support { padding-top: 120px; background-image: url(../images/bg-image/landing-bg-11.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 991px) { .landing-page-customer-support { padding-top: 60px; } } .landing-page-customer-support .zaplin-heading-content .section-title .title .landing-text-gradient-1 { background: -webkit-linear-gradient(left, #854EF2 0.76%, #F7690F 58.02%); background: linear-gradient(90deg, #854EF2 0.76%, #F7690F 58.02%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .landing-page-customer-support .zaplin-heading-content .section-title p { font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .landing-page-customer-support .zaplin-heading-content .section-title p { font-size: var(--zaplin-font-size-b1); } .landing-page-customer-support .zaplin-heading-content .section-title p br { display: none; } } .landing-page-customer-support .zaplin-heading-content .section-title p span { font-weight: var(--zaplin-p-semi-bold); } .landing-page-customer-support .responsive-img-gallery { margin-right: -160px; } .landing-customer-review-area { overflow: hidden !important; max-height: 1500px; background-image: url(../images/bg-image/landing-bg-09.png); background-repeat: no-repeat; background-position: center center; position: relative; } .landing-customer-review-area::before, .landing-customer-review-area::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; pointer-events: none; } .landing-customer-review-area::after { bottom: 0; min-height: 680px; background: -webkit-linear-gradient(bottom, #ffffff 40%, #ffffff 0%, rgba(246, 250, 251, 0) 100%); background: linear-gradient(0deg, #ffffff 40%, #ffffff 0%, rgba(246, 250, 251, 0) 100%); z-index: 10; } .landing-customer-review-area::before { top: 0; min-height: 730px; background: -webkit-linear-gradient(top, #ffffff 50%, #ffffff 0%, rgba(246, 250, 251, 0) 60%); background: linear-gradient(180deg, #ffffff 50%, #ffffff 0%, rgba(246, 250, 251, 0) 60%); z-index: 10; } .landing-customer-review-area .section-title { position: absolute; top: 120px; left: 0; right: 0; z-index: 12; text-align: center; } @media (max-width: 991px) { .landing-customer-review-area .section-title { top: 80px; } } .landing-customer-review-area .section-title p { font-size: var(--zaplin-font-size-b2); } @media only screen and (max-width: 767px) { .landing-customer-review-area .section-title p { font-size: var(--zaplin-font-size-b1); } .landing-customer-review-area .section-title p br { display: none; } } .landing-customer-review-area .customer-review-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; top: 220px; } @media (max-width: 991px) { .landing-customer-review-area .customer-review-wrapper { display: block; } } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap { -webkit-animation: zaplinTestimonialScroll 40s linear infinite; animation: zaplinTestimonialScroll 40s linear infinite; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-animation-duration: 35s; animation-duration: 35s; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content { max-width: 300px; border-radius: 15px; background: #FFF; box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.12); padding: 40px 50px 40px 30px; margin-top: 0; margin-bottom: 0; } @media (max-width: 991px) { .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content { max-width: 100%; } } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .rating-icon { margin-bottom: 4px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .rating-icon i { color: #EDA803; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .content-title { margin-bottom: 13px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .content-title span { color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); font-size: 20px; font-weight: 500; line-height: 32px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .text { color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b1); font-weight: 400; line-height: 26px; margin-bottom: 15px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .info .title { color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 0; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap .customer-review-style-1 .content .info .title span { color: var(--zaplin-color-heading-2); font-size: 16px; font-weight: 400px; } .landing-customer-review-area .customer-review-wrapper .customer-review-wrap:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .landing-customer-review-area .customer-review-btn { position: absolute; left: 0; right: 0; bottom: 120px; text-align: center; z-index: 12; } .landing-faq-area { background-image: url(../images/bg-image/landing-bg-08.png); background-position: center bottom; background-repeat: no-repeat; } .landing-faq-area .zaplin-heading-content .section-title p { max-width: 100%; } @media only screen and (max-width: 991px) { .landing-faq-area .zaplin-heading-content .section-title p { font-size: var(--zaplin-font-size-b1); } .landing-faq-area .zaplin-heading-content .section-title p br { display: none; } } .landing-faq-area .zaplin-faq-content { width: 850px; margin: 0 auto; padding-left: 0; } .landing-faq-area .zaplin-faq-content .faq-accordion .accordion-item .accordion-body { padding: 25px 110px 12px 30px; } @media only screen and (max-width: 991px) { .landing-faq-area .zaplin-faq-content .faq-accordion .accordion-item .accordion-body { padding: 25px 70px 12px 30px; } } .landing-footer-area { padding: 100px 0; background-color: #0E0E0E; background-image: url(../images/bg-image/landing-footer-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } .landing-footer-area .section-title { margin-bottom: 0; } .landing-footer-area .section-title .pre-title { color: var(--zaplin-color-secondary); } .landing-footer-area .section-title .title { color: var(--zaplin-color-white); } .landing-footer-area .section-title .description { font-size: var(--zaplin-font-size-b3); color: var(--zaplin-color-heading-3); } @media only screen and (max-width: 991px) { .landing-footer-area .section-title .description { font-size: var(--zaplin-font-size-b1); } .landing-footer-area .section-title .description br { display: none; } } .management-thumbnil { position: relative; width: 100%; height: 100%; z-index: 1; margin-left: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .management-thumbnil { margin-left: 0; } } @media only screen and (max-width: 991px) { .management-thumbnil { margin-left: 0; } } .management-thumbnil .scan-wrapper { width: 220px; height: 279px; padding: 45px 43px 35px 43px; background-color: var(--zaplin-color-white); border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); text-align: center; margin-left: -30px; position: relative; top: 172px; } @media (max-width: 1250px) { .management-thumbnil .scan-wrapper { margin-left: -45px; } } @media only screen and (max-width: 1199px) { .management-thumbnil .scan-wrapper { top: 45px; margin-left: 70px; } } @media only screen and (max-width: 991px) { .management-thumbnil .scan-wrapper { top: 45px; margin-left: 0; } } @media only screen and (max-width: 767px) { .management-thumbnil .scan-wrapper { display: none; } } .management-thumbnil .scan-wrapper .scan-thumb { position: relative; } .management-thumbnil .scan-wrapper .scan-thumb::before { content: ""; position: absolute; width: 90%; height: 5px; background: var(--zaplin-color-primary); opacity: 0.7; top: 50%; left: 8px; right: 0; -webkit-animation-name: scan; animation-name: scan; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .management-thumbnil .scan-wrapper h5 { font-size: 18px; font-weight: var(--zaplin-p-medium); margin-top: 30px; margin-bottom: 15px; } .management-thumbnil .scan-wrapper .pay-btn { height: 40px; line-height: 42px; padding: 0 35px; border-radius: 5px; background: var(--zaplin-color-primary); font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b3); font-weight: var(--zaplin-p-medium); text-transform: capitalize; } .management-thumbnil .paymet-thumb { position: absolute; right: 60px; top: 0; } @media only screen and (max-width: 1199px) { .management-thumbnil .paymet-thumb { display: none; } } .management-thumbnil .paymet-thumb img { border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); } .management-thumbnil .perfomance-thumb { position: absolute; right: 0; bottom: -39px; } @media only screen and (max-width: 767px) { .management-thumbnil .perfomance-thumb { position: inherit; margin-bottom: 40px; } } .management-thumbnil .perfomance-thumb img { width: 100%; border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08); } .management-style-1 .section-title { margin-bottom: 35px; } .management-style-1 .section-title .title { margin-bottom: 20px; } .management-style-1 .section-title p { font-size: 18px; margin-right: 48px; } .management-style-1 .content h2 { line-height: 56px; font-weight: var(--zaplin-p-medium); margin-bottom: 0; } .management-style-1 .content h2 i { font-size: 34px; padding-left: 13px; } .management-style-1 .content h2 i.flaticon-arrow-up-1 { color: #4BCD5F; } .management-style-1 .content h2 i.flaticon-arrow-down-1 { color: #FB1E1E; } @media only screen and (max-width: 991px) { .management-style-1 .content h2 i { font-size: 22px; } } .management-style-1 .content h5 { margin-bottom: 25px; } @media only screen and (max-width: 575px) { .management-style-1 .content h5 { font-size: var(--zaplin-font-size-b1); } } .management-style-1 .content p { color: var(--zaplin-color-heading-2); } .management-style-1 .management-thumbnil .shape-group li.shape-1 { top: -43px; left: 176px; } .management-style-1 .management-thumbnil .shape-group li.shape-2 { top: 223px; right: -8px; } .management-style-1 .management-thumbnil .shape-group li.shape-3 { bottom: -5px; left: 70px; z-index: 1; } .management-style-1 .management-thumbnil .shape-group li.shape-4 { left: 40px; top: 105px; z-index: -1; } .management-style-1 .management-thumbnil .shape-group li.shape-4 span { width: 412px; height: 412px; border-radius: 50%; background: rgba(133, 78, 242, 0.05); display: inline-block; } .management-style-1.management-style-3 .management-thumbnil { padding: 130px 70px; border-radius: 20px; margin-left: 0; background: url(../images/bg-image/management-bg-01.png); background-position: center; background-repeat: no-repeat; } @media (max-width: 1450px) { .management-style-1.management-style-3 .management-thumbnil { margin-left: 0; } } @media only screen and (max-width: 1199px) { .management-style-1.management-style-3 .management-thumbnil { padding: 70px; } } @media only screen and (max-width: 767px) { .management-style-1.management-style-3 .management-thumbnil { padding: 25px; } } .management-style-1.management-style-3 .management-thumbnil .main-img { position: absolute; } @media only screen and (max-width: 1199px) { .management-style-1.management-style-3 .management-thumbnil .main-img { display: none; } } .management-style-1.management-style-3 .management-thumbnil .main-img.main-img-2 { left: 85px; top: 70px; } .management-style-1.management-style-3 .management-thumbnil .main-img.main-img-3 { left: 85px; top: 225px; } .management-style-1.management-style-3 .management-thumbnil .main-img.main-img-4 { left: 85px; bottom: 100px; } .management-style-1.management-style-3 .management-thumbnil .main-img-1 { border-radius: 10px; margin-left: 185px; box-shadow: 0px 15px 30px 15px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .management-style-1.management-style-3 .management-thumbnil .main-img-1 { width: 100%; margin-left: 0; } } .management-style-1.management-style-3 .management-content { margin-top: 120px; margin-left: 30px; } @media only screen and (max-width: 1199px) { .management-style-1.management-style-3 .management-content { margin-top: 40px; margin-left: 0; } } .management-area-2 .section-descriptioon { margin-top: 50px; } .management-area-2 .section-descriptioon p { font-size: var(--zaplin-font-size-b2); } .map-center-area-1 { background: #FDFFE4; position: relative; } .map-center-area-1::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/hosting-line-partten-bg-01.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .map-center-area-1 .section-title { position: relative; z-index: 1; } @media only screen and (max-width: 479px) { .map-center-area-1 .section-title { margin-bottom: 0; } } .map-center-area-1 .section-title p { font-size: var(--zaplin-font-size-b2); max-width: 680px; margin: 0 auto; } .map-center-area-1 .interactive-map { text-align: center; position: relative; } @media only screen and (max-width: 479px) { .map-center-area-1 .interactive-map { display: none; } } .map-center-area-1 .interactive-map .country-flag { cursor: pointer; border-radius: 68px; border: 8px solid var(--zaplin-color-white); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .map-center-area-1 .interactive-map .country-flag:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .map-center-area-1 .interactive-map .point { position: absolute; } .map-center-area-1 .interactive-map .point.england { left: 43%; top: 88px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.england { left: 37%; top: 46px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.england { left: 33%; } } .map-center-area-1 .interactive-map .point.africa { left: 50%; bottom: 75px; } .map-center-area-1 .interactive-map .point.argentina { left: 27%; bottom: 10px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.argentina { left: 24%; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.argentina { bottom: 0; } } .map-center-area-1 .interactive-map .point.colombia { right: 33%; top: 50px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.colombia { right: 20px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.colombia { top: 30px; } } .map-center-area-1 .interactive-map .point.canada { left: 23%; top: 33px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.canada { left: 14%; top: 26px; } } .map-center-area-1 .interactive-map .point.china { right: 18.5%; top: 174px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.china { right: 10.5%; top: 112px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.china { top: 86px; } } .map-center-area-1 .interactive-map .point.australia { right: 17%; bottom: 65px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.australia { right: 11%; bottom: 40px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.australia { bottom: 0; } } .map-center-area-1 .interactive-map .point.india { right: 31%; bottom: 204px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.india { right: 26%; bottom: 134px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.india { left: 33%; } } .map-center-area-1 .interactive-map .point.korea { right: 12%; top: 113px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.korea { right: 15%; top: 66px; } } @media only screen and (max-width: 767px) { .map-center-area-1 .interactive-map .point.korea { right: 20%; top: 30px; } } .map-center-area-1 .interactive-map .point.usa { left: 16%; top: 168px; } @media only screen and (max-width: 991px) { .map-center-area-1 .interactive-map .point.usa { left: 8%; top: 100px; } } .miscellaneous-image-gallery { position: relative; padding: 90px 0 60px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .miscellaneous-image-gallery { text-align: center; } } .miscellaneous-image-gallery .main-img-1 { position: relative; } .miscellaneous-image-gallery .chat-thumb { position: absolute; } .miscellaneous-image-gallery .chat-thumb.chat-thumb-1 { left: 0; bottom: 0; } .miscellaneous-image-gallery .shape-group li { position: absolute; z-index: -1; } .miscellaneous-tab .faq-accordion .accordion-item { border: none; border-radius: 0; margin-bottom: 0; } .miscellaneous-tab .faq-accordion .accordion-item .accordion-button { padding: 25px 0; background-color: transparent; } .miscellaneous-tab .faq-accordion .accordion-item .accordion-button::after, .miscellaneous-tab .faq-accordion .accordion-item .accordion-button::before { display: none; } .miscellaneous-tab .faq-accordion .accordion-item .accordion-button span { padding-right: 24px; } .miscellaneous-tab .faq-accordion .accordion-item .accordion-button.collapsed { border-bottom: 1px solid #e5e5e5; border-radius: 0; } .miscellaneous-tab .faq-accordion .accordion-item .accordion-body { padding: 0 0 0 45px; background-color: transparent; } .miscellaneous-content { padding-top: 65px; } @media only screen and (max-width: 991px) { .miscellaneous-content { padding-top: 0; } } .miscellaneous-content .section-title { margin-bottom: 0; } .miscellaneous-content .section-title p { font-size: var(--zaplin-font-size-b2); line-height: 32px; margin-bottom: 30px; } .miscellaneous-content .features-list { margin-bottom: 40px; } .miscellaneous-content .features-list li { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-3); padding-left: 25px; position: relative; margin-bottom: 16px; margin-top: 16px; } .miscellaneous-content .features-list li:before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-extra-color09); font-size: 14px; position: absolute; left: 0; top: 2px; } .miscellaneous-content .miscellaneous-list .miscellaneous-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; padding-left: 0; } .miscellaneous-content .miscellaneous-list .miscellaneous-icon .miscellaneous-item { width: 90px; height: 60px; line-height: 57px; text-align: center; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); margin-right: 15px; } .miscellaneous-content .social-btn-wrapper { max-width: 438px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 40px; } @media only screen and (max-width: 575px) { .miscellaneous-content .social-btn-wrapper { max-width: 300px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 420px) { .miscellaneous-content .social-btn-wrapper { max-width: 100%; grid-template-columns: repeat(1, 1fr); } } .miscellaneous-content .social-btn-wrapper .social-btn { width: 138px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; border: 1.5px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .miscellaneous-content .social-btn-wrapper .social-btn::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; -webkit-transition: all .3s; transition: all .3s; border-radius: 50px; z-index: -1; } .miscellaneous-content .social-btn-wrapper .social-btn i { width: 40px; height: 40px; line-height: 45px; border-radius: 50%; margin-left: 5px; margin-right: 10px; margin-top: 4px; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-1 i { font-size: 20px; color: #008fa1; background: #DDF4F7; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-2 { width: 170px; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-2 i { font-size: 17px; color: #2aa41d; background: #DDEFDB; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-3 { width: 130px; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-3 i { font-size: 18px; color: #ffac2c; background: #F9EED6; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-4 i { font-size: 19px; color: #ff2e2e; background: #F7DDDD; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-5 { width: 130px; } .miscellaneous-content .social-btn-wrapper .social-btn.social-btn-5 i { font-size: 19px; color: #6a03ee; background: #EAE2FF; } .miscellaneous-content .social-btn-wrapper .social-btn:hover.social-btn-1::before { width: 100%; background: #DDF4F7; } .miscellaneous-content .social-btn-wrapper .social-btn:hover.social-btn-2::before { width: 100%; background: #DDEFDB; } .miscellaneous-content .social-btn-wrapper .social-btn:hover.social-btn-3::before { width: 100%; background: #F9EED6; } .miscellaneous-content .social-btn-wrapper .social-btn:hover.social-btn-4::before { width: 100%; background: #F7DDDD; } .miscellaneous-content .social-btn-wrapper .social-btn:hover.social-btn-5::before { width: 100%; background: #EAE2FF; } .miscellaneous-style-1 .miscellaneous-image-gallery { padding: 0 0 120px; } @media only screen and (max-width: 767px) { .miscellaneous-style-1 .miscellaneous-image-gallery { padding: 0 0 40px; } } @media only screen and (max-width: 991px) { .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb { display: none; } } .miscellaneous-style-1 .miscellaneous-image-gallery .main-img-1 { border: 1px solid var(--zaplin-color-heading-1); border-radius: 5px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-1 { left: -25px; bottom: 10px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-2 { left: 44px; bottom: 62px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-3 { left: 44px; bottom: -10px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-4 { bottom: 234px; right: 40px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-5 { bottom: 190px; right: 40px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-6 { bottom: 146px; right: 40px; } .miscellaneous-style-1 .miscellaneous-image-gallery .chat-thumb-7 { bottom: 32px; right: 40px; } .miscellaneous-style-1 .miscellaneous-image-gallery .shape-group li.shape-1 { left: 78px; top: -20px; z-index: 1; } .miscellaneous-style-1 .miscellaneous-image-gallery .shape-group li.shape-2 { right: 104px; top: 117px; z-index: 1; } .miscellaneous-style-1 .miscellaneous-image-gallery .shape-group li.shape-3 { left: 67px; top: -30px; } .miscellaneous-style-1 .miscellaneous-content { padding-top: 0; padding-right: 20px; } @media only screen and (max-width: 991px) { .miscellaneous-style-1 .miscellaneous-content { padding-right: 0; } } .miscellaneous-style-2 .miscellaneous-image-gallery { padding: 80px 80px 70px 70px; border-radius: 20px; } @media only screen and (max-width: 767px) { .miscellaneous-style-2 .miscellaneous-image-gallery { padding: 40px 40px 35px 35px; } } .miscellaneous-style-2 .miscellaneous-image-gallery img { border-radius: 10px; } .miscellaneous-style-2 .miscellaneous-image-gallery .chat-thumb { box-shadow: 0px 15px 30px 15px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .miscellaneous-style-2 .miscellaneous-image-gallery .chat-thumb { display: none; } } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 { background: -webkit-linear-gradient(306deg, #C095F5 0%, #5849FF 98.93%); background: linear-gradient(144deg, #C095F5 0%, #5849FF 98.93%); } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 .section-title { margin-top: 90px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 .section-title { margin-top: 50px; } } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 .chat-thumb-1 { top: 175px; left: 70px; } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 .chat-thumb-2 { right: 70px; top: 278px; } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 { padding: 80px 80px 123px 70px; background: -webkit-linear-gradient(306deg, #8E57A1 0%, #2B133D 99.13%); background: linear-gradient(144deg, #8E57A1 0%, #2B133D 99.13%); } @media only screen and (max-width: 767px) { .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 { padding: 40px 40px 35px 35px; } } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 .main-img-1 { margin-left: -70px; } @media only screen and (max-width: 767px) { .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 .main-img-1 { margin-left: 0; } } .miscellaneous-style-2 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 .chat-thumb-3 { right: 70px; bottom: 70px; } .miscellaneous-style-2 .miscellaneous-image-gallery .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-style-2 .miscellaneous-image-gallery .section-title p { font-size: var(--zaplin-font-size-b2); line-height: 32px; color: var(--zaplin-color-white); margin-bottom: 0; } .miscellaneous-style-3 .miscellaneous-image-gallery-3 { padding: 110px 100px; border-radius: 20px; background: url(../images/bg-image/miscellaneous-bg-01.png); background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 30px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-3 .miscellaneous-image-gallery-3 { padding: 40px; margin-right: 0; } } .miscellaneous-style-3 .miscellaneous-image-gallery-3 .main-img-1 { border-radius: 10px; box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); } .miscellaneous-style-3 .miscellaneous-image-gallery-3 .chat-thumb { border-radius: 10px; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1199px) { .miscellaneous-style-3 .miscellaneous-image-gallery-3 .chat-thumb { display: none; } } .miscellaneous-style-3 .miscellaneous-image-gallery-3 .chat-thumb.chat-thumb-1 { bottom: inherit; top: 50px; left: 50px; } .miscellaneous-style-3 .miscellaneous-image-gallery-3 .chat-thumb.chat-thumb-2 { top: inherit; right: 50px; bottom: 50px; } .miscellaneous-style-3 .miscellaneous-content { padding-top: 0; padding-left: 50px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-3 .miscellaneous-content { padding-left: 45px; } } @media only screen and (max-width: 991px) { .miscellaneous-style-3 .miscellaneous-content { padding-left: 0; } } .miscellaneous-style-3 .miscellaneous-content .section-title .title { text-transform: capitalize; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-3 .miscellaneous-content .section-title .title br { display: none; } } .miscellaneous-style-3 .miscellaneous-content .section-title p { margin-bottom: 8px; color: var(--zaplin-color-heading-2); } .miscellaneous-style-3 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item p { color: var(--zaplin-color-heading-2); } .miscellaneous-style-3 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-header .accordion-button { padding: 23px 0; font-weight: var(--zaplin-p-medium); } .miscellaneous-style-4 { height: 425px; border-radius: 20px; background: #0E0E0E; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .miscellaneous-style-4 { height: 100%; } } .miscellaneous-style-4::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; background-image: url(../images/bg-image/miscellaneous-bg-02.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .miscellaneous-style-4 .miscellaneous-content { padding: 80px 55px 80px 100px; margin-top: -60px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-4 .miscellaneous-content { padding: 80px 0px 60px 50px; } } @media only screen and (max-width: 991px) { .miscellaneous-style-4 .miscellaneous-content { padding: 80px 50px 60px 50px; } } @media only screen and (max-width: 479px) { .miscellaneous-style-4 .miscellaneous-content { padding: 80px 30px 40px 30px; } } .miscellaneous-style-4 .miscellaneous-content .section-title { margin-bottom: 0; } .miscellaneous-style-4 .miscellaneous-content .section-title .title { color: var(--zaplin-color-white); margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-4 .miscellaneous-content .section-title .title br { display: none; } } .miscellaneous-style-4 .miscellaneous-content .section-title p { color: var(--zaplin-color-white); margin-bottom: 30px; } .miscellaneous-style-4 .miscellaneous-content .miscellaneous-btn .brn-round-1 { background: var(--zaplin-color-primary); } .miscellaneous-style-4 .miscellaneous-image-gallery { padding: 0; } .miscellaneous-style-4 .miscellaneous-image-gallery .main-img-1 { margin-top: -75px; margin-left: 30px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-4 .miscellaneous-image-gallery .main-img-1 { margin-top: -30px; } } @media only screen and (max-width: 991px) { .miscellaneous-style-4 .miscellaneous-image-gallery .main-img-1 { margin-top: 0; margin-left: 0; } } .miscellaneous-style-4 .miscellaneous-image-gallery .shape-group li.shape-1 { left: 105px; top: 20px; } .miscellaneous-style-4 .miscellaneous-image-gallery .shape-group li.shape-2 { right: 110px; bottom: 100px; } .miscellaneous-style-5 { background: #050505; } .miscellaneous-style-5 .miscellaneous-image-gallery { background: rgba(255, 255, 255, 0.02); padding: 50px 40px 0 40px; border: 1px solid rgba(255, 255, 255, 0.07); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); border-radius: 10px; margin-top: -50px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-5 .miscellaneous-image-gallery { margin-top: 0; } } .miscellaneous-style-5 .miscellaneous-image-gallery.miscellaneous-image-gallery-1, .miscellaneous-style-5 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 { border-radius: 0; } .miscellaneous-style-5 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 img, .miscellaneous-style-5 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 img { width: 100%; } .miscellaneous-style-5 .miscellaneous-image-gallery .section-title { margin-top: 0 !important; } .miscellaneous-style-5 .miscellaneous-image-gallery .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-style-5 .miscellaneous-image-gallery .section-title p { color: var(--zaplin-color-heading-3); } .miscellaneous-style-5 .miscellaneous-image-gallery .main-img-1, .miscellaneous-style-5 .miscellaneous-image-gallery .main-img-2 { border-radius: 0; position: absolute; left: 75px; bottom: 0; } .miscellaneous-style-5.miscellaneous-style-12 { background: #121212; } .miscellaneous-style-5.miscellaneous-style-12 .miscellaneous-image-gallery .main-img-1, .miscellaneous-style-5.miscellaneous-style-12 .miscellaneous-image-gallery .main-img-2 { position: inherit; left: inherit; padding: 0; border-radius: 10px 10px 0 0; border: none; } .miscellaneous-style-5.miscellaneous-style-12 .miscellaneous-image-gallery .section-title p { color: var(--zaplin-color-heading-3); } .miscellaneous-style-6 { background-color: #050505; position: relative; } .miscellaneous-style-6::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/miscellaneous/miscellaneous-gradient-bg-02.png); background-position: center top; background-repeat: no-repeat; background-size: cover; z-index: 1; } .miscellaneous-style-6 .miscellaneous-image-gallery { padding: 0; margin-left: -32px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-6 .miscellaneous-image-gallery { margin: 0; } } .miscellaneous-style-6 .miscellaneous-content { padding-top: 0; padding-left: 40px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .miscellaneous-style-6 .miscellaneous-content { padding-left: 0; } } .miscellaneous-style-6 .miscellaneous-content .section-title { position: relative; margin-bottom: 55px; } .miscellaneous-style-6 .miscellaneous-content .section-title::before { content: ""; position: absolute; left: 0; right: 0; bottom: -32px; width: 100%; height: 1px; background-image: url(../images/others/dash-line-01.png); z-index: -1; } @media only screen and (max-width: 575px) { .miscellaneous-style-6 .miscellaneous-content .section-title::before { display: none; } } .miscellaneous-style-6 .miscellaneous-content .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-style-6 .miscellaneous-content .section-title p { color: var(--zaplin-color-heading-3); } @media only screen and (max-width: 991px) { .miscellaneous-style-6 .miscellaneous-content .section-title p { font-size: var(--zaplin-font-size-b1); } } .miscellaneous-style-6 .miscellaneous-content .features-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 60px; margin-left: 0; } @media only screen and (max-width: 767px) { .miscellaneous-style-6 .miscellaneous-content .features-wrapper { display: block; height: 100%; } } @media only screen and (max-width: 767px) { .miscellaneous-style-6 .miscellaneous-content .features-wrapper .features-list { margin-bottom: 0; } } .miscellaneous-style-6 .miscellaneous-content .features-wrapper .features-list li::before { color: var(--zaplin-color-secondary); } .miscellaneous-style-6 .shape-group li.shape-1 { left: 0; top: 0; z-index: 0; } .miscellaneous-style-7 { border-radius: 40px; background: url(../images/bg-image/miscellaneous-bg-03.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 120px 230px; margin: 0 70px; } @media only screen and (max-width: 1650px) { .miscellaneous-style-7 { padding: 100px 120px; margin: 0 40px; } } @media only screen and (max-width: 1199px) { .miscellaneous-style-7 { padding: 60px 80px; } } @media only screen and (max-width: 767px) { .miscellaneous-style-7 { padding: 60px 60px; margin: 0 20px; } } @media only screen and (max-width: 479px) { .miscellaneous-style-7 { padding: 30px 30px; } } .miscellaneous-style-7 .miscellaneous-content { padding-top: 0; } .miscellaneous-style-7 .miscellaneous-image-gallery { padding: 0 0 0 35px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-7 .miscellaneous-image-gallery { padding: 0; } } .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper { max-width: 630px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; position: relative; } @media only screen and (max-width: 1199px) { .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper { max-width: 100%; } } .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper::before { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background: -webkit-linear-gradient(left, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.92%, rgba(13, 13, 13, 0) 100%); background: linear-gradient(90deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.92%, rgba(13, 13, 13, 0) 100%); } @media (max-width: 1450px) { .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper::before { display: none; } } .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn { position: relative; } .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn::after { content: ""; position: absolute; right: -25px; width: 1px; height: 321px; background: -webkit-linear-gradient(top, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.22%, rgba(13, 13, 13, 0) 100%); background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.22%, rgba(13, 13, 13, 0) 100%); } @media (max-width: 1450px) { .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn::after { display: none; } } .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-3::after, .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-4::after, .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-5::after, .miscellaneous-style-7 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-6::after { display: none; } .miscellaneous-style-8 { background: url(../images/bg-image/customizable-bg-02.svg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; } .miscellaneous-style-8::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/customizable-bg-01.svg); background-position: center; background-repeat: no-repeat; background-size: cover; } .miscellaneous-style-8 .miscellaneous-content { padding-top: 0; } .miscellaneous-style-8 .miscellaneous-content .section-title .pre-title { color: var(--zaplin-color-white); } .miscellaneous-style-8 .miscellaneous-content .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab { max-width: 520px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab { max-width: 100%; } } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item { background: transparent; } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-button { color: var(--zaplin-color-white); } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-button.collapsed { border-bottom: none; } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-body { margin-top: -5px; } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-body p { color: var(--zaplin-color-heading-3); } .miscellaneous-style-8 .miscellaneous-content .miscellaneous-btn { margin-top: 30px; } .miscellaneous-style-8 .miscellaneous-image-gallery .main-img-1 { border-radius: 10px; } @media only screen and (max-width: 991px) { .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb { display: none; } } .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb.chat-thumb-1 { bottom: inherit; left: 27px; top: 259px; } .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb.chat-thumb-2 { left: 256px; top: 37px; } .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb.chat-thumb-3 { right: 22px; top: 162px; } .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb.chat-thumb-4 { border-radius: 5px; right: -5px; top: 352px; } .miscellaneous-style-8 .miscellaneous-image-gallery .chat-thumb.chat-thumb-5 { border-radius: 10px; left: -55px; bottom: 70px; } .miscellaneous-style-9 { background: #FEFCF7; } .miscellaneous-style-9 .miscellaneous-content { padding-top: 15px; padding-right: 100px; } @media only screen and (max-width: 991px) { .miscellaneous-style-9 .miscellaneous-content { padding-right: 0; } } .miscellaneous-style-9 .miscellaneous-tab .accordion-item { background: transparent; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-header { padding: 0; position: relative; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button { background-color: transparent; font-size: 20px; font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-heading-1); padding: 22px 0 22px 45px; position: relative; -webkit-transition: .3s; transition: .3s; z-index: 2; } @media only screen and (max-width: 575px) { .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button { font-size: 18px; } } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button::after, .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button::before { position: absolute; font-family: var(--zaplin-flaticon); font-size: 7px; width: 26px; height: 26px; line-height: 26px; padding: 1px 8px; top: 25px; left: 0; border-radius: 4px; right: inherit; opacity: 1; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: .3s; transition: .3s; display: block; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button::after { content: "\f155"; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button::before { content: "\f154"; color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); opacity: 0; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button.collapsed { border-bottom: 1px solid #ECECEC; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button.collapsed::before { opacity: 0; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button.collapsed::after { opacity: 1; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button:not(.collapsed) { box-shadow: none; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button:not(.collapsed)::before { opacity: 1; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button:not(.collapsed)::after { opacity: 0; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-button:focus { box-shadow: none; } .miscellaneous-style-9 .miscellaneous-tab .accordion-item .accordion-body p { color: var(--zaplin-color-heading-2); } .miscellaneous-style-9 .miscellaneous-image-gallery { padding: 30px 30px; border-radius: 20px; background: url(../images/bg-image/miscellaneous-bg-04.png); } .miscellaneous-style-9 .miscellaneous-image-gallery .main-img-1 { border-radius: 10px; width: 100%; } .miscellaneous-style-10 { background: #F5F5F5; } .miscellaneous-style-10 .miscellaneous-content { padding-top: 0; } .miscellaneous-style-10 .miscellaneous-content .section-title { max-width: 770px; margin: 0 auto; } .miscellaneous-style-10 .miscellaneous-image-gallery { padding: 20px 0 0; } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner { max-width: 770px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn { position: relative; } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn::before { content: ""; position: absolute; width: 1.2px; height: 80px; background: rgba(13, 13, 13, 0.15); } @media only screen and (max-width: 767px) { .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn::before { display: none; } } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn.partner-btn-1::before { right: -100px; bottom: -24px; } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn.partner-btn-2::before { right: -100px; bottom: -4px; } .miscellaneous-style-10 .miscellaneous-image-gallery .social-partner .partner-btn.partner-btn-3::before { display: none; } .miscellaneous-style-11 { background: #121212; } .miscellaneous-style-11 .miscellaneous-content { padding-top: 0; } .miscellaneous-style-11 .miscellaneous-content .section-title .pre-title { color: var(--zaplin-color-heading-3); } .miscellaneous-style-11 .miscellaneous-content .section-title .title { color: var(--zaplin-color-white); margin-bottom: 50px; } .miscellaneous-style-11 .miscellaneous-tab .miscellaneous-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .miscellaneous-style-11 .miscellaneous-tab .miscellaneous-box .icon i { width: 60px; height: 60px; padding: 10px 15px; font-size: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 15px; border-radius: 15px; margin-right: 20px; border: 1px solid rgba(255, 255, 255, 0.08); color: var(--zaplin-color-primary); background: -webkit-linear-gradient(323deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(127deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); } .miscellaneous-style-11 .miscellaneous-tab .miscellaneous-box .content-box span { font-size: var(--zaplin-font-size-b3); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-3); } .miscellaneous-style-11 .miscellaneous-tab .miscellaneous-box .content-box .title { color: var(--zaplin-color-white); font-weight: var(--zaplin-p-medium); margin-bottom: 10px; } .miscellaneous-style-11 .miscellaneous-tab .miscellaneous-box .content-box p { color: var(--zaplin-color-heading-3); margin-bottom: 30px; } .miscellaneous-style-11 .miscellaneous-image-gallery { padding: 50px 50px; margin-top: 150px; margin-left: 40px; margin-right: -50px; position: relative; } @media only screen and (max-width: 991px) { .miscellaneous-style-11 .miscellaneous-image-gallery { margin-top: 0; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 767px) { .miscellaneous-style-11 .miscellaneous-image-gallery { padding: 0; } } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 { border-radius: 15px; background: #151515; padding: 20px 20px; border: 1px solid rgba(255, 255, 255, 0.08); position: relative; } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 img { border-radius: 10px; } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 .video-play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; width: 90px; height: 90px; line-height: 90px; -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1); transition: all 1s cubic-bezier(0, 0, 0.2, 1); border-radius: 50%; background: var(--zaplin-color-primary); margin: 0 auto; display: inline-block; font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); text-transform: uppercase; text-align: center; color: var(--zaplin-color-white); } @media only screen and (max-width: 575px) { .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 .video-play-btn { width: 60px; height: 60px; line-height: 62px; } } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 .video-play-btn i { margin-left: 5px; } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 .video-play-btn:before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); border-radius: 50%; background: rgba(133, 78, 242, 0.4); -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-1 .video-play-btn:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: var(--zapkin-transition); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); border-radius: 50%; background: rgba(133, 78, 242, 0.4); -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; } .miscellaneous-style-11 .miscellaneous-image-gallery .main-img-2 { position: absolute; right: 0; top: -35px; z-index: -1; } .miscellaneous-area-13 { background: #121212; } .miscellaneous-style-13 { padding: 80px 80px 0 80px; border-radius: 15px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(323deg, rgba(32, 32, 32, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(127deg, rgba(32, 32, 32, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); } @media only screen and (max-width: 991px) { .miscellaneous-style-13 { padding: 80px 50px 0 50px; } } .miscellaneous-style-13 .miscellaneous-content { padding-top: 0; margin-top: -42px; margin-right: 20px; } @media only screen and (max-width: 991px) { .miscellaneous-style-13 .miscellaneous-content { margin-top: 0; margin-right: 0; } } .miscellaneous-style-13 .miscellaneous-content .section-title .pre-title { color: var(--zaplin-color-heading-3); } .miscellaneous-style-13 .miscellaneous-content .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-style-13 .miscellaneous-content .section-title p { font-size: var(--zaplin-font-size-b1); line-height: 26px; color: var(--zaplin-color-heading-3); } .miscellaneous-style-13 .miscellaneous-content .miscellaneous-list .miscellaneous-icon .miscellaneous-item { border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(323deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(127deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); } .miscellaneous-style-13 .miscellaneous-image-gallery { padding: 0; margin-bottom: -26px; } @media only screen and (max-width: 991px) { .miscellaneous-style-13 .miscellaneous-image-gallery { margin-bottom: 0; } } .miscellaneous-style-13 .miscellaneous-image-gallery .main-img-1 { margin-right: 80px; border-radius: 40px 40px 0 0; border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0px 50px 70px 0px rgba(255, 255, 255, 0.07); } @media only screen and (max-width: 991px) { .miscellaneous-style-13 .miscellaneous-image-gallery .main-img-1 { margin-right: 0; } } .miscellaneous-style-13 .miscellaneous-image-gallery .main-img-2 { margin-top: -334px; margin-right: -155px; border-radius: 40px 40px 0 0; border: 1px solid rgba(255, 255, 255, 0.06); } @media only screen and (max-width: 991px) { .miscellaneous-style-13 .miscellaneous-image-gallery .main-img-2 { display: none; } } .miscellaneous-style-14 .miscellaneous-image-gallery { padding: 50px 0 0; border-radius: 10px; } .miscellaneous-style-14 .miscellaneous-image-gallery::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .6; } .miscellaneous-style-14 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 { background: #F2EDFC; } .miscellaneous-style-14 .miscellaneous-image-gallery.miscellaneous-image-gallery-1::before { background: url(../images/bg-image/miscellaneous-bg-08.png); } .miscellaneous-style-14 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 { background: #F2EDFC; } .miscellaneous-style-14 .miscellaneous-image-gallery.miscellaneous-image-gallery-2::before { background: url(../images/bg-image/miscellaneous-bg-09.png); } .miscellaneous-style-14 .miscellaneous-image-gallery .section-title { margin-bottom: 40px; position: relative; z-index: 1; } .miscellaneous-style-14 .miscellaneous-image-gallery .main-img-1, .miscellaneous-style-14 .miscellaneous-image-gallery .main-img-2 { position: relative; border-radius: 10px 10px 0 0; } .miscellaneous-area-15 { background: #FEFCF8; overflow: hidden !important; max-height: 1300px; position: relative; } .miscellaneous-area-15 .section-title { position: relative; z-index: 2; } .miscellaneous-area-15 .section-title p { font-size: var(--zaplin-font-size-b2); } .miscellaneous-area-15 .miscellaneous-wrapper { height: 850px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; position: relative; overflow: hidden; margin: 0 -20px; padding: 0 20px; } @media only screen and (max-width: 991px) { .miscellaneous-area-15 .miscellaneous-wrapper { display: block; } } .miscellaneous-area-15 .miscellaneous-wrapper::before, .miscellaneous-area-15 .miscellaneous-wrapper::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; z-index: 1; pointer-events: none; } .miscellaneous-area-15 .miscellaneous-wrapper::before { bottom: 0; height: 187px; background: -webkit-linear-gradient(bottom, #FEFCF8 12.49%, rgba(254, 252, 248, 0) 203.94%); background: linear-gradient(360deg, #FEFCF8 12.49%, rgba(254, 252, 248, 0) 203.94%); } .miscellaneous-area-15 .miscellaneous-wrapper::after { top: -56px; height: 187px; background: -webkit-linear-gradient(top, #FEFCF8 12.49%, rgba(254, 252, 248, 0) 203.94%); background: linear-gradient(180deg, #FEFCF8 12.49%, rgba(254, 252, 248, 0) 203.94%); } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap { -webkit-animation: zaplinMiscellaneousScroll 40s linear infinite; animation: zaplinMiscellaneousScroll 40s linear infinite; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-animation-duration: 35s; animation-duration: 35s; } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide { padding: 40px 30px; border-radius: 10px; border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; position: relative; } @media only screen and (max-width: 767px) { .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide { display: block; } } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); border-radius: 15px; z-index: -1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide .icon { height: 70px; width: 120px; border-radius: 10px; border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); margin-right: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide .icon { width: 90px; margin-right: 0; margin-bottom: 30px; } } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide .content { margin-top: -7px; } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide .content h5 { margin-bottom: 8px; } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide .content p { margin: 0; color: var(--zaplin-color-heading-2); } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap .miscellaneous-slide:hover::after { -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); } .miscellaneous-area-15 .miscellaneous-wrapper .miscellaneous-wrap:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .miscellaneous-area-15 .miscellaneous-btn { text-align: center; margin-top: 20px; } .miscellaneous-style-16 .miscellaneous-image-gallery { padding: 50px 50px 0 50px; border-radius: 20px; } .miscellaneous-style-16 .miscellaneous-image-gallery.miscellaneous-image-gallery-1 { background: url(../images/bg-image/miscellaneous-bg-11.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .miscellaneous-style-16 .miscellaneous-image-gallery.miscellaneous-image-gallery-2 { background: url(../images/bg-image/miscellaneous-bg-12.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .miscellaneous-style-16 .miscellaneous-image-gallery .main-img-1, .miscellaneous-style-16 .miscellaneous-image-gallery .main-img-2 { border-radius: 20px 20px 0 0; } .miscellaneous-style-17 { background: #F5F2FF; } .miscellaneous-style-17 .miscellaneous-image-gallery { text-align: left; } @media only screen and (max-width: 767px) { .miscellaneous-style-17 .miscellaneous-image-gallery { padding: 90px 0 0; } } .miscellaneous-style-17 .miscellaneous-image-gallery .main-img-1 { border-radius: 20px; } @media only screen and (max-width: 767px) { .miscellaneous-style-17 .miscellaneous-image-gallery .main-img-1 { width: 100%; } } .miscellaneous-style-17 .miscellaneous-image-gallery .chat-thumb { border-radius: 20px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-17 .miscellaneous-image-gallery .chat-thumb { display: none; } } .miscellaneous-style-17 .miscellaneous-image-gallery .chat-thumb.chat-thumb-1 { bottom: inherit; top: 227px; left: -85px; } .miscellaneous-style-17 .miscellaneous-image-gallery .chat-thumb.chat-thumb-2 { top: inherit; right: 78px; bottom: 135px; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .miscellaneous-style-17 .miscellaneous-image-gallery .chat-thumb.chat-thumb-3 { right: 115px; top: 0; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .miscellaneous-style-17 .miscellaneous-content { padding-top: 30px; } .miscellaneous-style-17 .miscellaneous-content .pre-title { color: var(--zaplin-color-primary); padding: 0; } .miscellaneous-style-17 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-button { background-color: #F5F2FF; border-radius: 0; } .miscellaneous-style-17 .miscellaneous-content .miscellaneous-tab .faq-accordion .accordion-item .accordion-body { background-color: #F5F2FF; border-radius: 0; } .miscellaneous-style-17 .shape-group li.shape-1 { right: -190px; top: 46px; } .miscellaneous-style-18 { position: relative; } .miscellaneous-style-18 .miscellaneous-content { padding-top: 0; padding-right: 30px; } @media only screen and (max-width: 767px) { .miscellaneous-style-18 .miscellaneous-content { padding-right: 0; } } .miscellaneous-style-18 .miscellaneous-content .section-title { position: relative; } .miscellaneous-style-18 .miscellaneous-content .section-title::before { content: ""; position: absolute; left: 0; right: 0; bottom: -32px; width: 100%; height: 1px; background-image: url(../images/others/dash-line-02.png); } .miscellaneous-style-18 .miscellaneous-content .section-title p { color: var(--zaplin-color-heading-2); } .miscellaneous-style-18 .miscellaneous-content .features-wrapper { gap: 60px; margin-left: 0; margin-top: 32px; } @media only screen and (max-width: 767px) { .miscellaneous-style-18 .miscellaneous-content .features-wrapper { height: 100%; display: block; margin-top: 60px; } } .miscellaneous-style-18 .miscellaneous-content .features-wrapper .features-list { margin-bottom: 0; } .miscellaneous-style-18 .miscellaneous-content .features-wrapper .features-list li { color: var(--zaplin-color-heading-1); } .miscellaneous-style-18 .miscellaneous-content .features-wrapper .features-list li::before { color: var(--zaplin-color-heading-1); } .miscellaneous-style-18 .miscellaneous-content .miscellaneous-btn .zaplin-btn { border-radius: 65px; color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .miscellaneous-style-18 .miscellaneous-content .miscellaneous-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .miscellaneous-style-18 .miscellaneous-image-gallery { padding: 0 0 0 60px; } .miscellaneous-style-18 .shape-group li.shape-1 { right: 0; top: -200px; } .miscellaneous-area-20 { background: #F6F6F6; padding: 180px 0 150px; } @media only screen and (max-width: 991px) { .miscellaneous-area-20 { padding: 100px 0 80px; } } @media only screen and (max-width: 767px) { .miscellaneous-area-20 { padding: 60px 0 60px; } } .miscellaneous-area-20 .section-title { margin-bottom: 10px; } .miscellaneous-area-20 .miscellaneous-style-20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 80px 72px; border-radius: 20px; background: var(--zaplin-color-white); } @media only screen and (max-width: 991px) { .miscellaneous-area-20 .miscellaneous-style-20 { display: block; } } @media only screen and (max-width: 575px) { .miscellaneous-area-20 .miscellaneous-style-20 { padding: 50px 52px; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content .title { margin-bottom: 10px; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content .text { margin: 0; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content.miscellnous-wrap-content-1 { margin-top: 30px; margin-right: 26px; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content.miscellnous-wrap-content-1 { margin-right: 0; margin-top: 0; margin-bottom: 40px; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content.miscellnous-wrap-content-2 { position: absolute; bottom: 40px; right: 25px; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap .miscellnous-wrap-content.miscellnous-wrap-content-2 { position: inherit; bottom: 0; right: 0; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-1 { width: 28%; position: relative; text-align: right; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-1 { width: 35%; } } @media only screen and (max-width: 991px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-1 { width: 100%; text-align: center; margin-bottom: 50px; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 { width: 44%; text-align: center; position: relative; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 { width: 150px; height: 150px; margin: 51px 30px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1.5px dashed var(--zaplin-color-heading-1); } } @media only screen and (max-width: 991px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 { display: none; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .main-img { position: relative; z-index: 2; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .main-img { display: none; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .logo { position: inherit; top: inherit; left: inherit; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle { position: absolute; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle { display: none; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle svg:not(:root) { overflow: visible; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-left-1 { left: -15px; top: 70px; z-index: 1; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-left-2 { left: -15px; bottom: 75px; z-index: 1; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-right-1 { right: -15px; top: 76px; z-index: 1; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-right-2 { right: -15px; bottom: 80px; z-index: 1; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-line-1 { left: -9px; top: 40px; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-line-2 { left: -9px; bottom: 48px; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-line-3 { right: -9px; top: 45px; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-img-1 .angle.angle-line-4 { right: -9px; bottom: 44px; } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 { width: 28%; text-align: left; position: relative; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 { width: 35%; } } @media only screen and (max-width: 991px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 { width: 100%; text-align: center; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 .miscellnous-wrap-content-3 { margin-top: 40px; margin-left: 26px; } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 .miscellnous-wrap-content-3 { margin-top: 0; margin-left: 0; margin-bottom: 40px; } } .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 .miscellnous-wrap-content-4 { text-align: left; position: absolute; bottom: 40px; left: 25px; } @media only screen and (max-width: 991px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 .miscellnous-wrap-content-4 { text-align: center; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-20 .miscellaneous-style-20 .miscellaneous-wrap.miscellaneous-wrap-3 .miscellnous-wrap-content-4 { position: inherit; bottom: 0; left: 0; } } .miscellaneous-style-21 { padding-bottom: 170px; background: #F5F2FF; } @media only screen and (max-width: 1199px) { .miscellaneous-style-21 { padding-bottom: 50px; } } .miscellaneous-style-21 .section-title .pre-title { color: var(--zaplin-color-primary); } .miscellaneous-style-21 .bill-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; } @media only screen and (max-width: 1199px) { .miscellaneous-style-21 .bill-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .miscellaneous-style-21 .bill-content .bill-card { overflow: hidden; border-radius: 20px; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; text-align: right; position: relative; } .miscellaneous-style-21 .bill-content .bill-card.bill-card-1 { background: #FFF0CC; z-index: 3; } .miscellaneous-style-21 .bill-content .bill-card.bill-card-2 { background: #C6E7F4; z-index: 2; } .miscellaneous-style-21 .bill-content .bill-card.bill-card-3 { background: #FFDADC; z-index: 1; } .miscellaneous-style-21 .bill-content .bill-card .text-wrap { padding: 40px 40px 55px 40px; text-align: left; } .miscellaneous-style-21 .bill-content .bill-card .text-wrap .text { font-size: 32px; margin-bottom: 0; } .miscellaneous-area-22 { padding: 100px 0 110px; background: #F5F2FF; } .miscellaneous-area-22 .miscellaneous-style-22 { position: relative; border-radius: 20px; padding: 100px 90px 340px 90px; background-color: var(--zaplin-color-primary); } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 { padding: 100px 90px 220px 90px; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 { padding: 100px 90px 220px 90px; } } @media only screen and (max-width: 575px) { .miscellaneous-area-22 .miscellaneous-style-22 { padding: 60px 40px 220px 40px; } } .miscellaneous-area-22 .miscellaneous-style-22 .section-title .title { color: var(--zaplin-color-white); } .miscellaneous-area-22 .miscellaneous-style-22 .section-title .description { font-size: var(--zaplin-font-size-b3); color: var(--zaplin-color-white); } @media only screen and (max-width: 991px) { .miscellaneous-area-22 .miscellaneous-style-22 .section-title .description br { display: none; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share { margin-bottom: 0; padding-left: 0; } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box { margin: 0; list-style: none; display: inline-block; position: absolute; } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box a i { width: 200px; height: 200px; border-radius: 50%; line-height: 215px; display: block; font-size: 70px; text-align: center; color: var(--zaplin-color-white); background-color: #9160F3; } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box a i { width: 150px; height: 150px; line-height: 155px; font-size: 45px; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box a i { width: 100px; height: 100px; line-height: 115px; font-size: 30px; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-1 { left: 90px; bottom: 0; } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-1 { left: 70px; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-2 { left: 300px; bottom: 20px; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-2 { left: 240px; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-2 { left: 200px; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-3 { left: 515px; bottom: 150px; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-3 { left: 350px; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-3 { bottom: 120px; } } @media only screen and (max-width: 575px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-3 { left: 90px; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-4 { right: 290px; bottom: 100px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-4 { right: 240px; } } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-4 { right: 150px; } } .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-5 { right: 90px; bottom: 0; } @media only screen and (max-width: 1199px) { .miscellaneous-area-22 .miscellaneous-style-22 .social-share .icon-box.icon-box-5 { right: 70px; } } .miscellaneous-area-23 { background-color: #211F36; background-image: url(../images/bg-image/miscellaneous-bg-13.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } .miscellaneous-area-23 .section-title .title { font-size: 96px; color: var(--zaplin-color-white); text-transform: uppercase; margin-bottom: 100px; } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .section-title .title { font-size: 36px; margin-bottom: 60px; } } .miscellaneous-area-23 .section-title .title .text-border { padding: 2px 30px; display: inline-block; border-radius: 100px; border: 2px solid var(--zaplin-color-white); } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .section-title .title .text-border { font-size: 36px; padding: 2px 15px; } } .miscellaneous-area-23 .miscellaneous-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); } @media (max-width: 1600px) { .miscellaneous-area-23 .miscellaneous-wrapper { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 1199px) { .miscellaneous-area-23 .miscellaneous-wrapper { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper { grid-template-columns: repeat(1, 1fr); } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 { padding: 0 0 150px; position: relative; border: 1px solid rgba(255, 255, 255, 0.15); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 { padding: 150px 100px; } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 100px 0; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap { padding: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap i { font-size: 40px; color: var(--zaplin-color-white); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-top: 105px; } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap i { font-size: 28px; } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap .title { color: var(--zaplin-color-white); margin-bottom: 0; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .title-wrap .title { font-size: var(--zaplin-font-size-b3); } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding: 70px 40px; background-color: var(--zaplin-color-primary); opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap a { color: var(--zaplin-color-white); } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap a .title { color: var(--zaplin-color-white); margin-bottom: 35px; } @media only screen and (max-width: 767px) { .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap a .title { font-size: var(--zaplin-font-size-b3); } } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .text { color: var(--zaplin-color-white); margin-bottom: 25px; } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .feature-list { padding-left: 0; } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .feature-list .feature-title { list-style: none; color: var(--zaplin-color-white); } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .feature-list .feature-title i { width: 25px; height: 25px; line-height: 25px; font-size: 9px; text-align: center; display: inline-block; border-radius: 60px; margin-right: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--zaplin-color-white); background: var(--zaplin-color-primary); border: 1px solid rgba(255, 255, 255, 0.2); } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .feature-list .feature-title span { font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-regular); } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23 .hover-content-wrap .btn-transparent i { font-size: 22px; } .miscellaneous-area-23 .miscellaneous-wrapper .miscellaneous-style-23:hover .hover-content-wrap { opacity: 1; } .miscellaneous-style-24 { padding: 170px 0 350px; } @media only screen and (max-width: 991px) { .miscellaneous-style-24 { padding: 100px 0; } } .miscellaneous-style-24 .miscellaneous-image-gallery { max-width: 850px; padding: 0; margin: 0 auto; border-radius: 40px; border: 1px solid #E5E5E5; } .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin: 80px 60px; position: relative; } @media only screen and (max-width: 1199px) { .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper { max-width: 100%; } } .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 86%; height: 1px; background: -webkit-linear-gradient(left, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.92%, rgba(13, 13, 13, 0) 100%); background: linear-gradient(90deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.92%, rgba(13, 13, 13, 0) 100%); } @media (max-width: 1450px) { .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper::before { display: none; } } .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn { position: relative; } .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn::after { content: ""; position: absolute; right: -25px; width: 1px; height: 321px; background: -webkit-linear-gradient(top, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.22%, rgba(13, 13, 13, 0) 100%); background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 49.22%, rgba(13, 13, 13, 0) 100%); } @media (max-width: 1450px) { .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn::after { display: none; } } .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-3::after, .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-4::after, .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-5::after, .miscellaneous-style-24 .miscellaneous-image-gallery .social-btn-wrapper .social-btn.social-btn-6::after { display: none; } .miscellaneous-style-24 .banner-thumb-1 { display: inline-block; position: absolute; left: 42%; bottom: -164px; } @media only screen and (max-width: 991px) { .miscellaneous-style-24 .banner-thumb-1 { display: none; } } .miscellaneous-style-24 .banner-thumb-1 .banner-cricle-1 { width: 200px; height: 200px; border-radius: 100vmax; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .miscellaneous-style-24 .banner-thumb-1 .banner-cricle-1::after { content: ""; position: absolute; left: 8px; right: 0; top: 8px; bottom: 0; width: 185px; height: 185px; background-color: transparent; border-radius: 50%; border: 1px solid var(--zaplin-color-heading-1); } .miscellaneous-style-24 .banner-thumb-1 .banner-cricle-1 .logo { position: absolute; left: 50px; top: 50px; text-align: center; width: 100px; height: 100px; background-color: #F5F2FF; border-radius: 100vmax; z-index: 1; } .miscellaneous-style-24 .banner-thumb-1 .banner-cricle-1 .logo i { font-size: 40px; padding-top: 22px; display: block; } .miscellaneous-style-24 .banner-thumb-1 .banner-cricle-1 .textcircle { font-size: 50px; text-transform: uppercase; -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(1283%) hue-rotate(66deg) brightness(72%) contrast(90%); filter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(1283%) hue-rotate(66deg) brightness(72%) contrast(90%); -webkit-animation: textRotation 8s linear infinite; animation: textRotation 8s linear infinite; position: relative; } .miscellaneous-area-25 { position: relative; } @media only screen and (max-width: 767px) { .miscellaneous-area-25.gap-top-equal { padding-top: 60px; } } .miscellaneous-area-25 .content { position: relative; z-index: 2; } .miscellaneous-area-25 .content .text-split { font-size: 64px; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-regular); line-height: 70px; } @media only screen and (max-width: 991px) { .miscellaneous-area-25 .content .text-split { font-size: 48px; line-height: 58px; } } @media only screen and (max-width: 767px) { .miscellaneous-area-25 .content .text-split { font-size: 32px; line-height: 42px; } } .miscellaneous-area-25 .shape-group li .line { width: 1px; height: 900px; background: #E5E5E5; display: inline-block; position: relative; } .miscellaneous-area-25 .shape-group li .line::after { content: ""; position: absolute; left: 1px; top: 0; width: 2px; height: 40px; display: inline-block; background: -webkit-linear-gradient(bottom, #854EF2 0%, rgba(133, 78, 242, 0) 100%); background: linear-gradient(360deg, #854EF2 0%, rgba(133, 78, 242, 0) 100%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation: dotDown 1.5s infinite 2s cubic-bezier(0.42, 0, 0.58, 1); animation: dotDown 1.5s infinite 2s cubic-bezier(0.42, 0, 0.58, 1); } .miscellaneous-area-25 .shape-group li.shape-1 { left: 7px; top: -150px; } .miscellaneous-area-25 .shape-group li.shape-1 .line { height: 850px; } .miscellaneous-area-25 .shape-group li.shape-2 { left: 435px; top: -150px; } .miscellaneous-area-25 .shape-group li.shape-2 .line { height: 750px; } .miscellaneous-area-25 .shape-group li.shape-2 .line::after { -webkit-animation: dotDown2 2s infinite 3s cubic-bezier(0.42, 0, 0.58, 1); animation: dotDown2 2s infinite 3s cubic-bezier(0.42, 0, 0.58, 1); } .miscellaneous-area-25 .shape-group li.shape-3 { right: 435px; top: -150px; } .miscellaneous-area-25 .shape-group li.shape-3 .line { height: 750px; } .miscellaneous-area-25 .shape-group li.shape-3 .line::after { -webkit-animation: dotDown2 2s infinite 4s cubic-bezier(0.42, 0, 0.58, 1); animation: dotDown2 2s infinite 4s cubic-bezier(0.42, 0, 0.58, 1); } .miscellaneous-area-25 .shape-group li.shape-4 { right: 7px; top: -150px; } .platform-grid-wrap .platform-grid-list { display: grid; grid-template-columns: repeat(7, 1fr); position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .platform-grid-wrap .platform-grid-list { grid-template-columns: repeat(4, 1fr); gap: 30px; } } @media only screen and (max-width: 767px) { .platform-grid-wrap .platform-grid-list { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 575px) { .platform-grid-wrap .platform-grid-list { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .platform-grid-wrap .platform-grid-list { grid-template-columns: repeat(1, 1fr); } } .platform-box { width: 170px; border-radius: 15px; padding: 40px 45px 35px 45px; text-align: center; border-radius: 20px; background: var(--zaplin-color-white); box-shadow: -15px 13px 67px 0px rgba(0, 0, 0, 0.04); } @media only screen and (max-width: 1199px) { .platform-box { width: 100%; } } .platform-box .name { padding-top: 20px; padding-bottom: 7px; } .platform-box .name span { color: var(--zaplin-color-headding-1); } .platform-style-1 { margin: 0 50px; } @media only screen and (max-width: 1199px) { .platform-style-1 { margin: 0; } } /*------------------- Pricing Table Styles ---------------------*/ .pricing-table { background-color: var(--zaplin-color-white); box-shadow: var(--zaplin-shadow-darkest); border-radius: 20px; position: relative; text-align: center; } .pricing-table .pricing-header { margin-bottom: 24px; text-align: center; } .pricing-table .pricing-header .price-wrap { font-family: var(--zaplin-font-secondary); line-height: 1; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; margin: 0 30px; padding-bottom: 23px; } .pricing-table .pricing-header .price-wrap .amount { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); font-size: 48px; color: var(--zaplin-color-heading-1); display: inline-block; } .pricing-table .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-1); font-size: 16px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); } .pricing-table .pricing-header .title { padding: 22px 0; border-radius: 20px 20px 0px 0px; text-transform: capitalize; font-family: var(--zaplin-font-third); font-weight: var(--zaplin-p-bold); font-size: var(--zaplin-font-size-b3); color: var(--zaplin-color-heading-1); margin-bottom: 18px; } .pricing-table .pricing-header .title.title-1 { background: #FFECEC; } .pricing-table .pricing-header .title.title-2 { background: #ede4fd; } .pricing-table .pricing-header .title.title-3 { background: #FFF6E0; } .pricing-table .pricing-header p { margin: 22px 30px 15px 30px; } .pricing-table .pricing-body { padding: 0 50px 40px 50px; } .pricing-table .pricing-body .list-item { margin-bottom: 30px; } .pricing-table .pricing-body .list-item li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; margin: 0; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; text-align: left; color: var(--zaplin-color-heading-1); font-size: 16px; font-family: var(--zaplin-font-primary); padding-top: 10px; } .pricing-table .pricing-body .list-item li i { font-size: 10px; color: var(--zaplin-color-primary); margin-right: 10px; } .pricing-table .pricing-body .list-item li i.flaticon-minus-1 { font-size: 20px; line-height: 32px !important; color: rgba(133, 78, 242, 0.5) !important; } .pricing-table .pricing-body .list-item li + li { margin-top: 5px; } .pricing-table.pricing-table-1 { border: 1px solid var(--zaplin-color-white); } .pricing-table.pricing-table-1 .pricing-header .title { margin-bottom: 30px; } .pricing-table.pricing-table-1 .pricing-header .price-wrap { padding-bottom: 28px; } .pricing-table.pricing-table-1 .pricing-body .list-item li i { margin-top: 6px; } .pricing-table.pricing-table-1 .pricing-body .zaplin-btn { width: 100%; border-radius: 5px; color: var(--zaplin-color-primary); background: #EDE4FD; } .pricing-table.pricing-table-1 .pricing-body:hover .zaplin-btn { background: var(--zaplin-color-primary); color: var(--zaplin-color-white); } .pricing-table.pricing-table-1.pricing-active .zaplin-btn { background: var(--zaplin-color-primary); color: var(--zaplin-color-white); } .pricing-table.pricing-table-1.pricing-active .zaplin-btn:hover { color: var(--zaplin-color-primary); background: #EDE4FD; } .pricing-table.pricing-table-2 { padding: 45px 30px 15px 30px; border-radius: 15px; border: 1px solid var(--zaplin-color-heading-1); position: relative; } .pricing-table.pricing-table-2::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--zaplin-color-heading-1); border-radius: 20px; z-index: -1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .pricing-table.pricing-table-2 .pricing-header .title { font-size: 24px; padding: 0; border-radius: 0; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-semi-bold); } .pricing-table.pricing-table-2 .pricing-header p { margin: 15px 0 15px 0; } .pricing-table.pricing-table-2 .pricing-header .price-wrap { border-bottom: none; } .pricing-table.pricing-table-2 .pricing-header .pricing-btn .zaplin-btn { width: 100%; border-radius: 5px; color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); } .pricing-table.pricing-table-2 .pricing-header .pricing-btn .zaplin-btn:hover { background-color: var(--zaplin-color-heading-1); color: var(--zaplin-color-white); } .pricing-table.pricing-table-2 .pricing-body { padding: 0; } .pricing-table.pricing-table-2 .pricing-body p { font-size: 14px; font-weight: var(--zaplin-p-semi-bold); line-height: 24px; letter-spacing: 1px; text-transform: uppercase; } .pricing-table.pricing-table-2 .pricing-body .list-item li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .pricing-table.pricing-table-2:hover::after { -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); } .pricing-table.pricing-table-2.pricing-active::after { -webkit-transform: translate(7px, 7px); -ms-transform: translate(7px, 7px); transform: translate(7px, 7px); } .pricing-table.pricing-table-2.pricing-active .pricing-header .pricing-btn .zaplin-btn.active { color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); border: 1px solid var(--zaplin-color-heading-1); } .pricing-table.pricing-table-2.pricing-active .pricing-header .pricing-btn .zaplin-btn.active:hover { color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); } .pricing-table.pricing-table-3 { text-align: left; padding: 45px 30px; border-radius: 10px; border: 1px solid #E5E5E5; background: #FFF; -webkit-transition: var(--zaplin-transition-2); transition: var(--zaplin-transition-2); } .pricing-table.pricing-table-3 .pricing-header { text-align: left; } .pricing-table.pricing-table-3 .pricing-header .title { font-size: 24px; padding: 0; } .pricing-table.pricing-table-3 .pricing-header p { margin: inherit; } .pricing-table.pricing-table-3 .pricing-header .price-wrap { border-bottom: none; margin: inherit; } .pricing-table.pricing-table-3 .pricing-header .price-wrap .amount { margin-bottom: 0; } .pricing-table.pricing-table-3 .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-3 .pricing-header .pricing-btn .btn-round-1 { width: 100%; border-radius: 55px; color: var(--zaplin-color-heading-1); border: 1px solid #E5E5E5; background: #FFF; } .pricing-table.pricing-table-3 .pricing-header .pricing-btn .btn-round-1:hover { color: var(--zaplin-color-white); background-color: transparent; border: 1px solid var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3 .pricing-body { padding: 0; } .pricing-table.pricing-table-3 .pricing-body .list-item { margin-bottom: 0; } .pricing-table.pricing-table-3 .pricing-body .list-item li .flaticon-minus-1 { line-height: 32px; } .pricing-table.pricing-table-3 .pricing-body .list-item li i { width: 25px; height: 25px; line-height: 28px; text-align: center; color: var(--zaplin-color-primary); border-radius: 55px; background: #F3EDFE; } .pricing-table.pricing-table-3 .pricing-body .list-item li .flaticon-minus-1 { background: rgba(243, 237, 254, 0.5); } .pricing-table.pricing-table-3:hover { background: #2A2745; } .pricing-table.pricing-table-3:hover .pricing-header .title { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3:hover .pricing-header p { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3:hover .pricing-header .price-wrap .amount { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3:hover .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3:hover .pricing-body .list-item li { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3:hover .pricing-body .list-item li .flaticon-minus-1 { color: rgba(255, 255, 255, 0.2) !important; } .pricing-table.pricing-table-3:hover .pricing-body .list-item li i { color: var(--zaplin-color-white); background: rgba(238, 237, 255, 0.1); } .pricing-table.pricing-table-3.active { background: #2A2745; } .pricing-table.pricing-table-3.active .pricing-header .title { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3.active .pricing-header p { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3.active .pricing-header .price-wrap .amount { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3.active .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3.active .pricing-header .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: transparent; border: 1px solid var(--zaplin-color-heading-3); } .pricing-table.pricing-table-3.active .pricing-body .list-item li { color: var(--zaplin-color-white); } .pricing-table.pricing-table-3.active .pricing-body .list-item li .flaticon-minus-1 { color: rgba(255, 255, 255, 0.2) !important; } .pricing-table.pricing-table-3.active .pricing-body .list-item li i { color: var(--zaplin-color-white); background: rgba(238, 237, 255, 0.1); } .pricing-table.pricing-table-5 { padding: 50px 30px; border-radius: 10px; box-shadow: none; background: var(--zaplin-color-white); border: 1px solid #E5E5E5; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .pricing-table.pricing-table-5 .pricing-header { text-align: left; margin-bottom: 35px; } .pricing-table.pricing-table-5 .pricing-header .title { font-size: 24px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-color-secondary); padding: 0; margin-bottom: 25px; } .pricing-table.pricing-table-5 .pricing-header .price-wrap { margin: 0; padding-bottom: 17px; border-bottom: none; } .pricing-table.pricing-table-5 .pricing-header p { margin: 0px 0px 40px 0px; } .pricing-table.pricing-table-5 .pricing-header .pricing-btn .btn-round-1 { width: 100%; border: 1px solid #E5E5E5; border-radius: 5px; color: var(--zaplin-color-heading-1); background: transparent; } .pricing-table.pricing-table-5 .pricing-body { padding: 0; } .pricing-table.pricing-table-5 .pricing-body .list-item { margin-bottom: 0; } .pricing-table.pricing-table-5:hover { border: 1px solid #F6F6F6; background: #F6F6F6; } .pricing-table.pricing-table-5:hover .pricing-header .pricing-btn .btn-round-1 { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); border: 1px solid var(--zaplin-color-primary); } .pricing-table.pricing-table-5.active { border: 1px solid #F6F6F6; background: #F6F6F6; } .pricing-table.pricing-table-5.active .pricing-header .pricing-btn .btn-round-1 { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); border: 1px solid var(--zaplin-color-primary); } .pricing-table.pricing-table-5.active .pricing-header .pricing-btn .btn-round-1:hover { border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: transparent; } .pricing-table.pricing-table-6 { padding: 45px 38px 50px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.03) 100%); } .pricing-table.pricing-table-6 .pricing-header { margin-bottom: 6px; } .pricing-table.pricing-table-6 .pricing-header .title { font-size: 24px; font-family: var(--zaplin-font-third); color: var(--zaplin-color-white); padding: 10px 0; margin-bottom: 0; } .pricing-table.pricing-table-6 .pricing-header p { color: var(--zaplin-color-heading-3); margin: 0 0 30px; } .pricing-table.pricing-table-6 .pricing-header .price-wrap { margin: 0; border-bottom: none; } .pricing-table.pricing-table-6 .pricing-header .price-wrap .amount { font-family: var(--zaplin-font-third); font-size: 48px; font-weight: var(--zaplin-p-bold); } .pricing-table.pricing-table-6 .pricing-header .price-wrap .amount.amount-1 { color: #32FF6B; } .pricing-table.pricing-table-6 .pricing-header .price-wrap .amount.amount-2 { color: #FFA800; } .pricing-table.pricing-table-6 .pricing-header .price-wrap .amount span { font-weight: var(--zaplin-p-regular); position: relative; top: -17px; left: 8px; font-size: 24px; } .pricing-table.pricing-table-6 .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-6 .pricing-body { padding: 0; } .pricing-table.pricing-table-6 .pricing-body .list-item li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; color: var(--zaplin-color-white); } .pricing-table.pricing-table-6 .pricing-body .list-item li.off-text { opacity: 0.4; } .pricing-table.pricing-table-6 .pricing-body .pricing-btn .zaplin-btn { width: inherit; height: 50px; line-height: 50px; padding: 0 45px; border-radius: 100px; } .pricing-table.pricing-table-6 .pricing-body .pricing-btn .zaplin-btn.btn-color-white { color: var(--zaplin-color-primary); background: var(--zaplin-color-white); } .pricing-table.pricing-table-6 .pricing-body .pricing-btn .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .pricing-table.pricing-table-6.pricing-active .pricing-btn .zaplin-btn.btn-color-white { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .pricing-table.pricing-table-6.pricing-active .pricing-btn .zaplin-btn.btn-color-white:hover { color: var(--zaplin-color-white); background: #6f3ecf; } .pricing-table.pricing-table-7 { background: transparent; box-shadow: none; border-radius: inherit; padding: 60px 40px; position: relative; z-index: 2; } .pricing-table.pricing-table-7 .pricing-header { text-align: left; margin-bottom: 30px; } .pricing-table.pricing-table-7 .pricing-header .title { color: var(--zaplin-color-white); padding: 0; border-radius: inherit; font-size: 24px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); margin-bottom: 50px; } .pricing-table.pricing-table-7 .pricing-header .price-wrap { margin: 0 60px 0 0; border-bottom: none; } .pricing-table.pricing-table-7 .pricing-header .price-wrap .amount { color: var(--zaplin-color-white); } .pricing-table.pricing-table-7 .pricing-header .price-wrap .duration { color: var(--zaplin-color-white); } .pricing-table.pricing-table-7 .pricing-body { padding: 0; } .pricing-table.pricing-table-7 .pricing-body .list-item { margin-bottom: 60px; } .pricing-table.pricing-table-7 .pricing-body .list-item li { padding-left: 15px; color: var(--zaplin-color-white); position: relative; } .pricing-table.pricing-table-7 .pricing-body .list-item li::before { content: ""; position: absolute; left: 0; top: 20px; width: 5px; height: 5px; border-radius: 50%; background: var(--zaplin-color-secondary); } .pricing-table.pricing-table-7 .pricing-body .list-item li.off-text { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-7 .pricing-body .list-item li.off-text::before { background: rgba(234, 250, 52, 0.2); } .pricing-table.pricing-table-7 .pricing-body .pricing-btn .zaplin-btn { width: 100%; border-radius: 130px; border: 1px solid rgba(255, 255, 255, 0.1); background: #050505; color: var(--zaplin-color-white); } .pricing-table.pricing-table-7 .pricing-body .pricing-btn .zaplin-btn:hover { background: var(--zaplin-color-secondary); color: var(--zaplin-color-heading-1); } .pricing-table.pricing-table-7 .offer { position: absolute; right: 29px; top: 29px; border-radius: 30px; padding: 4px 14px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); } .pricing-table.pricing-table-7 .offer span { color: var(--zaplin-color-white); font-family: var(--zaplin-font-secondary); } .pricing-table.pricing-table-7.pricing-table-offer { border: 1px solid rgba(255, 255, 255, 0.06); background: url(../images/bg-image/pricing-hover-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .pricing-table.pricing-table-7.pricing-table-offer .pricing-btn .zaplin-btn { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .pricing-table.pricing-table-7.pricing-table-offer .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-heading-1); } .pricing-table.pricing-table-8 { text-align: left; padding: 45px 30px; border-radius: 10px; background: #FFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); -webkit-transition: var(--zaplin-transition-2); transition: var(--zaplin-transition-2); } .pricing-table.pricing-table-8 .pricing-header { text-align: left; } .pricing-table.pricing-table-8 .pricing-header .title { font-size: 24px; padding: 0; } .pricing-table.pricing-table-8 .pricing-header p { margin: inherit; color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-8 .pricing-header .price-wrap { border-bottom: none; margin: inherit; } .pricing-table.pricing-table-8 .pricing-header .price-wrap .amount { margin-bottom: 0; } .pricing-table.pricing-table-8 .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-8 .pricing-header .pricing-btn .btn-round-1 { width: 100%; border-radius: 5px; color: var(--zaplin-color-heading-1); border: 1px solid #E5E5E5; background: #FFF; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .pricing-table.pricing-table-8 .pricing-header .pricing-btn .btn-round-1:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .pricing-table.pricing-table-8.pricing-active .pricing-btn .btn-round-1 { width: 100%; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .pricing-table.pricing-table-8.pricing-active .pricing-btn .btn-round-1:hover { border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: #FFF; } .pricing-table.pricing-table-8 .pricing-body { padding: 0; } .pricing-table.pricing-table-8 .pricing-body .list-item { margin-bottom: 0; } .pricing-table.pricing-table-8 .pricing-body .list-item li i { width: 25px; height: 25px; line-height: 28px; text-align: center; color: var(--zaplin-color-primary); border-radius: 55px; background: #f3edfe; } .pricing-table.pricing-table-8.pricing-table-14 { padding: 50px 50px 50px 40px; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.07); border-radius: 20px; } .pricing-table.pricing-table-8.pricing-table-14 .pricing-header .title { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); } .pricing-table.pricing-table-8.pricing-table-14 .pricing-header p { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-8.pricing-table-14 .pricing-header .price-wrap .amount { display: inherit; margin-bottom: 10px; } .pricing-table.pricing-table-8.pricing-table-14 .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-2); font-weight: var(--zaplin-p-regular); } .pricing-table.pricing-table-8.pricing-table-14 .pricing-btn .zaplin-btn { border-radius: 8px; } .pricing-table.pricing-table-8.pricing-table-14 .offer { position: absolute; right: 20px; top: 20px; background: #F4F4F5; border-radius: 8px; display: inline-block; padding: 3px 9px; } .pricing-table.pricing-table-8.pricing-table-14 .offer span { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); } .pricing-table.pricing-table-8.pricing-table-14.pricing-table-active { margin: 0 15px 30px 15px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 991px) { .pricing-table.pricing-table-8.pricing-table-14.pricing-table-active { margin: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pricing-table.pricing-table-8.pricing-table-14.pricing-table-active .pricing-btn .zaplin-btn { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .pricing-table.pricing-table-8.pricing-table-14.pricing-table-active .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); border: 1px solid #E5E5E5; background-color: transparent; } .pricing-table.pricing-table-8.pricing-table-15 { box-shadow: none; padding: 45px 40px; } .pricing-table.pricing-table-8.pricing-table-15 .pricing-header { border-bottom: 1px solid #E5E5E5; margin-bottom: 30px; } .pricing-table.pricing-table-8.pricing-table-15 .pricing-header .title { margin-bottom: 40px; } .pricing-table.pricing-table-8.pricing-table-15 .pricing-header .price-wrap { padding-bottom: 10px; } .pricing-table.pricing-table-8.pricing-table-15 .pricing-header .price-wrap span { color: var(--zaplin-color-heading-1); } .pricing-table.pricing-table-8.pricing-table-15 .list-item { list-style: disc; list-style-type: disc !important; margin-bottom: 60px; margin-left: 20px; } .pricing-table.pricing-table-8.pricing-table-15 .list-item li { display: list-item; padding-left: 0; padding-top: 5px; } .pricing-table.pricing-table-8.pricing-table-15 .list-item li::marker { color: var(--zaplin-color-heading-1); } .pricing-table.pricing-table-8.pricing-table-15 .list-item li.inactive { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-8.pricing-table-15 .list-item li.inactive::marker { color: var(--zaplin-color-heading-2); } .pricing-table.pricing-table-8.pricing-table-15 .pricing-btn .zaplin-btn { width: 100%; height: 50px; line-height: 50px; color: var(--zaplin-color-heading-1); background-color: transparent; border: 1px solid #E5E5E5; } .pricing-table.pricing-table-8.pricing-table-15 .pricing-btn .zaplin-btn:hover { border: 1px solid var(--zaplin-color-primary); color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active { padding: 70px 40px 65px 40px; border-radius: 20px; background: #211F36; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); margin-top: -25px; position: relative; } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .pricing-header { border-color: rgba(255, 255, 255, 0.1); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .pricing-header .title { color: var(--zaplin-color-white); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .pricing-header .price-wrap span { color: var(--zaplin-color-white); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .list-item { list-style: disc; list-style-type: disc !important; margin-bottom: 70px; margin-left: 20px; } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .list-item li { display: list-item; padding-left: 0; color: var(--zaplin-color-white); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .list-item li::marker { color: var(--zaplin-color-white); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .list-item li.inactive { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .list-item li.inactive::marker { color: var(--zaplin-color-heading-3); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .pricing-btn .zaplin-btn { border: 1px solid var(--zaplin-color-primary); color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .pricing-btn .zaplin-btn:hover { border: 1px solid var(--zaplin-color-white); background: transparent; } .pricing-table.pricing-table-8.pricing-table-15.pricing-table-active .offer { position: absolute; right: 30px; top: 30px; border-radius: 120px; padding: 3px 10px; color: var(--zaplin-color-white); border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.03); } .pricing-table .pricing-btn .zaplin-btn.active { background: var(--zaplin-color-tertiary); color: var(--zaplin-color-white); } .pricing-area-1 { background: #F4F8F6; } .pricing-area-1 .section-title .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .pricing-area-1 .section-title p { color: var(--zaplin-color-heading-2); } @media only screen and (max-width: 767px) { .pricing-area-1 .section-title p br { display: none; } } .pricing-area-1 .shape-group li.shape-1 { left: 0; top: 100px; } .pricing-area-1 .pricing-table-1 .pricing-body .list-item li i { margin-top: 7px; } .pricing-area-2 { background: #FEFCF8; position: relative; } .pricing-area-2 .zaplin-nav-wrapper { margin: 0px auto 40px; } .pricing-area-2 .shape-group li.shape-1 { left: 0; right: 0; top: 0; } .pricing-area-2 .section-title { position: relative; margin-bottom: 0; } .pricing-area-2 .section-title p { margin-bottom: 30px; } .pricing-area-2 .tab-content-box .pricing-table .pricing-btn .zaplin-btn.active { background-color: var(--zaplin-color-heading-1); color: var(--zaplin-color-white); border: none; } .pricing-area-2 .pricing-table-2 .pricing-header p { margin: 15px 0 23px 0; } .pricing-area-2 .pricing-table-2 .pricing-header .price-wrap { padding-bottom: 38px; } .pricing-area-2 .pricing-table-2 .pricing-body p { margin-bottom: 20px; } .pricing-area-2 .pricing-table-2 .pricing-body .list-item li { padding-top: 2px; } .pricing-area-2.pricing-area-17 { background: var(--zaplin-color-white); } .pricing-area-2.pricing-area-17::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/pricing-bg-1.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .pricing-area-2.pricing-area-17 .section-title p { font-size: var(--zaplin-font-size-b3); } .pricing-area-2.pricing-area-17 .zaplin-nav-wrapper { margin: 0px auto 49px; } .pricing-area-3 .zaplin-nav-wrapper, .pricing-area-16 .zaplin-nav-wrapper { width: 210px; } .pricing-area-3 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2, .pricing-area-16 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2 { background: #2A2745; border: none; } .pricing-area-3 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2::after, .pricing-area-16 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2::after { top: 4px; background: var(--zaplin-color-white); } .pricing-area-16 { background: #F5F2FF; } .pricing-area-16 .section-title .pre-title { color: var(--zaplin-color-primary); } .pricing-area-15 { background-color: #F6F6F6; } .pricing-area-15 .zaplin-nav-wrapper { width: 210px; margin: 0px auto 75px; } .pricing-area-15 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2 { background: #2A2745; border: none; } .pricing-area-15 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs-2::after { top: 4px; background: var(--zaplin-color-white); } .pricing-area-15 .pricing-table-15 { background-color: transparent; } .zaplin-nav-wrapper { width: 300px; height: 40px; margin: 0px auto 60px; position: relative; } .zaplin-nav-wrapper h5 { display: inline-block; } .zaplin-nav-wrapper .year-wrap, .zaplin-nav-wrapper .month-wrap { font-size: 18px; font-family: var(--zaplin-font-secondary); position: absolute; top: 3px; } .zaplin-nav-wrapper .year-wrap { right: 15px; } .zaplin-nav-wrapper .month-wrap { left: 0; } .zaplin-tab-nav { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 33px; } .zaplin-tab-nav .zaplin-tab-slider-tabs { display: block; float: left; margin: 0; padding: 0; list-style: none; position: relative; overflow: hidden; background: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); border-radius: 40px; width: 60px; height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .zaplin-tab-nav .zaplin-tab-slider-tabs:after { content: ""; width: 22px; height: 22px; background: var(--zaplin-color-heading-1); position: absolute; top: 3px; left: 4px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; border-radius: 50%; } .zaplin-tab-nav .zaplin-tab-slider-tabs.slide:after { left: 56%; } .zaplin-tab-nav .tab-slider-trigger { width: 22px; height: 22px; text-align: center; position: relative; z-index: 2; cursor: pointer; display: inline-block; -webkit-transition: color 250ms ease-in-out; transition: color 250ms ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .zaplin-tab-nav .tab-slider-trigger.active { color: #fff; } .zaplin-tab-nav .zaplin-tab-nav-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 120px; } .pricing-area-6 { background: #121212; } .pricing-area-6 .pricing-wrapper { padding: 120px 0 120px 80px; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { .pricing-area-6 .pricing-wrapper { padding: 0; } } .pricing-area-6 .pricing-wrapper .section-title { margin-bottom: 20px; } .pricing-area-6 .pricing-wrapper .pre-title { color: #7B818E; font-family: var(--zaplin-font-third); margin-bottom: 10px; } .pricing-area-6 .pricing-wrapper .title { color: #FFF; font-family: var(--zaplin-font-third); font-weight: var(--zaplin-p-bold); margin-bottom: 36px; } .pricing-area-6 .pricing-wrapper .title .pricing-gradient { background: -webkit-linear-gradient(359deg, #00FFD1 34.98%, #5E81FF 72.78%); background: linear-gradient(91deg, #00FFD1 34.98%, #5E81FF 72.78%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pricing-area-6 .pricing-wrapper .description { color: var(--zaplin-color-heading-3); } .pricing-area-6 .pricing-wrapper .features-list { list-style: none; padding-left: 0; } .pricing-area-6 .pricing-wrapper .features-list li { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-3); padding-left: 25px; position: relative; margin-bottom: 16px; margin-top: 16px; } .pricing-area-6 .pricing-wrapper .features-list li::before { content: "\f105"; font-family: var(--zaplin-flaticon); color: #01FFD1; font-size: 14px; position: absolute; left: 0; top: 2px; } .pricing-area-7 { background: #050505; } .pricing-area-7 .section-title .title { color: var(--zaplin-color-white); } .pricing-area-7 .zaplin-nav-wrapper { width: 225px; } .pricing-area-7 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .pricing-area-7 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs::after { background: var(--zaplin-color-secondary); } .pricing-area-7 .zaplin-nav-wrapper .month-wrap, .pricing-area-7 .zaplin-nav-wrapper .year-wrap { top: 4px; color: var(--zaplin-color-white); } .pricing-area-8 { position: relative; } .pricing-area-8::after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg-image/pricing-bg-2.svg); background-position: center bottom; background-repeat: no-repeat; } .pricing-area-8 .zaplin-nav-wrapper { width: 210px; margin: 0px auto 50px; } .pricing-area-8 .zaplin-tab-nav .zaplin-tab-slider-tabs-2 { background: var(--zaplin-color-primary); border: none; } .pricing-area-8 .zaplin-tab-nav .zaplin-tab-slider-tabs-2::after { top: 4px; background: var(--zaplin-color-white); } .pricing-area-8 .shape-group li.shape-1 { left: 0; top: -300px; } .pricing-area-8.pricing-area-13::after { display: none; } .pricing-table-9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 115px; padding: 50px 40px; border-radius: 20px; background: #F9F6FE; box-shadow: none; } @media only screen and (max-width: 767px) { .pricing-table-9 { display: block; } } .pricing-table-9 .pricing-header { text-align: left; margin-bottom: 0; } .pricing-table-9 .pricing-header .title { padding: 0; } .pricing-table-9 .pricing-header .price-wrap { border-bottom: inherit; padding-bottom: 0; margin: 0; } .pricing-table-9 .pricing-header .price-wrap .duration { color: var(--zaplin-color-heading-2); } .pricing-table-9 .pricing-header .zaplin-btn { width: 190px; height: 50px; line-height: 50px; border-radius: 50px; border: 1px solid var(--zaplin-color-heading-1); color: var(--zaplin-color-heading-1); margin-bottom: -150px; } @media only screen and (max-width: 767px) { .pricing-table-9 .pricing-header .zaplin-btn { margin-top: 20px; margin-bottom: 40px; } } .pricing-table-9 .pricing-header .zaplin-btn:hover { background: var(--zaplin-color-primary); color: var(--zaplin-color-white); border: 1px solid var(--zaplin-color-primary); } .pricing-table-9 .pricing-body { padding: 0; position: relative; } .pricing-table-9 .pricing-body::after { content: ""; position: absolute; left: -60px; top: -6px; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 767px) { .pricing-table-9 .pricing-body::after { display: none; } } .pricing-table-9 .pricing-body .list-item { margin-bottom: 0; } .pricing-table-9 .pricing-body .list-item li { padding-top: 0; margin-bottom: 18px; } .pricing-table-9 .pricing-body .list-item li i { width: 25px; height: 25px; line-height: 27px; border-radius: 60px; border: 1px solid var(--zaplin-color-heading-1); color: var(--zaplin-color-heading-1); text-align: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-top: 0; } .pricing-table-9 .pricing-body .list-item li + li { margin-top: 10px; } .pricing-area-10 .section-title p { color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); } .pricing-table-10 { border-radius: 20px; padding: 40px 40px 45px 40px; background: var(--zaplin-color-white); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08); } .pricing-table-10 .pricing-header .title { padding: 0; border-radius: inherit; font-size: 28px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); margin-bottom: 6px; } .pricing-table-10 .pricing-header .text { margin: inherit; color: var(--zaplin-color-heading-2); margin-bottom: 32px; } .pricing-table-10 .pricing-header .price-wrap { padding: 25px 0 40px 0; border-radius: 40px; border: 1px solid #EAFA34; background: #FDFFE4; margin: inherit; position: relative; } .pricing-table-10 .pricing-header .price-wrap .amount { font-family: var(--zaplin-font-secondary); } .pricing-table-10 .pricing-header .price-wrap p { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-heading-1); margin: 13px 0 0; } .pricing-table-10 .pricing-header .price-wrap .offer { max-width: 150px; color: var(--zaplin-color-heading-1); text-align: center; font-family: var(--zaplin-font-secondary); font-size: 14px; font-weight: var(--zaplin-p-medium); text-transform: uppercase; border-radius: 50px; border: 1px solid #0D0D0D; background: #EAFA34; padding: 6px 17px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -13px; } .pricing-table-10 .pricing-body { padding: 0; margin-top: 40px; } .pricing-table-10 .pricing-body .list-item { list-style: none; } .pricing-table-10 .pricing-body .list-item li { color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-primary); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); margin: 0 0 10px 0; } .pricing-table-10 .pricing-body .list-item li i { width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 9px; color: var(--zaplin-color-heading-1); border: 1px solid var(--zaplin-color-heading-1); background: #fbfed8; border-radius: 50%; margin-top: 0; } .pricing-table-10 .pricing-body .pricing-btn { padding-top: 10px; } .pricing-table-10 .pricing-body .pricing-btn .zaplin-btn { width: 100%; border-radius: 60px; border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .pricing-table-10 .pricing-body .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .pricing-table-10.pricing-table-offer { border-radius: 20px; background: #121212; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); } .pricing-table-10.pricing-table-offer .pricing-header .title { color: var(--zaplin-color-white); } .pricing-table-10.pricing-table-offer .pricing-header .text { color: var(--zaplin-color-heading-3); } .pricing-table-10.pricing-table-offer .pricing-header .price-wrap { background: rgba(253, 255, 228, 0.1); } .pricing-table-10.pricing-table-offer .pricing-header .price-wrap .amount, .pricing-table-10.pricing-table-offer .pricing-header .price-wrap .duration { color: var(--zaplin-color-white); } .pricing-table-10.pricing-table-offer .pricing-header .price-wrap p { color: var(--zaplin-color-white); } .pricing-table-10.pricing-table-offer .pricing-header .price-wrap .offer { border: none; } .pricing-table-10.pricing-table-offer .pricing-body .list-item li { color: var(--zaplin-color-white); } .pricing-table-10.pricing-table-offer .pricing-body .list-item li i { color: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-secondary); background: rgba(251, 254, 216, 0.1); } .pricing-table-10.pricing-table-offer .pricing-body .pricing-btn .zaplin-btn { border: none; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .pricing-table-10.pricing-table-offer .pricing-body .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-secondary); background: var(--zaplin-color-heading-1); } .pricing-area-11 { background: #121212; background-image: url(../images/bg-image/ai-video-pricing-bg-01.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .pricing-area-11 .section-title .title { color: var(--zaplin-color-white); } .pricing-area-11 .zaplin-nav-wrapper { width: 225px; margin: 0px auto 50px; } .pricing-area-11 .zaplin-nav-wrapper h5 { color: var(--zaplin-color-white); } .pricing-area-11 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs { border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.04); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .pricing-area-11 .zaplin-nav-wrapper .zaplin-tab-nav .zaplin-tab-slider-tabs::after { background: var(--zaplin-color-secondary); } .pricing-area-11 .pricing-table-7.pricing-table-offer { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .pricing-area-11 .pricing-table-7.pricing-table-offer .pricing-body .pricing-btn .zaplin-btn { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .pricing-area-11 .pricing-table-7.pricing-table-offer .pricing-body .pricing-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: #c3cf3f; } .pricing-area-11 .pricing-table-7 .pricing-body .pricing-btn .zaplin-btn { border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .pricing-area-11 .pricing-table-7 .offer span { color: var(--zaplin-color-secondary); } .pricing-area-12 .zaplin-nav-wrapper { width: 210px; } .pricing-area-12 .zaplin-tab-nav.zaplin-tab-nav-2 .zaplin-tab-slider-tabs-2 { background: var(--zaplin-color-primary) !important; border: none !important; } .pricing-area-12 .zaplin-tab-nav.zaplin-tab-nav-2 .zaplin-tab-slider-tabs-2::after { top: 4px; background: var(--zaplin-color-white) !important; } .pricing-area-14 { background-color: #F5F5F5; background-image: url(../images/bg-image/pricing-bg-4.png); background-position: center top; background-repeat: no-repeat; } .pricing-area-14 .pricing-table-14 .pricing-header .title { margin-bottom: 5px; } .pricing-area-14 .pricing-table-14 .pricing-header .price-wrap { padding-bottom: 13px; } .pricing-area-14 .zaplin-nav-wrapper { width: 210px; margin: 0px auto 78px; } .pricing-area-14 .zaplin-tab-nav.zaplin-tab-nav-2 .zaplin-tab-slider-tabs-2 { background: var(--zaplin-color-primary) !important; border: none !important; } .pricing-area-14 .zaplin-tab-nav.zaplin-tab-nav-2 .zaplin-tab-slider-tabs-2::after { top: 4px; background: var(--zaplin-color-white) !important; } .pricing-area-14.pricing-area-16 { background: none !important; margin-top: -480px; } @media only screen and (max-width: 1199px) { .pricing-area-14.pricing-area-16 { margin-top: 0; } } .pricing-area-14.pricing-plan-14 { background-color: var(--zaplin-color-white); } .pricing-style-1 { position: relative; } .pricing-style-1::before { content: ""; position: absolute; left: 0; right: 0; top: -120px; width: 100%; height: 100%; background: url(../images/bg-image/pricing-bg-3.png); background-size: cover; background-repeat: no-repeat; background-position: center top; z-index: -1; } .pricing-style-1 .pricing-content { padding: 90px 0 450px; } @media only screen and (max-width: 1199px) { .pricing-style-1 .pricing-content { padding: 70px 0 0; } } .zaplin-pricing-table .section-title { margin-bottom: 80px; } @media only screen and (max-width: 575px) { .zaplin-pricing-table .section-title { margin-bottom: 40px; } } .zaplin-pricing-table .pricing-box-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 60px 0 30px; } @media only screen and (max-width: 575px) { .zaplin-pricing-table .pricing-box-wrap { padding: 0 30px 0 30px; } } .zaplin-pricing-table .pricing-box-wrap .title-box { width: 40%; } .zaplin-pricing-table .pricing-box-wrap .title-box .title { margin-bottom: 0; } .zaplin-pricing-table .pricing-box-wrap .title-box p { font-weight: var(--zaplin-p-medium); margin-bottom: 0; } .zaplin-pricing-table .pricing-box-wrap .price-box { width: 20%; } .zaplin-pricing-table .pricing-box-wrap .price-box span { display: block; text-align: right; } @media only screen and (max-width: 767px) { .zaplin-pricing-table .pricing-box-wrap .price-box span { text-align: center; } } .zaplin-pricing-table .pricing-box-wrap .price-box .price { font-size: 24px; line-height: 24px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); } @media only screen and (max-width: 767px) { .zaplin-pricing-table .pricing-box-wrap .price-box .price { font-size: var(--zaplin-font-size-b2); } } @media only screen and (max-width: 479px) { .zaplin-pricing-table .pricing-box-wrap .price-box .price { font-size: var(--zaplin-font-size-b1); } } .zaplin-pricing-table .pricing-box-wrap .price-box .month { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-2); } @media only screen and (max-width: 767px) { .zaplin-pricing-table .pricing-box-wrap .price-box .month { font-size: 12px; } } @media only screen and (max-width: 479px) { .zaplin-pricing-table .pricing-box-wrap .price-box .month { font-size: 10px; } } .zaplin-pricing-table .pricing-box-wrap .price-box .box-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; } .zaplin-pricing-table .pricing-box-wrap .price-box .box-1 i { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 12px; border: 1.5px solid var(--zaplin-color-heading-1); background-color: #EDFFB9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .zaplin-pricing-table .pricing-box-wrap .price-box .box-1 i.flaticon-close { font-size: 20px; color: var(--zaplin-color-heading-2); background-color: rgba(237, 255, 185, 0.3); border: 1.5px solid var(--zaplin-color-heading-2); } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-1 { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-1 { margin-bottom: 20px; } } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-1 .title-box .title { font-size: 24px; font-weight: var(--zaplin-p-semi-bold); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); margin-bottom: 0; } @media only screen and (max-width: 767px) { .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-1 .title-box .title { font-size: 22px; } } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2 { padding: 20px 30px; border-bottom: 1px solid #E5E5E5; } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2 .price-box span { margin-right: 50px; } @media only screen and (max-width: 575px) { .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2 .price-box span { margin-right: 0; } } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2.margin-top-box { margin-top: 10px; } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2.margin-bottom-box { margin-bottom: 30px; } .zaplin-pricing-table .pricing-box-wrap.pricing-box-wrap-2.border-none { border: none; } .zaplin-pricing-table .pricing-title-box { border-radius: 15px; border: 1px solid var(--zaplin-color-heading-1); background: var(--zaplin-color-white); position: relative; } .zaplin-pricing-table .pricing-title-box::after { content: ""; position: absolute; left: 7px; top: 7px; width: 100%; height: 100%; border-radius: 20px; background-color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); z-index: -1; } .zaplin-pricing-table .pricing-title-box .title { padding: 23px 0 23px 30px; margin-bottom: 0; } .progress-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .progress-wrapper { grid-template-columns: repeat(3, 1fr); gap: 30px; } } @media only screen and (max-width: 1199px) { .progress-wrapper { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media only screen and (max-width: 575px) { .progress-wrapper { grid-template-columns: repeat(1, 1fr); } } .progress-box.progress-style-1 { width: 300px; height: 300px; border-radius: 300px; margin-right: -50px; border: 2px solid #302D29; background: #FEFCF7; box-shadow: 12px 6px 0px 0px #302D29; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .progress-box.progress-style-1 .title { margin-bottom: 0; } .progress-box.progress-style-1:hover { background: var(--zaplin-color-secondary); } @media only screen and (max-width: 767px) { .progress-box.progress-style-1 { margin: 0 auto; width: 200px; height: 200px; } } .progress-box.progress-style-1.active { background: var(--zaplin-color-secondary); } .progress-wrapper { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; } .progress-wrapper.progress-wrapper-2 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 1450px) { .progress-wrapper.progress-wrapper-2 { gap: 10px; } } @media only screen and (max-width: 991px) { .progress-wrapper.progress-wrapper-2 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 575px) { .progress-wrapper.progress-wrapper-2 { grid-template-columns: repeat(1, 1fr); } } .progress-wrapper.progress-wrapper-2 .progress-style-2 { width: 230px; height: 330px; border-radius: 20px; padding: 60px 40px 100px; margin-bottom: 0; background: #F9F6FE; margin-right: 10px; -webkit-transition: .3s width ease-in-out; transition: .3s width ease-in-out; overflow: hidden; position: relative; } @media (max-width: 1450px) { .progress-wrapper.progress-wrapper-2 .progress-style-2 { margin-right: 0; } } @media only screen and (max-width: 991px) { .progress-wrapper.progress-wrapper-2 .progress-style-2 { width: 100%; margin-top: 0; } } .progress-wrapper.progress-wrapper-2 .progress-style-2 .progrsee-number { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50px; background: #FFF; font-size: 28px; display: inline-block; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-semi-bold); margin-bottom: 30px; } .progress-wrapper.progress-wrapper-2 .progress-style-2 p { height: 50px; overflow: hidden; position: absolute; left: 40px; bottom: 25px; padding-right: 55px; opacity: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .progress-wrapper.progress-wrapper-2 .progress-style-2.active { width: 570px; padding: 60px 40px; background: url(../images/progress/progress-img-01.png); } @media only screen and (max-width: 1199px) { .progress-wrapper.progress-wrapper-2 .progress-style-2.active { width: 350px; padding: 60px 30px; } } .progress-wrapper.progress-wrapper-2 .progress-style-2.active .title { font-size: 28px; } .progress-wrapper.progress-wrapper-2 .progress-style-2.active .title br { display: none; } .progress-wrapper.progress-wrapper-2 .progress-style-2.active p { opacity: 1; } .process-area-1 { background: #FEFCF7; } .zaplin-project-area .zaplin-project .project-thumbnail img { width: 100%; border-radius: 20px; border: 1px solid #E5E5E5; } .zaplin-project-area .zaplin-project .project-content .project-btn-group { list-style: none; margin-top: 30px; margin-bottom: 6px; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; } .zaplin-project-area .zaplin-project .project-content .project-btn-group li { margin: 0; } .zaplin-project-area .zaplin-project .project-content .project-btn-group li .zaplin-btn { width: 80px; height: 30px; line-height: 20px; padding: 4px 15px; border-radius: 50px; font-size: 14px; color: var(--zaplin-color-primary); border: 1px solid rgba(133, 78, 242, 0.2); background: rgba(133, 78, 242, 0.05); } .zaplin-project-area .zaplin-project .project-content .title-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .zaplin-project-area .zaplin-project .project-content .title-content .title { color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-project-area .zaplin-project .project-content .title-content i { margin-left: 10px; margin-top: 6px; font-size: 18px; } .zaplin-project-area .zaplin-project .project-content .title-content:hover .title { color: var(--zaplin-color-primary); } .zaplin-project-area .zaplin-project .project-content span { color: var(--zaplin-color-primary); margin-top: 20px; font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-font-regular); } .zaplin-project-area .zaplin-project.project-style-3 .project-thumbnail { position: relative; cursor: pointer; } .zaplin-project-area .zaplin-project.project-style-3 .project-thumbnail::before { background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); border-radius: 20px; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .zaplin-project-area .zaplin-project.project-style-3 .project-thumbnail .arrow-icon { opacity: 0; width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: var(--zaplin-color-white); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .zaplin-project-area .zaplin-project.project-style-3 .project-thumbnail .arrow-icon i { background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12); position: relative; top: 3px; } .zaplin-project-area .zaplin-project.project-style-3 .project-content .title { margin-bottom: 6px; } .zaplin-project-area .zaplin-project.project-style-3 .project-content .project-btn-group li .zaplin-btn { color: var(--zaplin-color-heading-2); border-radius: 25px; border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0); } .zaplin-project-area .zaplin-project.project-style-3:hover .project-thumbnail::before { opacity: 1; } .zaplin-project-area .zaplin-project.project-style-3:hover .project-thumbnail .arrow-icon { opacity: 1; } .project-area-2 .isotop-button { max-width: 540px; margin: 0 auto 60px; text-align: center; border-radius: 10px; background: #FAF8FF; } .project-area-2 .isotop-button button { border: none; font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-2); padding: 9px 25px; margin: 5px 2px; border-radius: 5px; background: transparent; } .project-area-2 .isotop-button button.is-checked { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .project-area-2 .grid-sizer, .project-area-2 .isotope-item { width: 50%; vertical-align: center; padding: 0 35px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .project-area-2 .grid-sizer, .project-area-2 .isotope-item { width: 100%; vertical-align: center; padding: 0 20px; margin-bottom: 40px; } } .project-area-2 .project-style-3.grid-sizer { width: 50%; } .project-area-2 .project-style-3.gutter-sizer { margin-left: 35px; margin-right: 35px; } .project-area-2 .project-style-3 .project-thumbnail::before { display: none; } .project-area-2 .project-style-3 .project-thumbnail .arrow-icon { left: inherit !important; top: inherit !important; right: 0; bottom: -55px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12); } .project-area-2 .project-style-3 .project-content .title-content .title { margin-top: 26px; } .project-area-3 .row > * { margin-top: 60px; } .project-area-3 .project-tab { margin-bottom: 30px; } .project-area-3 .project-tab .nav { width: 402px; height: 50px; border-radius: 40px; margin: 0 auto; background: #FAF8FF; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: 1px solid rgba(133, 78, 242, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 479px) { .project-area-3 .project-tab .nav { width: 100%; height: 100%; } } .project-area-3 .project-tab .nav .nav-item { margin: 5px 5px 6px 7px; } .project-area-3 .project-tab .nav .nav-item .nav-link { color: var(--zaplin-color-heading-2); font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-secondary); border: inherit; } .project-area-3 .project-tab .nav .nav-item .nav-link:hover { border-color: inherit; } .project-area-3 .project-tab .nav .nav-item .nav-link.active { padding: 8px 18px; border-radius: 40px; color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .project-area-1 .project-style-1 { margin: 0 18px; } @media only screen and (max-width: 991px) { .project-area-1.about-three-project .section-title { margin-bottom: 0; } } @media only screen and (max-width: 991px) { .project-area-1.about-three-project .section-title .title { margin-bottom: 0; } } .project-area-1.about-three-project .about-three-project-btn .zaplin-btn { margin-top: 50px; margin-left: 80px; } @media only screen and (max-width: 991px) { .project-area-1.about-three-project .about-three-project-btn .zaplin-btn { margin-top: 0; margin-left: 0; margin-bottom: 30px; } } .project-details-area { padding: 190px 0 0; margin-top: -120px; background-image: url(../images/bg-image/project-bg-03.png); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } .project-details-area .project-content { max-width: 900px; margin: 0 auto; position: relative; } .project-details-area .project-content .section-title { margin-bottom: 70px; } .project-details-area .project-content .section-title p { font-size: var(--zaplin-font-size-b2); } .project-details-area .project-thumbnil .thumbnail img { border-radius: 20px 20px 0 0; } .project-details-area .shape-group li.shape-5 { left: 0; top: -230px; } .project-details-area .shape-group li.shape-6 { top: 164px; right: 210px; z-index: 0; } .project-details-area .shape-group li.shape-7 { right: 125px; top: 0; } .project-details-area .shape-group li.shape-8 { left: 60px; top: 250px; z-index: 0; } .project-details-area .shape-group li.shape-9 { left: 0; top: 270px; } .client-details-area { background: #FAF8FF; } .client-details-area .client-grid-wrap { display: grid; grid-template-columns: repeat(5, 1fr); gap: 70px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .client-details-area .client-grid-wrap { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 767px) { .client-details-area .client-grid-wrap { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 479px) { .client-details-area .client-grid-wrap { grid-template-columns: repeat(1, 1fr); } } .client-details-area .client-grid-wrap .client-grid { text-align: center; padding: 40px 0; position: relative; } .client-details-area .client-grid-wrap .client-grid::before { content: ""; position: absolute; height: 50px; width: 1px; background: rgba(133, 78, 242, 0.15); position: absolute; top: 45px; right: -30px; } .client-details-area .client-grid-wrap .client-grid p { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-heading-2); margin: 0; } .client-details-area .client-grid-wrap .client-grid span { font-size: var(--zaplin-font-size-b3); color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); } .client-details-area .client-grid-wrap .client-grid .share { list-style: none; margin-bottom: 0; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .client-details-area .client-grid-wrap .client-grid .share li { margin: 0 5px; } .client-details-area .client-grid-wrap .client-grid .share li i { font-size: var(--zaplin-font-size-b3); } .client-details-area .client-grid-wrap .client-grid:nth-child(1)::before { right: -20px; } .client-details-area .client-grid-wrap .client-grid:nth-child(2)::before { right: -37px; } .client-details-area .client-grid-wrap .client-grid:nth-child(3)::before { right: -55px; } .client-details-area .client-grid-wrap .client-grid:nth-child(5)::before { display: none; } .project-description-area { padding: 100px 0 60px; width: 850px; margin: 0 auto; } .project-description-area .project-description p { margin-bottom: 65px; } .project-description-area .challenge p { margin: 0 0 30px; } .project-description-area .challenge .features-list { margin-bottom: 40px; } .project-description-area .challenge .features-list li { font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); padding-left: 25px; position: relative; margin-bottom: 16px; margin-top: 16px; } .project-description-area .challenge .features-list li:before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-color-heading-1); font-size: 14px; position: absolute; left: 0; top: 2px; } .project-features { width: 850px; margin: 0 auto; margin-bottom: 100px; position: relative; } .project-features .service-style-7 { border-radius: 20px; box-shadow: 0px 10px 30px 0px #0000000F; } .project-features .service-style-7 .icon { width: 60px; height: 60px; line-height: 60px; background: #F3EDFE; text-align: center; border-radius: 50%; } .project-features .service-style-7 .content .title { font-weight: var(--zaplin-p-medium); padding-top: 20px; margin-bottom: 10px; } .project-features .service-style-7 .content p { margin-bottom: 15px; } .project-features .shape-group li.shape-1 { left: 0; right: 0; top: 0; bottom: 0; } .project-background-area .project-background-gallery img { border-radius: 20px; } .project-outcomes-area .container { padding: 100px 0 150px; border-bottom: 1px solid #EAEAEA; } @media only screen and (max-width: 575px) { .project-outcomes-area .container { padding: 60px 20px; } } .project-outcomes-area .coutcomes-content { max-width: 850px; margin: 0 auto; } .project-outcomes-area .coutcomes-content p { margin-bottom: 0; } .project-related-work-area .project-style-3 .project-thumbnail { position: relative; cursor: pointer; } .project-related-work-area .project-style-3 .project-thumbnail img { width: 100%; border-radius: 20px; border: 1px solid #E5E5E5; } .project-related-work-area .project-style-3 .project-thumbnail::before { background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); border-radius: 20px; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .project-related-work-area .project-style-3 .project-thumbnail .arrow-icon { opacity: 0; width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: var(--zaplin-color-white); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project-related-work-area .project-style-3 .project-thumbnail .arrow-icon i { background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12); position: relative; top: 3px; } .project-related-work-area .project-style-3 .title-content .title { margin-bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; } .project-related-work-area .project-style-3 .title-content:hover .title { color: var(--zaplin-color-primary); } .project-related-work-area .project-style-3 .project-btn-group { list-style: none; margin-top: 30px; margin-bottom: 8px; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; } .project-related-work-area .project-style-3 .project-btn-group li { margin: 0; } .project-related-work-area .project-style-3 .project-btn-group li .zaplin-btn { width: 80px; height: 30px; line-height: 20px; padding: 4px 15px; font-size: 14px; color: var(--zaplin-color-heading-2); border-radius: 25px; border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0); } .project-related-work-area .project-style-3:hover .project-thumbnail::before { opacity: 1; } .project-related-work-area .project-style-3:hover .project-thumbnail .arrow-icon { opacity: 1; } .project-area-4 { background-color: #211F36; background-image: url(../images/bg-image/project-grain-texture.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .project-area-4 .section-title .title { font-size: 96px; font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-white); margin-bottom: 100px; } @media only screen and (max-width: 991px) { .project-area-4 .section-title .title { font-size: 64px; } } @media only screen and (max-width: 767px) { .project-area-4 .section-title .title { font-size: 36px; margin-bottom: 60px; } } .project-area-4 .section-title .title .img { display: inline-block; } @media only screen and (max-width: 991px) { .project-area-4 .section-title .title .img { width: 130px; } } @media only screen and (max-width: 767px) { .project-area-4 .section-title .title .img { width: 90px; } } .project-area-4 .row > * { padding-right: 45px; padding-left: 45px; } @media only screen and (max-width: 767px) { .project-area-4 .row > * { padding-right: 0; padding-left: 0; } } .project-area-4 .project-style-3.margin-top { margin-top: 120px; } @media only screen and (max-width: 767px) { .project-area-4 .project-style-3.margin-top { margin-top: 0; } } .project-area-4 .project-style-3.margin-top-1 { margin-top: 50px; } @media only screen and (max-width: 767px) { .project-area-4 .project-style-3.margin-top-1 { margin-top: 0; } } .project-area-4 .project-style-3.margin-minus { margin-top: -60px; } @media only screen and (max-width: 767px) { .project-area-4 .project-style-3.margin-minus { margin-top: 0; } } .project-area-4 .project-style-3 .project-thumbnail { position: relative; z-index: 1; } .project-area-4 .project-style-3 .project-thumbnail .arrow-icon { top: inherit !important; left: 20% !important; bottom: 170px; -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; } .project-area-4 .project-style-3 .project-content a .title { margin: 25px 0 10px !important; color: var(--zaplin-color-white) !important; } .project-area-4 .project-style-3 .project-content span { color: var(--zaplin-color-white); } .project-area-4 .shape-group li.shape-1 { left: 0; top: 430px; z-index: 0; } .project-area-4 .shape-group li.shape-1 svg { stroke-dasharray: 2000; stroke-dashoffset: 2000; -webkit-animation: dash 3s linear alternate 1 forwards; animation: dash 3s linear alternate 1 forwards; } @-webkit-keyframes dash { from { stroke-dashoffset: 2000; } to { stroke-dashoffset: 0; } } @keyframes dash { from { stroke-dashoffset: 2000; } to { stroke-dashoffset: 0; } } .zaplin-service-area .nav { max-width: 880px; margin: 0 auto 80px; } @media only screen and (max-width: 991px) { .zaplin-service-area .nav { margin: 0 auto 40px; } } .zaplin-service-area .nav-tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } @media only screen and (max-width: 991px) { .zaplin-service-area .nav-tabs { border-bottom: none; } } .zaplin-service-area .nav-tabs .nav-item { margin-top: 0; margin-bottom: 0; } .zaplin-service-area .nav-tabs .nav-item .nav-link { color: var(--zaplin-color-white); font-weight: 600; font-size: 20px; line-height: 28px; border: 0 none; background: transparent; padding: 15px 36px; position: relative; font-family: var(--zaplin-font-secondary); -webkit-transition: .3s; transition: .3s; } .zaplin-service-area .nav-tabs .nav-item .nav-link::after { position: absolute; content: ""; background: var(--zaplin-color-primary); height: 1px; width: 0; -webkit-transition: 0.4s; transition: 0.4s; left: 0; bottom: 0; opacity: 0; } .zaplin-service-area .nav-tabs .nav-item .nav-link.active { color: var(--zaplin-color-primary); background-color: transparent; border: none; } .zaplin-service-area .nav-tabs .nav-item .nav-link.active::after { width: 100%; opacity: 1; } .zaplin-service-area .features-list .service-features-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; } .zaplin-service-area .features-list .service-features-box .thumb { height: 60px; width: 90px; line-height: 55px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; background: rgba(133, 78, 242, 0.1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-service-area .features-list .service-features-box .thumb img { display: block; } .zaplin-service-area .features-list .service-features-box .icon { width: 42px; height: 26px; line-height: 32px; text-align: center; border-radius: 20px; font-size: 16px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); margin-right: 15px; } .zaplin-service-area .features-list .service-features-box .content .title { margin-bottom: 10px; } .zaplin-service-area .features-list .service-features-box .content p { margin-right: 50px; margin-bottom: 30px; } .service-content.service-style-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 100px; } @media only screen and (max-width: 991px) { .service-content.service-style-5 { border-left: none; margin-top: 30px; } } @media only screen and (max-width: 1199px) { .service-content.service-style-5 { display: block; } } .service-content.service-style-5 .nav { max-width: 450px; margin: 0; border-left: 1px solid rgba(88, 73, 255, 0.15); } .service-content.service-style-5 .nav .nav-item .nav-link { width: 450px; text-align: left; padding: 22px 45px 22px 40px; -webkit-transition: .3s; transition: .3s; } @media only screen and (max-width: 575px) { .service-content.service-style-5 .nav .nav-item .nav-link { width: 100%; } } .service-content.service-style-5 .nav .nav-item .nav-link .title { display: block; font-size: 22px; font-weight: 500; font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); } .service-content.service-style-5 .nav .nav-item .nav-link .nav-text { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-heading-1); margin-bottom: 0; display: none; } .service-content.service-style-5 .nav .nav-item .nav-link.active { border-radius: 5px; background: url(../images/service/service-nav-bg-1.png); background-repeat: no-repeat; background-size: cover; -webkit-transition: .3s; transition: .3s; } .service-content.service-style-5 .nav .nav-item .nav-link.active::after { display: none; } .service-content.service-style-5 .nav .nav-item .nav-link.active::before { content: ""; position: absolute; left: 0; top: 20px; width: 3px; height: 50px; background: var(--zaplin-color-primary); } .service-content.service-style-5 .nav .nav-item .nav-link.active .title { font-size: 22px; font-weight: 500; font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-primary); margin-bottom: 12px; } .service-content.service-style-5 .nav .nav-item .nav-link.active .nav-text { display: block; } @media only screen and (max-width: 1199px) { .service-content.service-style-5 .service-content-tabs { margin-top: 50px; } } .service-content.service-style-5 .service-content-tabs .service-thumbnail { padding: 50px 50px; border-radius: 10px; box-shadow: 0px 30px 40px 0px rgba(151, 193, 255, 0.1); background: url(../images/service/service-tab-bg-1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .service-content.service-style-5 .service-content-tabs .service-thumbnail img { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1); } .service-area-1 { background: #211F36; position: relative; } .service-area-1 .section-title .title { color: var(--zaplin-color-white); } .service-area-1 .service-tab-content { margin-right: 80px; } @media only screen and (max-width: 991px) { .service-area-1 .service-tab-content { margin-right: 0; } } .service-area-1 .service-tab-content h3 { color: var(--zaplin-color-white); font-weight: var(--zaplin-p-semi-bold); line-height: 42px; margin-bottom: 26px; } .service-area-1 .service-tab-content p { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-white); margin-bottom: 30px; } .service-area-1 .service-tab-content .features-list { padding-left: 0; margin-bottom: 36px; } .service-area-1 .service-tab-content .features-list li { list-style: none; color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b1); padding-left: 26px; margin-bottom: 20px; position: relative; } .service-area-1 .service-tab-content .features-list li::before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-color-primary); font-size: 16px; position: absolute; left: 0; top: 0; } .service-area-1 .service-tab-content .learn-more-btn .zaplin-btn { background: var(--zaplin-color-primary); } .service-area-1 .service-tab-content .learn-more-btn .zaplin-btn:hover { background: #7746D9; } .service-area-1 .service-thumbnail { display: inline-block; background-color: #2c2945; border-radius: 10px; padding: 20px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { .service-area-1 .service-thumbnail { margin-top: 30px; } } .service-area-1 .service-thumbnail img { border-radius: 10px; } .service-area-1 .shape-group li { z-index: 0; } .service-area-1 .shape-group li.shape-1 { left: 0; top: 263px; } .service-area-1 .shape-group li.shape-2 { left: 190px; top: 180px; } .service-area-1 .shape-group li.shape-3 { right: 215px; top: 247px; } .service-area-1 .shape-group li.shape-4 { right: 120px; top: 0; } .service-area-1 .shape-group li.shape-5 { bottom: 102px; left: 47%; } .service-area-2 { position: relative; } .service-area-2::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/service-bg-01.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .service-area-2 .section-title { margin-bottom: 18px; } .service-area-2 .section-title .title { margin-bottom: 18px; } .service-area-2 .service-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 190px; } @media only screen and (max-width: 1199px) { .service-area-2 .service-content { display: block; } } .service-area-2 .service-content .nav { max-width: 470px; margin: 0; } .service-area-2 .service-content .nav .nav-item .nav-link { width: 470px; text-align: left; padding: 23px 36px 23px 0; } @media only screen and (max-width: 575px) { .service-area-2 .service-content .nav .nav-item .nav-link { width: 100%; } } .service-area-2 .service-content .nav .nav-item .nav-link h5 { font-weight: var(--zaplin-p-medium); margin-bottom: 0; } .service-area-2 .service-content .nav .nav-item .nav-link p { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-2); margin-bottom: 0; } .service-area-2 .service-content .nav .nav-item .nav-link.active { padding: 20px 75px 20px 30px; border-radius: 10px; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1); } .service-area-2 .service-content .nav .nav-item .nav-link.active::after { display: none; } .service-area-2 .service-content .nav .nav-item .nav-link.active::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; height: 100%; border-radius: 10px 0 0 10px; background: var(--zaplin-color-primary); } .service-area-2 .service-content .service-content-tabs { margin-top: 30px; } @media only screen and (max-width: 1199px) { .service-area-2 .service-content .service-content-tabs { margin-top: 50px; } } .service-area-2 .service-content .service-content-tabs .service-thumbnail img { border-radius: 10px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1); } .service-area-2 .shape-group li.shape-1 { right: -32px; top: 77px; } .service-area-3 .section-title { margin-bottom: 34px; } .service-area-3 .nav { max-width: 100%; margin: 0 auto 60px; } .service-area-3 .nav .nav-item { border-bottom: 2px solid #E8EDF5; } .service-area-3 .nav .nav-item .nav-link { padding: 15px 43px; font-weight: var(--zaplin-p-medium); } .service-area-3 .nav .nav-item .nav-link i { font-size: 35px; color: var(--zaplin-color-heading-1); margin-bottom: 15px; } .service-area-3 .nav .nav-item .nav-link.active i { color: var(--zaplin-color-primary); } .service-area-3 .nav .nav-item .nav-link.active span { color: var(--zaplin-color-primary); } .service-area-3 .nav .nav-item .nav-link.active::after { bottom: -1px; background: var(--zaplin-color-primary); } .service-area-3 .nav .nav-item .nav-link span { display: block; color: var(--zaplin-color-heading-1); } .service-area-3 .service-tab-content { margin-top: 25px; } .service-area-3 .service-tab-content .description { font-size: var(--zaplin-font-size-b2); line-height: 32px; margin-right: 70px; } .service-area-3 .service-tab-content p { color: var(--zaplin-color-heading-2); } .service-area-3 .service-tab-content .thumb { padding-top: 9px; } .service-area-3 .service-tab-content .thumb i { font-size: 25px; color: var(--zaplin-color-primary); } .service-area-3 .service-image-gelllery .service-thumbnail { padding: 60px 60px 0 60px; text-align: center; border-radius: 20px; position: relative; } .service-area-3 .service-image-gelllery .service-thumbnail::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg-image/service-bg-03.svg); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .service-area-3 .service-image-gelllery .service-thumbnail.service-thumbnail-1 { background: url(../images/bg-image/service-bg-02.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .service-area-3 .service-image-gelllery .service-thumbnail.service-thumbnail-2 { background: url(../images/bg-image/service-bg-04.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .service-area-3 .service-image-gelllery .service-thumbnail.service-thumbnail-3 { background: url(../images/bg-image/service-bg-05.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .service-area-4 { background: #0E0E0E; position: relative; } .service-area-4::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/service-bg-06.png); background-repeat: no-repeat; background-size: cover; } .service-area-4 .section-title .title { color: var(--zaplin-color-white); text-transform: capitalize; } .service-area-4 .nav { max-width: 100%; } .service-area-4 .nav.nav-tabs { border-bottom: none; } @media only screen and (max-width: 1199px) { .service-area-4 .nav.nav-tabs .nav-item { margin-bottom: 30px; } } @media only screen and (max-width: 991px) { .service-area-4 .nav.nav-tabs .nav-item { width: 100%; margin-bottom: 30px; margin-right: 30px; } } .service-area-4 .nav.nav-tabs .nav-item .nav-link { padding: 35px 66px; color: var(--zaplin-color-heading-2); border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); margin: 0 15px; border-radius: 0; } @media only screen and (max-width: 991px) { .service-area-4 .nav.nav-tabs .nav-item .nav-link { width: 100%; } } .service-area-4 .nav.nav-tabs .nav-item .nav-link::after { display: none; } .service-area-4 .nav.nav-tabs .nav-item .nav-link.active { color: var(--zaplin-color-white); border: 1px solid rgba(255, 255, 255, 0.07); background: url(../images/service/service-nav-hover.svg); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .service-area-4 .service-tab-content { margin-right: 30px; margin-left: 20px; } @media only screen and (max-width: 767px) { .service-area-4 .service-tab-content { margin-right: 0; margin-left: 0; } } .service-area-4 .service-tab-content h3 { color: var(--zaplin-color-white); } .service-area-4 .service-tab-content .description { font-size: var(--zaplin-font-size-b2); color: var(--zaplin-color-heading-3); } .service-area-4 .service-tab-content .features-list .service-features-box .icon { width: 25px; height: 25px; line-height: 25px; border-radius: 20px; font-size: 16px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); margin-right: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .service-area-4 .service-tab-content .features-list .service-features-box .icon i { font-size: 14px; margin-top: 3px; } .service-area-4 .service-tab-content .features-list .service-features-box .content h5 { color: var(--zaplin-color-white); } .service-area-4 .service-tab-content .features-list .service-features-box .content p { color: var(--zaplin-color-heading-3); } .service-area-4 .service-thumbnail { margin-left: 27px; } @media only screen and (max-width: 1199px) { .service-area-4 .service-thumbnail { margin-left: 0; } } .service-area-5 { background: #FAFAFA; position: relative; } .service-area-5::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/service-bg-07.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .service-area-5 .section-title { margin-bottom: 50px; } @media only screen and (max-width: 991px) { .service-area-5 .section-title { margin-bottom: 30px; } } .service-area-5 .title-description { font-size: var(--zaplin-font-size-b2); margin-bottom: 0; margin-top: 45px; margin-left: 15px; } @media only screen and (max-width: 991px) { .service-area-5 .title-description { margin-top: 0; margin-left: 0; } } .service-area-5 .shape-group li.shape-1 { right: -32px; top: 75px; } .service-area-6 { position: relative; } .service-area-6 .service-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 100px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); padding: 70px 0 70px 100px; } @media only screen and (max-width: 1199px) { .service-area-6 .service-content { display: block; } } @media only screen and (max-width: 767px) { .service-area-6 .service-content { box-shadow: none; padding: inherit; } } .service-area-6 .service-content .nav { max-width: 450px; margin: 0; } .service-area-6 .service-content .nav .nav-item { position: relative; } .service-area-6 .service-content .nav .nav-item .nav-link { width: 510px; text-align: left; padding: 20px 30px 20px 0; } .service-area-6 .service-content .nav .nav-item .nav-link::after { display: none; } @media only screen and (max-width: 575px) { .service-area-6 .service-content .nav .nav-item .nav-link { width: 100%; } } @media only screen and (max-width: 767px) { .service-area-6 .service-content .nav .nav-item .nav-link { width: 350px; } } .service-area-6 .service-content .nav .nav-item .nav-link .title { font-size: 24px; font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-heading-1); margin-bottom: 0; } @media only screen and (max-width: 767px) { .service-area-6 .service-content .nav .nav-item .nav-link .title { font-size: 20px; } } .service-area-6 .service-content .nav .nav-item .nav-link .nav-text { font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-heading-1); margin: 15px 0; display: none; } @media only screen and (max-width: 767px) { .service-area-6 .service-content .nav .nav-item .nav-link .nav-text { font-size: 14px; } } .service-area-6 .service-content .nav .nav-item .nav-link a { display: none; } .service-area-6 .service-content .nav .nav-item .nav-link.active { border-bottom: none; display: block; padding: 20px 30px; border-radius: 10px; background: -webkit-linear-gradient(top, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%); background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%); } .service-area-6 .service-content .nav .nav-item .nav-link.active::after { display: none; } .service-area-6 .service-content .nav .nav-item .nav-link.active .nav-text { display: block; } .service-area-6 .service-content .nav .nav-item .nav-link.active a { display: block; } @media only screen and (max-width: 1199px) { .service-area-6 .service-content .service-content-tabs { margin-top: 50px; } } .service-area-6 .service-content .service-content-tabs .service-thumbnail { padding: 15px 0 15px 15px; border-radius: 10px 0 0 10px; background: #F2F2F2; margin-left: 15px; } @media only screen and (max-width: 767px) { .service-area-6 .service-content .service-content-tabs .service-thumbnail { margin-left: 0; } } .service-area-6 .service-content .service-content-tabs .service-thumbnail img { border-radius: 5px 0 0 5px; } .service-area-6 .shape-group li.shape-1 { right: -180px; top: -600px; } .service-area-6 .shape-group li.shape-2 { left: -60px; bottom: -400px; } .service-box { padding: 40px 40px 30px 40px; border-radius: 20px; background: var(--zaplin-color-white); } .service-area-7 { background: #F5F5F5; position: relative; } .service-area-7 .shape-group li.shape-1 { left: 0; right: 0; top: 0; z-index: 0; } .service-style-7 .icon { width: 60px; height: 60px; line-height: 60px; background: #F3EDFE; text-align: center; border-radius: 50%; } .service-style-7 .content .title { font-weight: var(--zaplin-p-medium); padding-top: 20px; margin-bottom: 10px; } .service-style-7 .content p { margin-bottom: 15px; } .service-area-8 { background: #121212; } .service-area-8 .section-title .pre-title { color: var(--zaplin-color-heading-3); } .service-area-8 .section-title .title { color: var(--zaplin-color-white); } .service-style-8 { border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); } .service-style-8 .icon { line-height: 65px; font-size: 28px; color: var(--zaplin-color-primary); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgba(255, 255, 255, 0.08); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .service-style-8 .content .title { color: var(--zaplin-color-white); } .service-style-8 .content p { color: var(--zaplin-color-heading-3); } .service-style-8 .btn-transparent { color: var(--zaplin-color-heading-3); } .service-style-8 .btn-transparent:hover { color: var(--zaplin-color-primary); } .service-style-8:hover .icon { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .service-area-9 { background: #F9F6FE; } .service-area-9 .title-description { font-size: var(--zaplin-font-size-b2); margin-bottom: 0; margin-top: 45px; margin-left: 10px; } .service-area-9 .service-content-tabs .service-thumbnail { border-radius: 10px; background: -webkit-linear-gradient(230deg, #9F70FC 6.58%, #BD9EFA 73.32%) !important; background: linear-gradient(220deg, #9F70FC 6.58%, #BD9EFA 73.32%) !important; position: relative; } .service-area-9 .service-content-tabs .service-thumbnail::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/service-bg-10.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .service-area-9 .service-content-tabs .service-thumbnail img { border-radius: 10px; position: relative; z-index: 1; } .service-area-9 .service-style-5 { border-left: none; } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs { border-left: 1px solid rgba(133, 78, 242, 0.3); } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs .nav-item .nav-link { -webkit-transition: .3s; transition: .3s; } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs .nav-item .nav-link.active { background: url(../images/service/service-nav-bg-2.png); background-repeat: no-repeat; background-size: cover; -webkit-transition: .3s; transition: .3s; } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs .nav-item .nav-link.active::before { background: var(--zaplin-color-primary); -webkit-transition: .3s; transition: .3s; } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs .nav-item .nav-link.active h5 { color: var(--zaplin-color-primary); } .service-area-9 .service-style-5.service-style-9 .service-content-nav .nav-tabs .nav-item .nav-link.active p { padding-top: 14px; } .service-area-11 { background-image: url(../images/bg-image/service-bg-13.png); background-size: cover; background-repeat: no-repeat; background-position: center top; } .service-style-11 { padding: 40px 40px; border-radius: 20px; background-color: var(--zaplin-color-white); } .service-style-11 .icon { width: 60px; height: 60px; line-height: 67px; background: #F3EDFE; text-align: center; border-radius: 50%; } .service-style-11 .icon i { font-size: 25px; color: var(--zaplin-color-primary); } .service-style-11 .icon img { margin-top: -13px; } .service-style-11 .content .title { font-weight: var(--zaplin-p-medium); padding-top: 20px; margin-bottom: 10px; } .service-style-11 .content p { margin-bottom: 15px; } .service-page-2 .service-content-nav { width: 370px; padding: 45px 40px; border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); position: relative; } @media only screen and (max-width: 1199px) { .service-page-2 .service-content-nav { width: 100%; } } .service-page-2 .service-content-nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; width: 100%; height: 6%; border-radius: 20px; background: var(--zaplin-color-primary); z-index: -1; } .service-page-2 .service-content-nav h5 { margin-bottom: 0; } .service-page-2 .service-content-nav .nav-tabs { margin: 0; } .service-page-2 .service-content-nav .nav-tabs .nav-item { width: 100%; border-bottom: 1px dashed #D6D6D6; } .service-page-2 .service-content-nav .nav-tabs .nav-item .nav-link { padding: 29px 0; margin: 0; } .service-page-2 .service-content-nav .nav-tabs .nav-item .nav-link::after { display: none; } .service-page-2 .service-content-nav .nav-tabs .nav-item .nav-link.active p { color: var(--zaplin-color-primary); } .service-page-2 .service-content-nav .nav-tabs .nav-item .nav-link p { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); margin: 0; } .service-page-2 .service-content-nav .nav-tabs .nav-item .nav-link p i { font-size: 12px; padding-right: 6px; } .service-page-2 .service-content-nav .nav-tabs .nav-item.last-iten-border { border-bottom: none; } .service-page-2 .service-content-nav .nav-tabs .nav-item.last-iten-border .nav-link { padding: 29px 0 0 0; } .service-page-2 .service-right-content p { margin: 0 0 30px; color: var(--zaplin-color-heading-2); } .service-page-2 .service-right-content .text-1 { margin-bottom: 70px; } .service-page-2 .service-right-content .text-5 { margin-bottom: 70px; } .service-page-2 .service-right-content .title-5 { margin-bottom: 30px; } .service-page-2 .service-right-content .thumbnail { border-radius: 10px; box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.06); margin-bottom: 70px; } .service-page-2 .service-right-content .feature-list { list-style-type: disc; margin-bottom: 60px; } .service-page-2 .service-right-content .feature-list li { color: var(--zaplin-color-heading-2); } .service-page-2 .service-right-content .process-content .process-box { padding: 60px 0; border-radius: 10px; background: #F9F6FE; text-align: center; margin-bottom: 30px; } .service-page-2 .service-right-content .process-content .process-box span { width: 70px; height: 70px; line-height: 70px; display: block; border-radius: 50px; font-size: 28px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); text-align: center; margin: 0 auto 20px; } .service-page-2 .service-right-content .process-content .process-box h5 { margin-bottom: 0; } .service-page-2 .service-right-content .faq-accordion .accordion-item { border: 1px solid #E5E5E5; } .zaplin-signup-model2 { display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(25, 28, 33, 0.8); } .zaplin-signup-model2 .create-content { width: 470px; padding: 40px 40px; margin: 10% auto 15% auto; border-radius: 10px; background-color: var(--zaplin-color-white); text-align: center; position: relative; } @media only screen and (max-width: 1199px) { .zaplin-signup-model2 .create-content { width: 90%; } } .zaplin-signup-model2 .create-content .login { width: 100%; border-radius: 5px; font-size: var(--zaplin-font-size-b1); border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); background: var(--zaplin-color-white); padding: 13px 0; margin-bottom: 20px; } .zaplin-signup-model2 .create-content .login img { margin-right: 5px; } .zaplin-signup-model2 .create-content .or { font-size: 16px; font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); text-transform: capitalize; margin-bottom: 20px; position: relative; } .zaplin-signup-model2 .create-content .or::after, .zaplin-signup-model2 .create-content .or::before { content: ""; position: absolute; top: 13px; width: 45%; height: 1px; background: #E5E5E5; } .zaplin-signup-model2 .create-content .or::after { left: 0; } .zaplin-signup-model2 .create-content .or::before { right: 0; } .zaplin-signup-model2 .create-content .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 20px; } .zaplin-signup-model2 .create-content .zaplin-btn { width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; } .zaplin-signup-model2 .create-content .account-have { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); margin-bottom: 0; } .zaplin-signup-model2 .create-content .account-have a { color: var(--zaplin-color-primary); text-decoration: underline; } .zaplin-signup-model2 .create-content .close { font-size: 25px; color: var(--zaplin-color-heading-1); position: absolute; right: 15px; top: 5px; cursor: pointer; } .zaplin-login-model2 { display: block; width: 100%; height: 100%; overflow: auto; background-color: rgba(25, 28, 33, 0.8); } .zaplin-login-model2 .create-content { width: 470px; padding: 40px 40px; margin: 10% auto 15% auto; border-radius: 10px; background-color: var(--zaplin-color-white); text-align: center; position: relative; } @media only screen and (max-width: 1199px) { .zaplin-login-model2 .create-content { width: 90%; } } .zaplin-login-model2 .create-content .login { width: 100%; border-radius: 5px; font-size: var(--zaplin-font-size-b1); border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-secondary); background: var(--zaplin-color-white); padding: 13px 0; margin-bottom: 20px; } .zaplin-login-model2 .create-content .login img { margin-right: 5px; } .zaplin-login-model2 .create-content .or { font-size: 16px; font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); text-transform: capitalize; margin-bottom: 20px; position: relative; } .zaplin-login-model2 .create-content .or::after, .zaplin-login-model2 .create-content .or::before { content: ""; position: absolute; top: 13px; width: 45%; height: 1px; background: #E5E5E5; } .zaplin-login-model2 .create-content .or::after { left: 0; } .zaplin-login-model2 .create-content .or::before { right: 0; } .zaplin-login-model2 .create-content .form-control { border-radius: 5px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); margin-bottom: 20px; } .zaplin-login-model2 .create-content .zaplin-btn { width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; } .zaplin-login-model2 .create-content .account-have { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); margin-bottom: 0; } .zaplin-login-model2 .create-content .account-have a { color: var(--zaplin-color-primary); text-decoration: underline; } .zaplin-login-model2 .create-content .close { font-size: 25px; color: var(--zaplin-color-heading-1); position: absolute; right: 17px; top: 3px; cursor: pointer; } .zaplin-login-model2 .remember-me { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; } .zaplin-login-model2 .remember-me .form-check { display: inline-block; } .zaplin-login-model2 .remember-me .psw a { text-decoration: underline; } @media only screen and (max-width: 479px) { .zaplin-login-model2 .remember-me span { font-size: 12px; } } .zaplin-login-model2 input[type="checkbox"], .zaplin-login-model2 input[type="radio"] { opacity: 1; } .testimonial-slide .content { border: 1.5px solid var(--zaplin-color-heading-1); background-color: var(--zaplin-color-white); border-radius: 10px; padding: 50px 50px; margin-bottom: 30px; margin-top: 30px; } .testimonial-slide .quots { width: 80px; height: 80px; line-height: 87px; border-radius: 25px; text-align: center; background: #F3EDFE; border: 1.5px solid var(--zaplin-color-heading-1); margin-top: -135px; margin-bottom: 50px; } .testimonial-slide .quots i { font-size: 25px; } .testimonial-slide p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b3); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); line-height: 32px; margin-bottom: 30px; } .testimonial-slide .rating-icon { margin-bottom: 13px; } .testimonial-slide .rating-icon i { color: #FFC844; margin-right: 5px; } .testimonial-slide .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .testimonial-slide .author-info .thumb { margin-right: 20px; } .testimonial-slide .author-info .thumb img { border-radius: 50%; } .testimonial-slide .author-info .info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .testimonial-slide .author-info .info .title { margin-bottom: 0; } .testimonial-area-1 { padding: 0 0 200px; } @media only screen and (max-width: 991px) { .testimonial-area-1 { padding: 0 0 120px; } } .zaplin-chatbot-testimonial-activation { margin: 0 -24px; padding: 0 10px; } .testimonial-style-1 { width: 410px; } @media only screen and (max-width: 991px) { .testimonial-style-1 { width: 100%; } } .testimonial-style-1 .content { padding: 90px 50px 50px 50px; margin-top: 50px; margin-bottom: 23px; } .testimonial-area-2 { padding-bottom: 230px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .testimonial-area-2 { padding-bottom: 120px; } } @media only screen and (max-width: 991px) { .testimonial-area-2 { padding-bottom: 80px; } } .testimonial-area-2 .zaplin-payment-testimonial-activator { max-width: 830px; padding: 0 5px; margin-top: 5px; } @media only screen and (max-width: 991px) { .testimonial-area-2 .zaplin-payment-testimonial-activator { width: 100%; } } .testimonial-area-2 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; } .testimonial-area-2 .swiper-navigation-1 .swiper-btn-nxt-1, .testimonial-area-2 .swiper-navigation-1 .swiper-btn-prv-1 { width: 70px; height: 70px; line-height: 75px; } @media only screen and (max-width: 991px) { .testimonial-area-2 .swiper-pagination, .testimonial-area-2 .swiper-navigation-1 { display: none; } } .testimonial-area-2 .shape-group li.shape-1 { left: 345px; bottom: -138px; } .testimonial-area-2 .shape-group li.shape-1 span { width: 592px; height: 592px; border-radius: 50%; background: #FFF; display: inline-block; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.03); } .testimonial-area-2 .shape-group li.shape-2 { left: 437px; bottom: -50px; } .testimonial-area-2 .shape-group li.shape-2 span { width: 412px; height: 412px; border-radius: 50%; background: #FFF; display: inline-block; box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05); } .testimonial-area-2.testimonial-page-4 { padding: 150px 0 280px; } .testimonial-style-2 .author-info { display: block; } .testimonial-style-2 .author-info .thumb { margin-right: 0; margin-top: -100px; margin-bottom: 10px; } .testimonial-style-2 .content { background-color: transparent; text-align: center; margin-bottom: 50px; margin-top: 125px; border: none; border-radius: 0; padding: 0; } @media only screen and (max-width: 991px) { .testimonial-style-2 .content { width: 100%; } } .testimonial-style-2 .content p { line-height: 30px; margin-bottom: 20px; margin-top: 20px; font-weight: var(--zaplin-p-regular); } .testimonial-style-2 .content .info .title { margin-bottom: 5px; } .testimonial-style-2 .content .info .subtitle { font-size: 16px; color: var(--zaplin-color-heading-2); } .testimonial-style-3 .content { padding: 40px 35px 40px 40px; border: none; margin-top: 0; margin-bottom: 0; } .testimonial-style-3 .content .rating-icon { margin-bottom: 5px; } .testimonial-style-3 .content h6 { font-size: var(--zaplin-h6); font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); line-height: 30px; margin-bottom: 15px; max-width: 290px; } .testimonial-style-3 .content p { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); line-height: 30px; margin-bottom: 20px; } .testimonial-area-3 { background: #F4F8F6; } .testimonial-area-3 .testimonial-heading-area { margin-top: 50px; } @media only screen and (max-width: 991px) { .testimonial-area-3 .testimonial-heading-area { margin-top: 0; } } .testimonial-area-3 .testimonial-heading-area .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .testimonial-area-3 .swiper-navigation .swiper-btn-nxt, .testimonial-area-3 .swiper-navigation .swiper-btn-prv { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); } .testimonial-area-3 .zaplin-copy-writing-tool-testimonial-activation .swiper-wrapper .swiper-slide { padding: 0 15px; } .testimonial-area-4 { background: #FEFCF8; } .testimonial-area-4 .swiper-horizontal > .swiper-pagination-bullets, .testimonial-area-4 .swiper-pagination-bullets.swiper-pagination-horizontal, .testimonial-area-4 .swiper-pagination-custom, .testimonial-area-4 .swiper-pagination-fraction { bottom: 10px; z-index: 1; right: 0; left: inherit; display: block; width: 115px; } @media only screen and (max-width: 991px) { .testimonial-area-4 .swiper-horizontal > .swiper-pagination-bullets, .testimonial-area-4 .swiper-pagination-bullets.swiper-pagination-horizontal, .testimonial-area-4 .swiper-pagination-custom, .testimonial-area-4 .swiper-pagination-fraction { display: none; } } .testimonial-style-4 .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 100px 100px 0 100px; margin-bottom: 0; border-radius: 20px; background-color: var(--zaplin-color-white); position: relative; margin-top: 0; } @media only screen and (max-width: 991px) { .testimonial-style-4 .content { padding: 50px; } } @media only screen and (max-width: 767px) { .testimonial-style-4 .content { display: block; padding: 25px 25px 50px 25px; } } .testimonial-style-4 .content::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 55%; height: 100%; background-image: url(../images/bg-image/testimonial-bg-1.svg); background-size: cover; background-repeat: no-repeat; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .testimonial-style-4 .content::after { content: ""; position: absolute; right: 80px; top: 120px; width: 160px; height: 160px; background-image: url(../images/others/shape-08.svg); background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .testimonial-style-4 .content::after { display: none; } } .testimonial-style-4 .content .content-wrapper { width: 66%; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .testimonial-style-4 .content .content-wrapper { width: 60%; } } @media only screen and (max-width: 991px) { .testimonial-style-4 .content .content-wrapper { margin-right: 20px; } } @media only screen and (max-width: 767px) { .testimonial-style-4 .content .content-wrapper { width: 100%; } } .testimonial-style-4 .content .content-wrapper .quots-1 { margin-bottom: 30px; } .testimonial-style-4 .content .content-wrapper p { font-size: 30px; line-height: 42px; font-weight: var(--zaplin-p-regular); margin-bottom: 22px; } @media only screen and (max-width: 1199px) { .testimonial-style-4 .content .content-wrapper p { font-size: 20px; line-height: 32px; } } .testimonial-style-4 .content .content-wrapper .info { position: relative; } .testimonial-style-4 .content .content-wrapper .info::after { content: ""; position: absolute; left: 0; top: 4px; bottom: 0; width: 7px; height: 53px; background-color: var(--zaplin-color-white); border-radius: 2px; border: 1.2px solid var(--zaplin-color-heading-1); } .testimonial-style-4 .content .content-wrapper .info::before { content: ""; position: absolute; left: 3px; top: 8px; bottom: 0; width: 7px; height: 53px; background-color: var(--zaplin-color-heading-1); border-radius: 3px; } .testimonial-style-4 .content .content-wrapper .info .title { font-size: 26px; font-weight: var(--zaplin-p-medium); margin-bottom: 4px; margin-left: 25px; } @media only screen and (max-width: 1199px) { .testimonial-style-4 .content .content-wrapper .info .title { font-size: 16px; } } .testimonial-style-4 .content .content-wrapper .info .subtitle { font-size: 16px; margin-left: 25px; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .testimonial-style-4 .content .content-wrapper .info .subtitle { font-size: 12px; } } .testimonial-style-4 .content .thumb-wrapper { width: 34%; margin-bottom: 0; margin-left: -40px; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .testimonial-style-4 .content .thumb-wrapper { width: 40%; } } @media only screen and (max-width: 991px) { .testimonial-style-4 .content .thumb-wrapper { margin-left: 0; } } @media only screen and (max-width: 767px) { .testimonial-style-4 .content .thumb-wrapper { width: 100%; } } .testimonial-style-4 .content .thumb-wrapper .thumb { text-align: right; margin-top: -70px; margin-right: -20px; } @media only screen and (max-width: 991px) { .testimonial-style-4 .content .thumb-wrapper .thumb { margin-top: 0; margin-bottom: -50px; position: relative; bottom: -5px; } } @media only screen and (max-width: 767px) { .testimonial-style-4 .content .thumb-wrapper .thumb { text-align: center; } } .testimonial-style-4.testimonial-style-7 .content { border: none; padding: 40px 40px 40px 70px; } @media only screen and (max-width: 767px) { .testimonial-style-4.testimonial-style-7 .content { padding: 40px 40px; } } .testimonial-style-4.testimonial-style-7 .content::before { display: none; } .testimonial-style-4.testimonial-style-7 .content::after { display: none; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper { width: 62%; margin-top: 50px; } @media only screen and (max-width: 1199px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper { width: 55%; } } @media only screen and (max-width: 991px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper { width: 60%; } } @media only screen and (max-width: 767px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper { width: 100%; } } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .quots-1 { margin-bottom: 15px; } @media only screen and (max-width: 991px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper .quots-1 { margin-bottom: 0; } } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .quots-1 i { font-size: 45px; } @media only screen and (max-width: 991px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper .quots-1 i { font-size: 32px; } } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .subtitle { color: var(--zaplin-color-heading-2); text-transform: uppercase; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper p { font-size: 32px; line-height: 48px; margin-bottom: 33px; } @media only screen and (max-width: 1199px) { .testimonial-style-4.testimonial-style-7 .content .content-wrapper p { font-size: 20px; line-height: 30px; } } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info::after, .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info::before { display: none; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info .rating-icon { margin-bottom: 0; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info .rating-icon i { margin-right: 5px; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info .title { margin-left: 0; } .testimonial-style-4.testimonial-style-7 .content .content-wrapper .info .subtitle { margin-left: 0; } .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper { width: 38%; margin-top: 68px; margin-left: 20px; } @media only screen and (max-width: 1199px) { .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper { width: 45%; } } @media only screen and (max-width: 991px) { .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper { width: 40%; } } @media only screen and (max-width: 767px) { .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper { width: 100%; margin-left: 0; } } .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper .thumb { margin-right: 0; } @media only screen and (max-width: 767px) { .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper .thumb { margin-bottom: 0; } } .testimonial-style-4.testimonial-style-7 .content .thumb-wrapper .thumb img { border-radius: 15px; } .testimonial-area-5 .section-title { margin-bottom: 16px; } .testimonial-area-5 .develpoment-agency-testimonial-activation { margin-bottom: 70px; } .testimonial-area-5 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -80px; } .testimonial-area-5.testimonial-page-3 .testimonial-style-5 { padding: 0px 45px 35px 45px; margin: 75px 0px 5px 0px; } .testimonial-area-5.testimonial-page-3 .testimonial-style-5 .rating-icon { margin-bottom: 10px; } .testimonial-style-5 { border: 1.5px solid var(--zaplin-color-heading-1); background-color: var(--zaplin-color-white); border-radius: 20px; padding: 0 50px 40px 50px; margin: 60px 15px 0 15px; } @media only screen and (max-width: 767px) { .testimonial-style-5 { padding: 0 25px 25px 25px; } } .testimonial-style-5 .content-box { text-align: center; } .testimonial-style-5 .content-box .thumb { margin-top: -50px; margin-bottom: 37px; } .testimonial-style-5 .content-box .thumb img { border-radius: 50%; } .testimonial-style-5 .content-box p { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-primary); line-height: 30px; } .testimonial-style-5 .content-box .author-info .info .title { margin-bottom: 4px; } .testimonial-style-5 .rating-icon { margin-bottom: 15px; } .testimonial-style-5 p { font-size: var(--zaplin-font-size-b2); margin-bottom: 15px; } .testimonial-style-5.testimonial-style-9 { padding: 0 50px 32px 50px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.07); background: -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); background: linear-gradient(110deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); margin: 60px 15px 50px 15px; } .testimonial-style-5.testimonial-style-9 p { color: var(--zaplin-color-heading-3); } .testimonial-style-5.testimonial-style-9 .author-info .title { color: var(--zaplin-color-white); } .testimonial-style-5.testimonial-style-9 .author-info .subtitle { color: var(--zaplin-color-heading-3); } .testimonial-style-5.testimonial-style-14 { border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.08); background: -webkit-linear-gradient(323deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(127deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%); } .testimonial-style-5.testimonial-style-14 .content-box p { color: var(--zaplin-color-heading-3); } .testimonial-style-5.testimonial-style-14 .content-box .author-info .title { color: var(--zaplin-color-white); } .testimonial-style-5.testimonial-style-14 .content-box .author-info .subtitle { color: var(--zaplin-color-heading-3); } .testimonial-area-6 .testimonial-heading-area { margin-top: 50px; } @media only screen and (max-width: 991px) { .testimonial-area-6 .testimonial-heading-area { margin-top: 0; } } .testimonial-area-6 .testimonial-heading-area .section-title { margin-bottom: 30px; } .testimonial-area-6 .swiper-navigation .swiper-btn-nxt, .testimonial-area-6 .swiper-navigation .swiper-btn-prv { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06); } .testimonial-style-6 .content { margin-top: 0; margin-bottom: 0; border-radius: 10px; border: none; } .testimonial-style-6 .content .testimonial-brand { margin-bottom: 30px; } .testimonial-style-6 .content p { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); line-height: 30px; } .testimonial-style-6.testimonial-task-1 .content, .testimonial-style-6.testimonial-task-3 .content { background: #FFF7F5; } .testimonial-style-6.testimonial-task-2 .content { background: #F9F6FF; } .testimonial-area-7 { background: var(--zaplin-color-lighten02); } .testimonial-area-7 .swiper-navigation-1 .swiper-btn-nxt-1, .testimonial-area-7 .swiper-navigation-1 .swiper-btn-prv-1 { background: var(--zaplin-color-white); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1199px) { .testimonial-area-7 .swiper-navigation-1 .swiper-btn-nxt-1, .testimonial-area-7 .swiper-navigation-1 .swiper-btn-prv-1 { display: none; } } .testimonial-area-7 .swiper-navigation-1 .swiper-btn-nxt-1:hover, .testimonial-area-7 .swiper-navigation-1 .swiper-btn-prv-1:hover { color: var(--zaplin-color-white); background: var(--zaplin-color-primary); } .testimonial-area-7 .swiper-navigation-1 .swiper-btn-nxt-1 { left: -22px; bottom: 235px; z-index: 1; } .testimonial-area-7 .swiper-navigation-1 .swiper-btn-prv-1 { right: -32px; bottom: 235px; z-index: 1; } .testimonial-area-8 .section-title { max-width: 480px; width: 100%; } .testimonial-area-8 .section-description { margin-top: 60px; margin-left: 90px; } @media only screen and (max-width: 991px) { .testimonial-area-8 .section-description { margin-top: 0; margin-left: 0; } } .testimonial-area-8 .section-description p { font-size: var(--zaplin-font-size-b2); line-height: 32px; color: var(--zaplin-color-heading-2); padding-left: 35px; } @media only screen and (max-width: 1199px) { .testimonial-area-8 .section-description p { padding-left: 0; } } .crm-testimonial-activator { margin: 0 0 0 -54%; } @media (max-width: 1300px) { .crm-testimonial-activator { margin: 0; } } @media only screen and (max-width: 1199px) { .crm-testimonial-activator { margin: 0 0 0 -9%; } } .testimonial-style-8 .content { width: 630px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; border: none; padding: 30px 50px 30px 30px; border-radius: 20px; margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 991px) { .testimonial-style-8 .content { width: 100%; } } @media only screen and (max-width: 991px) { .testimonial-style-8 .content { display: block; width: 100%; } } .testimonial-style-8 .content .thumb-wrapper { width: 240px; } @media only screen and (max-width: 991px) { .testimonial-style-8 .content .thumb-wrapper { width: 100%; } } .testimonial-style-8 .content .thumb-wrapper .thumb { width: 240px; } @media only screen and (max-width: 991px) { .testimonial-style-8 .content .thumb-wrapper .thumb { width: 100%; } } .testimonial-style-8 .content .thumb-wrapper .thumb img { border-radius: 15px; } @media only screen and (max-width: 991px) { .testimonial-style-8 .content .thumb-wrapper .thumb img { width: 100%; } } .testimonial-style-8 .content .content-wrapper { margin-top: 25px; } @media only screen and (max-width: 991px) { .testimonial-style-8 .content .content-wrapper { margin-top: 30px; } } .testimonial-style-8 .content .content-wrapper .rating-icon { margin-top: 30px; margin-bottom: 4px; } .testimonial-style-8 .content .content-wrapper p { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); line-height: 30px; margin-bottom: 20px; } .testimonial-style-8 .content .content-wrapper .title { font-size: var(--zaplin-font-size-b3); margin-bottom: 0; } .testimonial-style-8.testimonial-bg-color-1 .content { background: #E7F8E1; } .testimonial-style-8.testimonial-bg-color-2 .content { background: #F8ECE1; } .testimonial-style-8.testimonial-bg-color-3 .content { background: #EFE7FF; } .testimonial-area-9 { background: url(../images/bg-image/testimonial-bg-2.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .testimonial-area-9 .section-title .title { color: var(--zaplin-color-white); } .testimonial-area-9 .swiper-pagination { bottom: -10px; } .testimonial-area-9 .swiper-pagination .swiper-pagination-bullet::before { border: 1px solid rgba(255, 255, 255, 0.07); background: -webkit-linear-gradient(339.66deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.006) 100%); background: linear-gradient(110.34deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.006) 100%); } .testimonial-area-9.testimonial-page-4 .section-title { margin-bottom: 20px; } .testimonial-area-9.testimonial-page-4 .testimonial-style-9 { margin: 80px 0 0 0; padding: 0px 45px 35px 45px; } .testimonial-area-10 { background: #050505; position: relative; } .testimonial-area-10 .slider { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .testimonial-area-10 .slider .testimonial-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 71px 80px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.03); } @media only screen and (max-width: 991px) { .testimonial-area-10 .slider .testimonial-wrapper { padding: 71px 20px; overflow: hidden; } } @media only screen and (max-width: 767px) { .testimonial-area-10 .slider .testimonial-wrapper { padding: 20px 20px; } } .testimonial-area-10 .slider .testimonial-wrapper::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg-image/testimonial-bg-3.png); background-repeat: no-repeat; background-size: cover; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider { width: 100%; position: relative; margin: auto; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .testimonial-slider-img img { opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > * { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(5) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(6) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(7) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(8) { -webkit-transition-delay: 1s; transition-delay: 1s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(9) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(10) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(11) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(12) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(13) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(14) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-item.swiper-slide-active .inner > *:nth-child(15) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-img { width: 350px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 425px; overflow: hidden; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-img img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner { display: block; } @media only screen and (max-width: 991px) { .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner { text-align: left; } } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .quots-1 { font-size: 45px; color: var(--zaplin-color-secondary); margin-bottom: 17px; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .text { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); margin-bottom: 35px; margin-right: 70px; line-height: 46px; } @media only screen and (max-width: 991px) { .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .text { line-height: 38px; } } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .info { padding-bottom: 70px; } @media only screen and (max-width: 767px) { .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .info { padding-bottom: 0; } } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .info .title { font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-white); margin-bottom: 7px; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner .info .subtitle { color: var(--zaplin-color-white); } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .inner > * { opacity: 0; -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all .4s; transition: all .4s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .swiper-container-horizontal > .swiper-pagination-bullets, .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .swiper-pagination-custom, .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; z-index: 21; left: 0; width: 190px !important; text-align: left; bottom: 0; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0; } @media screen and (max-width: 768px) { .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullet { width: 30px; height: 16px; font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); border: inherit; color: rgba(255, 255, 255, 0.5); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); position: relative; border-radius: 0; -webkit-transition: all .3s; transition: all .3s; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullet::before { content: ""; position: absolute; left: 0; right: 0; top: -7px; width: 100%; height: 3px; opacity: 0.5; background: #FFF; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullet-active { width: 50px; height: 16px; color: var(--zaplin-color-secondary); background: transparent; opacity: 1; } .testimonial-area-10 .slider .testimonial-wrapper .testimonial-slider .testimonial-slider-pagination .swiper-pagination-bullet-active::before { content: ""; position: absolute; left: 0; right: 0; top: -7px; width: 100%; height: 3px; background: var(--zaplin-color-secondary); } .testimonial-area-10 .shape-group li.shape-1 { right: 0; bottom: -200px; z-index: 0; } .testimonial-area-11 { position: relative; } @media only screen and (max-width: 1199px) { .testimonial-area-11 { padding-bottom: 0 !important; } } .testimonial-area-11::before { content: ""; position: absolute; left: -89px; top: -54px; width: 100%; height: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/bg-image/testimonial-bg-7.svg); background-repeat: no-repeat; z-index: -1; } .testimonial-area-11::after { content: ""; position: absolute; bottom: 0; left: 27%; max-width: 850px; width: 100%; height: 1px; background: -webkit-linear-gradient(right, rgba(229, 229, 229, 0) 0%, #E5E5E5 50%, rgba(229, 229, 229, 0) 100%); background: linear-gradient(270deg, rgba(229, 229, 229, 0) 0%, #E5E5E5 50%, rgba(229, 229, 229, 0) 100%); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1199px) { .testimonial-area-11::after { display: none; } } .testimonial-area-11 .section-title { position: relative; } .testimonial-area-11 .testimonial-slide .inner { max-width: 810px; margin: 0 auto; text-align: center; } .testimonial-area-11 .testimonial-slide .inner .rating-icon { margin-bottom: 20px; } .testimonial-area-11 .testimonial-slide .inner p { margin-bottom: 25px; } .testimonial-area-11 .testimonial-slide .inner .title { margin-bottom: 6px; } .testimonial-area-11 .social-media-slider-main { width: 285px; text-align: center; max-width: 100%; margin-top: 25px; } .testimonial-area-11 .social-media-slider-main .swiper-slide { height: 100%; margin-top: 20px; } .testimonial-area-11 .social-media-slider-main .swiper-slide .main-thumb { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .testimonial-area-11 .social-media-slider-main .swiper-slide .main-thumb img { border-radius: 50%; } .testimonial-area-11 .social-media-slider-main .swiper-slide.swiper-slide-active .main-thumb { width: 100%; height: 100%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-radius: 50%; border: 3px solid var(--zaplin-color-white); position: relative; top: -5px; } .testimonial-area-11 .social-media-slider-main .swiper-slide.swiper-slide-duplicate-next, .testimonial-area-11 .social-media-slider-main .swiper-slide.swiper-slide-duplicate-prev { visibility: hidden; opacity: 0; } .testimonial-area-12 { background: #121212; } .testimonial-area-12 .pre-title-yellow { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 132px; } .testimonial-area-12 .testimonial-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .testimonial-area-12 .testimonial-wrapper { display: block; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap { width: 50%; } @media only screen and (max-width: 1199px) { .testimonial-area-12 .testimonial-wrapper .testimonial-wrap { width: 100%; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 { padding: 120px; border-right: 1px solid #FEFCF7; background: url(../images/bg-image/testimonial-bg-5.svg); background-size: cover; } @media only screen and (max-width: 767px) { .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 { height: 100%; padding: 50px; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner { text-align: center; } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .pre-title { font-size: 14px; font-weight: var(--zaplin-p-medium); text-transform: uppercase; color: var(--zaplin-color-white); } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .quots-1 { padding: 40px 0 15px 0; } @media only screen and (max-width: 767px) { .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .quots-1 { padding: 15px 0 10px 0; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .quots-1 i { font-size: 45px; color: rgba(255, 255, 255, 0.4); } @media only screen and (max-width: 767px) { .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .quots-1 i { font-size: 30px; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner h3 { font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); margin-bottom: 30px; padding: 0 25px; } @media only screen and (max-width: 1650px) { .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner h3 { font-size: 18px; } } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .rating-icon { margin-bottom: 18px; } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .title { font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-white); margin-bottom: 5px; } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .testimonial-slide .inner .subtitle { text-transform: uppercase; color: var(--zaplin-color-white); } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .swiper-pagination-5 { text-align: center; position: relative; bottom: -20px; } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .swiper-pagination-5 .swiper-pagination-bullet { width: 30px; height: 2px; font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); border-radius: 20px; border: inherit; background: rgba(255, 255, 255, 0.5); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); margin-right: 10px; } .testimonial-area-12 .testimonial-wrapper .testimonial-wrap.testimonial-wrap-1 .swiper-pagination-5 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--zaplin-color-secondary); } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 { overflow: hidden; } @media only screen and (max-width: 575px) { .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 { display: none; } } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 9px 0; } @media only screen and (max-width: 1199px) { .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper { padding: 60px 0; } } @media only screen and (max-width: 767px) { .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper { padding: 10px 0; } } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper img { padding-right: 20px; } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper h1 { color: #B9B9B9; font-size: 96px; font-weight: var(--zaplin-p-regular); text-transform: uppercase; margin-bottom: 0; } @media only screen and (max-width: 767px) { .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper .list-wrapper h1 { font-size: 50px; } } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-1, .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-3 { -webkit-animation: scroll 100s linear infinite; animation: scroll 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-1:hover, .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-3:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-2, .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-4 { -webkit-animation: scrollLeft 100s linear infinite; animation: scrollLeft 100s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-2:hover, .testimonial-area-12 .testimonial-wrap.testimonial-wrap-2 .testimonial-wrap-3 .testimonial-list-wrapper.testimonial-list-wrapper-4:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .testimonial-area-13 { background: #121212; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; } .testimonial-area-13 .section-title { margin-bottom: 0; } .testimonial-area-13 .section-title .pre-title { color: var(--zaplin-color-heading-3); } .testimonial-area-13 .section-title .title { color: var(--zaplin-color-white); margin-bottom: 0; } .testimonial-area-13 .swiper-navigation { text-align: center; padding-top: 60px; } .testimonial-area-13 .swiper-navigation .swiper-btn-nxt, .testimonial-area-13 .swiper-navigation .swiper-btn-prv { width: 70px; height: 70px; line-height: 70px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.07); color: var(--zaplin-color-white); background: #1D1D1D; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.07); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .testimonial-area-13 .swiper-navigation .swiper-btn-nxt:hover, .testimonial-area-13 .swiper-navigation .swiper-btn-prv:hover { background: var(--zaplin-color-primary); } .testimonial-area-13 .shape-group li.shape-1 { top: 0; left: 10%; } .testimonial-style-13 { padding: 33px 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.07); background: var(--zaplin-footer-text); box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.07); } .testimonial-style-13 .content-box { text-align: left; } .testimonial-style-13 .content-box p { font-size: var(--zaplin-font-size-b1); color: var(--zaplin-color-white); border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding-bottom: 22px; } .testimonial-style-13 .content-box .author-info { padding-top: 14px; } .testimonial-style-13 .content-box .author-info .thumb { margin-top: 0; margin-bottom: 0; } .testimonial-style-13 .content-box .author-info .title { color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); } .testimonial-style-13 .content-box .author-info .subtitle { color: var(--zaplin-color-heading-3); } .testimonial-area-14 { background: #121212; } .testimonial-area-14 .section-title .pre-title { color: var(--zaplin-color-heading-3); } .testimonial-area-14 .section-title .title { color: var(--zaplin-color-white); } .testimonial-area-14 .swiper-pagination { bottom: inherit; margin-top: 60px; } .testimonial-area-14 .swiper-pagination .swiper-pagination-bullet::before { border: 1px solid rgba(255, 255, 255, 0.07); background: -webkit-linear-gradient(339.66deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.006) 100%); background: linear-gradient(110.34deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.006) 100%); } .testimonial-area-15 .testimonial-heading-area { margin-top: 80px; } @media only screen and (max-width: 991px) { .testimonial-area-15 .testimonial-heading-area { margin-top: 0; } } .testimonial-area-15 .testimonial-style-6 .content { border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); } .testimonial-area-15 .zaplin-hr-management-testimonial-activation { margin: -40px; padding: 46px 49px; } .testimonial-area-15 .swiper-slide.swiper-slide-prev, .testimonial-area-15 .swiper-slide.swiper-slide-duplicate-prev { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } @media only screen and (max-width: 767px) { .testimonial-page-1 .testimonial-style-1 { width: 100%; } } @media only screen and (max-width: 767px) { .testimonial-page-1 .testimonial-style-1 .content p { font-size: var(--zaplin-font-size-b1); } } @media only screen and (max-width: 479px) { .testimonial-page-1 .testimonial-style-1 .author-info { display: block; } } @media only screen and (max-width: 479px) { .testimonial-page-1 .testimonial-style-1 .author-info .info { padding-top: 15px; } } @media only screen and (max-width: 767px) { .testimonial-page-1 .testimonial-style-1 .author-info .info .title { font-size: var(--zaplin-font-size-b2); } } .testimonial-page-1 .content { margin-top: 15px; margin-bottom: 28px; } /*------------------- Team Styles ---------------------*/ .zaplin-team-grid .thumbnail-wrap { position: relative; } .zaplin-team-grid .thumbnail a { border-radius: 10px; position: relative; display: block; } .zaplin-team-grid .thumbnail a img { border-radius: 10px; width: 100%; } .zaplin-team-grid .content { text-align: center; } .zaplin-team-grid .content .title { font-size: var(--zaplin-font-size-b3); margin-bottom: 4px; } .zaplin-team-grid .content .designation { display: inline-block; color: var(--zaplin-color-heading-2); } .zaplin-team-grid.team-style-1 { border-radius: 10px; background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07); } .zaplin-team-grid.team-style-1 .thumbnail-wrap { position: relative; } .zaplin-team-grid.team-style-1 .thumbnail-wrap .thumb-btn { position: absolute; right: 30px; bottom: -20px; visibility: hidden; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-team-grid.team-style-1 .thumbnail-wrap .thumb-btn a { width: 60px; height: 60px; line-height: 65px; border-radius: 60px; text-align: center; background: var(--zaplin-color-white); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.12); } .zaplin-team-grid.team-style-1 .thumbnail-wrap .thumb-btn a i { font-size: var(--zaplin-font-size-b2); } .zaplin-team-grid.team-style-1 .content { text-align: left; padding: 30px 30px 22px; position: relative; } .zaplin-team-grid.team-style-1 .content .title { font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .zaplin-team-grid.team-style-1 .content .team-share-info { margin-bottom: 0; padding-left: 0; margin-top: 6px; } .zaplin-team-grid.team-style-1 .content .team-share-info li { display: inline-block; margin-right: 12px; } @media only screen and (max-width: 767px) { .zaplin-team-grid.team-style-1 .content .team-share-info li { margin-right: 0; } } .zaplin-team-grid.team-style-1 .content .team-share-info li a { width: 40px; height: 40px; line-height: 44px; border: 1px solid #E5E5E5; text-align: center; border-radius: 30px; font-size: var(--zaplin-font-size-b3); color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-team-grid.team-style-1 .content .team-share-info li a:hover { background: var(--zaplin-color-primary); color: var(--zaplin-color-white); } .zaplin-team-grid.team-style-1:hover .thumb-btn { opacity: 1; visibility: visible; } .zaplin-team-grid.team-style-1.team-style-2 { background: transparent; border-radius: inherit; box-shadow: none; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-team-grid.team-style-1.team-style-2 .thumbnail-wrap .thumbnail a { position: relative; } .zaplin-team-grid.team-style-1.team-style-2 .thumbnail-wrap .thumbnail a::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.15); border-radius: 300px; visibility: hidden; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-team-grid.team-style-1.team-style-2 .thumbnail-wrap .thumbnail a img { border-radius: 300px; } .zaplin-team-grid.team-style-1.team-style-2 .thumbnail-wrap .thumb-btn { right: inherit; bottom: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s; transition: .6s; } .zaplin-team-grid.team-style-1.team-style-2 .content { text-align: center; } .zaplin-team-grid.team-style-1.team-style-2:hover .thumbnail a::after { visibility: visible; opacity: 1; } .team-page-02 .row { margin-right: 50px; margin-left: 50px; } .team-page-02 .row > * { padding-right: 45px; padding-left: 45px; } .team-details-page-1 .team-thumbnail { position: relative; margin-right: 75px; } @media only screen and (max-width: 991px) { .team-details-page-1 .team-thumbnail { margin-right: 0; } } .team-details-page-1 .team-thumbnail img { border-radius: 10px; } .team-details-page-1 .team-thumbnail .shape-group li.shape-1 { right: -497px; top: -60px; } .team-details-page-1 .team-content { max-width: 485px; } @media only screen and (max-width: 991px) { .team-details-page-1 .team-content { max-width: 100%; margin-top: 30px; } } .team-details-page-1 .team-content .title-content { padding-bottom: 60px; border-bottom: 1px solid #E5E5E5; } .team-details-page-1 .team-content .title-content .title { margin-bottom: 10px; } .team-details-page-1 .team-content .title-content .per-title { color: var(--zaplin-color-primary); margin-bottom: 40px; display: block; } @media only screen and (max-width: 991px) { .team-details-page-1 .team-content .title-content .per-title { margin-top: 25px; } } .team-details-page-1 .team-content .title-content .description { margin: 0; } .team-details-page-1 .team-content .information-content { padding: 60px 0 40px; border-bottom: 1px solid #E5E5E5; } .team-details-page-1 .team-content .information-content .title-2 { margin-bottom: 25px; } .team-details-page-1 .team-content .information-content .info-wrapper { margin-bottom: 0; padding-left: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 55px; } .team-details-page-1 .team-content .information-content .info-wrapper .info-wrap { margin: 0 0 25px 0; } .team-details-page-1 .team-content .information-content .info-wrapper .info-wrap.info-wrap-1 { padding-left: 40px; } @media only screen and (max-width: 991px) { .team-details-page-1 .team-content .information-content .info-wrapper .info-wrap.info-wrap-1 { padding-left: 0; } } .team-details-page-1 .team-content .information-content .info-wrapper .info-wrap span { color: var(--zaplin-color-heading-2); } .team-details-page-1 .team-content .information-content .info-wrapper .info-wrap h6 { margin-bottom: 0; } .team-details-page-1 .social-wrapper { margin-top: 60px; } .team-details-page-1 .social-wrapper .social-share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin-bottom: 0; padding-left: 0; margin-top: 30px; position: relative; z-index: 1; } .team-details-page-1 .social-wrapper .social-share li { width: 40px; height: 40px; line-height: 45px; text-align: center; border: 1px solid #E5E5E5; border-radius: 30px; color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); margin: 0 10px 0 0; } .team-details-page-1 .social-wrapper .social-share li i { font-size: 24px; } .team-details-page-1 .social-wrapper .social-share li:hover { background-color: var(--zaplin-color-primary); } .team-details-page-1 .social-wrapper .social-share li:hover i { color: var(--zaplin-color-white); } .video-center-area { position: relative; } .video-center-area .play-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .video-center-area .play-btn a { width: 140px; height: 140px; line-height: 140px; border: 1.5px solid var(--zaplin-color-white); border-radius: 50%; color: var(--zaplin-color-white); text-align: center; font-family: var(--zaplin-font-third); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-bold); letter-spacing: 0.8px; text-transform: uppercase; } .video-center-area .shape-group li.shape-1 { left: 0; top: -1050px; z-index: 0; } @media only screen and (max-width: 1199px) { .video-center-area .shape-group li.shape-1 { display: none; } } .video-center-area-1 { width: 100%; height: 600px; background-image: url(../images/bg-image/video-bg-img-01.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } .video-center-area-1::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; } .video-center-area-2 { padding: 150px 0 0; } @media only screen and (max-width: 767px) { .video-center-area-2 { padding: 50px 0 0; } } .video-center-area-2 .video-wrapper-animation { background-position: top center; background-size: cover; object-fit: cover; width: 95%; height: 1000px; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .video-center-area-2 .video-wrapper-animation video { height: 690px; width: 95%; margin: 0 auto; background-position: center center; background-size: cover; object-fit: cover; } /*======================================================================= 4.Blocks Styles =========================================================================*/ /*-------------------------- Header Styles --------------------------*/ .zaplin-header { z-index: 99; } .zaplin-header .header-mainmenu { position: relative; padding-top: 15px; padding-bottom: 15px; } @media only screen and (max-width: 1199px) { .zaplin-header .header-mainmenu { padding-top: 10px !important; padding-bottom: 10px !important; } } .zaplin-header .header-mainmenu.zaplin-sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 99; padding-top: 0; padding-bottom: 0; background-color: var(--zaplin-color-white); box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05); -webkit-animation: headerSticky .95s ease forwards; animation: headerSticky .95s ease forwards; } .zaplin-header .header-navbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199px) { .zaplin-header .header-navbar { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .zaplin-header .header-navbar .header-mainnav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 1199px) { .zaplin-header .header-navbar .header-mainnav { display: none; } } .zaplin-header .header-brand { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .zaplin-header .header-brand .logo a { display: block; } .zaplin-header .header-brand .logo a h3 { margin-bottom: 0; } .zaplin-header .header-category { border-left: 1.5px solid #f2f2f2; border-right: 1.5px solid #f2f2f2; margin-right: 10px; } @media only screen and (max-width: 1350px) { .zaplin-header .header-category { display: none; } } .zaplin-header .header-category .mainmenu li.has-droupdown > a { padding: 0 40px; } .zaplin-header .header-category .mainmenu li.has-droupdown > a i { padding-right: 10px; font-size: 18px; position: relative; top: 2px; } .zaplin-header .header-category .mainmenu li.has-droupdown > a:after { display: none; } .zaplin-header.header-fullwidth .header-mainmenu, .zaplin-header.header-fullwidth .header-top-bar { padding-left: 70px; padding-right: 70px; } @media only screen and (max-width: 1699px) { .zaplin-header.header-fullwidth .header-mainmenu, .zaplin-header.header-fullwidth .header-top-bar { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .zaplin-header.header-fullwidth .header-mainmenu, .zaplin-header.header-fullwidth .header-top-bar { padding-left: 0; padding-right: 0; } } /*------------------------ Header Style One --------------------------*/ .header-style-1 { position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-style-1 .header-top .header-top-left .header-notify { font-size: 13px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-style-1 .header-top .header-top-left .header-notify { text-align: center; padding: 15px 0 5px; } } @media only screen and (max-width: 767px) { .header-style-1 .header-top .header-top-left .header-notify { text-align: center; padding: 15px 0 5px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-style-1 .header-top .header-info { margin: 0 -20px; } } @media only screen and (max-width: 767px) { .header-style-1 .header-top .header-info { margin: 0 -10px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-style-1 .header-top .header-info li { padding: 14px 15px 12px; font-size: 13px; } } @media only screen and (max-width: 767px) { .header-style-1 .header-top .header-info li { padding: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-style-1 .header-top .header-info li:after { height: 50%; } } @media only screen and (max-width: 767px) { .header-style-1 .header-top .header-info li:after { display: none; } } @media only screen and (max-width: 1350px) { .header-style-1 .header-top .header-info li:nth-last-child(2):after { display: none; } } @media only screen and (max-width: 1350px) { .header-style-1 .header-top .header-info li.social-icon { display: none; } } .header-style-1 .header-mainnav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1350px) { .header-style-1 .header-mainnav .mainmenu-nav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .header-style-1 .header-action li.login a { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-1 .header-action li.login a:hover { color: var(--zaplin-color-primary); } .header-style-1 .header-action li.search-icon { display: none; } @media only screen and (max-width: 1699px) { .header-style-1 .header-action li.search-icon { display: block; } } .header-style-1.hr-header .header-mainmenu { background: transparent; padding-top: 0; padding-bottom: 0; } .header-style-1.hr-header .header-mainmenu.zaplin-sticky { box-shadow: none; padding-top: 20px; } .header-style-1.hr-header .header-mainmenu.zaplin-sticky .header-navbar { margin-top: 0; box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05); } .header-style-1.hr-header .header-mainmenu .header-navbar { height: 80px; border-radius: 10px; margin-top: 30px; padding: 15px 15px 15px 30px; background: var(--zaplin-color-white); } .header-style-1.hr-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu { top: 94.5%; border-radius: 10px; } .header-style-1.hr-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown:hover > .submenu { top: 94.5%; border-radius: 10px; } .header-style-1.crypto-header .header-mainmenu { background: #121212; } .header-style-1.crypto-header .header-mainmenu.zaplin-sticky { background: rgba(255, 255, 255, 0.02); -webkit-backdrop-filter: blur(17.5px); backdrop-filter: blur(17.5px); } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-primary); } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu { background: #151515; } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu > li > a { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu > li > a:hover { color: var(--zaplin-color-primary) !important; } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu { background: #151515; } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu .menu-title { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-action li.login a { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-action li.login a:hover { color: var(--zaplin-color-primary); } .header-style-1.crypto-header .header-action .mobile-menu-bar .hamberger-button { color: var(--zaplin-color-white); } .header-style-1.crypto-header .header-action .mobile-menu-bar .hamberger-button:hover { color: var(--zaplin-color-primary); } .header-style-1.crypto-header .header-action .header-btn .zaplin-btn { border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.15); background: #111; } .header-style-1.crypto-header .header-action .header-btn .zaplin-btn:hover { background: var(--zaplin-color-primary); } .header-style-1.schedule-software-header .header-mainmenu { border-bottom: 1px solid #EBEBE9; padding-top: 10px; padding-bottom: 10px; } .header-style-1.schedule-software-header .header-mainmenu.zaplin-sticky { padding-top: 0; padding-bottom: 0; } .header-style-1.schedule-software-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { position: relative; } .header-style-1.schedule-software-header .header-mainmenu .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 50%; top: 68%; width: 8px; height: 2px; border-radius: 5px; background-color: var(--zaplin-color-heading-1); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: .3s; transition: .3s; } .header-style-1.schedule-software-header .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-heading-1); } .header-style-1.schedule-software-header .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .header-style-1.schedule-software-header .header-mainmenu .mainmenu-nav .mainmenu > li ul.submenu li a:hover { color: var(--zaplin-color-heading-1) !important; } .header-style-1.schedule-software-header .header-action li { margin: 0 15px; } .header-style-1.schedule-software-header .header-action li.search-icon { display: block; } .header-style-1.schedule-software-header .header-action li.icon a:hover { color: var(--zaplin-color-heading-1); } .header-style-1.schedule-software-header .header-action li.login a:hover { font-weight: var(--zaplin-p-semi-bold); color: var(--zaplin-color-heading-1); } .header-style-1.schedule-software-header .header-action .header-btn .zaplin-btn { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); border: 1px solid var(--zaplin-color-heading-1); } .header-style-1.schedule-software-header .header-action .header-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: #c7d626; } .header-style-1.development-agency-header .header-mainmenu, .header-style-1.data-analytics-header .header-mainmenu { padding-top: 8px; padding-bottom: 8px; } .header-style-1.development-agency-header .header-mainmenu.zaplin-sticky, .header-style-1.data-analytics-header .header-mainmenu.zaplin-sticky { padding-top: 0; padding-bottom: 0; } .header-style-1.development-agency-header .header-action, .header-style-1.data-analytics-header .header-action { position: relative; } .header-style-1.development-agency-header .header-action li.search-icon, .header-style-1.data-analytics-header .header-action li.search-icon { display: block; } .header-style-1.development-agency-header .header-action li.header-btn .zaplin-btn, .header-style-1.data-analytics-header .header-action li.header-btn .zaplin-btn { height: 50px; line-height: 50px; border-radius: 50px; } .header-style-1.development-agency-header .header-action::after { content: ""; position: absolute; left: -37px; top: 34%; width: 1px; height: 30px; background: #D9D9D9; } @media only screen and (max-width: 1199px) { .header-style-1.development-agency-header .header-action::after { display: none; } } .header-style-1.time-tracking-header .header-mainmenu { background: #050505; padding-top: 0; padding-bottom: 0; } .header-style-1.time-tracking-header .header-mainmenu.zaplin-sticky { background: rgba(21, 21, 21, 0.6); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-white); } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu { background: #151515; } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu li a { color: var(--zaplin-color-white); } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover { color: var(--zaplin-color-secondary) !important; } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu { background: #151515; } .header-style-1.time-tracking-header .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu li .menu-title { color: var(--zaplin-color-white); } .header-style-1.time-tracking-header .header-action li.search-icon { display: block; } .header-style-1.time-tracking-header .header-action li.search-icon a { color: var(--zaplin-color-white); } .header-style-1.time-tracking-header .header-action li.search-icon a:hover { color: var(--zaplin-color-secondary); } .header-style-1.time-tracking-header .header-action li.header-btn .zaplin-btn { border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .header-style-1.time-tracking-header .header-action li.header-btn .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .header-style-1.time-tracking-header .header-action li.mobile-menu-bar .hamberger-button { color: var(--zaplin-color-white); } .header-style-1.time-tracking-header .header-action li.mobile-menu-bar .hamberger-button:hover { color: var(--zaplin-color-secondary); } .header-style-1.digital-agency-header { border-bottom: 1px solid #eeeeee; } .header-style-1.digital-agency-header .header-mainmenu { padding: 0 0 0 80px; } @media only screen and (max-width: 1199px) { .header-style-1.digital-agency-header .header-mainmenu { padding: 0 0 0 20px !important; } } .header-style-1.digital-agency-header .header-mainmenu .header-mainnav { -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; margin-left: 65px; } .header-style-1.digital-agency-header .header-mainmenu .header-mainnav .mainmenu-nav .mainmenu li ul.mega-menu { left: -35px; } .header-style-1.digital-agency-header .header-mainmenu .header-mainnav .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu { left: -265px; } .header-style-1.digital-agency-header .header-mainmenu .header-navbar .header-brand { position: relative; } .header-style-1.digital-agency-header .header-mainmenu .header-navbar .header-brand::after { content: ""; position: absolute; right: -40px; top: -27px; bottom: 0; width: 1px; height: 90px; background: #eeeeee; } @media only screen and (max-width: 1199px) { .header-style-1.digital-agency-header .header-mainmenu .header-navbar .header-brand::after { display: none; } } @media only screen and (max-width: 1199px) { .header-style-1.digital-agency-header .header-action { margin: 0; } } .header-style-1.digital-agency-header .header-action li.search-icon { display: block; margin: 0 35px; position: relative; } .header-style-1.digital-agency-header .header-action li.search-icon::after, .header-style-1.digital-agency-header .header-action li.search-icon::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; height: 90px; background: #eeeeee; } .header-style-1.digital-agency-header .header-action li.search-icon::after { left: -35px; } .header-style-1.digital-agency-header .header-action li.search-icon::before { right: -35px; } .header-style-1.digital-agency-header .header-action li.offcanvas-bar { margin: 0 35px; } .header-style-1.digital-agency-header .header-action li.header-btn { margin: 0; } .header-style-1.digital-agency-header .header-action li.header-btn .zaplin-btn { height: 90px; line-height: 90px; padding: 0 45px; border-radius: 0; } @media only screen and (max-width: 1199px) { .header-style-1.digital-agency-header .header-action li.header-btn .zaplin-btn { padding: 0 30px; } } .header-style-1.breadcrumb-header .header-mainmenu .header-brand .logo .logo-light { display: block; } .header-style-1.breadcrumb-header .header-mainmenu .header-brand .logo .logo-dark { display: none; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-brand .logo .logo-light { display: none; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-brand .logo .logo-dark { display: block; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-heading-1); } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-primary); } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .login a { color: var(--zaplin-color-heading-1); } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .login a:hover { color: var(--zaplin-color-primary); } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .mobile-menu-bar .hamberger-button.hamberger-button-light { color: var(--zaplin-color-heading-1) !important; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .mobile-menu-bar .hamberger-button.hamberger-button-light:hover { color: var(--zaplin-color-primary) !important; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .mobile-menu-bar .hamberger-button.hamberger-button-dark { color: var(--zaplin-color-heading-1) !important; } .header-style-1.breadcrumb-header .header-mainmenu.zaplin-sticky .header-right .header-action .mobile-menu-bar .hamberger-button.hamberger-button-dark:hover { color: var(--zaplin-color-primary) !important; } .header-style-1.breadcrumb-header .header-mainmenu .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-white); } .header-style-1.breadcrumb-header .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-primary); } .header-style-1.breadcrumb-header .header-mainmenu .header-right .header-action .login a { color: var(--zaplin-color-white); } .header-style-1.breadcrumb-header .header-mainmenu .header-right .header-action .login a:hover { color: var(--zaplin-color-primary); } .header-style-1.breadcrumb-header .header-action .mobile-menu-bar .hamberger-button.hamberger-button-light { color: var(--zaplin-color-heading-1) !important; } .header-style-1.breadcrumb-header .header-action .mobile-menu-bar .hamberger-button.hamberger-button-light:hover { color: var(--zaplin-color-primary) !important; } .header-style-1.breadcrumb-header .header-action .mobile-menu-bar .hamberger-button.hamberger-button-dark { color: var(--zaplin-color-white) !important; } .header-style-1.breadcrumb-header .header-action .mobile-menu-bar .hamberger-button.hamberger-button-dark:hover { color: var(--zaplin-color-primary) !important; } .header-style-7 .header-mainmenu { padding-top: 8px; padding-bottom: 8px; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03); border-radius: 0 0 30px 30px; z-index: 2; } .header-style-7 .header-mainmenu .mainmenu-nav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-style-8 { position: relative; } .header-style-8 .header-mainmenu { background-color: transparent; } .header-style-8 .header-mainmenu .mainmenu-nav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-style-8 .header-right .header-action li { margin: 0 15px; } .header-style-8 .header-right .header-action .login a { font-weight: var(--zaplin-p-semi-bold); } .header-style-2 { position: relative; } .header-style-2 .header-mainmenu .header-brand .logo .logo-light { display: block; } .header-style-2 .header-mainmenu .header-brand .logo .logo-dark { display: none; } .header-style-2 .header-mainmenu.zaplin-sticky .header-brand .logo .logo-light { display: none; } .header-style-2 .header-mainmenu.zaplin-sticky .header-brand .logo .logo-dark { display: block; } .header-style-2 .header-mainmenu.zaplin-sticky .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-heading-1); } .header-style-2 .header-mainmenu.zaplin-sticky .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-primary); } .header-style-2 .header-mainmenu.zaplin-sticky .header-right .header-action .login a { color: var(--zaplin-color-heading-1); } .header-style-2 .header-mainmenu.zaplin-sticky .header-right .header-action .login a:hover { color: var(--zaplin-color-primary); } .header-style-2 .header-mainnav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-style-2 .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-white); } .header-style-2 .header-action .mobile-menu-bar .hamberger-button { color: var(--zaplin-color-white); } .header-style-2 .header-action .login a { color: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-2 .header-action .login a:hover { color: var(--zaplin-color-primary); } .header-style-9 { position: relative; } .header-style-9 .header-mainmenu.zaplin-sticky { box-shadow: none; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .header-style-9 .header-mainmenu .mainmenu-nav { margin: 20px auto; } .header-style-9 .mainmenu-nav { display: inline-block; height: 50px; padding: 0 10px; line-height: 50px; margin: 30px auto; border-radius: 60px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.07); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header-style-9 .mainmenu-nav .mainmenu > li > a { height: 50px; line-height: 50px; border-radius: 45px; padding: 0 30px 0 15px; } .header-style-9 .mainmenu-nav .mainmenu > li > a::after { right: 14px !important; } .header-style-9 .mainmenu-nav .mainmenu > li > a:active, .header-style-9 .mainmenu-nav .mainmenu > li > a:hover { font-weight: var(--zaplin-p-medium); color: var(--zaplin-color-primary); background: transparent; } .header-style-9 .mainmenu-nav .mainmenu li ul.mega-menu { left: -430px; } .header-style-9 .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu { left: -540px; } .header-style-9 .header-btn .zaplin-btn { height: 42px; line-height: 42px; border-radius: 53px; padding: 0 20px; } .header-style-9 .header-right .header-action li.search-icon a { width: 44px; height: 44px; line-height: 49px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.07); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .header-style-9.cyber-security-header .header-mainmenu { padding-top: 8px; padding-bottom: 8px; } .header-style-9.cyber-security-header .header-mainmenu.zaplin-sticky { padding-top: 0; padding-bottom: 0; background: rgba(18, 18, 18, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .header-style-9.cyber-security-header .mainmenu-nav { background: rgba(255, 255, 255, 0.03); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; height: 100%; } .header-style-9.cyber-security-header .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; color: var(--zaplin-color-white); border-radius: 10px; position: relative; z-index: 2; } .header-style-9.cyber-security-header .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 40px; background: var(--zaplin-color-primary); border-radius: 7px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); z-index: -1; } .header-style-9.cyber-security-header .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-white); background: transparent; } .header-style-9.cyber-security-header .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .header-style-9.cyber-security-header .header-action li { margin: 0 15px; } .header-style-9.cyber-security-header .header-action .language-icon .box-input { border: none; background: transparent; color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); cursor: pointer; } .header-style-9.cyber-security-header .header-action .language-icon .box-input option { color: var(--zaplin-color-heading-1); } .header-style-9.cyber-security-header .header-action .hamberger-button { color: var(--zaplin-color-white); } .header-style-9.cyber-security-header .header-action .header-btn .zaplin-btn { height: 40px; line-height: 40px; border-radius: 5px; color: var(--zaplin-color-white); } .header-style-9.task-management-header .header-mainmenu { padding-top: 5px; padding-bottom: 5px; } .header-style-9.task-management-header .header-mainmenu .header-right .header-action li { margin: 0 10px 0 0; } .header-style-9.task-management-header .header-mainmenu.zaplin-sticky { padding-top: 0; padding-bottom: 0; } .header-style-9.task-management-header .mainmenu-nav { height: 100%; } .header-style-9.task-management-header .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; position: relative; } .header-style-9.task-management-header .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 40px; background: rgba(133, 78, 242, 0.07); border-radius: 45px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-9.task-management-header .mainmenu-nav .mainmenu > li > a:hover { background: transparent; } .header-style-9.task-management-header .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .header-style-9.social-media-management-header .header-mainmenu { padding-top: 8px; padding-bottom: 8px; } .header-style-9.social-media-management-header .header-mainmenu.zaplin-sticky { padding-top: 0; padding-bottom: 0; } .header-style-9.social-media-management-header .mainmenu-nav { border: 1px solid var(--zaplin-color-white); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 10px; height: 100%; } .header-style-9.social-media-management-header .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; position: relative; } .header-style-9.social-media-management-header .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 40px; background: rgba(133, 78, 242, 0.07); border-radius: 7px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-9.social-media-management-header .mainmenu-nav .mainmenu > li > a:hover { background: transparent; } .header-style-9.social-media-management-header .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .header-style-9.social-media-management-header .header-action li { margin: 0 15px; } .header-style-9.social-media-management-header .header-action .language-icon .box-input { border: none; background: transparent; color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); cursor: pointer; } .header-style-9.social-media-management-header .header-action .language-icon .box-input:focus-visible { outline: none; } .header-style-9.social-media-management-header .header-action .header-btn .zaplin-btn { border-radius: 7px; } .header-style-9.ai-video-header .mainmenu-nav { background: #121212; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 10px; height: 100%; } .header-style-9.ai-video-header .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; color: var(--zaplin-color-white); border-radius: 10px; position: relative; z-index: 2; } .header-style-9.ai-video-header .mainmenu-nav .mainmenu > li > a::before { content: ""; position: absolute; left: 0; top: 10px; width: 100%; height: 40px; background: var(--zaplin-color-secondary); border-radius: 7px; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); z-index: -1; } .header-style-9.ai-video-header .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-heading-1); background: transparent; } .header-style-9.ai-video-header .mainmenu-nav .mainmenu > li > a:hover::before { opacity: 1; } .header-style-9.ai-video-header .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover { color: var(--zaplin-color-heading-1) !important; letter-spacing: 1px; } .header-style-9.ai-video-header .header-action .search-icon a:hover { color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .header-style-9.ai-video-header .header-action .header-btn { margin: 0; } .header-style-9.ai-video-header .header-action .header-btn .zaplin-btn { height: 40px; line-height: 40px; border-radius: 5px; color: var(--zaplin-color-heading-1); } .header-style-9.ai-image-generator-header .header-mainmenu .mainmenu-nav { margin: 20px auto 0 60px; } .header-style-9.ai-image-generator-header .header-mainmenu.zaplin-sticky { background: rgba(21, 21, 21, 0.8); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); padding-top: 20px; padding-bottom: 20px; } .header-style-9.ai-image-generator-header .header-mainmenu.zaplin-sticky .mainmenu-nav { margin: 0 auto 0 60px; } .header-style-9.ai-image-generator-header .header-mainmenu.zaplin-sticky .mainmenu-nav .mainmenu { box-shadow: none; } .header-style-9.ai-image-generator-header .mainmenu-nav { border-radius: 43px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.07); mix-blend-mode: lighten; box-shadow: 0px 8px 43px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu > li > a { color: rgba(255, 255, 255, 0.4); background-color: transparent; } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li.has-droupdown .submenu { background: none; } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li.has-droupdown .submenu.submenu-dark-color { background-color: #151515; } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li.has-droupdown .submenu li a { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li ul.mega-menu { background: #151515; } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu .menu-title { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .mainmenu-nav .mainmenu li ul .mega-menu-one li .submenu { background: #151515; } .header-style-9.ai-image-generator-header .header-action .login a { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .header-action .login a:hover { color: var(--zaplin-color-primary); } .header-style-9.ai-image-generator-header .header-action .header-btn .zaplin-btn { height: 50px; line-height: 50px; } .header-style-9.ai-image-generator-header .header-action .header-btn .zaplin-btn:hover { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .header-action .mobile-menu-bar .hamberger-button { color: var(--zaplin-color-white); } .header-style-9.ai-image-generator-header .header-action .mobile-menu-bar .hamberger-button:hover { color: var(--zaplin-color-primary); } .header-style-10 { position: relative; z-index: 2; } .header-style-10 .header-top-bar { background-image: url(../images/bg-image/header-top-bg-01.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .header-style-10 .header-top-bar .header-top { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; line-height: 50px; margin-left: -95px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-style-10 .header-top-bar .header-top .header-top-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 0; padding: 20px 0; -webkit-animation: scroll 20s linear infinite; animation: scroll 20s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .header-style-10 .header-top-bar .header-top .header-top-track h6 { display: inline-block; margin-bottom: 0; padding: 0 15px; color: var(--zaplin-color-white); font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-regular); font-family: var(--zaplin-font-secondary); text-transform: capitalize; } .header-style-10 .header-mainmenu { padding-top: 0; padding-bottom: 0; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03); border-radius: 0 0 30px 30px; z-index: 2; } .header-style-10 .header-mainmenu .header-btn .zaplin-btn { border-radius: 35px; border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .header-style-10 .header-mainmenu .header-btn .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .header-style-10 .header-mainmenu .mainmenu-nav .mainmenu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-style-10 .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu { left: -148px; } .header-style-10 .header-mainmenu .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu { left: -400px; } .header-style-10 .header-action li { margin: 0 15px; } .header-style-10 .header-action li.login a { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); } .header-style-17 { position: relative; } .header-style-17 .header-top-bar { height: 80px; line-height: 80px; background: #121212; } @media only screen and (max-width: 1199px) { .header-style-17 .header-top-bar { display: none; } } .header-style-17 .header-top-bar .header-action { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; } .header-style-17 .header-top-bar .header-action .header-phone a, .header-style-17 .header-top-bar .header-action .header-support a { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-regular); color: var(--zaplin-color-white); line-height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-17 .header-top-bar .header-action .header-phone a i, .header-style-17 .header-top-bar .header-action .header-support a i { color: var(--zaplin-color-secondary); font-size: var(--zaplin-font-size-b3); padding-right: 5px; margin-bottom: -8px; } .header-style-17 .header-top-bar .header-action .header-phone a:hover, .header-style-17 .header-top-bar .header-action .header-support a:hover { color: var(--zaplin-color-secondary); } .header-style-17 .header-top-bar .header-action .header-btn .zaplin-btn { height: 40px; line-height: 40px; border-radius: 63px; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-secondary); } .header-style-17 .header-top-bar .header-action .header-btn .zaplin-btn:hover { background: #c3cf3f; } .header-style-17 .header-mainmenu { padding-top: 0; padding-bottom: 0; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05); } .header-style-17 .header-mainmenu.zaplin-sticky .header-brand .logo-content .star-box { display: none; } .header-style-17 .header-mainmenu.zaplin-sticky .header-brand .logo-content .logo-box { display: block; } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; margin-right: 30px; } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu > li > a { height: 60px; line-height: 60px; } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-heading-1); } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu > li ul.mega-menu { left: -535px; } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu > li ul.mega-menu.mega-menu-submenu { left: -780px; } .header-style-17 .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover { color: var(--zaplin-color-heading-1) !important; letter-spacing: 1px; } .header-style-17 .header-mainmenu .header-brand .logo-content { margin-bottom: 0; padding-left: 0; list-style: none; } .header-style-17 .header-mainmenu .header-brand .logo-content .star-box { font-size: 14px; font-weight: var(--zaplin-p-medium); } .header-style-17 .header-mainmenu .header-brand .logo-content .star-box img { margin-right: 10px; } .header-style-17 .header-mainmenu .header-brand .logo-content .logo-box { display: none; } @media only screen and (max-width: 1199px) { .header-style-17 .header-mainmenu .header-brand .logo-content .star-box { display: none; } .header-style-17 .header-mainmenu .header-brand .logo-content .logo-box { display: block !important; } } .header-style-17 .header-mainmenu .header-navbar .header-right .header-action .offcanvas-box .btn-check:focus + .btn, .header-style-17 .header-mainmenu .header-navbar .header-right .header-action .offcanvas-box .btn:focus { box-shadow: none; } @media only screen and (max-width: 1199px) { .header-style-17 .header-mainmenu .header-navbar .header-right .header-action .offcanvas-box { display: none; } } .header-style-17 .header-mainmenu .header-navbar .header-right .header-action .offcanvas-box i { font-size: 16px; color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-style-17 .header-mainmenu .header-navbar .header-right .header-action .offcanvas-box:hover i { color: var(--zaplin-color-secondary); } /*-------------------------- Navigation Styles ----------------------------*/ .mainmenu-nav .mainmenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; font-family: var(--zaplin-font-secondary); } .mainmenu-nav .mainmenu > li > a { color: var(--zaplin-color-heading-1); font-size: 18px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); padding: 0 26px; display: block; height: 90px; line-height: 94px; -webkit-transition: 0.3s; transition: 0.3s; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mainmenu-nav .mainmenu > li > a { padding: 0 17px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mainmenu-nav .mainmenu > li > a { padding: 0 12px; } } .mainmenu-nav .mainmenu > li > a:hover { color: var(--zaplin-color-primary); } .mainmenu-nav .mainmenu li { margin-top: 0; margin-bottom: 0; position: relative; } .mainmenu-nav .mainmenu li.has-droupdown > a { position: relative; } .mainmenu-nav .mainmenu li.has-droupdown > a::after { position: absolute; content: "\f11a"; font-family: var(--zaplin-flaticon); right: 8px; top: 0; font-size: 6px; font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mainmenu-nav .mainmenu li.has-droupdown > a::after { right: 0px; } } .mainmenu-nav .mainmenu li.has-droupdown .submenu { min-width: 270px; height: auto; position: absolute; top: 90%; left: 0; z-index: 8; opacity: 0; visibility: hidden; text-align: left; padding: 20px 0 25px; -webkit-transition: 0.3s; transition: 0.3s; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); pointer-events: none; } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img { margin-left: -170px; position: relative; } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img img { border-radius: 10px; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.05); } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img .nav-text { width: 62%; position: absolute; left: 45%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img .nav-text p { font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-medium); line-height: 28px; } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img .nav-text .zaplin-btn { width: 162px; height: 50px; line-height: 42px; margin: 0 auto; color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-03 .navbar-img .nav-text .zaplin-btn:hover { color: var(--zaplin-color-white) !important; background-color: #7746D9; } .mainmenu-nav .mainmenu li.has-droupdown .submenu.mega-sub-menu-02 { margin-left: -100px; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li { position: relative; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li a { font-size: 16px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-primary); padding: 5px 30px; display: block; color: var(--zaplin-color-heading-1); } .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover { letter-spacing: 1px; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown > a::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 10px; right: 40px; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown .submenu { position: absolute; left: 100%; top: 90%; z-index: 90; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown:hover .submenu { left: 100%; top: 0; z-index: 90; opacity: 1; visibility: visible; } .mainmenu-nav .mainmenu li.has-droupdown:hover > .submenu { opacity: 1; visibility: visible; top: 100%; pointer-events: auto; } .mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu { opacity: 1; visibility: visible; top: 100%; pointer-events: auto; } .mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu .submenu { pointer-events: auto; } .mainmenu-nav .mainmenu li ul.mega-menu { min-width: 1290px; height: auto; position: absolute; top: 90%; left: -306px; padding: 50px 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; background-color: var(--zaplin-color-white); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); display: grid; pointer-events: none; grid-template-columns: repeat(3, 1fr); } .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-one-bg { background: url(../images/others/navbar-bg-01.png); background-position: top right; background-repeat: no-repeat; background-size: cover; } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .mainmenu-nav .mainmenu li ul.mega-menu { left: -275px; } } .mainmenu-nav .mainmenu li ul.mega-menu .menu-title { font-size: 20px; font-weight: 600; font-family: var(--zaplin-font-secondary); padding-left: 100px; margin-bottom: 20px; } .mainmenu-nav .mainmenu li ul.mega-menu .submenu { position: initial; visibility: visible; opacity: 1; box-shadow: none; padding: 0 0 0 70px; } .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu { grid-template-columns: repeat(5, 1fr); left: -435px; } .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu .menu-title { padding-left: 60px; } .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu .submenu { padding: 0 0 0 30px; } .mainmenu-nav .mainmenu li ul.mega-menu-one li .submenu { padding: 0 0 0 35px; } .mainmenu-nav .mainmenu li ul.mega-menu-one li a { padding: 0; } .mainmenu-nav .mainmenu li ul.mega-menu-one li a img { max-width: 450px; min-height: 275px; margin-bottom: -50px; margin-right: 15px; } .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu { right: -397px; } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu { right: -570px; } } .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu .menu-title.margin-left { padding-left: 0; } .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu.mega-menu-submenu .submenu.submenu-margin { margin-left: -60px; } .header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu { right: -397px; } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu { right: -570px; } } .badge-1 { display: inline-block; padding: 4px 8px; font-size: 11px; font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); line-height: 1; text-transform: uppercase; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 30px; margin-left: 5px; } .badge-1.badge-green { color: #07AF18; background: rgba(20, 225, 41, 0.15); border: 1px solid rgba(7, 175, 24, 0.5); } .badge-1.badge-red { color: #FF0A0A; background: rgba(255, 10, 10, 0.15); border: 1px solid rgba(255, 10, 10, 0.5); } .badge-1.badge-yellow { color: #FF8F0A; border: 1px solid rgba(255, 143, 10, 0.3); background: rgba(255, 143, 10, 0.15); } .badge-1.badge-purple { color: var(--zaplin-color-primary); background: rgba(133, 78, 242, 0.15); border: 1px solid rgba(133, 78, 242, 0.5); } /*------------------------ Header Actions -------------------------*/ .header-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; } @media only screen and (max-width: 575px) { .header-action { margin: 0 -10px; } } .header-action li { margin: 0 15px; line-height: 1; } @media only screen and (max-width: 575px) { .header-action li { margin: 0 10px; } } .header-action li.login a { font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); } .header-action li.icon a { font-size: 22px; color: var(--zaplin-color-heading-1); position: relative; height: 90px; line-height: 94px; } .header-action li.icon a .count { position: absolute; top: 24px; right: -10px; display: block; text-align: center; height: 20px; width: 20px; line-height: 23px; background-color: var(--zaplin-color-primary); border-radius: 50%; color: var(--zaplin-color-white); font-size: 12px; font-weight: 500; font-family: var(--zaplin-font-secondary); } .header-action li.icon a:hover { color: var(--zaplin-color-primary); } .header-action li.icon.cart-icon { margin-right: 30px; } @media only screen and (max-width: 575px) { .header-action li.icon.cart-icon { margin-right: 20px; } } @media only screen and (max-width: 1699px) { .header-action .search-bar { display: none; } } .header-action .search-bar .input-group { border: 1px solid #e5e5e5; border-radius: 4px; } .header-action .search-bar .input-group .form-control { height: 50px; border: none; line-height: 1; font-size: 15px; color: var(--zaplin-color-heading-1); font-weight: 400; padding: 0 0 0 20px; } .header-action .search-bar .input-group .form-control:focus { box-shadow: none; } .header-action .search-bar .input-group .search-btn { border: none; background-color: transparent; font-size: 20px; color: var(--zaplin-color-heading-1); padding: 0 20px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-action .search-bar .input-group .search-btn:hover { color: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { .header-action .header-btn { display: none; } } .header-action .header-btn a { display: block; color: var(--zaplin-color-white); padding: 0 30px; } .header-action .mobile-menu-bar .hamberger-button { background-color: transparent; border: none; padding: 0; color: var(--zaplin-color-heading-1); font-size: 24px; line-height: 1; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .header-action .mobile-menu-bar .hamberger-button:hover { color: var(--zaplin-color-primary); } /*------------------------------ Popup Menu Styles --------------------------------*/ .popup-mobile-menu { z-index: 9999; position: fixed; content: ""; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .popup-mobile-menu .inner { width: 305px; z-index: 999; position: absolute; background: #FFFFFF; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); height: 100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; left: -150px; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .popup-mobile-menu .inner .header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid var(--color-border); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px; } .popup-mobile-menu .inner .header-top .close-menu .close-button { background: var(--zaplin-color-white); border: 0 none; color: var(--zaplin-color-heading-1); width: 40px; height: 40px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .popup-mobile-menu .inner .header-top .close-menu .close-button:hover { background-color: var(--zaplin-color-primary); color: var(--zaplin-color-white); } .popup-mobile-menu.active { visibility: visible; opacity: 1; } .popup-mobile-menu.active .inner { opacity: 1; left: 0; overflow-y: auto; } .popup-mobile-menu.active .inner .mega-sub-menu-03 .navbar-img { display: none; } .popup-mobile-menu .mainmenu { list-style: none; padding: 0; margin: 0; padding: 15px 20px; } .popup-mobile-menu .mainmenu li { margin: 0; } .popup-mobile-menu .mainmenu li a { margin: 8px 0; display: block; font-size: 16px; font-weight: 500; } .popup-mobile-menu .mainmenu li a.active { color: var(--zaplin-color-primary) !important; } .popup-mobile-menu .mainmenu li + li { border-top: 1px solid var(--color-border); } .popup-mobile-menu .mainmenu .has-droupdown .submenu { padding: 0; max-width: 100%; list-style: none; padding-left: 14px; display: none; } .popup-mobile-menu .mainmenu .has-droupdown .submenu li a { font-size: 15px; } .popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active { color: var(--zaplin-color-primary) !important; } .popup-mobile-menu .mainmenu .has-droupdown > a { position: relative; } .popup-mobile-menu .mainmenu .has-droupdown > a::after { position: absolute; content: "\f11d"; font-family: var(--zaplin-flaticon); right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.4s; transition: 0.4s; font-size: 12px; } .popup-mobile-menu .mainmenu .has-droupdown > a.open::after { content: "\f192"; font-size: 20px; } .popup-mobile-menu .mainmenu .mega-menu { padding: 0; max-width: 100%; list-style: none; padding-left: 14px; display: none; } .popup-mobile-menu .mainmenu .mega-menu > li .menu-title { margin-bottom: 5px; padding-top: 15px; } .popup-mobile-menu .mainmenu .mega-menu .submenu { padding: 0; margin: 0; display: block; } /*---------------------- Search Popup -----------------------*/ .zaplin-search-popup { position: fixed; top: 0px; left: 0; right: 0; width: 100%; z-index: 99; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform 0.7s ease; transition: -webkit-transform 0.7s ease; transition: transform 0.7s ease; transition: transform 0.7s ease, -webkit-transform 0.7s ease; } .zaplin-search-popup.open { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); height: 100%; } .zaplin-search-popup .content-wrap { background-color: var(--zaplin-color-white); width: 100%; min-height: 560px; position: relative; box-shadow: 0px 10px 40px 0 rgba(0, 0, 0, 0.08); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px; } @media only screen and (max-width: 767px) { .zaplin-search-popup .content-wrap { min-height: 450px; } } .zaplin-search-popup .site-logo { position: absolute; top: 60px; left: 70px; } @media only screen and (max-width: 1199px) { .zaplin-search-popup .site-logo { top: 40px; left: 20px; } } .zaplin-search-popup .close-button { position: absolute; right: 62px; top: 62px; } @media only screen and (max-width: 1199px) { .zaplin-search-popup .close-button { top: 50px; right: 15px; } } .zaplin-search-popup .close-button .close-trigger { background: transparent; border: none; color: var(--zaplin-color-heading-1); font-size: 22px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-search-popup .close-button .close-trigger:hover { color: var(--zaplin-color-primary); } .zaplin-search-popup .inner { width: 100%; max-width: 1170px; margin: 0 auto; } .zaplin-search-popup .inner .search-form { position: relative; } .zaplin-search-popup .inner .search-form::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #e6e6e6; } .zaplin-search-popup .inner .search-form input { height: 90px; border: 0 none; border-radius: 5px; background: transparent; padding: 0; padding-right: 55px; font-weight: 400; font-family: var(--zaplin-font-secondary); font-size: 24px; } @media only screen and (max-width: 767px) { .zaplin-search-popup .inner .search-form input { font-size: 16px; height: 60px; } } .zaplin-search-popup .inner .search-form .submit-button { position: absolute; right: 0; padding: 0; margin: 0; border: 0 none; outline: none; color: var(--zaplin-color-heading-1); background: transparent; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-search-popup .inner .search-form .submit-button:hover { color: var(--zaplin-color-primary); } @media only screen and (max-width: 767px) { .zaplin-search-popup .inner .search-form .submit-button { font-size: 20px; } } .zaplin-search-popup::before { position: absolute; background-color: transparent; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .no-topbar .zaplin-search-popup { top: 0px; } .offcanvas-end { top: 0; right: 0; left: inherit; width: 470px; padding: 55px 50px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); border: none; } .offcanvas-end .zaplin-close-btn { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; border: 1px solid #e5e5e5; background-color: var(--zaplin-color-white); position: relative; left: 355px; top: -30px; } .offcanvas-end .offcanvas-icon { margin-top: -30px; padding-bottom: 50px; } .offcanvas-end .offcanvas-body { overflow: visible; padding: 0; } .offcanvas-end .offcanvas-body .inner h3 { font-size: 30px; margin-bottom: 25px; } .offcanvas-end .offcanvas-body .inner .text-1 { color: var(--zaplin-color-heading-2); margin: 0; } .offcanvas-end .offcanvas-body .inner h5 { font-weight: var(--zaplin-p-semi-bold); margin-bottom: 20px; } .offcanvas-end .offcanvas-body .inner .zaplin-btn { border-radius: 65px; color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); margin: 30px 0 50px; } .offcanvas-end .offcanvas-body .inner .zaplin-btn:hover { color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); } .offcanvas-end .offcanvas-body .inner .text-2 { margin: 0 30px 20px 0; } .offcanvas-end .offcanvas-body .inner .information-list { margin-bottom: 40px; list-style: none; padding-left: 0; } .offcanvas-end .offcanvas-body .inner .information-list li { margin-bottom: 0; } .offcanvas-end .offcanvas-body .inner .information-list li a { font-size: var(--zaplin-font-size-b3); font-family: var(--zaplin-font-secondary); } .offcanvas-end .offcanvas-body .inner .social-share { list-style: none; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; } .offcanvas-end .offcanvas-body .inner .social-share li a { width: 44px; height: 44px; line-height: 49px; font-size: 24px; border-radius: 30px; text-align: center; border: 1px solid #E5E5E5; color: var(--zaplin-color-heading-1); background: var(--zaplin-color-white); } .offcanvas-end .offcanvas-body .inner .social-share li a:hover { color: var(--zaplin-color-heading-1); background-color: var(--zaplin-color-secondary); } .offcanvas-end.offcanvas-start-2 .offcanvas-body .inner .zaplin-btn { color: var(--zaplin-color-white); background-color: var(--zaplin-color-heading-1); margin: 30px 0 50px; } .offcanvas-end.offcanvas-start-2 .offcanvas-body .inner .zaplin-btn:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .offcanvas-end.offcanvas-start-2 .offcanvas-body .inner .social-share li a:hover { color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } /*------------------------- Footer Styles -------------------------*/ .zaplin-footer { position: relative; } .zaplin-footer .footer-top { position: relative; padding: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .zaplin-footer .footer-top { padding: 80px 0; } } @media only screen and (max-width: 767px) { .zaplin-footer .footer-top { padding: 60px 0; } } .zaplin-footer .description { max-width: 350px; color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); margin-top: 22px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .zaplin-footer .description { max-width: 100%; } } .zaplin-footer .information-list { margin-top: 15px; } .zaplin-footer .information-list li { margin-top: 0; margin-bottom: 0; font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); } .zaplin-footer .information-list li span { font-weight: 500; margin-right: 5px; } .zaplin-footer .information-list li a { -webkit-transition: 0.3s; transition: 0.3s; } .zaplin-footer .information-list li + li { margin-top: 5px; } .zaplin-footer .information-list li:hover a { color: var(--zaplin-color-primary); } .zaplin-footer .zaplin-footer-widget { position: relative; z-index: 1; } .zaplin-footer .zaplin-footer-widget .logo a img.logo-light { display: inline-block; } .zaplin-footer .zaplin-footer-widget .inner { margin-top: 25px; } @media only screen and (max-width: 1199px) { .zaplin-footer .zaplin-footer-widget .inner .description br { display: none; } } @media only screen and (max-width: 1199px) { .zaplin-footer .zaplin-footer-widget .inner .input-group { display: block; } } @media only screen and (max-width: 1199px) { .zaplin-footer .zaplin-footer-widget .inner .input-group .form-control { width: 100%; height: 50px; margin-bottom: 20px; } } @media only screen and (max-width: 1199px) { .zaplin-footer .zaplin-footer-widget .inner .input-group .zaplin-btn { width: 100%; height: 50px; line-height: 50px; margin: 0 !important; } } @media only screen and (max-width: 991px) { .zaplin-footer .zaplin-footer-widget .inner { margin-top: 25px; } } .zaplin-footer .zaplin-footer-widget .footer-link { list-style: none; padding: 0; margin-bottom: 0; } .zaplin-footer .zaplin-footer-widget .footer-link li { margin-top: 0; margin-bottom: 0; } .zaplin-footer .zaplin-footer-widget .footer-link li a { display: block; line-height: 36px; color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-medium); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer .zaplin-footer-widget .footer-link li + li { margin-top: 11px; } .zaplin-footer .zaplin-footer-widget .footer-link li:hover a { letter-spacing: 1px; } .zaplin-footer .zaplin-footer-widget .input-group { margin-bottom: 35px; } .zaplin-footer .zaplin-footer-widget .input-group .form-control { color: var(--zaplin-color-heading-3); background-color: var(--zaplin-color-white); border-radius: 5px !important; font-size: var(--zaplin-font-size-b1); font-weight: 400; border: none; height: auto; padding: 0 20px; } .zaplin-footer .zaplin-footer-widget .input-group button { margin-left: 10px !important; border-radius: 5px !important; } @media only screen and (max-width: 479px) { .zaplin-footer .zaplin-footer-widget .input-group.footer-subscription-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .zaplin-footer .zaplin-footer-widget .input-group.footer-subscription-form .form-control { height: 50px; line-height: 50px; } @media only screen and (max-width: 479px) { .zaplin-footer .zaplin-footer-widget .input-group.footer-subscription-form .form-control { width: 100%; margin-bottom: 20px; } } .zaplin-footer .zaplin-footer-widget .input-group.footer-subscription-form .zaplin-btn { height: 50px; line-height: 50px; } @media only screen and (max-width: 479px) { .zaplin-footer .zaplin-footer-widget .input-group.footer-subscription-form .zaplin-btn { margin-left: 0px !important; } } .zaplin-footer.footer-lighten .widget-title { font-weight: var(--zaplin-p-semi-bold); } .zaplin-footer.footer-lighten li { color: var(--zaplin-footer-text); } .zaplin-footer.footer-dark .widget-title { color: var(--zaplin-color-white); } .zaplin-footer.footer-dark p { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-dark li { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-dark a { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-dark a:hover { color: var(--zaplin-color-primary); } .zaplin-footer .copyright-area { position: relative; z-index: 1; border-top: 1.5px solid var(--zaplin-color-heading-1); } .zaplin-footer .copyright-area .inner { text-align: left; } .zaplin-footer .copyright-area .inner p { color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b1); margin-top: 15px; } .zaplin-footer .copyright-area .navbar { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 90px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .zaplin-footer .copyright-area .navbar { margin-right: 0; margin-left: 0; padding-left: 0; } } .zaplin-footer .copyright-area .navbar .nav { color: var(--zaplin-color-heading-1); font-family: var(--zaplin-font-primary); font-size: var(--zaplin-font-size-b2); font-weight: var(--zaplin-p-regular); line-height: 30px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } @media only screen and (max-width: 767px) { .zaplin-footer .copyright-area .navbar .nav { font-size: 14px; } } .zaplin-footer .copyright-area .navbar .nav:hover { color: var(--zaplin-color-primary); } .zaplin-footer .form-control:focus { box-shadow: none; } .zaplin-footer .information-list .zaplin-mail { font-size: var(--zaplin-font-size-b3); } .zaplin-footer .social-share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin-bottom: 0; padding-left: 0; margin-left: -5px; margin-top: 20px; position: relative; z-index: 1; } .zaplin-footer .social-share li { width: 44px; height: 44px; line-height: 50px; text-align: center; border: 1px solid var(--zaplin-color-heading-1); border-radius: 10px; background-color: var(--zaplin-color-white); margin: 0 5px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer .social-share li.title-text { width: 115px; height: 100%; font-size: var(--zaplin-font-size-b3); font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); margin-right: 15px; background: none; box-shadow: none; border-radius: inherit; color: var(--zaplin-color-heading-1); } .zaplin-footer .social-share li i { font-size: 24px; } .zaplin-footer .social-share li:hover.title-text { background: none; color: var(--zaplin-color-heading-1); } .zaplin-footer .social-share li:hover { border: 1px solid var(--zaplin-color-primary); } .zaplin-footer .social-share li:hover a i { color: var(--zaplin-font-primary); } .zaplin-footer.footer-style-1 { background-color: #F6F1FE; } .zaplin-footer.footer-style-1 .zaplin-footer-widget .description { max-width: 330px; } .zaplin-footer.footer-style-1.data-analytics-footer { background: #F6F6F6; } .zaplin-footer.footer-style-1.data-analytics-footer .footer-bottom-border { position: relative; } .zaplin-footer.footer-style-1.data-analytics-footer .footer-bottom-border::after { content: ""; position: absolute; left: 0; right: 0; bottom: -85px; width: 100%; height: 1px; background: #E5E5E5; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-1.data-analytics-footer .footer-bottom-border::after { bottom: -40px; } } .zaplin-footer.footer-style-1.data-analytics-footer .copyright-area { border-top: none; } .zaplin-footer.footer-style-1.data-analytics-footer .social-share li:hover { border: 1px solid var(--zaplin-color-primary); } .zaplin-footer.footer-style-1.data-analytics-footer .social-share li:hover a { color: var(--zaplin-color-primary); } .zaplin-footer.footer-style-1 .copyright-area { padding: 8px 0; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-1 .copyright-area .inner { text-align: center; } } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-1 .copyright-area .navbar { margin-left: 0; } } .zaplin-footer.footer-style-2 { background: #121212; } .zaplin-footer.footer-style-2 .zaplin-footer-widget .footer-link li a { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-style-2 .zaplin-footer-widget .footer-subscription-form .form-control { border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.02); } .zaplin-footer.footer-style-2 .zaplin-footer-widget.explore-widget { margin-left: 50px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2 .zaplin-footer-widget.explore-widget { margin-left: 30px; } } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-2 .zaplin-footer-widget.explore-widget { margin-left: 0; } } .zaplin-footer.footer-style-2 .zaplin-footer-widget.quick-link-widget { margin-left: -50px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-2 .zaplin-footer-widget.quick-link-widget { margin-left: 0; } } .zaplin-footer.footer-style-2 .social-share { margin-left: -5px; margin-top: 40px; } .zaplin-footer.footer-style-2 .social-share li { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2 .social-share li a { color: var(--zaplin-color-heading-3) !important; } .zaplin-footer.footer-style-2 .social-share li:hover { border: 1px solid rgba(234, 250, 52, 0.4); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2 .social-share li:hover a { color: var(--zaplin-color-secondary) !important; } .zaplin-footer.footer-style-2 .copyright-area { height: 65px; line-height: 65px; border: none; background: #0F0F0F; } .zaplin-footer.footer-style-2 .copyright-area .inner p { margin-top: 0; color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-style-2.schedule-software-footer .zaplin-footer-widget .footer-link li a:hover { color: var(--zaplin-color-secondary); } .zaplin-footer.footer-style-2.schedule-software-footer .copyright-area { height: 100px; line-height: 100px; } .zaplin-footer.footer-style-2.social-media-management-footer { background: #121212; } .zaplin-footer.footer-style-2.social-media-management-footer .zaplin-footer-widget.quick-link-widget { margin-left: -45px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-2.social-media-management-footer .zaplin-footer-widget.quick-link-widget { margin-left: 0; } } .zaplin-footer.footer-style-2.social-media-management-footer .zaplin-footer-widget.explore-widget { margin-left: 45px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-2.social-media-management-footer .zaplin-footer-widget.explore-widget { margin-left: 0; } } .zaplin-footer.footer-style-2.social-media-management-footer .description-news { max-width: 100%; margin-top: 33px; margin-bottom: 44px; } .zaplin-footer.footer-style-2.social-media-management-footer .social-share { margin-top: 30px; margin-bottom: 13px; } .zaplin-footer.footer-style-2.social-media-management-footer .social-share li { border-radius: 7px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.social-media-management-footer .social-share li:hover { border: 1px solid rgba(133, 78, 242, 0.4); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.social-media-management-footer .social-share li:hover a { color: var(--zaplin-color-primary) !important; } .zaplin-footer.footer-style-2.social-media-management-footer .copyright-area { background: none; } .zaplin-footer.footer-style-2.time-tracking-footer { background: #0E0E0E; } .zaplin-footer.footer-style-2.time-tracking-footer .footer-top { position: relative; } .zaplin-footer.footer-style-2.time-tracking-footer .footer-top::after { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 1px; background: -webkit-linear-gradient(271deg, rgba(255, 255, 255, 0) 16%, rgba(234, 250, 52, 0.5) 50%, rgba(255, 255, 255, 0) 84%); background: linear-gradient(179deg, rgba(255, 255, 255, 0) 16%, rgba(234, 250, 52, 0.5) 50%, rgba(255, 255, 255, 0) 84%); } .zaplin-footer.footer-style-2.time-tracking-footer .input-group { margin-bottom: 0; margin-top: 40px; } .zaplin-footer.footer-style-2.time-tracking-footer .input-group .form-control, .zaplin-footer.footer-style-2.time-tracking-footer .input-group .zaplin-btn { border-radius: 100px !important; } .zaplin-footer.footer-style-2.time-tracking-footer .social-share { margin-top: 30px; } .zaplin-footer.footer-style-2.time-tracking-footer .social-share li { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.time-tracking-footer .social-share li:hover { border: 1px solid rgba(234, 250, 52, 0.4); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.time-tracking-footer .social-share li:hover a { color: var(--zaplin-color-secondary) !important; } .zaplin-footer.footer-style-2.time-tracking-footer .zaplin-footer-widget .footer-link li a { color: var(--zaplin-color-white); } .zaplin-footer.footer-style-2.time-tracking-footer .zaplin-footer-widget .footer-link li a:hover { color: var(--zaplin-color-secondary); } .zaplin-footer.footer-style-2.ai-video-footer .newsletter .description { max-width: 380px; margin-top: 32px; margin-bottom: 42px; } .zaplin-footer.footer-style-2.ai-video-footer .zaplin-footer-widget .footer-link li a { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-style-2.ai-video-footer .social-share { margin-top: 30px; } .zaplin-footer.footer-style-2.ai-video-footer .social-share li { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.ai-video-footer .social-share li:hover { border: 1px solid rgba(234, 250, 52, 0.4); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.ai-video-footer .social-share li:hover a { color: var(--zaplin-color-secondary) !important; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-2.ai-video-footer .input-group { margin-bottom: 0; } .zaplin-footer.footer-style-2.ai-video-footer .input-group .zaplin-btn { width: 100%; } .zaplin-footer.footer-style-2.ai-video-footer .form-control { height: 60px; margin-bottom: 30px; } } .zaplin-footer.footer-style-2.ai-video-footer .copyright-area { height: 100px; line-height: 100px; background: #0F0F0F; } .zaplin-footer.footer-style-2.development-agency-footer { margin: 0 70px 70px 70px; border-radius: 40px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2.development-agency-footer { margin: 0 40px 40px 40px; } } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-2.development-agency-footer { margin: 0 20px 20px 20px; } } .zaplin-footer.footer-style-2.development-agency-footer .copyright-area { background: #0F0F0F; border-radius: 0 0 40px 40px; } .zaplin-footer.footer-style-2.development-agency-footer .social-share { margin-top: 30px; } .zaplin-footer.footer-style-2.development-agency-footer .social-share li { border-radius: 30px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2.development-agency-footer .input-group { display: block; margin-bottom: 0; } } .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .description { margin-bottom: 40px; } .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .input-group { width: inherit; gap: 12px; } .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .form-control { width: inherit; height: 70px; line-height: 70px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .form-control { width: 100%; height: 50px; margin-bottom: 20px; } } .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .zaplin-btn { width: inherit; position: absolute; right: 10px; top: 9px; bottom: 10px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.newsletter .zaplin-btn { position: inherit; margin-left: 0 !important; width: 100%; right: inherit; top: inherit; bottom: inherit; } } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.quick-link-widget, .zaplin-footer.footer-style-2.development-agency-footer .zaplin-footer-widget.explore-widget { margin-left: 0; } } .zaplin-footer.footer-style-2.development-agency-footer .copyright-area { height: 100px; line-height: 100px; } .zaplin-footer.footer-style-2.invoice-generator-footer .social-share { margin-top: 30px; } .zaplin-footer.footer-style-2.invoice-generator-footer .social-share li { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.invoice-generator-footer .social-share li:hover { border: 1px solid rgba(133, 78, 242, 0.4); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-2.invoice-generator-footer .social-share li:hover a { color: var(--zaplin-color-primary) !important; } .zaplin-footer.footer-style-2.invoice-generator-footer .zaplin-footer-widget .input-group .form-control { border-radius: 50px !important; } .zaplin-footer.footer-style-2.invoice-generator-footer .zaplin-footer-widget .input-group button { border-radius: 50px !important; } .zaplin-footer.footer-style-2.hosting-footer { background-color: var(--zaplin-color-white); background-image: url(../images/bg-image/footer-bg-04.png); background-position: center bottom; background-repeat: no-repeat; } .zaplin-footer.footer-style-2.hosting-footer .zaplin-footer-widget .footer-link li a { color: var(--zaplin-color-heading-1); } .zaplin-footer.footer-style-2.hosting-footer .zaplin-footer-widget .footer-link li a:hover { letter-spacing: 1px; } .zaplin-footer.footer-style-2.hosting-footer .zaplin-footer-widget .footer-subscription-form .form-control { color: var(--zaplin-color-heading-1); border-radius: 50px !important; border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .zaplin-footer.footer-style-2.hosting-footer .zaplin-footer-widget .footer-subscription-form button { border-radius: 50px !important; } .zaplin-footer.footer-style-2.hosting-footer .social-share li { border-radius: 30px; border: 1px solid #E5E5E5; background: #FFF; } .zaplin-footer.footer-style-2.hosting-footer .social-share li a { color: var(--zaplin-color-heading-1) !important; } .zaplin-footer.footer-style-2.hosting-footer .social-share li:hover { background: #DEF012; } .zaplin-footer.footer-style-2.hosting-footer .social-share li:hover a { color: var(--zaplin-color-heading-1) !important; } .zaplin-footer.footer-style-2.hosting-footer .copyright-area { height: 100px; line-height: 100px; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-top: 1px solid #EDEDED; } .zaplin-footer.footer-style-2.hosting-footer .copyright-area .inner p { color: var(--zaplin-color-heading-1); } .zaplin-footer.footer-style-2.hosting-footer .copyright-area .inner a:hover { color: var(--zaplin-color-heading-1); letter-spacing: 1px; } .zaplin-footer.footer-style-3 { background: #F9F6FE; } .zaplin-footer.footer-style-3 .explore-widget-1 { margin-left: -120px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3 .explore-widget-1 { margin-left: 0; } } .zaplin-footer.footer-style-3 .explore-widget-2 { margin-left: -25px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3 .explore-widget-2 { margin-left: 0; } } .zaplin-footer.footer-style-3 .explore-widget-3 { margin-left: 25px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3 .explore-widget-3 { margin-left: 0; } } .zaplin-footer.footer-style-3 .social-share { margin-top: 0; } .zaplin-footer.footer-style-3 .social-share p { margin: 0; } .zaplin-footer.footer-style-3.payment-footer .footer-top { padding: 100px 0 70px; } .zaplin-footer.footer-style-3.payment-footer .footer-top .footer-top-wrapper { padding-bottom: 50px; } .zaplin-footer.footer-style-3.payment-footer .footer-top .footer-bottom-wrapper .zaplin-footer-widget .description { margin-bottom: 10px; } .zaplin-footer.footer-style-3.payment-footer .footer-top .footer-bottom-wrapper .information-list li + li { margin-top: 10px; } .zaplin-footer.footer-style-3.payment-footer .copyright-area .inner p { margin-top: 22px; } .zaplin-footer.footer-style-3.payment-footer .copyright-area .navbar { padding-top: 10px; } .zaplin-footer.footer-style-3.hr-management-footer { background: var(--zaplin-color-white); } .zaplin-footer.footer-style-3.hr-management-footer .footer-top { padding: 100px 0 60px; } .zaplin-footer.footer-style-3.hr-management-footer .footer-top .footer-top-wrapper { padding-bottom: 60px; } .zaplin-footer.footer-style-3.hr-management-footer .footer-bottom-wrapper { margin-top: 35px; margin-bottom: 28px; } .zaplin-footer.footer-style-3.hr-management-footer .description { max-width: 350px; } .zaplin-footer.footer-style-3.crm-footer, .zaplin-footer.footer-style-3.financial-management-footer { position: relative; background-color: var(--zaplin-color-white); } .zaplin-footer.footer-style-3.crm-footer .footer-top-wrapper, .zaplin-footer.footer-style-3.financial-management-footer .footer-top-wrapper { border-bottom: inherit !important; position: relative; z-index: 1; } .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper::after, .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper::after { display: none !important; } .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper .zaplin-footer-widget.explore-widget, .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper .zaplin-footer-widget.explore-widget { margin-left: 50px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper .zaplin-footer-widget.explore-widget, .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper .zaplin-footer-widget.explore-widget { margin-left: 0; } } .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper .zaplin-footer-widget.quick-link-widget, .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper .zaplin-footer-widget.quick-link-widget { margin-left: -10px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper .zaplin-footer-widget.quick-link-widget, .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper .zaplin-footer-widget.quick-link-widget { margin-left: 0; } } .zaplin-footer.footer-style-3.crm-footer .shape-group li.shape-1, .zaplin-footer.footer-style-3.financial-management-footer .shape-group li.shape-1 { left: 0; right: 0; bottom: 0; z-index: 0; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.crm-footer .footer-top { padding: 40px 0; } } .zaplin-footer.footer-style-3.crm-footer .footer-top .footer-top-wrapper { padding-bottom: 0; } .zaplin-footer.footer-style-3.crm-footer .footer-top .footer-top-wrapper::after { display: none; } .zaplin-footer.footer-style-3.crm-footer .footer-bottom-wrapper { margin-top: 30px !important; } .zaplin-footer.footer-style-3.financial-management-footer .footer-top { padding: 0 0 80px 0; } .zaplin-footer.footer-style-3.financial-management-footer .footer-top-wrapper { padding-bottom: 0 !important; } .zaplin-footer.footer-style-3.financial-management-footer .footer-top-wrapper::after { display: none; } .zaplin-footer.footer-style-3.financial-management-footer .footer-bottom-wrapper { margin-top: 0; } .zaplin-footer.footer-style-3.copy-writing-tool-footer { background: #121212; z-index: 1; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top { padding: 150px 0 20px 0; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top { padding: 60px 0 0; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top .footer-bottom-wrapper { margin-top: 60px; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top .footer-bottom-wrapper { margin-top: 30px; } } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .inner p br { display: none; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top-wrapper { padding-bottom: 70px !important; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top-wrapper { padding-bottom: 30px !important; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top-wrapper::after { background: rgba(255, 255, 255, 0.08) !important; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top-wrapper .title h2 { font-size: 44px; line-height: 52px; color: var(--zaplin-color-white); } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-top-wrapper .title h2 { font-size: 35px; margin-bottom: 0; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-bottom-wrapper { margin-top: 60px; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-bottom-wrapper { margin-top: 0; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-bottom-wrapper::after { display: none; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-bottom-wrapper .quick-link-widget { margin-left: 0; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .footer-bottom-wrapper .quick-link-widget .footer-link li a { color: var(--zaplin-color-heading-3); } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .information-list li.zaplin-mail { margin-bottom: 20px; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .information-list li.zaplin-mail a { text-decoration: underline; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .information-list li a { color: var(--zaplin-color-white); } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .information-list li a:hover { color: var(--zaplin-color-primary); } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group { margin-bottom: 24px; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form { width: 410px; height: 70px; line-height: 70px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form { width: 100%; height: 50px; line-height: 50px; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form .form-control { height: 70px; line-height: 70px; color: var(--zaplin-color-heading-3); background: transparent; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form .form-control { height: 50px; line-height: 50px; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form .zaplin-btn { position: absolute; right: 10px; top: 9px; bottom: 10px; } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .zaplin-footer-widget .input-group.footer-subscription-form .zaplin-btn { position: inherit; right: 0; top: 0; bottom: 0; } } @media only screen and (max-width: 1199px) { .zaplin-footer.footer-style-3.copy-writing-tool-footer .reserved { padding-top: 60px; } } .zaplin-footer.footer-style-3.copy-writing-tool-footer .copyright-area { padding-bottom: 20px; padding-top: 20px; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .copyright-area .navbar { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .copyright-area .navbar .nav { color: var(--zaplin-color-white); margin-right: 40px; } .zaplin-footer.footer-style-3.copy-writing-tool-footer .copyright-area .navbar .nav:hover { color: var(--zaplin-color-primary); } .zaplin-footer.footer-style-3.copy-writing-tool-footer.cyber-security { border-radius: 70px 70px 0 0; } .zaplin-footer.footer-style-3 .footer-top { padding: 100px 0 80px; } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper { padding-bottom: 20px; position: relative; } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper::after { content: ""; position: absolute; left: 14px; right: 0; bottom: 0; width: 97.5%; height: 1px; background: #E7EFEC; } @media only screen and (max-width: 575px) { .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper { padding-bottom: 0; margin-bottom: 20px; } } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; } @media only screen and (max-width: 575px) { .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share { display: none; } } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li { line-height: 52px; border: none; border-radius: 30px; background: var(--zaplin-color-white); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li.title-text { background: none; box-shadow: none; border-radius: inherit; } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li a { color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li:hover { background: var(--zaplin-color-primary); } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li:hover a { color: var(--zaplin-color-white); } .zaplin-footer.footer-style-3 .footer-top .footer-top-wrapper .social-share li:hover.title-text { background: none; box-shadow: none; border-radius: inherit; } .zaplin-footer.footer-style-3 .footer-top .footer-bottom-wrapper { margin-top: 30px; position: relative; } .zaplin-footer.footer-style-3 .footer-top .footer-bottom-wrapper::after { content: ""; position: absolute; left: 14px; right: 0; bottom: -70px; width: 97.5%; height: 1px; background: #E7EFEC; } .zaplin-footer.footer-style-3 .copyright-area { padding-bottom: 45px; border-top: none; position: relative; z-index: 1; } .zaplin-footer.footer-style-3 .copyright-area .inner { margin-left: 0; } .zaplin-footer.footer-style-4 { background: #121212; } .zaplin-footer.footer-style-4 .zaplin-footer-widget .footer-link li a { color: var(--zaplin-color-heading-3); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-4 .zaplin-footer-widget .footer-link li a:hover { color: var(--zaplin-color-primary); } .zaplin-footer.footer-style-4 .social-share { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; margin-top: 0; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-4 .social-share { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } } .zaplin-footer.footer-style-4 .social-share li { line-height: 50px; border: none; border-radius: 30px; border: 1.5px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-4 .social-share li.title-text { background: none; box-shadow: none; border-radius: inherit; border: none; font-size: var(--zaplin-font-size-b2); font-family: var(--zaplin-font-secondary); font-weight: var(--zaplin-p-medium); } .zaplin-footer.footer-style-4 .social-share li.title-text p { color: var(--zaplin-color-heading-3) !important; } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-4 .social-share li.title-text p { margin-bottom: 0; } } .zaplin-footer.footer-style-4 .social-share li a { color: rgba(255, 255, 255, 0.302); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-4 .social-share li:hover { background: var(--zaplin-color-primary); } .zaplin-footer.footer-style-4 .social-share li:hover a { color: var(--zaplin-color-white); } .zaplin-footer.footer-style-4 .social-share li:hover.title-text { color: var(--zaplin-color-heading-3); background: none; box-shadow: none; border-radius: inherit; } .zaplin-footer.footer-style-4 .social-share li:hover.title-text p { color: var(--zaplin-color-heading-3) !important; } .zaplin-footer.footer-style-4 .copyright-area { padding: 30px 0 15px; border: none; position: relative; } .zaplin-footer.footer-style-4 .copyright-area::after { content: ""; position: absolute; left: 50%; right: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1290px; height: 1px; background: rgba(255, 255, 255, 0.08); } .zaplin-footer.footer-style-4 .copyright-area .copyright-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 100px; } .zaplin-footer.footer-style-4 .copyright-area .copyright-wrapper .inner p { color: var(--zaplin-color-heading-3); } @media only screen and (max-width: 767px) { .zaplin-footer.footer-style-4 .copyright-area .copyright-wrapper .inner p { margin-top: 0; } } .zaplin-footer.footer-style-4 .copyright-area .copyright-wrapper .logo { position: relative; } .zaplin-footer.footer-style-4 .copyright-area .copyright-wrapper .logo::after { content: ""; position: absolute; right: -50px; top: 8px; width: 1.5px; height: 36px; background: rgba(255, 255, 255, 0.08); } .zaplin-footer.footer-style-4.ai-image-generator-footer { background: #121212; position: relative; } .zaplin-footer.footer-style-4.ai-image-generator-footer .footer-top { padding: 120px 0 100px; } .zaplin-footer.footer-style-4.ai-image-generator-footer .footer-top .footer-bottom-wrapper { position: relative; } .zaplin-footer.footer-style-4.ai-image-generator-footer .footer-top .footer-bottom-wrapper::after { content: ""; position: absolute; left: 14px; right: 0; bottom: -100px; width: 97.5%; height: 1.5px; background: rgba(255, 255, 255, 0.08); } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-4.ai-image-generator-footer .footer-top .footer-bottom-wrapper::after { display: none; } } .zaplin-footer.footer-style-4.ai-image-generator-footer .copyright-area { border-top: none; padding: 30px 0 20px; } .zaplin-footer.footer-style-4.ai-image-generator-footer .copyright-area::after { display: none; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-4.ai-image-generator-footer .copyright-area { padding: 30px 0 30px; } } .zaplin-footer.footer-style-4.ai-image-generator-footer .shape-group li.shape-01 { left: -340px; bottom: 0; z-index: 0; } .zaplin-footer.footer-style-4.ai-image-generator-footer .shape-group li.shape-01 .footer-gradient-01 { width: 656px; height: 656px; border-radius: 656px; opacity: 0.4; background: #12DBE8; -webkit-filter: blur(334px); filter: blur(334px); } .zaplin-footer.footer-style-10 { position: relative; } .zaplin-footer.footer-style-10::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/bg-image/footer-bg-03.png); background-repeat: no-repeat; background-position: center bottom; } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .widget-information .social-share { margin-top: 25px; margin-left: -5px; } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .widget-information .social-share li { border-radius: 30px; border: 1px solid #E5E5E5; background: var(--zaplin-color-white); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .widget-information .social-share li a { color: var(--zaplin-color-heading-1); -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .widget-information .social-share li:hover { border-radius: 30px; border: 1px solid var(--zaplin-color-primary); background: rgba(255, 255, 255, 0); } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .widget-information .social-share li:hover a { color: var(--zaplin-color-primary); } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget.explore-widget { margin-left: -25px; } @media only screen and (max-width: 991px) { .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget.explore-widget { margin-left: 0; } } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .input-group { border-radius: 50px !important; } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .input-group .form-control { border-radius: 50px !important; border: 1px solid #E5E5E5; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .zaplin-footer.footer-style-10 .footer-top .zaplin-footer-widget .input-group .zaplin-btn { border-radius: 50px !important; } .zaplin-footer.footer-style-10 .copyright-area { height: 100px; border-top: 1px solid #EDEDED; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .zaplin-footer.footer-style-10 .copyright-area .inner p { margin-top: 40px; } .zaplin-footer.footer-style-10 .shape-group li.shape-1 { left: 200px; bottom: 0; } /*------------------------- Copyright Styles --------------------------*/ .copyright-area .inner p { margin-bottom: 0; } @media only screen and (max-width: 767px) { .copyright-area .inner p { font-size: 14px !important; } } /*======================================================================= 5.Blog Styles =========================================================================*/ /*------------------------- Blog Styles ---------------------------*/ .blog-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-top: 13px; } .blog-meta li { margin: 0 16px; color: var(--zaplin-color-heading-1); font-size: var(--zaplin-font-size-b3); font-weight: 400; font-size: 16px; font-family: var(--zaplin-font-primary); position: relative; } @media only screen and (max-width: 1199px) { .blog-meta li { font-size: var(--zaplin-font-size-b1); } } .blog-meta li::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #C3C3C3; position: absolute; top: 10px; right: -18px; } @media only screen and (max-width: 1199px) { .blog-meta li::after { display: none; } } .blog-meta li:last-child::after { display: none; } .blog-meta li a { color: var(--zaplin-color-heading-1); } .blog-meta li i { font-size: 18px; position: relative; top: 3px; color: var(--zaplin-color-heading-1); padding-right: 7px; } .zaplin-blog-area .section-title { margin-bottom: 50px; } .zaplin-blog { position: relative; } .zaplin-blog .thumbnail { position: relative; } .zaplin-blog .thumbnail a { display: block; border-radius: 10px; position: relative; overflow: hidden; } .zaplin-blog .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-blog .thumbnail a img { width: 100%; border-radius: 10px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-blog .pre-title { padding: 1px 15px; font-size: 16px; font-weight: 400; font-family: var(--zaplin-font-secondary); border-radius: 50px; margin-bottom: 15px; display: inline-block; text-align: center; margin-top: 30px; } .zaplin-blog .pre-title.purple { color: var(--zaplin-color-primary); border: 1px solid rgba(133, 78, 242, 0.2); background: rgba(133, 78, 242, 0.05); } .zaplin-blog .pre-title.accent { color: var(--zaplin-color-accent); border: 1px solid rgba(0, 167, 118, 0.2); background: rgba(0, 167, 118, 0.05); } .zaplin-blog .pre-title.yellow { color: var(--zaplin-color-heading-1); border: 1px solid #EAFA34; background: #FDFFE4; } .zaplin-blog .content { position: relative; } @media only screen and (max-width: 1199px) { .zaplin-blog .content { padding: 30px 20px; } } @media only screen and (max-width: 479px) { .zaplin-blog .content { padding: 20px; } } .zaplin-blog .content .blog-category { color: var(--zaplin-color-body); margin-bottom: 10px; text-transform: uppercase; } .zaplin-blog .content .blog-category:hover { color: var(--zaplin-color-primary); } .zaplin-blog .content .title { margin-bottom: 10px; } .zaplin-blog .content p { margin-bottom: 0; } .zaplin-blog .content.position-top { margin-top: -175px; margin-left: 30px; margin-right: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .zaplin-blog .content.position-top { margin-top: -125px; } } @media only screen and (max-width: 767px) { .zaplin-blog .content.position-top { margin-top: -105px; } } @media only screen and (max-width: 1199px) { .zaplin-blog .content.position-top { margin-left: 15px; margin-right: 15px; } } @media only screen and (max-width: 479px) { .zaplin-blog .content.position-top { margin-left: 15px; margin-right: 15px; } } .zaplin-blog .content.position-top .read-more-btn { position: absolute; top: -40px; right: 30px; visibility: hidden; opacity: 0; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); } .zaplin-blog .content.position-top .read-more-btn .btn-icon-round { box-shadow: var(--zaplin-shadow-dark); } .zaplin-blog:hover .thumbnail a:after { visibility: visible; opacity: 1; } .zaplin-blog:hover .thumbnail a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .zaplin-blog:hover .position-top .read-more-btn { visibility: visible; opacity: 1; top: -30px; } .zaplin-blog.blog-style-list { margin-bottom: 30px; } .zaplin-blog.blog-style-list-2 { margin-bottom: 40px; } .zaplin-blog.blog-style-list-2 .content { padding: 12px 0 12px; } .zaplin-blog.blog-style-list-2 .thumbnail a { border-radius: 15px; } .zaplin-blog.blog-style-list-2 .thumbnail a img { border-radius: 15px; } .zaplin-blog.blog-style-list-2 .blog-meta { margin-top: 20px; padding-bottom: 5px; } .zaplin-blog.blog-style-list-2 .blog-meta li::after { top: 10px; } .zaplin-blog.blog-style-list-2 .blog-meta li.name { color: var(--zaplin-color-primary); font-family: var(--zaplin-font-primary); font-size: 15px; font-weight: var(--zaplin-p-medium); line-height: 26px; text-transform: uppercase; } .zaplin-blog.blog-style-list-2 .blog-meta li.date { color: var(--zaplin-color-heading-3); font-family: var(--zaplin-color-primary); font-size: 15px; font-weight: var(--zaplin-p-regular); text-transform: capitalize; } .zaplin-blog.blog-style-list-3 { width: 850px; } @media (max-width: 1599px) { .zaplin-blog.blog-style-list-3 { width: 100%; } } .zaplin-blog.blog-style-list-3 .inner { background-color: var(--zaplin-color-white); border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner { display: block; } } .zaplin-blog.blog-style-list-3 .inner .thumbnail { max-width: 350px; height: 100%; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-3 .inner .thumbnail { max-width: 300px; } } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner .thumbnail { max-width: 100%; } } .zaplin-blog.blog-style-list-3 .inner .thumbnail a { width: 350px; border-radius: 10px 0px 0px 10px; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-3 .inner .thumbnail a { width: 300px; } } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner .thumbnail a { width: 100%; border-radius: 10px 10px 0px 0px; } } .zaplin-blog.blog-style-list-3 .inner .thumbnail a img { border-radius: 10px 0px 0px 10px; } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner .thumbnail a img { border-radius: 10px 10px 0px 0px; } } .zaplin-blog.blog-style-list-3 .inner .content { padding: 60px 70px 39px 50px; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-3 .inner .content { padding: 20px 20px; } } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner .content { padding: 30px 30px; } } .zaplin-blog.blog-style-list-3 .inner .content .pre-title { margin-top: 0px; } .zaplin-blog.blog-style-list-3 .inner .content .title { line-height: 32px; margin-bottom: 15px; } .zaplin-blog.blog-style-list-3 .inner .content p { color: var(--zaplin-color-heading-2); line-height: var(--zaplin-line-height-b1); padding-bottom: 45px; border-bottom: 1px solid #E5E5E5; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-3 .inner .content p { padding-bottom: 17px; } } @media only screen and (max-width: 767px) { .zaplin-blog.blog-style-list-3 .inner .content p { padding-bottom: 25px; } } .zaplin-blog.blog-style-list-3 .inner .content .author-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; } .zaplin-blog.blog-style-list-3 .inner .content .author-info .thumb img { border-radius: 50%; } .zaplin-blog.blog-style-list-3 .inner .content .author-info .info { margin-left: 10px; } .zaplin-blog.blog-style-list-3 .inner .content .author-info .info .title { font-size: 18px; font-weight: var(--zaplin-p-medium); margin-bottom: -5px; } .zaplin-blog.blog-style-list-3 .inner .content .author-info .info .subtitle { font-size: 16px; color: var(--zaplin-color-heading-2); } .zaplin-blog.blog-style-list-4.for-border .inner { padding-bottom: 60px; border-bottom: 1px solid #E5E5E5; } .zaplin-blog.blog-style-list-4.for-padding .inner { padding-top: 40px; } .zaplin-blog.blog-style-list-4 .pre-title { position: absolute; left: 40px; bottom: 20px; padding: 5px 18px; background-color: var(--zaplin-color-primary); color: var(--zaplin-color-white); } .zaplin-blog.blog-style-list-4 .content { margin-top: 40px; } .zaplin-blog.blog-style-list-4 .content .blog-meta { margin: -5px -9px; padding-bottom: 8px; } .zaplin-blog.blog-style-list-4 .content .blog-meta li { margin: 5px 10px; } .zaplin-blog.blog-style-list-4 .content .blog-meta li::after { display: none; } .zaplin-blog.blog-style-list-4 .content .blog-meta .author-img { border-radius: 100%; margin-right: 10px; } .zaplin-blog.blog-style-list-4 .content .title { font-weight: var(--zaplin-p-semi-bold); } .zaplin-blog.blog-style-list-4 .content p { color: var(--zaplin-color-heading-2); margin-bottom: 17px; } .zaplin-blog.blog-style-list-5 { border-radius: 15px; border: 1px solid var(--zaplin-color-heading-1); } .zaplin-blog.blog-style-list-5 .inner { padding: 30px 30px; } .zaplin-blog.blog-style-list-5 .inner .thumbnail a { border-radius: 15px; } .zaplin-blog.blog-style-list-5 .inner .thumbnail a img { border-radius: 15px; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-5 .content { padding: 0; } } .zaplin-blog.blog-style-list-5 .content .pre-title { margin-top: 20px; } .zaplin-blog.blog-style-list-5 .content p { margin-bottom: 14px; color: var(--zaplin-color-heading-2); } .zaplin-blog.blog-style-list-5 .content .blog-meta { margin-top: 5px; padding-bottom: 0; } .zaplin-blog.blog-style-list-5 .content .blog-meta li { font-size: 14px; text-transform: uppercase; font-weight: var(--zaplin-p-medium); } .zaplin-blog.blog-style-list-5 .pre-title { border: none; padding: 0; background-color: transparent; margin-bottom: 5px; } @media only screen and (max-width: 1199px) { .zaplin-blog.blog-style-list-5 .pre-title { margin-top: 20px; } } .zaplin-blog.blog-style-list-5 .title { line-height: 32px; } .blog-area-5 .blog-style-list-5 { margin-bottom: 0; } .blog-list-area-3 { background-color: #F6F6F6; } @media only screen and (max-width: 1199px) { .blog-area-1 .blog-style-1 .content { padding: 0; } } .blog-area-1 .blog-style-1 .content .blog-meta { padding-bottom: 0; } .blog-area-1 .blog-style-1 .content .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-area-1 .blog-style-1 .content .blog-meta li::after { display: none; } .blog-area-2 .blog-style-1 .content .blog-meta { padding-bottom: 0; } .blog-area-2 .blog-style-1 .content .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-area-2 .blog-style-1 .content .blog-meta li::after { display: none; } .blog-style-3 .inner .content .blog-meta { margin-top: 20px; padding-bottom: 0; } .blog-style-3 .inner .content .blog-meta .name { font-size: 15px; color: var(--zaplin-color-primary); font-weight: var(--zaplin-p-semi-bold); text-transform: uppercase; } .blog-style-3 .inner .content .blog-meta .date { font-size: 15px; color: var(--zaplin-color-heading-3); } .blog-style-3 .inner .content .title { margin-top: 8px; margin-bottom: 0; } .blog-area-6 .blog-style-6 .title a { color: var(--zaplin-color-heading-1); } .blog-area-6 .blog-style-6 .blog-meta { padding-bottom: 0; margin-bottom: -10px; } .blog-area-6 .blog-style-6 .blog-meta li { font-size: var(--zaplin-font-size-b1); margin: 0 16px; } .blog-area-6 .blog-style-6 .blog-meta li::after { display: none; } .blog-area-7 { background: #FEFCF7; } .blog-style-7 .blog-meta { padding-bottom: 0; } .blog-style-7 .blog-meta li { font-size: 16px; } .blog-style-7 .blog-meta li::after { display: none; } .blog-style-7 .pre-title.yellow { background: #EAFA34; border: none; } .blog-style-7 .title a { color: var(--zaplin-color-heading-1); } .blog-area-8 { background: var(--zaplin-color-lighten02); } .blog-style-8 { background: var(--zaplin-color-white); border-radius: 20px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; } .blog-style-8 .inner .thumbnail a { border-radius: 20px 20px 0px 0px; } .blog-style-8 .inner .thumbnail a img { border-radius: 20px 20px 0px 0px; } .blog-style-8 .inner .content { padding: 24px 30px 28px 30px; } .blog-style-8 .inner .content .pre-title { padding: 0; margin-top: 0; margin-bottom: 5px; } .blog-style-8 .inner .content .title { margin-bottom: 15px; } .blog-style-8 .inner .content .blog-meta { padding-bottom: 0; } .blog-style-8 .inner .content .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-style-8 .inner .content .blog-meta li::after { display: none; } .blog-style-8 .inner .content .blog-meta li img { border-radius: 100px; } .blog-style-8 .blog-hover-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 17px; background: url(../images/blog/blog-card-bg-01.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .blog-style-8 .blog-hover-content .content { padding: 50px 25px 50px 30px; } .blog-style-8 .blog-hover-content .content .pre-title { padding: 0; margin: 0 0 8px 0; } .blog-style-8 .blog-hover-content .content .blog-meta { padding-bottom: 34px; } .blog-style-8 .blog-hover-content .content .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-style-8 .blog-hover-content .content .blog-meta li::after { display: none; } .blog-style-8 .blog-hover-content .content .blog-meta li img { border-radius: 100px; } .blog-style-8 .blog-hover-content .content p { color: var(--zaplin-color-heading-2); margin-bottom: 77px; } .blog-style-8:hover .blog-hover-content { opacity: 1; visibility: visible; } .blog-area-10 { background: #121212; } .blog-area-10 .section-title { margin-bottom: 70px; } .blog-area-10 .section-title .pre-title { color: #7B818E; font-family: var(--zaplin-font-third); margin-bottom: 10px; } .blog-area-10 .section-title .title { color: var(--zaplin-color-white); font-weight: var(--zaplin-p-bold); font-family: var(--zaplin-font-third); } .blog-area-10 .section-title .title .blog-gradient { background: -webkit-linear-gradient(left, #FF00E5 24.75%, #FFEF5E 94.64%); background: linear-gradient(90deg, #FF00E5 24.75%, #FFEF5E 94.64%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .blog-area-10 .blog-style-list-2 { margin-bottom: 0; position: relative; z-index: 2; } .blog-area-10 .blog-style-list-2 .content .blog-meta li::after { background: rgba(255, 255, 255, 0.2); } .blog-area-10 .blog-style-list-2 .content .title { font-family: var(--zaplin-font-third); color: var(--zaplin-color-white); margin-bottom: 0; } .blog-area-11 .shape-group li.shape-1 { top: 135px; } .blog-area-12 .section-title .title { font-size: 72px; font-weight: var(--zaplin-p-medium); text-transform: uppercase; } @media only screen and (max-width: 991px) { .blog-area-12 .section-title .title { font-size: 60px; } } @media only screen and (max-width: 767px) { .blog-area-12 .section-title .title { font-size: 36px; } } .blog-style-12 .inner .thumbnail a { border-radius: 30px; } .blog-style-12 .inner .thumbnail a img { box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); } .blog-style-12 .inner .thumbnail .arrow-icon { opacity: 0; width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: var(--zaplin-color-white); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: absolute; right: 35px; bottom: -25px; } .blog-style-12 .inner .thumbnail .arrow-icon::after { display: none; } .blog-style-12 .inner .content { margin-top: 40px; } .blog-style-12 .inner .content .text { color: var(--zaplin-color-heading-2); margin-bottom: 20px; margin-right: 30px; } .blog-style-12 .inner .content .blog-meta li { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); font-weight: var(--zaplin-p-medium); } .blog-style-12 .inner .content .blog-meta li img { border-radius: 50%; margin-right: 10px; } .blog-style-12:hover .inner .thumbnail .arrow-icon { opacity: 1; } .blog-details-area-bg-img-1 { border-radius: 10px; margin-bottom: 100px; } @media only screen and (max-width: 991px) { .blog-details-area-bg-img-1 { margin-bottom: 60px; } } .blog-details-content { padding-bottom: 15px; position: relative; } .blog-details-content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #e5e5e5; } .blog-details-content > p { margin-bottom: 40px; } .blog-details-content .title { margin-bottom: 10px; } .blog-details-content .features-image { margin: 65px 0; } .blog-details-content .features-image .row > * { padding-right: 5px; padding-left: 5px; } @media only screen and (max-width: 767px) { .blog-details-content .features-image { margin: 40px 0; } } .blog-details-content .features-image .thumb img { width: 100%; border-radius: 5px; } .blog-details-content blockquote { margin: 30px 0; } @media only screen and (max-width: 767px) { .blog-details-content blockquote { margin: 40px 0 30px; } } .blog-details-content .features-image .thumb.thumb-last { margin-top: 10px; } .blog-details-content .features-image p { font-size: 14px; color: var(--zaplin-color-heading-2); margin-top: 10px; } .blog-details-content ul { list-style: none; padding-left: 0; } .blog-details-content ul li { font-size: var(--zaplin-font-size-b1); padding-left: 25px; position: relative; } .blog-details-content ul li::before { content: "\f105"; font-family: var(--zaplin-flaticon); color: var(--zaplin-color-heading-1); font-size: 14px; position: absolute; left: 0; top: 2px; } .blog-details-content .blog-share-area { margin-top: 65px; } .blog-details-content .blog-tags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blog-details-content .blog-tags .title { margin-bottom: 0; margin-right: 12px; } .blog-author { padding: 70px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 575px) { .blog-author { display: block; } } .blog-author .thumbnail { margin-right: 30px; } @media only screen and (max-width: 767px) { .blog-author .thumbnail { margin-right: 20px; } } @media only screen and (max-width: 575px) { .blog-author .thumbnail { margin-right: 0; margin-bottom: 20px; } } .blog-author .thumbnail img { border-radius: 50%; } .blog-author .author-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .blog-author .author-content .title { margin-bottom: 10px; } .blog-author .author-content p { margin-bottom: 15px; } blockquote { padding: 22px 40px 35px 80px; position: relative; } @media only screen and (max-width: 767px) { blockquote { padding: 35px 30px 35px 40px; } } blockquote:after { content: " "; position: absolute; top: 30px; left: 0; width: 100%; height: 100%; background-image: url(../images/others/blockquote.svg); background-repeat: no-repeat; } blockquote p { font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); margin-bottom: 15px; } blockquote .author { margin-bottom: 0; font-size: var(--zaplin-font-size-b1); font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); } .related-post-area { padding-top: 70px; } .related-post-area .blog-style-list { margin-bottom: 0; margin-right: 10px; } .blog-details-area-1, .blog-details-area-2 { position: relative; } .blog-details-area-1 .social-wrapper, .blog-details-area-2 .social-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; position: absolute; padding-left: 0; margin-bottom: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 1650px) { .blog-details-area-1 .social-wrapper, .blog-details-area-2 .social-wrapper { left: -60px; } } @media (max-width: 1500px) { .blog-details-area-1 .social-wrapper, .blog-details-area-2 .social-wrapper { display: none; } } .blog-details-area-1 .social-wrapper span, .blog-details-area-2 .social-wrapper span { font-size: 18px; font-weight: var(--zaplin-p-medium); font-family: var(--zaplin-font-secondary); margin-right: 10px; } .blog-details-area-1 .social-wrapper li, .blog-details-area-2 .social-wrapper li { width: 40px; height: 40px; line-height: 45px; font-size: 17px; text-align: center; border: 1px solid #E5E5E5; border-radius: 50%; color: var(--zaplin-color-heading-2); background-color: var(--zaplin-color-white); margin: 0 5px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .blog-details-area-1 .social-wrapper li:hover, .blog-details-area-2 .social-wrapper li:hover { border: none; color: var(--zaplin-color-white); background-color: var(--zaplin-color-primary); } .blog-details-area-1 .social-wrapper { left: 0; top: 115px; } .blog-details-area-1 .social-wrapper span { padding-right: 10px; } .blog-details-area-1 .blog-style-list .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-details-area-1 .blog-style-list .blog-meta li::after { display: none; } .blog-style-list .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-style-list .blog-meta li::after { display: none; } .blog-details-area-2 .blog-big-title { max-width: 900px; margin: 100px auto 0; } .blog-details-area-2 .blog-big-title .big-latter::first-letter { initial-letter: 2; font-weight: var(--zaplin-p-semi-bold); margin-right: 5px; } .blog-details-area-2 .blog-big-title p { margin: 0 auto !important; } .blog-details-area-2 .social-wrapper { left: 0; top: 180px; } .blog-details-area-2 .blog-details-content::after { width: 850px; margin: 0 auto; } .blog-details-area-2 .blog-details-content p, .blog-details-area-2 .blog-details-content h3, .blog-details-area-2 .blog-details-content ul { max-width: 850px; margin: 70px auto 0; } .blog-details-area-2 .blog-details-content .text-blog-details-area-2 { margin: 20px auto 0; } .blog-details-area-2 .blog-details-content .title-9 { margin: 0 auto; } .blog-details-area-2 .blog-details-content .text-10 { margin: 30px auto; } .blog-details-area-2 .blog-details-content .list-blog-padding { margin: 0 auto 0; } .blog-details-area-2 .blog-details-content .features-image .thumb img { border-radius: 10px; margin-bottom: 0; } .blog-details-area-2 blockquote, .blog-details-area-2 .blog-author, .blog-details-area-2 .blog-share-area, .blog-details-area-2 .comment-area, .blog-details-area-2 .comment-form-area, .blog-details-area-2 .related-post-area { max-width: 850px; margin: 0 auto; } .blog-details-area-2 .comment-form-area { padding-top: 70px; } .blog-details-area-2 blockquote { margin-top: 75px; border: 1.5px dashed #CFCFCF; padding: 30px 30px 30px 120px; } .blog-details-area-2 blockquote::after { top: 39px; left: 40px; } .blog-details-area-2 blockquote p { margin: 0 auto !important; } .blog-details-area-2 .blog-share-area { margin: 65px auto; } .blog-list-area-2 .blog-style-list { margin-bottom: 60px; } .blog-list-area-2 .blog-style-list .blog-meta li { font-size: var(--zaplin-font-size-b1); } .blog-list-area-2 .blog-style-list .blog-meta li::after { display: none; } /*----------------------------- Blog Comments Style ------------------------------*/ .comment-area .heading-title { margin-bottom: 30px; } .comment-list-wrapper .comment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .comment-list-wrapper .comment .thumbnail { min-width: 80px; width: 80px; max-height: 80px; border-radius: 50%; margin-right: 30px; } @media only screen and (max-width: 575px) { .comment-list-wrapper .comment .thumbnail { margin-right: 20px; min-width: 60px; width: 60px; } } .comment-list-wrapper .comment .thumbnail img { border-radius: 50%; width: 100%; } .comment-list-wrapper .comment .comment-content .title { margin-bottom: 2px; } .comment-list-wrapper .comment .comment-content .date { display: block; margin-bottom: 14px; } .comment-list-wrapper .comment .comment-content p { margin-bottom: 18px; } .comment-list-wrapper .comment .comment-content .reply-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 18px; line-height: 30px; font-family: var(--zaplin-font-secondary); } .comment-list-wrapper .comment .comment-content .reply-btn i { margin-right: 10px; } .comment-list-wrapper .comment.comment-reply { margin-left: 110px; } @media only screen and (max-width: 575px) { .comment-list-wrapper .comment.comment-reply { margin-left: 40px; } } .comment-list-wrapper .comment + .comment { border-top: 1px solid var(--color-border); padding-top: 30px; margin-top: 30px; } /*----------------------------- Blog Comments Form ------------------------------*/ .comment-form-area { margin-top: 90px; } .comment-form-area .heading-title { margin-bottom: 30px; } .comment-form .form-group { margin-bottom: 0; } .comment-form .form-group input, .comment-form .form-group textarea { padding: 15px 25px; border: 1px solid #e5e5e5; } .comment-form .form-group .zaplin-form-check label { color: var(--zaplin-color-heading-2); padding-left: 20px; } .comment-form .form-group .zaplin-form-check label:before { background-color: #f7f7f7; border-color: #e5e5e5; height: 15px; width: 15px; top: 5px; } .comment-form .form-group .zaplin-form-check label:after { left: 3px; } .comment-form .form-group .zaplin-form-check input:checked ~ label::before { background-color: var(--zaplin-color-primary); border-color: var(--zaplin-color-primary); } .comment-form .form-group .zaplin-form-check input:checked ~ label::after { opacity: 1; } /*------------------- Blog Widget ---------------------*/ .zaplin-blog-sidebar-1 { background-color: #f6f6f6; border-radius: 10px; } .zaplin-blog-widget { padding: 30px 40px; } @media only screen and (max-width: 767px) { .zaplin-blog-widget { padding: 20px; } } .zaplin-blog-widget .widget-title { margin-bottom: 30px; } .zaplin-blog-widget.widget-latest-post-1 .blog-meta li { font-size: var(--zaplin-font-size-b1); } .zaplin-blog-widget.widget-search .blog-search { position: relative; } .zaplin-blog-widget.widget-search .blog-search .search-button { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; padding: 0; color: var(--zaplin-color-heading-1); background-color: transparent; font-size: 18px; } .zaplin-blog-widget.widget-search .blog-search input { padding: 18px 20px; border: 1px solid #E5E5E5; border-radius: 3px; } @media only screen and (max-width: 991px) { .zaplin-blog-widget.widget-search .blog-search input { width: 100%; } } .zaplin-blog-widget.widget-latest-post .latest-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; margin-bottom: 20px; } .zaplin-blog-widget.widget-latest-post .latest-post:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .zaplin-blog-widget.widget-latest-post .latest-post .thumbnail { margin-right: 20px; } @media only screen and (max-width: 767px) { .zaplin-blog-widget.widget-latest-post .latest-post .thumbnail { margin-right: 10px; } } .zaplin-blog-widget.widget-latest-post .latest-post .thumbnail a img { border-radius: 5px; max-height: 95px; object-fit: cover; } .zaplin-blog-widget.widget-latest-post .latest-post .post-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .zaplin-blog-widget.widget-latest-post .latest-post .post-content .title { margin-bottom: 5px; } .zaplin-blog-widget.widget-latest-post .latest-post .post-content .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zaplin-blog-widget.widget-latest-post .latest-post .post-content .blog-meta { padding-bottom: 0; } .zaplin-blog-widget.widget-newslatter .blog-name, .zaplin-blog-widget.widget-newslatter .blog-email { position: relative; margin-bottom: 10px; } .zaplin-blog-widget.widget-newslatter .blog-name i, .zaplin-blog-widget.widget-newslatter .blog-email i { position: absolute; right: 20px; top: 59%; -webkit-transform: translateY(-56%); -ms-transform: translateY(-56%); transform: translateY(-56%); border: none; padding: 0; color: #C5C8CD; background-color: transparent; font-size: 18px; } .zaplin-blog-widget.widget-newslatter .blog-name .flaticon-envelope-3, .zaplin-blog-widget.widget-newslatter .blog-email .flaticon-envelope-3 { font-size: 15px; } .zaplin-blog-widget.widget-newslatter .blog-name input, .zaplin-blog-widget.widget-newslatter .blog-email input { font-size: 14px; font-family: var(--zaplin-font-primary); display: block; padding: 20px 80px 20px 20px; border: 1px solid #E5E5E5; border-radius: 3px; } @media only screen and (max-width: 991px) { .zaplin-blog-widget.widget-newslatter .blog-name input, .zaplin-blog-widget.widget-newslatter .blog-email input { width: 100%; } } .zaplin-blog-widget.widget-newslatter a { width: 100%; } .zaplin-blog-widget.widget-newslatter a .zaplin-btn { width: 100%; } .zaplin-blog-widget.widget-categories .category-list { margin: -14px 0; } .zaplin-blog-widget.widget-categories .category-list li { border-bottom: 1px solid #E5E5E5; } .zaplin-blog-widget.widget-categories .category-list li a { font-size: var(--zaplin-font-size-b1); font-family: var(--zaplin-font-primary); color: var(--zaplin-color-heading-1); font-weight: var(--zaplin-p-medium); margin-bottom: 10px; } .zaplin-blog-widget.widget-categories .category-list li a:hover { color: var(--zaplin-color-primary); } .zaplin-blog-widget.widget-categories-archives .category-list li { border-bottom: none; } .zaplin-blog-widget.widget-action .inner { text-align: center; padding: 40px 40px 250px; border-radius: 10px; position: relative; } .zaplin-blog-widget.widget-action .inner::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background-image: url(../images/bg-image/blog-bg-01.webp); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0; } @media only screen and (max-width: 1199px) { .zaplin-blog-widget.widget-action .inner { padding: 40px 25px 200px; } } .zaplin-blog-widget.widget-action .inner .pre-title { font-size: 14px; font-family: var(--zaplin-font-primary); color: var(--zaplin-color-primary); text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; } .zaplin-blog-widget.widget-action .inner .title { color: #181B31; font-weight: var(--zaplin-p-semi-bold); margin-bottom: 5px; position: relative; z-index: 1; } .tag-list { margin: -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .tag-list a { border: 1px solid #E5E5E5; border-radius: 5px; font-weight: 500; font-size: 14px; font-family: var(--zaplin-font-secondary); margin: 5px; height: 40px; line-height: 40px; padding: 0 14px; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); position: relative; z-index: 1; } .tag-list a:after { content: ""; height: 100%; width: 100%; background: var(--zaplin-color-primary); border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-transition: var(--zaplin-transition); transition: var(--zaplin-transition); opacity: 0; } .tag-list a:hover { color: var(--zaplin-color-white); border-color: transparent; } .tag-list a:hover:after { opacity: 1; } .zaplin-blog-sidebar-2 { padding: 0; } .zaplin-blog-sidebar-2 .widget-search-2, .zaplin-blog-sidebar-2 .widget-categories-2, .zaplin-blog-sidebar-2 .widget-latest-post-2, .zaplin-blog-sidebar-2 .widget-newslatter-2, .zaplin-blog-sidebar-2 .widget-tags-2, .zaplin-blog-sidebar-2 .widget-categories-archives-2 { background-color: var(--zaplin-color-white); margin-bottom: 30px; border-radius: 10px; } .zaplin-blog-sidebar-2 .widget-search-2 .category-list li, .zaplin-blog-sidebar-2 .widget-categories-2 .category-list li, .zaplin-blog-sidebar-2 .widget-latest-post-2 .category-list li, .zaplin-blog-sidebar-2 .widget-newslatter-2 .category-list li, .zaplin-blog-sidebar-2 .widget-tags-2 .category-list li, .zaplin-blog-sidebar-2 .widget-categories-archives-2 .category-list li { border-bottom: none; } .zaplin-blog-sidebar-2 .widget-action-2 { position: relative; padding: 0; border-radius: 10px; width: 100%; height: 100%; margin-bottom: 30px; } .zaplin-blog-sidebar-2 .widget-action-2::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 400px; border-radius: 10px; background-image: url(../images/bg-image/blog-bg-02.webp); object-fit: cover; background-repeat: no-repeat; background-position: center; } .zaplin-blog-sidebar-2 .widget-action-2 .inner { padding: 40px; } .zaplin-blog-sidebar-2 .widget-action-2 .widget-action-btn { padding: 0 25px; margin-top: 185px; } .zaplin-blog-sidebar-2 .widget-latest-post-2 .latest-post { border-bottom: none; } .zaplin-blog-sidebar-3 { background: var(--zaplin-color-lighten02); border-radius: 10px; } .zaplin-blog-sidebar-3 .widget-action .inner::before { border-radius: 5px; z-index: 0; } .zaplin-blog-sidebar-3 .widget-action .inner .pre-title, .zaplin-blog-sidebar-3 .widget-action .inner .title { position: relative; z-index: 1; } /*======================================================================= 6. Spacing/Dark/RTL =========================================================================*/ /*------------------------- Spacing -------------------------*/ .zaplin-section-gap { padding: 170px 0 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .zaplin-section-gap { padding: 120px 0 100px; } } @media only screen and (max-width: 767px) { .zaplin-section-gap { padding: 90px 0 80px; } } .section-gap-equal { padding: 150px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-gap-equal { padding: 100px 0; } } @media only screen and (max-width: 767px) { .section-gap-equal { padding: 80px 0; } } .gap-top-equal { padding-top: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .gap-top-equal { padding-top: 100px; } } @media only screen and (max-width: 767px) { .gap-top-equal { padding-top: 80px; } } .gap-bottom-equal { padding-bottom: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .gap-bottom-equal { padding-bottom: 100px; } } @media only screen and (max-width: 767px) { .gap-bottom-equal { padding-bottom: 80px; } } .section-gap-120 { padding: 120px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-gap-120 { padding: 100px 0; } } @media only screen and (max-width: 767px) { .section-gap-120 { padding: 80px 0; } } .section-gap-170 { padding: 170px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-gap-170 { padding: 90px 0; } } @media only screen and (max-width: 767px) { .section-gap-170 { padding: 70px 0; } } .mb--10 { margin-bottom: 10px; } .mb--50 { margin-bottom: 50px !important; } .mb--60 { margin-bottom: 60px !important; } .mb--90 { margin-bottom: 90px !important; } .mt--50 { margin-top: 50px; } @media only screen and (min-width: 1200px) { .col-pl--35 { padding-left: 35px; } .col-pr--35 { padding-right: 35px; } } .pt--50 { padding-top: 50px; } .w--100 { width: 100%; }