ok
Direktori : /home2/selectio/www/sqarextechnologies.com/assets/css/ |
Current File : /home2/selectio/www/sqarextechnologies.com/assets/css/style.css |
/*-------------------------------------------------------------- Write down your custom code here -----------------------------------------------------------------*/ /* Swiper Control */ /* Swiper Navigation */ .swiper-control { display: flex; align-items: center; justify-content: end; margin-bottom: 10px; gap: 8px } @media screen and (max-width:767px) { .swiper-control { justify-content: start; margin-top: 40px; } } .swiper-control .wptb-swiper-arrow { position: absolute; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; align-items: center; font-size: 40px; width: 90px; height: 90px; background: var(--color-light); line-height: 90px; display: flex; justify-content: center; border-radius: 50%; transition: all 250ms linear 0ms } @media screen and (max-width: 1366px) { .swiper-control .wptb-swiper-arrow { width: 70px; height: 70px; font-size: 30px; } } @media screen and (max-width: 1199px) { .swiper-control .wptb-swiper-arrow { width: 60px; height: 60px } } .swiper-control .wptb-swiper-arrow i { color: var(--color-one); background: var(--gradient-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-one); filter: drop-shadow(0px 4px 30px rgba(255, 117, 107, 0.6)); } .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } /* Swiper Pagination */ .wptb-swiper-dots { position: relative; z-index: 1; margin-top: 90px } .wptb-swiper-dots .swiper-pagination-bullet { margin: 0 12px; width: 12px; height: 12px; text-align: center; background: #cacaca; cursor: pointer; position: relative; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1); -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1); -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1); -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1); -o-transition: all .25s cubic-bezier(.645, .045, .355, 1); transition: all .25s cubic-bezier(.645, .045, .355, 1) } .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 80px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: var(--gradient-one); opacity: 1; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } /* Hero / Slider Section */ .wptb-slider { padding-top: 175px; padding-bottom: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .wptb-slider--wrapper { position: relative; z-index: 1; } .wptb-slider--content h1 { font-size: var(--fs-80); line-height: var(--fs-96); color: var(--color-four); } .wptb-slider--content h1 a { color: var(--color-six); } .wptb-slider--content p { font-family: var(--font-family-three); font-size: var(--fs-24); line-height: var(--fs-34); margin-top: 20px; margin-bottom: 50px; } .swiper-container { width: 100%; overflow: hidden; } .wptb-slider .wptb-circle-svg { bottom: -100px; z-index: 0; } .wptb-slider .wptb_circle_svg+.wptb_circle_svg .wptb-circle-svg { bottom: -125px; } /* Slider Digital Marketing */ .wptb-slider.style-digital { padding-top: 180px; padding-bottom: 100px; z-index: 1; } .wptb-slider.style-digital .wptb-slider--content h1, .wptb-slider.style-digital .wptb-slider--content p { color: var(--color-white); } .wptb-slider.style-digital .wptb-slider--img { position: relative; } .wptb-slider.style-digital .wptb-slider--img .circle-layer { position: absolute; left: 0; top: -110px; z-index: -1; } /* Slider IT */ .wptb-slider.style-it { padding-top: 300px; padding-bottom: 300px; background-position: bottom; } @media screen and (max-width: 1366px){ .wptb-slider.style-it { padding-top: 200px; padding-bottom: 200px; } } .wptb-slider.style-it .wptb-slider--content h1, .wptb-slider.style-it .wptb-slider--content p { color: var(--color-white); } .wptb-slider.style-it .wptb-slider--content h1 a { color: var(--color-one); } .wptb-slider.style-it .wptb-slider--content .btn-play { color: var(--color-white); font-family: var(--font-family-three); font-size: 20px; font-style: normal; font-weight: 600; line-height: 34px; /* 170% */ letter-spacing: 0.1px; } .wptb-slider.style-it .wptb-slider--content .btn-play:hover { color: var(--color-one); } .wptb-slider.style-it .wptb-slider--content .btn-play .btn-icon { background: var(--gradient-three); color: var(--color-white); font-size: 24px; width: 66px; height: 66px; line-height: 66px; display: inline-block; border-radius: 100%; text-align: center; transition: all 300ms ease; } .wptb-slider.style-it .wptb-slider--content .btn-play:hover .btn-icon { background: var(--gradient-one); } /* Slider App Landing */ .wptb-slider.style-app { padding-top: 300px; padding-bottom: 300px; background-position: bottom; } .wptb-slider.style-app .wptb_circle_svg+.wptb_circle_svg .wptb-circle-svg { bottom: -125px; } @media screen and (max-width: 1366px){ .wptb-slider.style-app { padding-top: 150px; padding-bottom: 150px; } .wptb-slider.style-app .wptb-slider--img { max-width: 240px; } } .wptb-slider.style-app .wptb-slider--content h6 { letter-spacing: 1px; margin-bottom: 24px; } .wptb-slider.style-app .wptb-slider--content h6, .wptb-slider.style-app .wptb-slider--content h1, .wptb-slider.style-app .wptb-slider--content p { color: var(--color-white); } .wptb-slider.style-app .wptb-slider--content h1 a { color: var(--color-one); } .wptb-slider.style-app .wptb-slider--content .btn-play { color: var(--color-white); font-family: var(--font-family-three); font-size: 20px; font-style: normal; font-weight: 600; line-height: 34px; /* 170% */ letter-spacing: 0.1px; } .wptb-slider.style-app .wptb-slider--content .btn-play:hover { color: var(--color-white); } .wptb-slider.style-app .wptb-slider--content .btn-play .btn-icon { background: var(--color-white); color: var(--color-two); font-size: 24px; width: 66px; height: 66px; line-height: 66px; display: inline-block; border-radius: 100%; text-align: center; transition: all 300ms ease; } .wptb-slider.style-app .wptb-slider--content .btn-play:hover .btn-icon { background: linear-gradient(90deg, #F15F87 0%, #7A8EFB 100%); color: var(--color-white); } .wptb-slider.style-app .btns .btn { background: var(--color-white); color: var(--color-ten); } /* Slider SEO Marketing */ .wptb-slider.style-seom { padding-top: 300px; padding-bottom: 300px; background-position: bottom; } .wptb-slider.style-seom .wptb-circle-svg { bottom: 0; z-index: 0; } .wptb-slider.style-seom .wptb_circle_svg+.wptb_circle_svg .wptb-circle-svg { bottom: -125px; } @media screen and (max-width: 1366px){ .wptb-slider.style-seom { padding-top: 200px; padding-bottom: 200px; } } .wptb-slider.style-seom .wptb-slider--wrapper { position: relative; z-index: 1; } .wptb-slider.style-seom .wptb-slider--content h1 { font-size: var(--fs-60); line-height: var(--fs-70); } .wptb-slider.style-seom .wptb-slider--content h6 { font-family: var(--font-family-base); font-size: var(--fs-20); letter-spacing: 1px; margin-bottom: 24px; } .wptb-slider.style-seom .wptb-slider--content h6, .wptb-slider.style-seom .wptb-slider--content h1, .wptb-slider.style-seom .wptb-slider--content p { color: var(--color-white); } .wptb-slider.style-seom .wptb-slider--content h1 a { color: var(--color-one); } .wptb-slider.style-seom .wptb-slider--content .btn-play { color: var(--color-white); font-family: var(--font-family-three); font-size: 20px; font-style: normal; font-weight: 600; line-height: 34px; /* 170% */ letter-spacing: 0.1px; } .wptb-slider.style-seom .wptb-slider--content .btn-play:hover { color: var(--color-white); } .wptb-slider.style-seom .wptb-slider--content .btn-play .btn-icon { background: var(--color-white); color: var(--color-eleven); font-size: 30px; width: 66px; height: 66px; line-height: 66px; display: inline-block; border-radius: 100%; text-align: center; transition: all 300ms ease; } .wptb-slider.style-seom .wptb-slider--content .btn-play:hover .btn-icon { background: var(--gradient-seven); color: var(--color-white); } @media screen and (max-width: 1366px) { .wptb-slider.style-seom .wptb-slider--content h1 { font-size: var(--fs-50); line-height: var(--fs-60); } .wptb-slider.style-seom .wptb-slider--content h6 { font-size: var(--fs-18); } } @media screen and (max-width: 1199px) { .wptb-slider.style-seom .wptb-slider--content h1 { font-size: var(--fs-40); line-height: var(--fs-54); } .wptb-slider.style-seom .wptb-slider--content h6 { font-size: var(--fs-16); } } /* Style Social Media */ .wptb-slider.style-social { padding-top: 200px; background-position: top center; } .wptb-slider.style-social .wptb-slider--content h1 { font-family: var(--font-family-four); font-size: var(--fs-65); line-height: var(--fs-71); } .wptb-slider.style-social .wptb-slider--content h1 a { color: var(--color-fifteen); } .wptb-slider.style-social .wptb-slider--content p { font-family: var(--font-family-five); font-size: var(--fs-17); line-height: var(--fs-27); font-weight: 500; color: var(--color-three); } .wptb-slider.style-social .wptb-slider--img { position: relative; display: inline-block; } .wptb-slider.style-social .wptb-particle { position: absolute; } .wptb-slider.style-social .wptb-particle.wptb-spin { animation-duration: 15s; } .wptb-slider.style-social .wptb-particle.one { top: 200px; left: -70px; } .wptb-slider.style-social .wptb-particle.two { top: 84px; right: 15px; } .wptb-slider.style-social .wptb-particle.three { top: 0%; left: 45px; } .wptb-slider.style-social .wptb-particle.four { bottom: 0%; right: 95px; } .wptb-slider.style-social .wptb-particle.five { bottom: 0%; right: 0%; z-index: -1; } @media screen and (max-width: 1366px) { .wptb-slider.style-social .wptb-slider--content h1 { font-size: var(--fs-56); line-height: var(--fs-66); } } /* Style Email */ .wptb-slider.style-email { overflow: hidden; padding-bottom: 70px; } .wptb-slider.style-email .wptb-slider-background-overlay { background-position: 50% 300px; background-repeat: no-repeat; background-size: auto; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .wptb-slider.style-email .wptb-slider--wrapper { position: relative; } .wptb-slider.style-email .wptb-slider--wrapper::after { content: url('../img/slider/home-layer10.png'); position: absolute; top: 0; right: 0; } .wptb-slider.style-email .wptb-slider--item { position: relative; z-index: 1; } .wptb-slider.style-email .wptb-slider--content h1 { position: relative; font-family: var(--font-family-six); font-size: var(--fs-72); line-height: 1.2; color: var(--color-white); } .wptb-slider.style-email .wptb-slider--content h1 .wptb-title--unline { position: relative; } .wptb-slider.style-email .wptb-slider--content h1 .wptb-title--unline::after { content: ''; position: absolute; width: 100%; height: 26px; bottom: 8px; left: 0; opacity: 0.3; background: var(--gradient-ten); } .wptb-slider.style-email .wptb-slider--content p { font-family: var(--font-family-seven); font-size: var(--fs-24); line-height: var(--fs-36); font-weight: 500; color: rgba(var(--color-white-rgb), 0.5); } .wptb-slider.style-email .wptb-slider--img { position: relative; display: inline-block; } .wptb-slider.style-email .wptb-particle { position: absolute; } .wptb-slider.style-email .wptb-particle.one { top: 0; left: 0; } .wptb-slider.style-email .wptb-particle.two { left: 20px; bottom: 90px; } .wptb-slider.style-email .wptb-particle.three { top: 120px; right: -20px; } .wptb-slider.style-email .wptb-particle.four { bottom: 0; right: 0; } .wptb-slider.style-email .wptb-particle.five { position: absolute; bottom: -20px; left: -50px; object-fit: cover; margin-left: auto; margin-right: auto; width: 100%; } .wptb-slider.style-email .newsletter-form { margin-bottom: 90px; } .wptb-slider.style-email .newsletter-form .form-control { height: 60px; background: var(--color-white); border: 0px; font-size: 16px; } .wptb-slider.style-email .newsletter-form .btn, .wptb-slider.style-email .newsletter-form button[type="submit"] { font-family: var(--font-family-seven); font-size: 18px; font-weight: 300; right: 1px; } .wptb-slider.style-email .wptb-link { list-style: none; margin-top: 25px; padding: 0; align-items: center; display: flex; text-align: left; } .wptb-slider.style-email .wptb-link li { display: inline-block; margin-top: 5px; margin-bottom: 5px; } .wptb-slider.style-email .wptb-link li + li { margin-left: 20px; } .wptb-slider.style-email .wptb-link li a { display: inline-flex; align-items: center; position: relative; } .wptb-slider.style-email .wptb-link li a span { font-family: var(--font-family-seven); font-size: 24px; font-weight: 400; line-height: 40px; color: var(--color-light); } .wptb-slider.style-email .wptb-link li a i { color: #40CCFC; font-size: 8px; margin-right: 25px; } @media screen and (max-width: 767px) { .wptb-slider.style-email .wptb-slider--wrapper::after { display: none; } } /* Slider AI */ .wptb-slider.style-ai { padding-top: 300px; padding-bottom: 170px; background-size: cover; } @media screen and (max-width: 1366px){ .wptb-slider.style-ai { padding-top: 200px; padding-bottom: 150px; } } .wptb-slider.style-ai .wptb-slider--content h1 .highlight { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: var(--gradient-one); } .wptb-slider.style-ai .wptb-slider--content h1 { font-size: 58px; line-height: 68px; } .wptb-slider.style-ai .wptb-slider--content h6 { font-family: var(--font-family-five); font-size: 21px; line-height: 20px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 18px; } .wptb-slider.style-ai .wptb-slider--content p { font-family: var(--font-family-five); font-size: 21px; line-height: 30px; font-weight: 400; letter-spacing: -0.22px; margin-bottom: 50px; } .wptb-slider.style-ai .wptb-slider--content h6, .wptb-slider.style-ai .wptb-slider--content h1, .wptb-slider.style-ai .wptb-slider--content p { color: var(--color-white); } .wptb-slider.style-ai .wptb-slider--content h1 a { color: var(--color-one); } .wptb-slider.style-ai .wptb-slider--content .btn + .btn { background: var(--color-white); color: var(--color-black); } /* Style Startup */ .wptb-slider.style-startup { padding-bottom: 0px; } .wptb-slider.style-startup::before { content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #00806066; opacity: 0.5; } .wptb-slider.style-startup .wptb-slider--content h6{ display: inline-flex; position: relative; color: #B5FF17; padding: 4px 20px 4px 20px; } .wptb-slider.style-startup .wptb-slider--content h6 span { color: #B5FF17; text-fill-color: #B5FF17; -webkit-text-fill-color: #B5FF17; background-image: none; font-family: "Inter", Sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 19.2px; letter-spacing: 1.2px; } .wptb-slider.style-startup .wptb-slider--content h6:after { content: ''; position: absolute; top: 0; left: 0; background: rgb(255, 255, 255, 0.1); border-radius: 67px; border: 1px solid var(--color-seventeen); width: 100%; height: 100%; } .wptb-slider.style-startup .wptb-slider--content h1 { font-size: 64px; font-weight: 700; line-height: 80px; color: var(--color-light); margin-top: 30px; margin-bottom: 27px; } .wptb-slider.style-startup .wptb-slider--content p { font-family: var(--font-family-seven); font-size: 24px; font-weight: 400; line-height: 40px; color: var(--color-light); } .wptb-slider.style-startup .wptb-slider--content .btn { color: var(--color-sixteen); } /* Style Digital Studio */ .wptb-slider.style-studio { padding: 330px 0px; } .wptb-slider.style-studio .wptb-slider--content h6 { position: relative; border: 1px solid var(--color-white); top: 0; left: 0; display: inline-block; padding: 11px 21px 10px; color: var(--color-white); font-family: var(--font-family-three); font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 45px; margin-top: 30px; } .wptb-slider.style-studio .wptb-slider--content h1 { color: var(--color-white); font-family: var(--font-family-three); font-size: 113px; font-weight: 700; line-height: 124px; margin-bottom: 0px; } .wptb-slider.style-studio .wptb-slider--content h1:first-child { white-space: nowrap; } .wptb-slider.style-studio .wptb-slider--content h1 .outline { font-family: var(--font-family-seven); color: transparent; -webkit-text-stroke: 2px var(--color-light); transition: .3s ease-in-out; text-transform: capitalize; } .wptb-slider.style-studio .wptb-circle-svg { bottom: auto; } /* Partner Section */ .wptb-partner--carousel .wptb-partner--image { text-align: center; } .wptb-partner--carousel .wptb-partner--image img { width: auto; max-height: 110px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .wptb-partner--carousel .wptb-partner--image img:nth-child(2) { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%,-150%); -khtml-transform: translate(-50%,-150%); -moz-transform: translate(-50%,-150%); -ms-transform: translate(-50%,-150%); -o-transform: translate(-50%,-150%); transform: translate(-50%,-150%); } .wptb-partner--carousel .wptb-partner--image:hover img:nth-child(1) { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .wptb-partner--carousel .wptb-partner--image:hover img:nth-child(2) { opacity: 1; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .wptb-partner--carousel.style2 { position: relative; z-index: 1; background: var(--color-white); padding: 60px 75px; border-radius: 30px; margin-top: -100px; } .wptb-partner--carousel.style-seom { background: #F5F9FF; } .wptb-partner--carousel.style-ai .wptb-partner--image img { filter: grayscale(1); } .wptb-partner--carousel.style-ai .wptb-partner--image:hover img { filter: grayscale(0); } .wptb-partner--carousel.style-social { margin-top: -100px; } /* Style Startup */ .wptb-partner--carousel .wptb-partner--carousel-inner { border: 1px solid #DBDBDB; padding: 30px 55px; } /* Style Studio */ .wptb-partner--carousel.style-studio{ border-style: solid; border-width: 1px 0px 1px 0px; border-color: #343434; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 171px; margin-bottom: 0px; padding: 50px 0px 50px 0px; } .wptb-partner--carousel.style-studio .wptb-partner--image img { filter: grayscale(1); } .wptb-partner--carousel.style-studio .wptb-partner--image:hover img { filter: grayscale(0); } /* Partner End */ /* Page Header/ Breadcrumb */ #wptb-page-title-default { padding: 200px 0 130px; text-align: center; position: relative; background: var(--gradient-five) } @media screen and (max-width:1199px) { #wptb-page-title-default { padding: 106px 0 109px } } #wptb-page-title-default .wptb-page-title-default-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 100% !important; background-attachment: fixed; opacity: 15%; display: block } #wptb-page-title-default svg { position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; width: 100% } #wptb-page-title-default svg .svg-bg { fill: var(--color-light); } #wptb-page-title-default .container { z-index: 99; position: relative } #wptb-page-title-default .wptb-page-title { font-size: 60px; color: var(--color-light); margin-bottom: 33px; font-weight: 700; line-height: 70px; max-width: 1121px; margin: 0 auto 23px } @media screen and (max-width:1199px) { #wptb-page-title-default .wptb-page-title { font-size: 35px; line-height: 1.2 } } @media screen and (max-width:767px) { #wptb-page-title-default .wptb-page-title { font-size: 30px; line-height: 1.2; margin-bottom: 15px } } #wptb-page-title-default .wptb-page-title~.wptb-breadcrumb { display: inline-flex; justify-content: center } #wptb-page-title-default .wptb-breadcrumb { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; justify-content: left; font-size: 24px; font-weight: 600; line-height: 34px; color: #fdfdfd } #wptb-page-title-default .wptb-breadcrumb a { font-size: inherit } #wptb-page-title-default .wptb-breadcrumb a { color: inherit } #wptb-page-title-default .wptb-breadcrumb a:hover { color: var(--color-one) } #wptb-page-title-default .wptb-breadcrumb a:hover { text-decoration: underline } #wptb-page-title-default .wptb-breadcrumb li { margin-right: 41px; position: relative } @media screen and (max-width:1200px) { #wptb-page-title-default .wptb-breadcrumb li { margin-bottom: 20px } } @media screen and (max-width:1200px) and (max-width:991px) { #wptb-page-title-default .wptb-breadcrumb li { margin-bottom: 0 } } #wptb-page-title-default .wptb-breadcrumb li:before { content: '\F285'; font-family: "bootstrap-icons"; position: absolute; margin: 0; top: 50%; transform: translateY(-50%); right: -21px; font-size: 12px } #wptb-page-title-default .wptb-breadcrumb li:last-child { margin-right: 0 } #wptb-page-title-default .wptb-breadcrumb li:last-child span { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: linear-gradient(90deg, #40ccfc, #1aecf5) } #wptb-page-title-default .wptb-breadcrumb li:last-child:before { content: none !important } /* Video Content Start */ .wptb-circle-image--one, .wptb-circle-image--two { position: relative; width: 100%; height: auto; } .wptb-circle-image--one .wptb-circle-image, .wptb-circle-image--two .wptb-circle-image { object-fit: cover; width: 100%; margin-left: auto; margin-right: auto; } .wptb-circle-image--one { max-width: 350px; position: absolute; top: 0px; left: -30px; } .wptb-circle-image--two { overflow: hidden; max-width: 570px; } @media screen and (min-width: 1400px) { .wptb-circle-image--two { max-width: 100%; height: auto; } } .wptb-video-wrapper { position: relative; background-repeat: no-repeat; padding-top: 50px; } .wptb-video-wrapper .container { position: relative; z-index: 1; } .wptb-video-wrapper.style2 { padding-top: 200px; padding-bottom: 150px; margin-top: -200px; z-index: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; } .wptb-video-wrapper > * { position: relative; z-index: 1; } .wptb-video-wrapper .wptb_circle_svg { z-index: 0; } .wptb-video-wrapper .wptb_circle_svg .wptb-circle-svg { bottom: -100px; } .wptb-video-content h2 { font-weight: var(--fw-medium); margin-bottom: 40px; } .wptb-video-content h2 a { color: var(--link-color-hover); } .wptb-video-content p { font-size: var(--fs-20); line-height: var(--fs-30); } /* Video Player */ .wptb-video-player { position: absolute; top: 55%; transform: translateY(-50%); } .wptb-video-player .btn-video { z-index: 2 } .wptb-video-player .wptb-box--icon { width: 100px; height: 100px; position: absolute; bottom: 54px; right: 95px; background-color: #ffde19; border-radius: 100px; text-align: center; font-size: 38px; color: #000010 } .wptb-video-player1 .wptb-shadow-gradient { width: 240px; height: 240px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: blur(40px); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: none } .wptb-video-player1 .btn-video-wrap { position: absolute; z-index: 99; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .wptb-video-player1 .wptb-video-text { font-size: 12px; text-transform: uppercase; color: #fefeff; letter-spacing: .05em; font-weight: 700; width: 100%; display: block; margin-top: 24px } .wptb-video-player1 .btn-video { position: relative } .wptb-video-player1 .btn-video.style1 { font-size: 70px; width: 153px; height: 153px; line-height: 140px } .wptb-video-player1 .btn-video.style2 { font-size: 70px; background: var(--gradient-one); width: 151px; height: 151px; line-height: 151px; text-align: center; border: none; color: #fff } .wptb-video-player1 .btn-video.style3 { font-size: 70px; width: 264px; height: 264px; line-height: 264px; background-color: rgba(255, 255, 255, 0.20); backdrop-filter: blur(12.12121px); text-align: center; border: 2px solid var(--color-light); color: #fff } .wptb-video-player1 .wptb-video--inner { position: relative } .wptb-video-player1 .btn-video-wrap .wptb-shadow-gradient { display: block; z-index: -1 } .wptb-video-player1 .btn-video { background-color: initial; width: 103px; height: 103px; line-height: 103px; text-align: center; color: var(--color-white); border: 9px solid var(--color-light); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: inline-block } .wptb-video-player1 .btn-video:before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: initial; border-radius: 50%; animation: pxl_scale1 2e3ms ease-out infinite; -webkit-animation: pxl_scale1 2e3ms ease-out infinite; z-index: -2; background-color: var(--color-white); opacity: .3 } .wptb-video-player1 .btn-video:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: initial; border-radius: 50%; animation: pxl_scale1 2e3ms ease-out infinite; -webkit-animation: pxl_scale1 2e3ms ease-out infinite; animation-delay: -3.5s; z-index: -2; background-color: var(--color-white); opacity: .4 } .wptb-video-player1 .btn-video:hover, .wptb-video-player1 .btn-video:focus { color: var(--color-white) } /* Style 2 */ .wptb-video-player1.style2 { position: relative; top: auto; transform: none; padding: 280px 0px; background-position: center; background-repeat: no-repeat; background-size: cover; } .wptb-video-player1.style2 .btn-video-wrap { position: relative; top: auto; left: auto; transform: none; } .wptb-video-player1.style2 .btn-video { border-color: transparent; background: rgba(var(--color-white-rgb), 0.2); } .wptb-video-player1.style2 .btn-video.style3 { background-color: rgba(255, 255, 255, 0.20); backdrop-filter: blur(12.12121px); border: 2px solid var(--color-light); } .wptb-video-player1.style2 .btn-video.style3::before, .wptb-video-player1.style2 .btn-video.style3::after { display: none; } /* Style 3 */ .wptb-video-player1.style3 { position: relative; top: auto; transform: none; padding: 175px 0px; background-position: center; background-repeat: no-repeat; background-size: cover; } .wptb-video-player1.style3 .btn-video-wrap { position: relative; top: auto; left: auto; transform: none; } .wptb-video-player1.style3 .btn-video { font-size: 90px; width: 264px; height: 264px; line-height: 264px; background-color: rgba(255, 255, 255, 0.20); backdrop-filter: blur(12.12121px); text-align: center; border: 2px solid var(--color-light); color: var(--color-white); } .wptb-video-player1.style3 .btn-video:hover { color: #16092a; } .wptb-video-player1.style3 .btn-video::before, .wptb-video-player1.style3 .btn-video::after { display: none; } /* Style 4 */ .wptb-video-player1.style4 .wptb-video--inner{ position: relative; top: auto; transform: none; padding: 175px 0px; background-position: center; background-repeat: no-repeat; background-size: cover; } .wptb-video-player1.style4 .wptb-video--inner::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); } .wptb-video-player1.style4 .btn-video-wrap { position: relative; top: auto; left: auto; transform: none; } .wptb-video-player1.style4 .btn-video { font-size: 90px; width: 160px; height: 160px; line-height: 160px; background-color: rgba(255, 255, 255, 0.20); backdrop-filter: blur(12.12121px); text-align: center; border: 2px solid var(--color-light); color: var(--color-white); } .wptb-video-player1.style4 .btn-video:hover { color: #16092a; } .wptb-video-player1.style4 .btn-video::before, .wptb-video-player1.style4 .btn-video::after { display: none; } /* Video Player End */ /* Service Section Start */ .wptb-services--carousel1 .swiper-control { display: flex; align-items: center; justify-content: end; margin-bottom: 10px; gap: 8px } @media screen and (max-width:767px) { .wptb-services--carousel1 .swiper-control { justify-content: flex-start } } .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow { position: static; background: var(--color-white); box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.10); } .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow i { color: #40ccfc ; background: var(--gradient-three); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-three); } .wptb-services--carousel1 .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-services--carousel1 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-services--carousel1 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-five); } /* For Service */ .wptb-services--carousel1 .wptb-swiper-dots .swiper-pagination-bullet { background-color: #35e1b4; opacity: .2 } .wptb-services--carousel1 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 } .wptb-services--carousel1 .swiper-slide { transition: all 500ms linear 0ms } .wptb-services--carousel1 .swiper-slide .wptb-service-item--inner.multiply:after { mix-blend-mode: multiply; opacity: 1 } .wptb-services--carousel1 .swiper-container { padding-top: 55px; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--image { height: 600px; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--image img { height: 100%; object-fit: cover; -o-object-fit: cover; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { position: relative; display: flex; align-items: center; font-size: 32px; font-family: var(--font-family-heading); font-weight: 700; transition: .5s all linear 0ms; min-height: 130px; line-height: 42px; padding: 0 110px 0 45px; margin-bottom: 0; } @media screen and (max-width:1500px) and (max-width:1200px) { .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 0 40px 0 15px; font-size: 28px;; } } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-light); transition: .5s all linear 0ms; display: block; overflow: hidden; } @media screen and (max-width:1200px) { .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { height: auto; } } .wptb-services--carousel1 .wptb-service-item--inner { position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-radius: 20px; margin-bottom: 30px; } .wptb-services--carousel1 .wptb-service-item--inner:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #9f90ff; opacity: .3; transition: .5s all linear 0ms; } .wptb-services--carousel1 .wptb-service-item--inner:hover:after { height: 0; } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title a { color: var(--color-three); } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--description span { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder { position: absolute; bottom: 0; left: -2px; z-index: 1; max-width: 368px; height: 300px; transition: all .3s ease; transform: translatey(178px); } @media screen and (max-width:1200px) { .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder { transform: translatey(118px); } } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description { font-size: 18px; padding: 20px 40px 45px; font-family: var(--font-family-base); font-style: normal; font-weight: 400; background: var(--gradient-one); line-height: 28px; transition: .5s all linear 0ms; height: 100%; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span { color: var(--color-three); transition: .5s linear; position: relative; z-index: 2; opacity: 0; transform: translateY(-20px); transition: all 500ms ease; display: block; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { position: relative; display: flex; align-items: center; font-size: 32px; font-family: var(--font-family-heading); font-weight: 700; transition: .5s all linear 0ms; min-height: 100px; line-height: 42px; padding: 25px 110px 15px 45px; margin-bottom: -2px; } @media screen and (max-width: 1366px) { .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 0 40px; font-size: 28px; } } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after { content: ''; position: absolute; top: 0; left: -35px; bottom: 0px; right: 0; width: 100%; height: 100%; transition: .5s all linear 0ms; border-radius: 0 11px 0 0; transform: skew(30deg); background: var(--gradient-one); z-index: -1; } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title:after, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--title:after { background: var(--color-white); } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-white); transition: .5s all linear 0ms; display: block; overflow: hidden; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .item-readmore { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: -80px; bottom: 0; padding: 10px 45px; z-index: -2; transition: .3s all linear 0ms; } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .item-readmore:after { content: ''; top: 0px; left: -15px; position: absolute; width: 100%; height: 100%; border-radius: 0 7px 0 0; transform: skew(29deg); z-index: -1; background: var(--gradient-five); } .wptb-services--carousel1 .wptb-service-item--inner .wptb-service-item--holder .item-readmore .btn-link { transition: all .5s linear 0ms; color: var(--color-white); } .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title a, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--title a { color: var(--color-three); } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--description, .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--description, .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after { background: var(--color-white); } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder, .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder { max-height: 100%; transform: translatey(17px) } .wptb-services--carousel1 .swiper-slide.swiper-slide-active, .wptb-services--carousel1 .wptb-service-item--inner.active { transform: translateY(-54px); } .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner:after, .wptb-services--carousel1 .wptb-service-item--inner.active:after, .wptb-services--carousel1 .wptb-service-item--inner:hover:after { height: 0 } .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--description span{ opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore, .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .item-readmore, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore { top: 0; bottom: auto; } .wptb-services--carousel1 .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore .btn-link, .wptb-services--carousel1 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .item-readmore .btn-link, .wptb-services--carousel1 .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore .btn-link { transform: rotatey(180deg); } /* Service Section End */ /* Service Section 2 Start */ .wptb-services--carousel2 .swiper-control { display: flex; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: 10px; gap: 8px } .wptb-services--carousel2 .swiper-control .wptb-swiper-arrow { position: static; background: #022b36; box-shadow: 0 4px 30px rgba(89,100,255,.1); filter: none; } .wptb-services--carousel2 .swiper-control .wptb-swiper-arrow i { color: #40ccfc; background: #02dfbf; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-services--carousel2 .swiper-control .wptb-swiper-arrow:hover { background-color: #02dfbf; box-shadow: 0 7px 20px rgba(0,255,255,.4); } .wptb-services--carousel2 .swiper-control .wptb-swiper-arrow:hover i { color: #0a4a49; background: #0a4a49; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-services--carousel2 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-services--carousel2 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #40ccfc; } /* For Service */ .wptb-services--carousel2 .wptb-swiper-dots .swiper-pagination-bullet { background-color: #35e1b4; opacity: .2 } .wptb-services--carousel2 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 } .wptb-services--carousel2 .swiper-slide { transition: all 500ms linear 0ms } .wptb-services--carousel2 .swiper-slide .wptb-service-item--inner.multiply:after { mix-blend-mode: multiply; opacity: 1 } .wptb-services--carousel2 .swiper-container { padding-top: 55px; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--image { transition: var(--transition-base); } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--image { transform: scale(1.1); } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--image img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } @media screen and (max-width:1500px) and (max-width:1200px) { .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 0 40px 0 15px; font-size: 28px;; } } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-light); transition: .5s all linear 0ms; display: block; overflow: hidden; } @media screen and (max-width:1200px) { .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { height: auto; } } .wptb-services--carousel2 .wptb-service-item--inner { position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-radius: 20px; margin-bottom: 30px; } .wptb-services--carousel2 .wptb-service-item--inner:hover:after { height: 0; } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder { max-height: 100%; transform: translatey(0); } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title a { color: var(--color-white); } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--description span { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder { position: absolute; bottom: 0; left: 0; z-index: 1; max-width: 300px; transition: all .3s ease; transform: translatey(178px); } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description { font-size: 16px; padding: 0px 20px 25px 30px; font-family: var(--font-family-base); font-style: normal; font-weight: 400; background: #16092a; line-height: 26px; transition: .5s all linear 0ms; } @media screen and (max-width: 1366px) { .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description { padding: 0px 20px 25px 20px; font-size: 16px; } } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span { color: var(--color-white); transition: .5s linear; position: relative; z-index: 2; opacity: 0; transform: translateY(-20px); transition: all 500ms ease; display: block; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { position: relative; display: flex; align-items: center; font-size: 24px; padding: 40px 20px 15px 30px; color: var(--color-white); font-weight: 700; transition: .5s all linear 0ms; line-height: 32px; margin-bottom: 0; bottom: -1px; } @media screen and (max-width: 1366px) { .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 20px 20px 15px 20px; font-size: 20px; } } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after { content: ''; position: absolute; top: 0; left: -25px; bottom: 0px; right: 0; width: 100%; height: 100%; transition: .5s all linear 0ms; border-radius: 0 11px 0 0; transform: skew(30deg); background: #16092a; z-index: -1; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-white); transition: .5s all linear 0ms; display: block; overflow: hidden; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .item-readmore { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: -40px; bottom: 0; padding: 10px 30px; z-index: -2; transition: .3s all linear 0ms; } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .item-readmore:after { content: ''; top: 0px; left: -15px; position: absolute; width: 100%; height: 100%; border-radius: 0 7px 0 0; transform: skew(29deg); z-index: -1; background: var(--gradient-five); } .wptb-services--carousel2 .wptb-service-item--inner .wptb-service-item--holder .item-readmore .btn-link { transition: all .5s linear 0ms; color: var(--color-white); } .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title a, .wptb-services--carousel2 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--title a, .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title a { color: var(--color-eight); } .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner:after, .wptb-services--carousel2 .wptb-service-item--inner.active:after { height: 0 } .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder, .wptb-services--carousel2 .wptb-service-item--inner.active .wptb-service-item--holder { max-height: 100%; transform: translatey(0) } .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span, .wptb-services--carousel2 .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--description span{ opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore, .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .item-readmore, .wptb-services--carousel2 .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore { top: 0; bottom: auto; } .wptb-services--carousel2 .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore .btn-link, .wptb-services--carousel2 .swiper-slide.swiper-slide-active .wptb-service-item--inner .wptb-service-item--holder .item-readmore .btn-link, .wptb-services--carousel2 .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore .btn-link { transform: rotatey(180deg); } /* Service Section 2 End */ /* Service Section 2 */ .wptb-fancy-box1 .wptb-item--inner { border-radius: 20px; box-shadow: 0 4px 20px rgba(34, 34, 34, .1); padding: 165px 47px 65px 68px; position: relative; transition: .5s; max-height: 480px; } @media screen and (max-width: 1366px) { .wptb-fancy-box1 { margin-bottom: 100px; } } @media screen and (max-width:991px) { .wptb-fancy-box1 .wptb-item--inner { padding: 125px 37px 75px 48px } } @media screen and (max-width:991px) and (max-width:880px) { .wptb-fancy-box1 .wptb-item--inner { padding: 105px 37px 75px 48px } } @media screen and (max-width:991px) and (max-width:880px) and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner { padding: 90px 37px 75px 48px } } @media screen and (max-width:575px) { .wptb-fancy-box1 .wptb-item--inner { max-height: unset } } .wptb-fancy-box1 .wptb-item--inner:hover:before { width: 100% } .wptb-fancy-box1 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1 .wptb-item--inner:after { content: ''; position: absolute; width: 1px; height: 100%; right: 30px; top: 0; border-right: 1px dashed var(--color-one); } .wptb-fancy-box1.two .wptb-item--inner:after { border-color: #2F057B; } .wptb-fancy-box1.three .wptb-item--inner:after { border-color: #40CCFC; } .wptb-fancy-box1.four .wptb-item--inner:after { border-color: #9255CE; } .wptb-fancy-box1 .wptb-item--inner:hover:after, .wptb-fancy-box1.two .wptb-item--inner:hover:after, .wptb-fancy-box1.three .wptb-item--inner:hover:after, .wptb-fancy-box1.four .wptb-item--inner:hover:after{ border-color: #fdfdfd } .wptb-fancy-box1 .wptb-item--inner:before { content: ''; position: absolute; width: 20px; height: 100%; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: 0; border-radius: 20px 20px 20px 20px; background: linear-gradient(180deg, var(--color-one) 0%, #ffb06d 53.65%, rgba(255, 176, 109, 0) 97.4%) } .wptb-fancy-box1.two .wptb-item--inner::before { background-color: transparent; background-image: var(--gradient-five-180);; } .wptb-fancy-box1.three .wptb-item--inner::before { background-color: transparent; background-image: var(--gradient-three-180);; } .wptb-fancy-box1.four .wptb-item--inner::before { background-color: transparent; background-image: var(--gradient-two-180); } @media screen and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner:before { width: 15px } } .wptb-fancy-box1 .wptb-item--inner .diviver { position: absolute; border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-light); box-shadow: 0 4px 20px rgba(34, 34, 34, .1); z-index: -1 } .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon { position: absolute; display: inline-flex; padding: 43px; border-radius: 50%; transition: 500ms ease; background-color: var(--color-light); top: -50px; left: 20px } @media screen and (max-width:991px) { .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon { padding: 33px } .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon img { width: 50px; height: 50px } } @media screen and (max-width:991px) and (max-width:880px) { .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon { padding: 23px } } @media screen and (max-width:991px) and (max-width:880px) and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon { left: 15px } .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon img { width: 40px; height: 40px } } .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon img { transition: 500ms ease } .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 20px rgba(34, 34, 34, .1); height: calc(100% + 40px); left: -20px; top: -20px; display: block; border-radius: 50%; background: var(--gradient-one); z-index: -1 } .wptb-fancy-box1.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-five-180);; } .wptb-fancy-box1.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two); } @media screen and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner .wptb-fancy-icon:after { width: calc(100% + 30px); height: calc(100% + 30px); left: -15px; top: -15px } } .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3 } .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 25px; transition: .5s } @media screen and (max-width:880px) { .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 28px; line-height: 1.2 } } @media screen and (max-width:880px) and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 24px } } .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 20px; font-family: var(--font-family-base); line-height: 30px; color: var(--color-three); transition: .5s } @media screen and (max-width:767px) { .wptb-fancy-box1 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 18px; line-height: 1.4 } } .wptb-fancy-box1.style2 .wptb-item--inner { border-radius: 20px; box-shadow: 0 4px 30px rgba(89, 100, 255, .1); transition: .3s cubic-bezier(.24, .74, .58, 1); padding: 98px 51px 64px 50px; background: var(--color-light); position: relative; transition: .5s; max-height: 484px } @media screen and (max-width:991px) { .wptb-fancy-box1.style2 .wptb-item--inner { padding: 78px 42px 64px 50px; max-height: 438px } } .wptb-fancy-box1.style2 .wptb-item--inner:hover { box-shadow: 0 4px 30px rgba(0, 255, 255, .6) } .wptb-fancy-box1.style2 .wptb-item--inner:hover:before { transform: scale(1); transition: all .3s; opacity: 1 } .wptb-fancy-box1.style2 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style2 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1.style2 .wptb-item--inner:hover .wptb-fancy-icon:after { transform: scale(0) } .wptb-fancy-box1.style2 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1 .wptb-item--inner:hover .wptb-fancy-icon svg { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1 .wptb-item--inner:hover .wptb-fancy-icon svg path { fill: #fdfdfd } .wptb-fancy-box1.style2 .wptb-item--inner:before { content: ''; position: absolute; transform: scale(.8); opacity: 0; width: 100%; height: 100%; border-radius: 20px; transition: all .3s; left: 0; top: 0; background: var(--gradient-three) } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease } @media screen and (max-width:991px) { .wptb-fancy-box1.style2 .wptb-item--inner .wptb-fancy-icon img { width: 70px; height: 70px } } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; transition: .3s cubic-bezier(.24, .74, .58, 1); width: 70px; height: 70px; border-radius: 50%; background-color: #ffe5d2; right: -20px } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 45px } @media screen and (max-width:991px) { .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder { margin-top: 25px } } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 25px; transition: .5s } @media screen and (max-width:767px) { .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 24px; line-height: 1.2 } } .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 20px; font-family: var(--font-family-base); line-height: 30px; color: var(--color-three); transition: .5s } @media screen and (max-width:767px) { .wptb-fancy-box1.style2 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 18; line-height: 1.4 } } /* Style 3 */ .wptb-fancy-box1.style3 { margin-bottom: 30px; } .wptb-fancy-box1.style3 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); padding: 115px 51px 105px 50px; background: var(--color-light); overflow: hidden; position: relative; transition: .5s; max-height: 484px } .wptb-fancy-box1.style3 .wptb-item--inner:hover:before { height: 100% } .wptb-fancy-box1.style3 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style3 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1.style3 .wptb-item--inner:after { content: ''; position: absolute; width: 234px; height: 234px; border-radius: 50%; top: -70px; right: -65px; background: var(--gradient-one); opacity: .1 } .wptb-fancy-box1.style3.two .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style3.three .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style3.four .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style3 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 12px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--gradient-one) } .wptb-fancy-box1.style3.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style3.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style3.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease; margin-left: 15px; padding: 0px; } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 44px; width: 44px } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 40px rgba(255, 132, 105, .5); height: calc(100% + 40px); left: -20px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-one); z-index: 0; } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-fancy-icon:before { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 20px rgba(89, 100, 255, 6%); height: calc(100% + 40px); left: -35px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; background: var(--color-light); } .wptb-fancy-box1.style3 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style3.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two-180); box-shadow: 0px 10px 40px 0px rgb(145, 85, 206, 0.6) } .wptb-fancy-box1.style3.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); box-shadow: 0px 10px 40px 0px rgb(64, 205, 252, 0.6); } .wptb-fancy-box1.style3.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-four-180); box-shadow: 0px 10px 40px 0px rgba(0, 255, 255, 0.6); } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 40px } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 17px; transition: .5s } .wptb-fancy-box1.style3 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 16px; font-family: var(--font-family-base); font-weight: 500; line-height: 26px; color: var(--color-three); transition: .5s } /* Style 4 */ .wptb-fancy-box1.style4 { margin-bottom: 50px; } .wptb-fancy-box1.style4 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); padding: 50px 50px 50px 100px; background: var(--color-light); overflow: visible; position: relative; transition: .5s; max-height: none } .wptb-fancy-box1.style4 .wptb-item--inner:after { content: ''; position: absolute; width: 190px; height: 190px; border-radius: 50%; top: -70px; right: -70px; background: var(--gradient-six); opacity: 0; } .wptb-fancy-box1.style4 .wptb-item--inner:hover:after { background: var(--color-white); } .wptb-fancy-box1.style4 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 12px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--gradient-one); opacity: 0; } .wptb-fancy-box1.style4.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style4.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style4.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-fancy-icon { top: 80px; left: -30px; padding: 0px; } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 44px; width: 44px } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 40px rgba(255, 132, 105, .5); height: calc(100% + 40px); left: -20px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-one); z-index: 0; } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-fancy-icon:before { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 20px rgba(89, 100, 255, 6%); height: calc(100% + 40px); left: -35px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; background: var(--color-light); } .wptb-fancy-box1.style4 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style4.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two-180); box-shadow: 0px 10px 40px 0px rgb(145, 85, 206, 0.6) } .wptb-fancy-box1.style4.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); box-shadow: 0px 10px 40px 0px rgb(64, 205, 252, 0.6); } .wptb-fancy-box1.style4.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-four-180); box-shadow: 0px 10px 40px 0px rgba(0, 255, 255, 0.6); } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 24px; font-weight: 700; line-height: 28px; color: var(--color-four); margin-bottom: 17px; transition: .5s } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--color-three); transition: .5s } .wptb-fancy-box1.style4 .wptb-item--inner .wptb-item--holder .btn-link { font-size: var(--fs-14); line-height: var(--fs-30); font-weight: var(--fw-medium); text-transform: uppercase; color: #172141; text-decoration: none; margin-top: 20px; } .wptb-fancy-box1.style4 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style4 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc, .wptb-fancy-box1.style4 .wptb-item--inner:hover .wptb-item--holder .btn-link { color: inherit; } /* Style 5 */ .wptb-fancy-box1.style5 { margin-bottom: 30px; } .wptb-fancy-box1.style5 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); padding: 115px 51px 105px 50px; background: var(--color-light); overflow: hidden; position: relative; transition: .5s; max-height: 484px } .wptb-fancy-box1.style5 .wptb-item--inner:hover:before { height: 100% } .wptb-fancy-box1.style5 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style5 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1.style5 .wptb-item--inner:after { content: ''; position: absolute; width: 234px; height: 234px; border-radius: 50%; top: -70px; right: -65px; background: var(--gradient-one); opacity: 0; } .wptb-fancy-box1.style5.two .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style5.three .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style5.four .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style5 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 0px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--gradient-one) } .wptb-fancy-box1.style5.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style5.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style5.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-five-180);; } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease; margin-left: 0px; padding: 0px; background: transparent; top: 0; left: 0; } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 90px; width: 90px } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-fancy-icon img:nth-child(2) { position: absolute; opacity: 0; } .wptb-fancy-box1.style5 .wptb-item--inner:hover .wptb-fancy-icon img:nth-child(1) { opacity: 0; } .wptb-fancy-box1.style5 .wptb-item--inner:hover .wptb-fancy-icon img:nth-child(2) { opacity: 1; } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: 70px; height: 70px; box-shadow: 0 4px 40px rgba(255, 132, 105, .5); left: 40px; top: 0px; display: block; border-radius: 100%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-one); z-index: 0; opacity: 0.2; } .wptb-fancy-box1.style5 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style5.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two-180); box-shadow: 0px 10px 40px 0px rgb(145, 85, 206, 0.6) } .wptb-fancy-box1.style5.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); box-shadow: 0px 10px 40px 0px rgb(64, 205, 252, 0.6); } .wptb-fancy-box1.style5.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-five-180);; box-shadow: 0px 10px 40px 0px rgb(46, 5, 122, 0.6); } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 40px } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 17px; transition: .5s } .wptb-fancy-box1.style5 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 20px; font-family: var(--font-family-base); font-weight: 400; line-height: 30px; color: var(--color-three); transition: .5s } /* Style 6 */ .wptb-fancy-box1.style6 { margin-bottom: 50px; } .wptb-fancy-box1.style6 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); padding: 50px 50px; background: var(--color-light); overflow: hidden; position: relative; transition: .5s; max-height:none; } .wptb-fancy-box1.style6 .wptb-item--inner:hover { box-shadow: 0px 4px 30px 0px rgba(255, 228, 209, 0.5); } .wptb-fancy-box1.style6 .wptb-item--inner:hover:before { height: 100% } .wptb-fancy-box1.style6 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style6 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1.style6 .wptb-item--inner:after { content: ''; position: absolute; width: 234px; height: 234px; border-radius: 50%; top: -70px; right: -65px; background: var(--gradient-one); opacity: 0; } .wptb-fancy-box1.style6.two .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style6.three .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style6.four .wptb-item--inner:after { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style6 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 0px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--color-ten); } .wptb-fancy-box1.style6.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style6.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style6.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-five-180);; } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease; margin-left: 0px; padding: 0px; background: transparent; top: 0; left: 0; } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 90px; width: 90px } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-fancy-icon img:nth-child(2) { position: absolute; opacity: 0; } .wptb-fancy-box1.style6 .wptb-item--inner:hover .wptb-fancy-icon img:nth-child(1) { opacity: 0; } .wptb-fancy-box1.style6 .wptb-item--inner:hover .wptb-fancy-icon img:nth-child(2) { opacity: 1; } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: 70px; height: 70px; box-shadow: 0 4px 40px rgba(255, 132, 105, .5); left: 40px; top: 0px; display: block; border-radius: 100%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-one); z-index: 0; opacity: 0; } .wptb-fancy-box1.style6 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style6.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two-180); box-shadow: 0px 10px 40px 0px rgb(145, 85, 206, 0.6) } .wptb-fancy-box1.style6.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); box-shadow: 0px 10px 40px 0px rgb(64, 205, 252, 0.6); } .wptb-fancy-box1.style6.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-five-180);; box-shadow: 0px 10px 40px 0px rgb(46, 5, 122, 0.6); } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 40px } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 17px; transition: .5s } .wptb-fancy-box1.style6 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 20px; font-family: var(--font-family-base); font-weight: 400; line-height: 30px; color: var(--color-three); transition: .5s } /* Style 7 */ .wptb-fancy-box1.style7 { margin-bottom: 50px; } .wptb-fancy-box1.style7 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); padding: 115px 51px 105px 50px; background: var(--color-light); overflow: hidden; position: relative; transition: .5s; max-height: 484px } .wptb-fancy-box1.style7 .wptb-item--inner:hover:before { height: 100% } .wptb-fancy-box1.style7 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style7 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box1.style7 .wptb-item--inner:after { content: ''; position: absolute; width: 190px; height: 190px; border-radius: 50%; top: -70px; right: -70px; background: var(--gradient-six); opacity: 0.5; } .wptb-fancy-box1.style7 .wptb-item--inner:hover:after { background: var(--color-white); } .wptb-fancy-box1.style7 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 12px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--gradient-six); } .wptb-fancy-box1.style7.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style7.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style7.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease; margin-left: 15px; padding: 0px; } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 44px; width: 44px } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 40px rgba(255, 132, 105, .5); height: calc(100% + 40px); left: -20px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-six); z-index: 0; } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-fancy-icon:before { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 20px rgba(89, 100, 255, 6%); height: calc(100% + 40px); left: -35px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; background: var(--color-light); } .wptb-fancy-box1.style7 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style7.two .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-two-180); box-shadow: 0px 10px 40px 0px rgb(145, 85, 206, 0.6) } .wptb-fancy-box1.style7.three .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-three); box-shadow: 0px 10px 40px 0px rgb(64, 205, 252, 0.6); } .wptb-fancy-box1.style7.four .wptb-item--inner .wptb-fancy-icon::after { background-color: transparent; background-image: var(--gradient-four-180); box-shadow: 0px 10px 40px 0px rgba(0, 255, 255, 0.6); } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 40px } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 24px; font-weight: 700; line-height: 28px; color: var(--color-four); margin-bottom: 17px; transition: .5s } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--color-three); transition: .5s } .wptb-fancy-box1.style7 .wptb-item--inner .wptb-item--holder .btn-link { font-size: var(--fs-14); line-height: var(--fs-30); font-weight: var(--fw-medium); text-transform: uppercase; color: #172141; text-decoration: none; margin-top: 20px; } .wptb-fancy-box1.style7 .wptb-item--inner:hover .wptb-item--holder .btn-link { color: var(--color-white); } /* Style 8 */ .wptb-fancy-box1.style8 { margin-bottom: 30px; } .wptb-fancy-box1.style8 .wptb-item--inner { border-radius: 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); box-shadow: 0px 4px 30px 0px rgba(89, 100, 255, 0.1); padding: 70px 40px 70px 40px; background: #1d1d1d; overflow: hidden; position: relative; transition: .5s; max-height: 484px } .wptb-fancy-box1.style8 .wptb-item--inner:hover:before { height: 100% } .wptb-fancy-box1.style8 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box1.style8 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: var(--color-white) } .wptb-fancy-box1.style8 .wptb-item--inner:after { content: ''; position: absolute; width: 190px; height: 190px; border-radius: 50%; top: -70px; right: -65px; background: var(--gradient-one); opacity: 1; -webkit-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); } .wptb-fancy-box1.style8 .wptb-item--inner:hover::after { background: var(--color-light); opacity: 0.3; } .wptb-fancy-box1.style8 .wptb-item--inner:before { content: ''; position: absolute; width: 100%; height: 12px; border-radius: 0 0 20px 20px; transition: .3s cubic-bezier(.24, .74, .58, 1); left: 0; top: auto; bottom: 0; background: var(--gradient-one) } .wptb-fancy-box1.style8.two .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-two-180); } .wptb-fancy-box1.style8.three .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-three); } .wptb-fancy-box1.style8.four .wptb-item--inner:before { background-color: transparent; background-image: var(--gradient-four-180); } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-fancy-icon { position: relative; display: inline-flex; transition: 500ms ease; margin-left: 15px; padding: 0px; top: 0; } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-fancy-icon img { position: relative; z-index: 1; transition: 500ms ease; height: 30px; width: 30px } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-fancy-icon:after { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 40px rgba(255, 132, 105, .5); height: calc(100% + 40px); left: -20px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: var(--gradient-one); z-index: 0; } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-fancy-icon:before { content: ''; position: absolute; width: calc(100% + 40px); box-shadow: 0 4px 20px rgba(89, 100, 255, 6%); height: calc(100% + 40px); left: -35px; top: -20px; display: block; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; will-change: border-radius, transform, opacity; background: var(--color-light); } .wptb-fancy-box1.style8 .wptb-item--inner:hover .wptb-fancy-icon img { transform: scale(-1)rotate(180deg) } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3; margin-top: 40px } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 22px; font-weight: 700; line-height: 42px; color: var(--color-white); margin-bottom: 12px; transition: .5s } .wptb-fancy-box1.style8 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 16px; font-family: var(--font-family-base); font-weight: 500; line-height: 26px; color: var(--color-white); transition: .5s } /* Fancybox 2 */ .wptb-fancy-box2 { margin-bottom: 20px; } .wptb-fancy-box2 .wptb-item--inner { padding: 50px 55px 50px 55px; position: relative; border: 1px solid #444; background-color: #171717; transition: .5s; } @media(max-width:1024px) { .wptb-fancy-box2 .wptb-item--inner { padding: 53px 15px 34px 15px; } } @media(max-width:575px) { .wptb-fancy-box2 .wptb-item--inner { max-height: unset } } .wptb-fancy-box2 .wptb-item--inner:hover .hover-lines { border-left-width: 1px; border-right-width: 1px; height: 100%; transition: width 150ms cubic-bezier(.25, .25, .75, .75), height .1s cubic-bezier(.25, .25, .75, .75)145ms, border-left-width 0s cubic-bezier(.25, .25, .75, .75)145ms, border-right-width 0s cubic-bezier(.25, .25, .75, .75)145ms; width: 100% } .wptb-fancy-box2 .wptb-item--inner:hover .hover-lines:before, .wptb-fancy-box2 .wptb-item--inner:hover .hover-lines:after { transition: width .1s cubic-bezier(.19, 1, .22, 1)340ms; width: 50% } .wptb-fancy-box2 .wptb-item--inner .hover-lines { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid var(--color-one); border-left: 0 solid var(--color-one); border-right: 0 solid var(--color-one); bottom: 0; box-sizing: border-box; height: 0; left: 50%; position: absolute; transform: translate3d(-50%, 0, 0); transition: width .1s cubic-bezier(.19, 1, .22, 1)340ms, height .1s cubic-bezier(.25, .25, .75, .75)145ms, border-left-width 0s cubic-bezier(.25, .25, .75, .75)340ms, border-right-width 0s cubic-bezier(.25, .25, .75, .75)340ms; width: 0 } .wptb-fancy-box2 .wptb-item--inner .hover-lines:after, .wptb-fancy-box2 .wptb-item--inner .hover-lines:before { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: var(--color-one); content: ""; height: 1px; left: 0; position: absolute; top: 0; transition: width 150ms cubic-bezier(.25, .25, .75, .75)0s; width: 0% } .wptb-fancy-box2 .wptb-item--inner .hover-lines:after { left: auto; right: 0 } .wptb-fancy-box2 .wptb-item--inner .btn-arrow svg { transition: transform 400ms ease } .wptb-fancy-box2 .wptb-item--inner:hover .wptb-item--holder .wptb-item--title, .wptb-fancy-box2 .wptb-item--inner:hover .wptb-item--holder .wptb-item--desc { color: #fdfdfd } .wptb-fancy-box2 .wptb-item--inner:hover .wptb-fancy-icon svg { transform: scale(-1)rotate(180deg) } .wptb-fancy-box2 .wptb-item--inner:hover .btn-arrow svg { transform: rotate(45deg) } .wptb-fancy-box2 .wptb-item--inner .wptb-fancy-icon { display: inline-flex; margin-bottom: 38px } .wptb-fancy-box2 .wptb-item--inner .wptb-fancy-icon svg { transition: 500ms ease } .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 3 } .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder .wptb-item--title { display: block; font-size: 32px; font-family: var(--font-family-three); font-weight: 700; line-height: 42px; color: var(--color-light); margin-bottom: 25px; transition: .5s } @media(max-width:1024px) { .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 24px; line-height: 1.2 } } @media(max-width:1024px) and (max-width:767px) { .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 24px } } .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 20px; line-height: 30px; color: var(--color-light); transition: .5s } @media(max-width:767px) { .wptb-fancy-box2 .wptb-item--inner .wptb-item--holder .wptb-item--desc { font-size: 18px; line-height: 1.4 } } /* Fancybox 3 */ .wptb-fancy-box3 { margin-bottom: 30px; } .wptb-fancy-box3 .wptb-item--inner { background-color: var(--color-light); box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); border-radius: 20px; position: relative; display: flex; align-items: center; padding: 65px; gap: 35px } @media screen and (max-width:1200px) and (min-width:768px) { .wptb-fancy-box3 .wptb-item--inner { flex-direction: column; } .wptb-fancy-box3 .wptb-item--inner .wptb-item--holder { text-align: center; } } .wptb-fancy-box3 .wptb-item--inner:hover:after, .wptb-fancy-box3 .wptb-item--inner:active:after, .wptb-fancy-box3 .nice-select.open.wptb-item--inner:after { width: 100%; } .wptb-fancy-box3 .wptb-item--inner:hover .wptb-fancy-icon, .wptb-fancy-box3 .wptb-item--inner:active .wptb-fancy-icon, .wptb-fancy-box3 .nice-select.open.wptb-item--inner .wptb-fancy-icon { background-color: #fc5c7d; } .wptb-fancy-box3 .wptb-item--inner .wptb-fancy-icon svg path, .wptb-fancy-box3 .wptb-item--inner .wptb-fancy-icon svg path, .wptb-fancy-box3 .nice-select.wptb-item--inner .wptb-fancy-icon svg path { fill: #7360F2; } .wptb-fancy-box3 .wptb-item--inner:hover .wptb-fancy-icon svg path, .wptb-fancy-box3 .wptb-item--inner:active .wptb-fancy-icon svg path, .wptb-fancy-box3 .nice-select.open.wptb-item--inner .wptb-fancy-icon svg path { fill: var(--color-light); } .wptb-fancy-box3 .wptb-item--inner:after { content: ''; position: absolute; width: 0; height: 100%; margin: auto; left: 0; bottom: -7px; right: 0; border-bottom: 7px solid #fc5c7d; border-radius: 20px; box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); transition: .3s cubic-bezier(.24, .74, .58, 1); z-index: -1 } .wptb-fancy-box3 .wptb-item--inner .wptb-item--title { font-size: 32px; font-style: normal; font-weight: 700; line-height: 42px } @media screen and (max-width: 1366px) { .wptb-fancy-box3 .wptb-item--inner .wptb-item--title { font-size: 28px; line-height: 36px } } .wptb-fancy-box3 .wptb-item--inner .wptb-fancy-icon { width: 102px; height: 102px; min-width: 102px; border-radius: 50%; background-color: #e8e4ff; display: flex; align-items: center; justify-content: center; transition: all 300ms linear 0ms } .bg-line { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; text-align: center; } /* Style 2 */ .wptb-casestudies.style2 { background-repeat: no-repeat; background-position: bottom; z-index: 2; } .wptb-casestudies.style2::before { content: url('../img/background/bg-15.png'); position: absolute; left: 0; top: 0; } /* Style 3 */ .wptb-casestudies.style3 { z-index: 2; } .wptb-casestudies.style3::before { content: url('../img/background/ellipse-1.png'); position: absolute; left: 0; top: 0; z-index: -1; } .wptb-casestudies.style3 .wptb-mask-bg-parallax { background: linear-gradient(90deg, rgb(252, 92, 125), rgb(106, 130, 251)); -webkit-mask-image: url('../img/background/bg-curve-7.svg'); -webkit-mask-size: auto; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .wptb-casestudies.style-seom { background: #F0F6FF; } .wptb-casestudies.style-digital .wptb-circle-svg { bottom: -200px; } /* Service Section 3 Start */ .wptb-service-grid-layout1 .wptb-grid-pagination, .wptb-services--carousel3 .wptb-grid-pagination { margin-top: 85px } @media screen and (max-width:1024px) { .wptb-service-grid-layout1 .wptb-grid-pagination, .wptb-services--carousel3 .wptb-grid-pagination { margin-top: 45px } } @media screen and (min-width:1200px) { .wptb-service-grid-layout1 .wptb-grid-item:nth-child(1) .wptb-item--inner::before{ border-top-left-radius: 25px } .wptb-service-grid-layout1 .wptb-grid-item:nth-child(3) .wptb-item--inner { border-top-right-radius: 25px } .wptb-service-grid-layout1 .wptb-grid-item:nth-child(4) .wptb-item--inner { border-bottom-left-radius: 25px } .wptb-service-grid-layout1 .wptb-grid-item:nth-child(6) .wptb-item--inner{ border-bottom-right-radius: 25px } } .wptb-service-grid-layout1 .wptb-item--inner, .wptb-services--carousel3 .wptb-item--inner { position: relative; padding: 388px 0 50px 73px; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden } @media screen and (max-width:1366px) { .wptb-service-grid-layout1 .wptb-item--inner, .wptb-services--carousel3 .wptb-item--inner { padding: 300px 0 50px 40px } } @media screen and (max-width:1366px) and (max-width:1024px) { .wptb-service-grid-layout1 .wptb-item--inner, .wptb-services--carousel3 .wptb-item--inner { padding: 340px 0 20px 40px } } .wptb-service-grid-layout1 .wptb-grid-item { padding: 3px 3px 3px 3px; } .wptb-service-grid-layout1 .wptb-item--inner:hover:after, .wptb-services--carousel3 .wptb-item--inner:hover:after { opacity: 0; transform: translatey(-100%) } .wptb-service-grid-layout1 .wptb-item--inner:hover:before, .wptb-services--carousel3 .wptb-item--inner:hover:before { opacity: .9; transform: translatey(0%) } .wptb-service-grid-layout1 .wptb-item--inner:hover .item-readmore, .wptb-services--carousel3 .wptb-item--inner:hover .item-readmore { opacity: 1; transform: translatey(0%) } .wptb-service-grid-layout1 .wptb-item--inner:hover .item--featured img, .wptb-services--carousel3 .wptb-item--inner:hover .item--featured img { transform: scale(1.1) } .wptb-service-grid-layout1 .wptb-item--inner:after, .wptb-services--carousel3 .wptb-item--inner:after { content: ''; position: absolute; background-color: var(--color-four); opacity: .4; width: 100%; height: 100%; top: 0; left: 0; transition: .3s cubic-bezier(.24, .74, .58, 1) } .wptb-service-grid-layout1 .wptb-item--inner:before, .wptb-services--carousel3 .wptb-item--inner:before { content: ''; position: absolute; opacity: 0; background: linear-gradient(0deg, var(--color-one) 0%, #ffb06d 59.9%, rgba(255, 176, 109, 0) 100%); width: 100%; height: 100%; bottom: 0; left: 0; transition: .3s cubic-bezier(.24, .74, .58, 1); transform: translatey(100%); max-height: 448px } .wptb-service-grid-layout1 .wptb-item--inner .item--featured, .wptb-services--carousel3 .wptb-item--inner .item--featured { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 } .wptb-service-grid-layout1 .wptb-item--inner .item--featured img, .wptb-services--carousel3 .wptb-item--inner .item--featured img { width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease } .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder { position: relative; z-index: 1 } .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle { font-size: 84px; font-weight: 400; color: var(--color-light); line-height: 1.2 } @media screen and (max-width:1024px) { .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle { font-size: 64px } } @media screen and (max-width:1024px) and (max-width:767px) { .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--subtitle { font-size: 36px } } .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--title, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 32px; font-weight: 700; line-height: 42px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } @media screen and (max-width:991px) { .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--title, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 28px; line-height: 1.2; max-width: 218px } } @media screen and (max-width:991px) and (max-width:767px) { .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--title, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--title { font-size: 24px } } @media screen and (max-width:991px) and (max-width:575px) { .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--title, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--title { max-width: none } } .wptb-service-grid-layout1 .wptb-item--inner .wptb-item--holder .wptb-item--title a, .wptb-services--carousel3 .wptb-item--inner .wptb-item--holder .wptb-item--title a { color: #fdfdfd } .wptb-service-grid-layout1 .wptb-item--inner .item-readmore, .wptb-services--carousel3 .wptb-item--inner .item-readmore { display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; background-color: #f6f6f6; border-top-left-radius: 10px; max-height: 120px; z-index: 3; transition: .3s cubic-bezier(.24, .74, .58, 1); transform: translatey(100%); opacity: 0 } .wptb-service-grid-layout1 .wptb-item--inner .item-readmore .btn-link, .wptb-services--carousel3 .wptb-item--inner .item-readmore .btn-link { padding: 45px 45px; margin-top: 15px; font-size: var(--fs-36); color: var(--color-one); } @media screen and (max-width:1366px) { .wptb-service-grid-layout1 .wptb-item--inner .item-readmore .btn-link, .wptb-services--carousel3 .wptb-item--inner .item-readmore .btn-link { padding: 25px 35px; } } @media screen and (max-width:991px) { .wptb-service-grid-layout1 .wptb-item--inner .item-readmore .btn-link, .wptb-services--carousel3 .wptb-item--inner .item-readmore .btn-link { padding: 15px 25px; } } /* Style Startup */ .wptb-services--carousel3.style-startup .wptb-item--inner:before { background: linear-gradient(0deg,#008060 0%,rgba(0,128,96,0) 100%); } .wptb-services--carousel3.style-startup .wptb-item--inner .wptb-item--holder .wptb-item--subtitle { font-family: var(--font-family-three); font-size: 48px; font-weight: 700; } .wptb-services--carousel3.style-startup .wptb-item--inner:hover .wptb-item--holder .wptb-item--title a, .wptb-services--carousel3.style-startup .wptb-item--inner:hover .wptb-item--holder .wptb-item--subtitle{ color: var(--color-seventeen); } .wptb-services--carousel3.style-startup .wptb-item--inner .item-readmore { background-color: var(--color-seventeen); } .wptb-services--carousel3.style-startup .wptb-item--inner .item-readmore .btn-link { color: var(--color-sixteen); } /* Service Section 3 End */ /* Service Details */ .single-service .wptb-single--title { font-size: 60px; font-weight: 700; line-height: 70px; font-family: quicksand; color: var(--color-four); margin-top: 58px; margin-bottom: 19px; } .single-service .intro-text, .single-service .full-text { font-size: var(--fs-24); line-height: var(--fs-40); color: var(--color-three); } .single-service .intro-text p, .single-service .full-text p { margin: 25px 0px 45px 0px; } .single-service .wptb-highlight--title { color: #7360F2; font-size: 32px; line-height: 42px; margin-bottom: 30px; } .wptb-divider--title { position: relative; color: #1C2539; font-size: 40px; line-height: 70px; margin-top: 35px; margin-bottom: 70px; } .wptb-divider--title::after { width: 60px; height: 6px; border-radius: 68px; background-color: var(--color-two); content: ""; display: inline-block; bottom: -24px; left: 0; position: absolute; } .single-service .wptb-link{ list-style: none; margin: 0px 0px 50px 50px; padding: 0; } .single-service .wptb-link li + li { margin-top: 20px; } .single-service .wptb-link span { font-family: var(--font-family-three); font-size: 30px; font-weight: 400; line-height: 48px; } .single-service .wptb-link li a { display: inline-flex; align-items: center; position: relative; position: relative; } .single-service .wptb-link li i { margin-right: 25px; margin-top: 0; width: 32px; height: 32px; font-size: 14px; line-height: 32px; padding: 9px; display: flex; align-items: center; justify-content: center; color: var(--color-white); background-color: var(--color-two); border-radius: 50%; } .single-service .inner-images { margin: 50px 0px 65px 0px; } .single-service .wptb-video-player { position: relative; transform: none; margin: 50px 0px 65px 0px; } .wptb-service-detail1 .service-title { display: flex; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; padding: 15px 0 15px 0px; border-bottom: 1px solid #dcdcdc; -webkit-transition: all .3s linear 0ms; -khtml-transition: all .3s linear 0ms; -moz-transition: all .3s linear 0ms; -ms-transition: all .3s linear 0ms; -o-transition: all .3s linear 0ms; transition: all .3s linear 0ms } .wptb-service-detail1 .service-title:not(:first-child) { margin-top: 5px; } .wptb-service-detail1 .service-title:last-child { border: none } .wptb-service-detail1 .service-title.active, .wptb-service-detail1 .service-title:hover { background: linear-gradient(to right, var(--color-one) 0%, #ffb06d 100%); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); color: var(--color-white); border-radius: 15px; border-color: transparent; padding: 15px 30px 15px 30px; } .wptb-services--it .wptb-heading { margin-bottom: 150px; } .wptb-services--it .wptb-circle-svg { position: absolute; bottom: -15%; z-index: -1; } /* Case Details */ .wptb-case-details-area .wptb-single--image { position: relative; border-radius: 20px; overflow: hidden; } .wptb-single--image img { width: 100%; } .wptb-case-details-area .wptb-single-informtion { background-color: #5A36B4; color: var(--color-white); width: 580px; position: absolute; top: 0; right: 0; bottom: 0; overflow: auto; } .wptb-case-details-area .wptb-single-informtion .wptb-single-informtion-title { background-color: #7360F2; font-size: 32px; text-align: center; padding: 37px 30px; } .wptb-case-details-area .wptb-single-informtion ul { list-style-type: none; padding: 55px; } .wptb-case-details-area .wptb-single-informtion ul li { display: flex; align-items: center; justify-content: space-between; padding: 30px 0px; border-bottom: 1px solid var(--color-light); } .wptb-case-details-area .wptb-single-informtion ul li:first-child { padding-top: 0px; } .wptb-case-details-area .wptb-single-informtion ul li:last-child { padding-bottom: 0px; border-width: 0px; } .wptb-case-details-area .wptb-single-informtion ul li .name { font-family: var(--font-family-heading); font-size: 24px; font-weight: 600; } .wptb-case-details-area .wptb-single-informtion ul li .value { font-family: var(--font-family-three); font-size: 24px; font-weight: 400; } .wptb-case-details-area .wptb-single-informtion ul li .rating { color: #FFA903; } .wptb-case-details-area .wptb-single-informtion ul li .rating i { margin-left: 3px; } .wptb--post-footer { display: flex; flex-wrap: wrap; width: 100%; margin: 50px 0 80px; } .wptb--post-footer>div { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .single-service .wptb--post-footer .wptb--social label { font-size: 32px; font-family: Quicksand; font-style: normal; font-weight: 700; line-height: 42px; color: #1b1b1b; margin-right: 18px; } .single-service .wptb--post-footer .wptb--social a { display: block; width: 59px; height: 59px; text-align: center; margin-right: 19.66px; border-radius: 50%; } .single-service .wptb--post-footer .wptb--social a i { line-height: 59px; color: var(--color-light); font-size: 24px; } .single-service .wptb--post-footer .wptb--social a.fb-social { background-color: #284baf; } .single-service .wptb--post-footer .wptb--social a.tw-social { background-color: #18a6f0; } .single-service .wptb--post-footer .wptb--social a.pin-social { background-color: #a36ff0; } .single-service .wptb--post-footer .wptb--social a.gg-social { background-color: #ff3b3b; } .single-service .wptb--post-footer .wptb--social a.lin-social { background-color: #a91010; } /* Box Carousel 1 Start */ .wptb-meta-box-carousel1 { padding-bottom: 275px; padding-top: 200px; margin-top: -100px; z-index: 0; } .wptb-meta-box-carousel1 .swiper-slide:nth-child(even) .btn-readmore { background: var(--gradient-three) } .wptb-meta-box-carousel1 .swiper-slide:nth-child(even) .wptb-item--box .wptb-item--icon { background: var(--gradient-three) } .wptb-meta-box-carousel1 .container-custom { max-width: 1650px; margin-bottom: 67px } @media screen and (min-width:768px) { .wptb-meta-box-carousel1 .container-custom { display: flex; justify-content: space-between; align-items: end } } @media screen and (max-width:767px) { .wptb-meta-box-carousel1 .container-custom { margin-bottom: 30px } .wptb-meta-box-carousel1 .container-custom .wp-title { margin-bottom: 55px } } .wptb-meta-box-carousel1 .container-custom.alignment-left { margin-left: 0; margin-right: auto } .wptb-meta-box-carousel1 .container-custom.alignment-center { margin: 0 auto 65px } .wptb-meta-box-carousel1 .container-custom.alignment-right { margin-left: auto; margin-right: 0 } .wptb-meta-box-carousel1 .container-custom .wp-title { flex-grow: 1 } .wptb-meta-box-carousel1 .container-custom .el--title { font-family: var(--font-family-heading); font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; margin-bottom: 0; color: #fdfdfd } .wptb-meta-box-carousel1 .container-custom .el--sub-title { display: inline-flex; position: relative; padding: 6px 35px; margin-bottom: 18px } @media screen and (max-width:767px) { .wptb-meta-box-carousel1 .container-custom .el--sub-title { padding: 0 15px } } .wptb-meta-box-carousel1 .container-custom .el--sub-title:after { content: ''; position: absolute; top: 0; left: 0; background-color: var(--color-light); opacity: .2; border-radius: 67.0588px; width: 100%; height: 100% } .wptb-meta-box-carousel1 .container-custom .el--sub-title span { font-size: 22px; font-weight: 600; line-height: 34px; color: var(--color-light); background-color: var(--color-light); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } /* Swiper Control */ .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow { position: static; background: var(--color-white); } .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow i { color: #40ccfc ; background: var(--gradient-one); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-one); } .wptb-meta-box-carousel1 .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .wptb-meta-box-carousel1 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-meta-box-carousel1 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-three); } .wptb-meta-box-carousel1 .wptb-item--inner { position: relative; padding: 154px 51px 160px 50px; background-color: var(--color-light); border-radius: 20px; overflow: hidden; max-height: 584px } @media screen and (max-width:991px) { .wptb-meta-box-carousel1 .wptb-item--inner { padding: 134px 30px 140px } } .wptb-meta-box-carousel1 .wptb-item--inner .wptb-item--box { position: relative; z-index: 3 } .wptb-meta-box-carousel1 .wptb-item--inner .wptb-item--icon { width: 100px; height: 100px; line-height: 100px; display: inline-flex; align-items: center; justify-content: center; background: var(--gradient-one); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); border-radius: 50%; padding: 20px; margin-bottom: 40px } .wptb-meta-box-carousel1 .wptb-item--title { margin-bottom: 20px; font-size: 32px; font-style: normal; font-weight: 700; line-height: 42px; margin-bottom: 6px } .wptb-meta-box-carousel1 .wptb-item--title a { transition: all 250ms linear 0ms } .wptb-meta-box-carousel1 .wptb-item--content { font-family: var(--font-family-base); font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px } .wptb-meta-box-carousel1 .wptb-item--content a { transition: all 250ms linear 0ms } .wptb-meta-box-carousel1 .btn-readmore { position: absolute; bottom: 0; left: 0; mask-image: url(../img/arrow-shape.svg); -webkit-mask-image: url(../img/arrow-shape.svg); -ms-mask-image: url(../img/arrow-shape.svg); -o-mask-image: url(../img/arrow-shape.svg); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: var(--gradient-one); padding: 18px 60px 14px 35px; line-height: 0; z-index: 3; transition: all 250ms linear 0ms } .wptb-meta-box-carousel1 .wptb-item--inner:hover .wptb-item--image { transform-origin: left center; -webkit-transform-origin: left center; -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .wptb-meta-box-carousel1 .wptb-item--inner:hover .wptb-item--title a { color: #fdfdfd } .wptb-meta-box-carousel1 .wptb-item--inner:hover .wptb-item--content { color: #fdfdfd } .wptb-meta-box-carousel1 .wptb-item--inner:hover .btn-readmore { background: #fdfdfd } .wptb-meta-box-carousel1 .wptb-item--inner:hover .btn-readmore i { /* transform: rotate(0) */ transform: rotate(180deg); color: var(--color-one); } /* .wptb-meta-box-carousel1 .btn-readmore img { transition: all 250ms linear 0ms } */ .wptb-meta-box-carousel1 .btn-readmore i { display: block; color: var(--color-light); font-size: 30px; transition: all 250ms linear 0ms } .wptb-meta-box-carousel1 .wptb-item--image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 20px; z-index: 1; transform-origin: right center; -webkit-transform-origin: right center; -webkit-transform: scale(0, 1); -khtml-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform .3s cubic-bezier(.37, .31, .2, .85); -khtml-transition: transform .3s cubic-bezier(.37, .31, .2, .85); -moz-transition: transform .3s cubic-bezier(.37, .31, .2, .85); -ms-transition: transform .3s cubic-bezier(.37, .31, .2, .85); -o-transition: transform .3s cubic-bezier(.37, .31, .2, .85); transition: transform .3s cubic-bezier(.37, .31, .2, .85) } .wptb-meta-box-carousel1 .wptb-item--image:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; right: 0; background: linear-gradient(360deg, #c82f1e 0%, rgba(139, 76, 153, .4531) 50%, rgba(89, 100, 255, 0) 100%) } .wptb-meta-box-carousel1 .wptb-item--image img { height: 100%; object-fit: cover; width: 100%; } /* Style Startup */ .wptb-meta-box-carousel1.style-startup { position: relative; margin-top: -50px; padding-left: 150px; } .wptb-meta-box-carousel1.style-startup .wptb-item--inner { position: relative; background-color: var(--color-light); border-radius: 10px; overflow: hidden; padding: 35px 25px 60px 30px; } .wptb-meta-box-carousel1.style-startup .wptb-item--inner:after { content: ''; position: absolute; width: 106px; height: 106px; border-radius: 50%; background-color: #008060; top: -33px; right: -31px; opacity: .1; z-index: 1; } .wptb-meta-box-carousel1.style-startup .wptb-item--image:after { background: rgba(var(--color-sixteen-rgb), 0.8); } .wptb-meta-box-carousel1.style-startup .wptb-item--box .wptb-item--icon, .wptb-meta-box-carousel1.style-startup .swiper-slide:nth-child(even) .wptb-item--box .wptb-item--icon { width: 47px; height: 47px; line-height: 47px; display: inline-flex; align-items: center; justify-content: center; background: var(--color-sixteen); box-shadow: none; border-radius: 50%; padding: 12px; margin-bottom: 40px; } .wptb-meta-box-carousel1.style-startup .wptb-item--inner:hover .wptb-item--box .wptb-item--icon { background: var(--color-seventeen); } .wptb-meta-box-carousel1.style-startup .wptb-item--title { color: var(--color-light); font-size: 16px; position: relative; z-index: 1; font-style: normal; font-weight: 700; margin-bottom: 11px; line-height: 20px; } .wptb-meta-box-carousel1.style-startup .wptb-item--content { font-size: 14px; position: relative; z-index: 1; transition: all 250ms linear 0ms; font-style: normal; font-weight: 400; line-height: 21px; } .wptb-meta-box-carousel1.style-startup .btn-readmore, .wptb-meta-box-carousel1.style-startup .swiper-slide:nth-child(even) .btn-readmore { background: var(--color-sixteen); padding: 6px 25px 6px 15px; mask-size: contain; -webkit-mask-size: contain; mask-position: bottom; -webkit-mask-position: bottom; } .wptb-meta-box-carousel1.style-startup .btn-readmore i{ font-size: 20px; } .wptb-meta-box-carousel1.style-startup .wptb-item--inner:hover .btn-readmore { background: var(--color-white); } .wptb-meta-box-carousel1.style-startup .wptb-item--inner:hover .btn-readmore i { color: var(--color-sixteen); } .wptb-meta-box-carousel1.style-startup .swiper-control { position: absolute; left: 0; bottom: 0; } .wptb-meta-box-carousel1.style-startup .swiper-control .wptb-swiper-arrow { width: 50px; height: 50px; font-size: 22px; box-shadow: 0 7px 20px rgba(86,100,255,.1); } .wptb-meta-box-carousel1.style-startup .swiper-control .wptb-swiper-arrow:hover { box-shadow: none; filter: none; background: var(--color-sixteen); } .wptb-meta-box-carousel1.style-startup .swiper-control .wptb-swiper-arrow i { color: var(--color-sixteen); background: var(--color-sixteen); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-meta-box-carousel1.style-startup .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } /* Box Carousel 1 End */ /* Why Choose Us Start */ .wptb-circle-svg { position: absolute; z-index: -1; } .wptb-circle-svg.bottom { bottom: 0; } .wptb-circle-svg svg { overflow: unset; width: 100vw } .wptb-circle-svg svg .dot { box-shadow: 0 4px 30px rgba(0, 255, 255, .6) } .wptb-why-choose.type-2 { padding-top: 300px; padding-bottom: 320px; margin-bottom: -200px; -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: linear-gradient(90deg,#2f057b 0%,#6441c1 100%); -webkit-mask-image: url('../img/background/bg-curve-2.svg'); -webkit-mask-size: cover; -webkit-mask-position: center center; } .wptb-why-choose .wptb-circle-svg { bottom: 90%; } .wptb-why-choose .wptb-circle-svg.bottom { bottom: 0; } .wptb-why-choose-particle .wptb-why-choose-particle--item { position: absolute; left: 0; top: 0; } .wptb-why-choose-particle .wptb-why-choose-particle--item.second { left: auto; right: 0; } .wptb-why-choose-image-holder { max-width: 605px; } .wptb-why-choose-image-holder img { border-radius: 30px; } .wptb-why-choose.style-app { padding-top: 120px; padding-bottom: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; } .wptb-why-choose.style-app .wptb-why-choose-image-holder { max-width: none; } .wptb-why-choose.style-email { margin-top: -250px; } .wptb-why-choose.style-email .container { background: var(--color-white); padding: 100px 100px; border-radius: 30px; } .wptb-why-choose.style-email .wptb-why-choose-image-holder { width: auto; text-align: right; } @media screen and (max-width: 1366px) { .wptb-why-choose.style-email .container { padding: 60px 30px; } } .wptb-why-choose.style-startup .wptb-why-choose-image-holder { max-width: none; text-align: right; position: relative; } .wptb-why-choose.style-startup .wptb-why-choose-image-holder .img-back{ position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; left: 0; } /* Iconbox 1 */ .wptb-icon-box1 { margin-bottom: 20px; margin-left: 115px; } .wptb-icon-box1.style-1.style-hover-1 .wptb-item--inner:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: var(--color-light); border-radius: 20px; box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); z-index: -1 } .wptb-icon-box1.style-1.style-hover-1 .wptb-item--inner:after { content: " "; width: 95%; height: 95%; z-index: 0; position: absolute; top: auto; bottom: 1px; left: 1px; border-radius: 20px; background: var(--gradient-one); background-repeat: repeat-x; outline: 1px solid transparent; z-index: -2; -webkit-transition: all .5s; transition: all .5s } .wptb-icon-box1.style-1 .wptb-item--inner { display: flex; align-items: center; justify-content: space-between; background-color: var(--color-light); border-radius: 20px; box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); padding: 48px 120px 54px 54px; position: relative } @media screen and (max-width:575px) { .wptb-icon-box1.style-1 .wptb-item--inner { padding: 30px 15px 40px; flex-direction: column; gap: 20px; align-items: flex-start } } .wptb-icon-box1.style-1 .wptb-item--icon { width: 76px; height: 76px; line-height: 76px; display: inline-flex; align-items: center; justify-content: center; background: var(--gradient-one); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); border-radius: 50%; padding: 20px } .wptb-icon-box1.style-1 .wptb-item--icon.secondary { background: var(--gradient-five); box-shadow: 0px 4px 30px 0px #AB94E1; } .wptb-icon-box1.style-1 .wptb-item--icon.success { background: var(--gradient-three); box-shadow: 0px 4px 30px 0px rgba(0, 255, 255, 0.6); } .wptb-icon-box1 .wptb-item--icon { margin-right: 43px } .wptb-icon-box1 .wptb-item--icon i { font-size: 42px; color: var(--color-one) } .wptb-icon-box1 .wptb-item--icon i:before { font-weight: 100 } .wptb-icon-box1 .wptb-item--icon img { max-height: 56px; height: 56px; width: auto } .wptb-icon-box1 .wptb-item--title { color: var(--color-four); font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; margin-bottom: 16px } @media screen and (max-width:1400px) { .wptb-icon-box1 .wptb-item--title { font-size: 28px; line-height: 1.2 } } @media screen and (max-width:1400px) and (max-width:767px) { .wptb-icon-box1 .wptb-item--title { font-size: 24px } } .wptb-icon-box1 .wptb-item--description { font-family: var(--font-family-base); font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px } .wptb-icon-box1 .wptb-item--inner { position: relative; z-index: 1 } .wptb-icon-box1 .wptb-item--inner:hover:after { -webkit-transform: rotate(2deg)translateX(-5px)translateY(16px); transform: rotate(2deg)translateX(-5px)translateY(16px) } /* Iconbox 2 */ .wptb-icon-box2 { margin-bottom: 60px; } .wptb-icon-box2 .wptb-item--icon { display: flex; align-items: center; flex-shrink: 0; } @media screen and (max-width:767px) { .wptb-icon-box2 .wptb-item--icon { margin-bottom: 35px } } .wptb-icon-box2 .wptb-item--icon svg { transition: all 500ms linear } .wptb-icon-box2 .wptb-item--icon i { font-size: 22px; color: var(--color-light); width: 50px; height: 50px; display: block; background: var(--gradient-four); text-align: center; line-height: 50px; border-radius: 50% } .wptb-icon-box2.two .wptb-item--icon i { background-color: transparent; background-image: var(--gradient-two); } .wptb-icon-box2.three .wptb-item--icon i { background-color: transparent; background-image: var(--gradient-one); } @media screen and (max-width:991px) { .wptb-icon-box2 .wptb-item--icon i { width: 35px; height: 35px; line-height: 35px } } .wptb-icon-box2 .wptb-item--icon i:before { font-weight: 300 } .wptb-icon-box2 .wptb-item--icon img { max-height: 65px; width: auto } .wptb-icon-box2 .wptb-item--title { font-size: 32px; font-style: normal; font-weight: 700; line-height: 42px; color: var(--color-light); margin-bottom: 15px; } .wptb-icon-box2 .wptb-item--description { font-size: 16px; font-family: var(--font-family-base); font-style: normal; font-weight: 600; line-height: 26px; color: #f6f6f6 } .wptb-icon-box2 .wptb-item--inner { position: relative; z-index: 1 } /* Style 2 */ .wptb-icon-box2.style2 .wptb-item--title { color: var(--color-four); font-size: var(--fs-22); line-height: var(--fs-40); } .wptb-icon-box2.style2 .wptb-item--description { color: var(--color-three); font-size: var(--fs-20); line-height: var(--fs-30); font-weight: var(--fw-normal); } .wptb-icon-box2.style2 .wptb-item--icon i{ color: #00D3C7; background: linear-gradient(180deg, #E5F9FF 0%, #E5F9FF 100%); } /* Style 3 */ .wptb-icon-box2.style3 { margin-bottom: 28px; } .wptb-icon-box2.style3 .wptb-item--icon i { width: 40px; height: 40px; line-height: 40px; } .wptb-icon-box2.style3 .wptb-item--title { color: #303142; font-family: var(--font-family-four); font-size: var(--fs-20); line-height: var(--fs-42); margin-bottom: 5px; } .wptb-icon-box2.style3 .wptb-item--description { color: var(--color-three); font-family: var(--font-family-five); font-size: var(--fs-16); line-height: var(--fs-26); font-weight: var(--fw-normal); } /* Style 4 */ .wptb-icon-box2.style4 { margin-bottom: 30px; } .wptb-icon-box2.style4 .wptb-item--title { color: #37486E; font-size: 24px; font-weight: 700; line-height: 42px; margin-top: 0px !important; margin-bottom: 6px !important; } .wptb-icon-box2.style4 .wptb-item--description { color: #636363; font-size: var(--fs-16); line-height: var(--fs-26); font-weight: var(--fw-normal); } .wptb-icon-box2.style4 .wptb-item--icon i{ color: var(--color-white); background: linear-gradient(180deg, #0283C5 0%, #0283C5 100%); } /* Style 5 */ .wptb-icon-box2.style5 .wptb-item--inner { display: flex; align-items: flex-start; } .wptb-icon-box2.style5 .wptb-item--icon { position: relative; transition: var(--transition-base); display: inline-flex; margin-right: 25px; margin-bottom: 0px; } .wptb-icon-box2.style5 .wptb-item--icon i { color: var(--color-three); width: 54px; height: 54px; line-height: 54px; background: rgba(81,89,108,.1); font-size: 18px; font-weight: 600; font-style: normal; font-family: var(--font-family-three); transition: var(--transition-base); } .wptb-icon-box2.style5:hover .wptb-item--icon i { color: var(--color-seventeen); background: var(--color-sixteen); } .wptb-icon-box2.style5 .wptb-item--icon:after { content: ''; position: absolute; width: 3px; height: 76px; background-color: rgba(0,34,28,.1); bottom: -95px; left: 50%; transform: translateX(-50%); transition: var(--transition-base); } .wptb-icon-box2.style5:hover .wptb-item--icon:after { background-color: var(--color-sixteen); } .wptb-icon-box2.style5 .wptb-item--title { font-size: 26px; line-height: 31px; color: var(--color-four); transition: var(--transition-base); margin-bottom: 10px; } .wptb-icon-box2.style5:hover .wptb-item--title { color: var(--color-sixteen); } .wptb-icon-box2.style5 .wptb-item--description { color: var(--color-three); font-size: 23px; line-height: 35px; } @media screen and (min-width:768px) { .wptb-icon-box2 .wptb-item--inner { display: flex; align-items: flex-start } .wptb-icon-box2 .wptb-item--inner:hover .wptb-item--icon svg { transform: scale(.9) } .wptb-icon-box2 .wptb-item--inner.icon-left .wptb-item--icon { margin-right: 26px } .wptb-icon-box2 .wptb-item--inner.icon-right { text-align: right; flex-direction: row-reverse } .wptb-icon-box2 .wptb-item--inner.icon-right .wptb-item--icon { margin-left: 23px } } /* Iconbox 3 */ .wptb-icon-box3 .wptb-item--icon { margin-bottom: 25px; } .wptb-icon-box3 .wptb-item--title { color: var(--color-light); font-size: 32px; font-weight: 700; line-height: 36px; margin-bottom: 22px; } .wptb-icon-box3 .wptb-item--description { color: var(--color-light); font-size: 26px; font-weight: 400; line-height: 38px; } @media screen and (max-width: 1366px) { .wptb-icon-box3 .wptb-item--title { font-size: 28px; line-height: 34px; } .wptb-icon-box3 .wptb-item--description { font-size: 22px; line-height: 34px; } } /* Style 4 */ .wptb-icon-box4 + .wptb-icon-box4 { margin-top: 60px; } .wptb-icon-box4 .wptb-item--inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; position: relative; } .wptb-icon-box4 .wptb-item--icon { width: 76px; height: 76px; line-height: 76px; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; background-image: linear-gradient(180deg, #7360F2 0%, #7360F2 100%); border-radius: 50%; padding: 20px; } .wptb-icon-box4.two .wptb-item--icon { background-color: transparent; background-image: linear-gradient(180deg, #35E1B4 0%, #35E1B4 100%); } .wptb-icon-box4.three .wptb-item--icon { background-color: transparent; background-image: linear-gradient(180deg, #FFC061 0%, #FFC061 100%); } .wptb-icon-box4 .wptb-item--title { color: var(--color-light); font-size: 32px; font-weight: 700; line-height: 42px; margin-bottom: 18px; } .wptb-icon-box4 .wptb-item--description { color: #A7BABA; font-size: 20px; font-weight: 400; line-height: 30px; } @media screen and (max-width: 1400px){ .wptb-icon-box4 .wptb-item--title { font-size: 28px; line-height: 1.2; } } /* Iconbox 5 */ .wptb-icon-box5 { position: relative; margin-bottom: 30px; } .wptb-icon-box5 .wptb-item--inner { position: relative; z-index: 1; } .wptb-icon-box5 .wptb-item--icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; color: var(--color-white); } .wptb-icon-box5 .wptb-item--icon::after { content: ''; position: absolute; width: 100%; box-shadow: 0px 4px 40px 0px rgba(255, 132, 105, 0.5); height: 100%; left: 0; top: 0; display: block; border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%; will-change: border-radius, transform, opacity; animation: slidershape 5s linear infinite; -webkit-animation: slidershape 5s linear infinite; background: linear-gradient(90deg, var(--color-one) 0%, #ffb06d 100%); } .wptb-icon-box5.two .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #B5F3F0; background-color: transparent; background-image: linear-gradient(90deg, #00FFF0 0%, #00D3C7 100%); } .wptb-icon-box5.three .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #E2C9F5; background-color: transparent; background-image: linear-gradient(90deg, #9255CE 0%, #BE60FF 100%); } .wptb-icon-box5.four .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #B5F3F0; background-color: transparent; background-image: linear-gradient(90deg, #40CCFC 0%, #1AECF5 100%); } .wptb-icon-box5.five .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px rgba(153.00000000000009, 255, 105, 0.5); background-color: transparent; background-image: linear-gradient(90deg, #5FCD5C 0%, #94E8B1 100%); } .wptb-icon-box5.six .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #FFC1D9; background-color: transparent; background-image: linear-gradient(90deg, #F93279 0%, #D30066 100%); } .wptb-icon-box5.seven .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #C6E7FF; background-color: transparent; background-image: linear-gradient(90deg, #5AACE7 0%, #1382D2 100%); } .wptb-icon-box5.eight .wptb-item--icon::after { box-shadow: 0px 5.76px 23.04px 0px #FFECB4; background-color: transparent; background-image: linear-gradient(90deg, #F9D373 0%, #EAC400 100%); } .wptb-icon-box5 .wptb-item--icon svg { position: absolute; z-index: 1; width: 23px; height: 23px; } .wptb-icon-box5 .wptb-item--title { font-size: 16px; font-weight: 700; line-height: 30.9px; margin-bottom: 5px; color: var(--color-four); } .wptb-icon-box5 .wptb-item--description { font-family: var(--font-family-five); font-size: 14px; font-weight: 400; line-height: 20.6px; } /* Iconbox Style 6 */ .wptb-icon-box6 { margin-bottom: 40px; } .wptb-icon-box6 .wptb-item--inner { position: relative; z-index: 1; border-radius: 25px; box-shadow: 0px 20.22px 42.12px 0px rgba(0, 0, 0, 0.05); padding: 30px 20px; background-color: transparent; background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); text-align: center; } .wptb-icon-box6 .wptb-item--icon { display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 14px 14px 14px 14px; font-size: 25px; color: var(--color-white); background-color: transparent; background-image: var(--gradient-one); } .wptb-icon-box6.two .wptb-item--icon { background-color: transparent; background-image: var(--gradient-two); } .wptb-icon-box6.three .wptb-item--icon { background-color: transparent; background-image: var(--gradient-three); } .wptb-icon-box6 .wptb-item--title { font-size: 16px; font-weight: 800; margin-top: 8px; margin-bottom: 4px; } /* Iconbox 7 */ .wptb-icon-box7 { display: inline-block; width: 100%; margin: 15px 0px; } .wptb-icon-box7 .wptb-item--inner { display: flex; align-items: center; justify-content: space-between; background-color: var(--color-light); border-radius: 20px; box-shadow: 0px 2.41px 16.85px 0px rgba(89, 100, 255, 0.08); padding: 40px 45px 30px 40px; position: relative; } .wptb-icon-box7 .wptb-item--icon { background-color: transparent; background-image: linear-gradient(180deg, #0283C5 0%, #0283C5 100%); width: 60px; height: 60px; line-height: 60px; font-size: 30px; color: var(--color-white); text-align: center; margin-right: 34px; box-shadow: 0px 8px 20px 0px rgba(2, 131, 197, 0); display: inline-block; border-radius: 100%; flex-shrink: 0; } .wptb-icon-box7 .wptb-item--title { color: #37486E; font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 15px; } .wptb-icon-box7 .wptb-item--description { font-size: 14px; font-weight: 400; line-height: 20px; } /* Style 2 */ .wptb-icon-box7.style-2 .wptb-item--inner { padding: 0px; border: 1px solid #e1e9f4; border-radius: 5px; box-shadow: none; justify-content: flex-start; } .wptb-icon-box7.style-2 .wptb-item--icon { background: #d7f4fd; width: 54px; height: 54px; line-height: 54px; font-size: 24px; border-radius: 5px; box-shadow: none; margin-right: 15px; } .wptb-icon-box7.style-2 .wptb-item--icon i { background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-icon-box7.style-2 .wptb-item--title { margin-bottom: 0px; color: #37486e; font-family: var(--font-family-six); font-size: 16px; font-weight: 700; line-height: 26px; } .wptb-icon-box7.style-2 .wptb-item--description { font-size: 14px; font-weight: 400; line-height: 20px; } /* Reviewers */ .wptb-client-review1 { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-top: 40px; } .wptb-client-review1 .wptb-item--inner { display: flex; align-items: center; gap: 20px; } .wptb-client-review1 .wptb-item--inner .wptb-item--images { display: flex; flex-wrap: nowrap; padding-left: 13px; } .wptb-client-review1 .wptb-item--inner .wptb-item--images .wptb-item--img { width: 67px; min-width: 67px; margin-left: -15px; border: 4px solid var(--color-white); border-radius: 50%; box-shadow: 0px 10px 60px 0px rgba(137, 151, 186, 0.15); -webkit-transition: all 220ms linear 0ms; -khtml-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; -o-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } .wptb-client-review1 .wptb-item--inner .wptb-item--meta .wptb-counter--value { font-family: var(--font-family-six); font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px; margin-top: 0px; margin-bottom: -7px; margin-right: 0px; background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-client-review1 .wptb-item--inner .wptb-item--meta .wptb-counter--value .odometer-formatting-mark, .wptb-client-review1 .wptb-item--inner .wptb-item--meta .wptb-counter--value .odometer-value { background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-client-review1 .wptb-item--inner .wptb-item--meta .wptb-item--title { color: #37486E; font-family: var(--font-family-seven); font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 5px; margin-bottom: 0px; } .wptb-client-review1 .wptb-item--rating .wptb-counter--value { font-family: var(--font-family-six); font-size: 60px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px; margin-top: 0px; margin-bottom: -7px; margin-right: 0px; background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-client-review1 .wptb-item--rating .wptb-counter--value .odometer-formatting-mark, .wptb-client-review1 .wptb-item--rating .wptb-counter--value .odometer-value { background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-client-review1 .wptb-item--rating .wptb-counter--value .suffix{ -webkit-text-fill-color: #37486E; font-family: "Lora", Sans-serif; font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -0.3px; } /***************/ .wptb-email-about { position: relative; margin-bottom: -380px; z-index: 1; } .wptb-email-features { background-color: #518CF5; padding: 380px 0px 100px 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* Image Holder */ .wptb-social-why-choose-image-holder { position: relative; } .wptb-social-why-choose-image-holder img { position: relative; z-index: 1; } .wptb-social-why-choose-image-holder .wptb-particle { position: absolute; z-index: 0; } .wptb-social-why-choose-image-holder .wptb-particle.one { top: -68px; left: -40px; } .wptb-social-why-choose-image-holder .wptb-particle.two { bottom: -68px; right: -40px; } /* Portfolio Style-social */ .wptb-services--grid .wptb-service-item--inner .wptb-service-item--image { transition: var(--transition-base); } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--image { transform: scale(1.1); } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--image img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } @media screen and (max-width:1500px) and (max-width:1200px) { .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 0 40px 0 15px; font-size: 28px;; } } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-light); transition: .5s all linear 0ms; display: block; overflow: hidden; } @media screen and (max-width:1200px) { .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { height: auto; } } .wptb-services--grid .wptb-service-item--inner { position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-radius: 20px; margin-bottom: 30px; } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder { position: absolute; bottom: 0; left: 0; z-index: 1; max-width: 290px; transition: all .3s ease; transform: translatey(250px); } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description { font-size: 18px; padding: 0px 20px 25px 30px; font-family: var(--font-family-base); font-style: normal; font-weight: 400; background: var(--color-white); color: var(--color-three); line-height: 28px; transition: .5s all linear 0ms; } @media screen and (max-width: 1366px) { .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description { padding: 0px 20px 25px 20px; font-size: 16px; } } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--description span { color: var(--color-three); transition: .5s linear; position: relative; z-index: 2; opacity: 0; transform: translateY(-20px); transition: all 500ms ease; display: block; } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { position: relative; display: flex; align-items: center; font-size: 24px; padding: 40px 20px 15px 30px; color: var(--color-three); font-weight: 700; transition: .5s all linear 0ms; line-height: 32px; margin-bottom: 0; bottom: -1px; } @media screen and (max-width: 1366px) { .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title { padding: 20px 20px 15px 20px; font-size: 20px; } } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title:after { content: ''; position: absolute; top: 0; left: -25px; bottom: 0px; right: 0; width: 100%; height: 100%; transition: .5s all linear 0ms; border-radius: 0 11px 0 0; transform: skew(30deg); background: var(--color-white); z-index: -1; } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .wptb-service-item--title .wptb-service-item--title-link { position: relative; z-index: 2; color: var(--color-three); transition: .5s all linear 0ms; display: block; overflow: hidden; } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .item-readmore { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; right: -40px; bottom: auto; padding: 5px 30px; z-index: -2; transition: .3s all linear 0ms; } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .item-readmore:after { content: ''; top: 0px; left: -15px; position: absolute; width: 100%; height: 100%; border-radius: 0 7px 0 0; transform: skew(29deg); z-index: -1; background: var(--gradient-two); } .wptb-services--grid .wptb-service-item--inner .wptb-service-item--holder .item-readmore .btn-link { transition: all .5s linear 0ms; color: var(--color-white); } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--title a, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--title a { color: var(--color-three); } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--description, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--description { background: var(--color-white); } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder { max-height: 100%; transform: translatey(0) } .wptb-services--grid .wptb-service-item--inner:hover:after, .wptb-services--grid .wptb-service-item--inner.active:after{ height: 0 } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder .wptb-service-item--description span, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder .wptb-service-item--description span{ opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore { top: 0; bottom: auto; } .wptb-services--grid .wptb-service-item--inner:hover .wptb-service-item--holder .item-readmore .btn-link, .wptb-services--grid .wptb-service-item--inner.active .wptb-service-item--holder .item-readmore .btn-link { transform: rotatey(180deg); } /* Why Choose Us End */ .wptb-showcase-features { position: relative; } .wptb-showcase-features::before { content: url('../img/showcase/ellipse-1.png'); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; } .wptb-showcase-features::after { content: url('../img/showcase/ellipse-2.png'); position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; } .wptb-showcase-whychoose { background-size: contain; background-repeat: no-repeat; background-position: center; } /* Funfacts Start */ .wptb-counter { position: relative; margin-top: -130px; z-index: 1; } .wptb-counter .wptb-counter--box { position: relative; background: var(--gradient-one); padding: 75px 60px; border-radius: 300px; box-shadow: 0px 10px 40px 0px rgba(255, 132, 105, 0.50); } .wptb-counter .wptb-counter--item { text-align: center; } .wptb-counter .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-heading); font-size: var(--fs-70); font-weight: var(--fw-bold); line-height: var(--fs-96); color: var(--color-light); display: flex; align-items: center; justify-content: center; } .wptb-counter .wptb-counter--item .wptb-counter--value .suffix { margin-left: 5px; } .wptb-counter .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-heading); font-size: var(--fs-32); font-weight: var(--fw-bold); line-height: var(--fs-42); color: var(--color-light); } /* Style 2 */ .wptb-counter.style2 { position: relative; margin-top: 0px; z-index: 1; } .wptb-counter.style2 .wptb-counter--item { position: relative; display: flex; align-items: center; padding: 40px 40px; justify-content: center; gap: 45px; background-color: var(--color-light); box-shadow: 0 3px 21px rgba(89,100,255,8%); border-radius: 20px; overflow: hidden; margin-bottom: 20px; transition: all 300ms ease-in-out; } @media only screen and (min-width: 1200px){ .wptb-counter.style2 .wptb-counter--item:hover { margin-left: -70px; margin-right: 70px; } } .wptb-counter.style2 .wptb-counter--item::after { content: ''; position: absolute; height: 100%; width: 12px; border-radius: 0 20px 20px 0; background: var(--gradient-one); transition: all 300ms linear; top: 0; right: 0; } .wptb-counter.style2 .wptb-counter--item:hover { box-shadow: 0px 4px 30px 0px var(--color-one); } .wptb-counter.style2 .wptb-counter--item.two::after { background: var(--gradient-three-180);; } .wptb-counter.style2 .wptb-counter--item.two:hover { box-shadow: 0px 4px 30px 0px #40CCFC; } .wptb-counter.style2 .wptb-counter--item.three::after { background: var(--gradient-two); } .wptb-counter.style2 .wptb-counter--item.three:hover { box-shadow: 0px 4px 30px 0px #9255CE; } .wptb-counter.style2 .wptb-counter--item.four::after { background: var(--gradient-four); } .wptb-counter.style2 .wptb-counter--item.four:hover { box-shadow: 0px 4px 30px 0px #00FFF0; } .wptb-counter.style2 .wptb-counter--item:hover:after { width: 100%; } .wptb-counter.style2 .wptb-counter--item .wptb-counter--value { position: relative; z-index: 1; font-size: 80px; line-height: 96px; color: var(--color-one); transition: all 400ms ease-in-out; /* background: var(--gradient-one); transition: .5s cubic-bezier(.24,.74,.58,1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ flex-shrink: 0; } .wptb-counter.style2 .wptb-counter--item.two .wptb-counter--value { color: #40CCFC; } .wptb-counter.style2 .wptb-counter--item.three .wptb-counter--value { color: #9255CE; } .wptb-counter.style2 .wptb-counter--item.four .wptb-counter--value { color: #00FFF0; } .wptb-counter.style2 .wptb-counter--item:hover .wptb-counter--value { color: var(--color-white); } .wptb-counter.style2 .wptb-counter--item .wptb-counter--text { position: relative; z-index: 1; color: var(--color-dark); transition: .5s cubic-bezier(.24,.74,.58,1); font-size: 20px; line-height: 30px; text-align: left; } .wptb-counter.style2 .wptb-counter--item:hover .wptb-counter--text { color: var(--color-white); } @media (max-width: 1366px){ .wptb-counter.style2 .wptb-counter--item { padding: 25px 40px; } .wptb-counter.style2 .wptb-counter--item .wptb-counter--value { font-size: 50px; } } /* Style 3 */ .wptb-counter.style3 { margin-top: 0px; background: var(--gradient-five); } .wptb-counter.style3 .wptb-counter--box { padding: 60px; background: transparent; box-shadow: none; border-radius: 0px; } /* Style 4 */ .wptb-counter.style4 { position: relative; margin-top: 0px; z-index: 1; } .wptb-counter.style4 .wptb-counter--box { position: relative; background: transparent; padding: 0px 0px; border-radius: 0px; box-shadow: none; } .wptb-counter.style4 .wptb-counter--item { text-align: center; border-right: 1px solid #D9D9D9; } .wptb-counter.style4 .wptb-counter--item.no-border { border-width: 0px; } .wptb-counter.style4 .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-heading); font-size: var(--fs-70); font-weight: var(--fw-medium); line-height: var(--fs-96); color: var(--color-two); } .wptb-counter.style4 .wptb-counter--item .wptb-counter--value .suffix { margin-left: 5px; } .wptb-counter.style4 .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-heading); font-size: var(--fs-30); font-weight: var(--fw-bold); line-height: var(--fs-42); color: var(--color-dark); } .wptb-counter.style4 .wptb-counter--item .line { width: 53px; height: 6px; border-radius: 20px; background: var(--color-nine); margin: 30px auto 0; display: block; } /* Style 5 */ .wptb-counter.style5 .wptb-counter--box { box-shadow: none; border-radius: 30px; background: var(--gradient-seven-alt); overflow: hidden; box-shadow: 0px 10px 50px 5px rgba(50, 180, 255, 0.4); } .wptb-counter.style5 .wptb-counter--box::before { content: url('../img/background/bg-8.png'); position: absolute; left: 0; bottom: -10px; } .wptb-counter.style5 .wptb-counter--box::after { content: url('../img/background/bg-9.png'); position: absolute; left: auto; right: 0; top: -10px; } .wptb-counter.style5 .wptb-counter--item .wptb-counter--value { font-size: 48px; line-height: 40px; } .wptb-counter.style5 .wptb-counter--item .wptb-counter--text { font-size: 20px; line-height: 28px; } /* Type Two */ .wptb-counter2 .wptb-counter--item { gap: 10px; } .wptb-counter2 .wptb-counter--item, .wptb-counter2 .wptb-counter--item .odometer-inside { display: flex; align-items: center; } .wptb-counter2 .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-three); font-size: 100px; font-weight: 600; line-height: 140px; color: transparent; -webkit-text-stroke: 1px var(--color-light); display: flex; align-items: center; } .wptb-counter2 .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-heading); font-size: 24px; font-weight: 600; line-height: 34px; color: #b5b5b5; } .wptb-counter2.style-ai .wptb-counter--item { display: block; text-align: center; } .wptb-counter2.style-ai .wptb-counter--item .wptb-counter--value { justify-content: center; } .wptb-counter2.style-ai .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-four); font-size: 24px; font-weight: 700; color: var(--color-white); margin-top: 8px; } @media screen and (max-width: 1366px) { .wptb-counter2 .wptb-counter--item .wptb-counter--value { font-size: 60px; line-height: 1.2em; } .wptb-counter2 .wptb-counter--item .wptb-counter--text { font-size: 20px; line-height: 1.2em; } } /* Type Three */ .wptb-counter3 .wptb-counter--item + .wptb-counter--item { margin-top: 40px; } .wptb-counter3 .wptb-counter--item .wptb-counter--value { font-size: 70px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 96px; letter-spacing: 3px; color: var(--color-one); background: var(--gradient-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: flex; align-items: center; } .wptb-counter3 .wptb-counter--item.two .wptb-counter--value { color: var(--color-one); background: var(--gradient-two); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-counter3 .wptb-counter--item.three .wptb-counter--value { color: var(--color-one); background: var(--gradient-three); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-counter3 .wptb-counter--item .odometer.odometer-auto-theme .odometer-digit .odometer-value, .wptb-counter3 .wptb-counter--item .odometer.odometer-theme-default .odometer-digit .odometer-value { color: var(--color-one); background: var(--gradient-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-counter3 .wptb-counter--item.two .odometer.odometer-auto-theme .odometer-digit .odometer-value, .wptb-counter3 .wptb-counter--item.two .odometer.odometer-theme-default .odometer-digit .odometer-value { color: var(--color-one); background: var(--gradient-two); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-counter3 .wptb-counter--item.three .odometer.odometer-auto-theme .odometer-digit .odometer-value, .wptb-counter3 .wptb-counter--item.three .odometer.odometer-theme-default .odometer-digit .odometer-value { color: var(--color-one); background: var(--gradient-three); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-counter3 .wptb-counter--item .wptb-counter--text { color: #303142; font-size: 20px; font-weight: 700; line-height: 30px; } @media screen and (max-width: 1366px) { .wptb-counter3 .wptb-counter--item .wptb-counter--value { font-size: 54px; line-height: 1.2em; } .wptb-counter3 .wptb-counter--item .wptb-counter--text { font-size: 18px; line-height: 1.2em; } } /* Funfacts Start */ .wptb-counter4 { position: relative; z-index: 1; } .wptb-counter4 .wptb-counter--item { margin-bottom: 40px; } .wptb-counter4 .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-six); font-size: var(--fs-40); font-weight: var(--fw-bold); line-height: var(--fs-66); color: var(--color-white); display: flex; align-items: center; } .wptb-counter4 .wptb-counter--item .wptb-counter--value .suffix { margin-left: 5px; } .wptb-counter4 .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-seven); font-size: var(--fs-20); font-weight: var(--fw-normal); line-height: var(--fs-28); color: var(--color-light); } /* Funfacts End */ /* Funfacts Start */ .wptb-counter5 { position: relative; z-index: 1; margin-top: 100px; } .wptb-counter5 .wptb-counter--item { margin-bottom: 30px; } .wptb-counter5 .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-heading); font-size: var(--fs-60); font-weight: var(--fw-bold); line-height: var(--fs-71); color: var(--color-white); display: flex; align-items: center; margin-bottom: 10px; } .wptb-counter5 .wptb-counter--item .wptb-counter--value .suffix { margin-left: 5px; } .wptb-counter5 .wptb-counter--item .wptb-counter--text { font-family: var(--font-family-three); font-size: var(--fs-20); font-weight: var(--fw-normal); line-height: var(--fs-28); color: var(--color-light); } /* Style Studio */ .wptb-counter5.style-studio .wptb-counter--item { text-align: center; justify-content: center; } .wptb-counter5.style-studio .wptb-counter--item .wptb-counter--value { font-family: var(--font-family-three); font-size: var(--fs-70); font-weight: var(--fw-bold); line-height: 96px; justify-content: center; } .wptb-counter5.style-studio .wptb-counter--item .wptb-counter--text { font-size: 32px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 42px; color: var(--color-light); } /* Funfacts End */ .wptb-studio-features { border-top: 1px solid #343434; } .wptb-value-content h2 { font-family: var(--font-family-four); font-size: 32px; font-weight: 500; line-height: 42px; margin-bottom: 32px; } .wptb-value-content p { font-family: var(--font-family-five); font-size: 20px; font-weight: 400; line-height: 30px; } /* Work Process Section */ .wptb-workprocess { background-image: url('../img/background/process5.png'); background-repeat: no-repeat; background-position: center; background-size: 65%; } .wptb-workprocess.style-digital { padding: 250px 0px 350px 0px; background-size: 100%; background-position: unset; } .wptb-process { text-align: center; margin-bottom: 30px; } .wptb-process .wptb-item--inner { max-width: 312px; margin: 0 auto } @media screen and (max-width:991px) { .wptb-process .wptb-item--inner { max-width: 100% } } .wptb-process .wptb-item--image { width: 150px; height: 150px; line-height: 150px; background: var(--gradient-three); -webkit-box-shadow: 0 10px 40px rgba(255, 132, 105, .5); -khtml-box-shadow: 0 10px 40px rgba(255, 132, 105, .5); -moz-box-shadow: 0 10px 40px rgba(255, 132, 105, .5); -ms-box-shadow: 0 10px 40px rgba(255, 132, 105, .5); -o-box-shadow: 0 10px 40px rgba(255, 132, 105, .5); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); border-radius: 50%; border: 5px solid var(--color-light); margin: 0 auto 25px; position: relative } .wptb-process.one .wptb-item--image { background-color: transparent; background-image: var(--gradient-one); } .wptb-process.two .wptb-item--image { box-shadow: 0px 4px 30px 0px rgba(0.9999999999999973, 235.99999999999997, 222.00000000000003, 0.5); background-color: transparent; background-image: var(--gradient-four); } .wptb-process.three .wptb-item--image { box-shadow: 0px 4px 30px 0px #D5A8F5; background-color: transparent; background-image: var(--gradient-two); } .wptb-process.four .wptb-item--image { box-shadow: 0px 4px 30px 0px rgba(64, 204, 252, 0.6); background-color: transparent; background-image: linear-gradient(90deg,#40ccfc 0%,#1aecf5 100%); } @media screen and (max-width:1200px) { .wptb-process .wptb-item--image { width: 130px; height: 130px; line-height: 130px } } .wptb-process .wptb-item--image .wptb-item--icon { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 5px; } .wptb-process .wptb-item--image .wptb-item--icon img { border-radius: 100%; } .wptb-process .wptb-item--step { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); font-family: var(--font-family-three); font-size: 24px; font-weight: 600; color: var(--color-one); width: 52px; height: 52px; line-height: 52px; border-radius: 60px; background-color: var(--color-light); outline: 4px solid rgba(255, 255, 255, .6); } .wptb-process .wptb-item--title { font-size: 30px; font-style: normal; font-weight: 700; line-height: 42px; margin-bottom: 15px; } @media screen and (max-width:767px) { .wptb-process .wptb-item--title { font-size: 28px; line-height: 1.2 } } .wptb-process .wptb-item--description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; max-width: 325px } @media screen and (max-width:991px) { .wptb-process .wptb-item--description { max-width: 100% } } .wptb-process .wptb-item--inner:hover .wptb-item--step { animation: pxl_bounce 800ms ease-out infinite; -webkit-animation: pxl_bounce 800ms ease-out infinite } /* Style2 */ .wptb-workprocess.style2::before{ content: url('../img/background/bg-5_3.png'); position: absolute; top: -50%; left: 50%; transform: translateX(-50%); z-index: -1; } .wptb-process.style2 .wptb-item--image { width: 290px; height: 290px; line-height: inherit; border: 0px; box-shadow: none; margin-bottom: 50px; } @media screen and (max-width: 1199px) { .wptb-process.style2 .wptb-item--image { width: 190px; height: 190px; margin-bottom: 40px; } } .wptb-process.style2 .wptb-item--step { top: auto; bottom: -30px; background: var(--gradient-one); line-height: 47px; } .wptb-process.style2.two .wptb-item--step { background: var(--gradient-two); } .wptb-process.style2.three .wptb-item--step { background: var(--gradient-three); } .wptb-process.style2 .wptb-item--step span { display: inline-block; width: 10px; height: 10px; background-color: var(--color-white); border-radius: 100%; } /* Work Process Section End */ .wptb-ai-section-particle { position: absolute; top: -350px; left: 50%; z-index: -1; transform: translateX(-50%); } /* Case Study Section Start */ .wptb-case-grid .wptb-item--box { padding: 24px 24px 24px 25px; margin-bottom: 30px; border-radius: 20px; background-color: #f6f6f6 } @media screen and (max-width:991px) { .wptb-case-grid .wptb-item--box { padding: 15px } } .wptb-case-grid .wptb-item--inner { position: relative; border-radius: 20px; overflow: hidden } .wptb-case-grid .wptb-item--inner:after { content: ''; position: absolute; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6)); transition: all 300ms linear 0ms; top: 0; left: -100%; z-index: 1; display: block; width: 50%; height: 100%; transform: skewx(-25deg) } .wptb-case-grid .wptb-item--inner:hover:after { animation: shine .75s } .wptb-case-grid .wptb-item--inner .item--featured img { height: 561px; object-fit: cover } @media screen and (max-width:1200px) { .wptb-case-grid .wptb-item--inner .item--featured img { height: 480px; } } .wptb-case-grid .wptb-item--inner .wptb-flip--box { position: absolute; left: 0; bottom: 0; width: 100%; max-width: 470px; } .wptb-case-grid .wptb-item--inner .item--holder { position: relative; width: 100%; min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 25px; z-index: 2; transition: all 0.5s ease-in-out; } .wptb-case-grid .wptb-item--inner .item--holder::before, .wptb-case-grid .wptb-item--inner .item--holder::after { content: ''; position: absolute; top: 0; left: -30px; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 0 10px 0 0; transform: skew(29deg); z-index: -1; transition: all 500ms ease; } .wptb-case-grid .wptb-item--inner .item--holder::before { background: linear-gradient(90deg,#2f057b 0%,#6441c1 100%); opacity: 0; } .wptb-case-grid .wptb-item--inner .item--holder::after { background: var(--gradient-one); opacity: 1; } .wptb-case-grid .wptb-item--inner:hover .item--holder::before { opacity: 1; } .wptb-case-grid .wptb-item--inner:hover .item--holder::after { opacity: 0; } .wptb-case-grid.alt-color .wptb-item--inner .item--holder::before { background: var(--gradient-one); } .wptb-case-grid.alt-color .wptb-item--inner .item--holder::after { background: linear-gradient(90deg,#2f057b 0%,#6441c1 100%); } @media screen and (max-width: 1199px) { .wptb-case-grid .wptb-item--inner .item--holder { position: relative; } } .wptb-case-grid .wptb-item--inner .item--holder .item--client { line-height: 26px; margin-bottom: 6px } .wptb-case-grid .wptb-item--inner .item--holder .item--client label { font-size: 16px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 26px; color: var(--color-light); width: 70px; margin-right: 20px; margin-bottom: 0px; display: inline-block } .wptb-case-grid .wptb-item--inner .item--holder .item--client .item--title { font-size: 16px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 26px; color: var(--color-light); display: inline-flex } .wptb-case-grid .wptb-item--inner .item--holder .item--service { line-height: 26px } .wptb-case-grid .wptb-item--inner .item--holder .item--service label { font-size: 16px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 26px; color: var(--color-light); width: 70px; margin-right: 20px; margin-bottom: 0px; display: inline-block } .wptb-case-grid .wptb-item--inner .item--holder .item--service .item--title { font-size: 24px; font-family: var(--font-family-heading); font-style: normal; font-weight: 600; line-height: 34px; display: inline-flex } .wptb-case-grid .wptb-item--inner .item--holder .item--service .item--title a { color: #fdfdfd } /* Case Grid Style-2 */ .wptb-case-grid.style2 .wptb-item--box { padding: 0px 0px; } .wptb-case-grid.style2 .wptb-item--inner .wptb-flip--box { position: absolute; left: 50%; bottom: 30px; max-width: 470px; width: 100%; transform: translateX(-50%); transition: transform 1.2s; transform-style: preserve-3d; transform-origin: center; } .wptb-case-grid.style2 .wptb-item--inner:hover .wptb-flip--box { transform: translateX(-50%) rotateX(360deg) } .wptb-case-grid.style2 .wptb-item--inner .item--holder::before, .wptb-case-grid.style2 .wptb-item--inner .item--holder::after { left: 0; transform: skew(0); border-radius: 10px; } /* Case Grid Style 3 */ .wptb-case-grid.style3 .wptb-item--box { padding: 0px 0px; } .wptb-case-grid.style3 .wptb-item--inner .wptb-flip--box { max-width: 600px; } .wptb-case-grid.style3 .wptb-item--inner .item--holder { flex-direction: row; justify-content: space-between; gap: 40px; max-width: 600px; min-height: 190px; padding: 40px; } .wptb-case-grid.style3 .wptb-item--inner .item--holder::before, .wptb-case-grid.style3 .wptb-item--inner .item--holder::after { width: calc(100% + 30px); transform: skew(15deg); } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--holder-left { display: flex; flex-direction: column; flex-shrink: 0; } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--client label, .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--service label { font-size: 14px; font-family: var(--font-family-base); font-style: normal; font-weight: 600; line-height: 26px; opacity: .5; color: var(--color-light); } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--client { display: flex; flex-direction: column; margin-bottom: 6px; } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--service{ display: flex; flex-direction: column; } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--service .item--title { font-size: 32px; } @media only screen and (max-width: 1366px){ .wptb-case-grid.style3 .wptb-item--inner .item--holder { max-width: 470px; } .wptb-case-grid.style3 .wptb-item--inner .item--holder .item--service .item--title { font-size: 28px; } } .wptb-case-grid.style3 .wptb-item--inner .item-readmore { position: absolute; top: -34px; right: 25px; background-color: var(--color-light); overflow: hidden; width: 70px; height: 70px; border-radius: 50%; line-height: 70px; text-align: center; z-index: 2; transition: 300ms ease; font-size: 30px; } .wptb-case-grid.style3 .wptb-item--inner .item-readmore .svg1 { position: absolute; left: 50%; transform: translateX(-50%); transition: 300ms linear; } .wptb-case-grid.style3 .wptb-item--inner .item-readmore .svg2 { position: absolute; left: -50%; transform: translateX(-50%); transition: 300ms linear; } .wptb-case-grid.style3 .wptb-item--inner:hover .item-readmore .svg1 { left: 100%; transform: translateX(100%); } .wptb-case-grid.style3 .wptb-item--inner:hover .item-readmore .svg2 { left: 50%; transform: translateX(-50%); color: var(--color-one); } /* Style SEOM */ .wptb-case-grid.style-seom .wptb-item--box { background: var(--color-white); } .wptb-case-grid.style-seom .wptb-item--inner .item--holder::before { background: var(--gradient-seven); } .wptb-case-grid.style-seom .wptb-item--inner .item--holder::after { background: var(--gradient-six); } /* Swiper Control */ .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow.swiper-button-prev { left: -45px; } .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow.swiper-button-next { right: -45px; } @media screen and (max-width: 1366px) { .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow.swiper-button-prev { left: -30px; } .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow.swiper-button-next { right: -30px; } } .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow i { color: #40CCFC; background: var(--gradient-three); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-three); filter: drop-shadow(0px 4px 30px rgba(0, 255, 255, 0.60)); } .wptb-case-grid-carousel .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-case-grid-carousel .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-three); } /* Case Grid Style 2 */ /* .wptb-case-grid2 .canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .wptb-case-grid2 .canvas canvas { min-height: 100% } .wptb-case-grid2 .image-back, .wptb-case-grid2 .map{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .wptb-case-grid2 .item--image img { opacity: 0 } */ .wptb-case-grid2 .wptb-grid-item { margin-bottom: 30px; } .wptb-case-grid2 .wptb-item--inner { position: relative } .wptb-case-grid2 .wptb-item--inner .item--image { position: relative; overflow: hidden } .wptb-case-grid2 .wptb-item--inner:hover .item--content { -webkit-transform: perspective(250px)rotateY(0); -khtml-transform: perspective(250px)rotateY(0); -moz-transform: perspective(250px)rotateY(0); -ms-transform: perspective(250px)rotateY(0); -o-transform: perspective(250px)rotateY(0); transform: perspective(250px)rotateY(0) } .wptb-case-grid2 .wptb-item--inner .item--content { position: absolute; right: -1px; top: auto; bottom: 0; padding: 15px 25px; max-width: 320px; background-color: #1e1e1e; transform-origin: right; -webkit-transform: perspective(250px)rotateY(-90deg); -khtml-transform: perspective(250px)rotateY(-90deg); -moz-transform: perspective(250px)rotateY(-90deg); -ms-transform: perspective(250px)rotateY(-90deg); -o-transform: perspective(250px)rotateY(-90deg); transform: perspective(250px)rotateY(-90deg); -webkit-transition: all 400ms ease-in-out; -khtml-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out } @media(max-width:767px) { .wptb-case-grid2 .wptb-item--inner .item--content { max-width: none } } .wptb-case-grid2 .wptb-item--inner .item--content .item--title a { font-family: Inter; font-weight: 500; text-transform: uppercase; line-height: 1.3; font-size: 22px; color: #fdfdfd } @media(max-width:1024px) { .wptb-case-grid2 .wptb-item--inner .item--content .item--title a { font-size: 18px } } .wptb-case-grid2 .wptb-item--inner .item--image a { display: block; } .wptb-case-grid2 .wptb-item--inner .item--image img { width: 100%; } /* Case Study Section End */ /* Progressbar Start */ .wptb-workskills::after { content: url('../img/background/bg-5.png'); position: absolute; right: -150px; top: 50%; z-index: -1; transform: translateY(-50%); } .wptb-workskills.style-digital { margin-top: -200px; } .wptb-workskills.style2::after { display: none; } @media screen and (max-width: 991px) { .wptb-workskills.style2 .wptb-progress-wrapper { flex-flow: wrap; justify-content: center; } } .wptb-workskills .wptb-circle-svg { bottom: -170px; } .wptb-workskills.style2 .wptb-circle-svg { bottom: auto; z-index: 1; } .wptb-progressbar { display: flex; align-items: center; } .wptb-progressbar + .wptb-progressbar { margin-top: 50px; } @media screen and (max-width:575px) { .wptb-progressbar { flex-direction: column; align-items: flex-start; gap: 30px } } .wptb-progressbar .wptb-progressbar-inner { flex-shrink: 0; margin: 0; } .wptb-progressbar .progress-box { margin-left: 48px } @media screen and (max-width:1024px) { .wptb-progressbar .progress-box { margin-left: 20px } } @media screen and (max-width:576px) { .wptb-progressbar .progress-box { margin-left: 0 } } .wptb-progressbar .progress-box .progress-title { font-size: 32px; font-family: var(--font-family-heading); font-style: normal; font-weight: 700; line-height: 42px; color: var(--color-four); margin-bottom: 16px } .wptb-progressbar .progress-box .progress-content { font-size: 18px; font-family: var(--font-family-base); font-style: normal; font-weight: 400; line-height: 28px; color: var(--color-three) } /*Radial Progress CSS*/ svg.radial-progress { height:auto; max-width: 175px; padding:0; transform:rotate(-90deg); width:100%; /* background-image:linear-gradient(-225deg,#FF057C 0%,#8D0B93 50%,#321575 100%); */ background: transparent; border-radius: 50%; box-shadow: 0 10px 40px 0 rgba(255, 132, 105, .5); } .wptb-progressbar.style2 svg.radial-progress { max-width: 205px; } @media screen and (max-width: 1366px) { svg.radial-progress { max-width: 140px; } } @media screen and (max-width: 991px) { svg.radial-progress { max-width: 130px; } } svg.radial-progress.two { box-shadow: 0px 4px 300px 0px rgba(0, 255, 255, 0.6); } svg.radial-progress.three { box-shadow: 0px 4px 30px 0px rgba(163, 168.99999999999994, 245, 0.7); } svg.radial-progress circle { fill:transparent; stroke:#d9d9d9; stroke-width: 6px; } svg.radial-progress circle.bar--animated { stroke-dasharray:219.91148575129; stroke:var(--color-one); stroke-dashoffset:219.91148575129; stroke-width: 6px; stroke-linecap:round; } svg.radial-progress.two circle.bar--animated { stroke: #00D3C7; } svg.radial-progress.three circle.bar--animated { stroke: #5964FF; } svg.radial-progress text { fill:var(--color-four); text-anchor:middle; font-weight: 700; } /* Style 2 */ .wptb-progressbar.style2 .wptb-progressbar-inner { flex: auto; } .wptb-progressbar.style2 .bar-static { background: #E7E1E1; border-radius: 30px; } .wptb-progressbar.style2 .bar--animated { background: var(--gradient-one); border-radius: 30px; } .wptb-progressbar.style2 .wptb-countervalue { font-family: var(--font-family-heading); font-size: var(--fs-60); font-weight: var(--fw-bold); line-height: var(--fs-70); background: var(--gradient-one); color: var(--color-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-progressbar.style2 .wptb-progress-label { font-family: var(--font-family-heading); font-size: var(--fs-24); font-weight: var(--fw-semibold); line-height: var(--fs-34); margin-bottom: 15px; } .wptb-progressbar.style2.two .bar--animated { background: var(--gradient-two); } .wptb-progressbar.style2.two .wptb-countervalue { background: var(--gradient-two); color: var(--color-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-progressbar.style2.three .bar--animated { background: var(--gradient-three); } .wptb-progressbar.style2.three .wptb-countervalue { background: var(--gradient-three); color: var(--color-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wptb-progressbar.style2.five .bar--animated { background: var(--gradient-five); } .wptb-progressbar.style2.five .wptb-countervalue { background: var(--gradient-five); color: var(--color-one); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Style 3 */ .wptb-progressbar.style3 + .wptb-progressbar.style3 { margin-top: 20px; } .wptb-progressbar.style3 .wptb-progressbar-inner .title-wrap { margin-bottom: 10px; font-family: var(--font-family-heading); font-size: 16px; font-style: normal; font-weight: 500; line-height: 30px; color: var(--color-three); } .wptb-progressbar.style3 .progress { background: #f0f6ff; overflow: visible; } .wptb-progressbar.style3 .progress-bar { box-shadow: 10px 10px 24px rgba(226,92,62,.3); } /* Progressbar End */ /* Image Floating Start */ .floating-image-one { position: absolute; right: -100px; top: 80px; } .style-seom .floating-image-one { right: -200px; top: -45px; } .floating-image-two { position: absolute; left: -45px; top: 170px; } .style-seom .floating-image-two { top: 0; z-index: -1; } .floating-image-three { position: absolute; left: -190px; bottom: 120px; } .style-seom .floating-image-four { position: absolute; left: auto; right: 0; bottom: 150px; z-index: -1; } /* Image Floating End */ .wptb-vr .wptb-img-holder { display: inline-block; } .wptb-vr .wptb-img-holder .second-image { position: absolute; left: 55%; top: 25%; max-width: 400px; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-20deg) scaleX(1) scaleY(1) scaleZ(1); } .wptb-vr .wptb-img-holder .wptb-button { position: absolute; top: -30px; right: 100px; } .wptb-vr .wptb-img-holder .wptb-button .btn { font-family: var(--font-family-heading); font-size: 42px; font-weight: 500; width: 170px; height: 170px; border-radius: 100%; padding: 0px; color: #35E1B4; background: #222E98; } /* Testimonial Start */ .wptb-testimonial--carousel1 .swiper-container { position: relative; } .wptb-testimonial--carousel1 .swiper-slide { padding: 0 10px } .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow { background: var(--color-white); } .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-one); } .wptb-testimonial--carousel1 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-testimonial--carousel1 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-five); } .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow.swiper-button-prev { left: calc((100vw)/4.5); right: auto; } .wptb-testimonial--carousel1 .swiper-control .wptb-swiper-arrow.swiper-button-next { right: calc((100vw)/4.5); left: auto; } .wptb-testimonial--carousel1 .container-custom { max-width: 500px; margin: 0 auto 50px } .wptb-testimonial--carousel1 .wptb-item--star { margin-bottom: 26px; display: block; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel1 .wptb-item--star { margin-bottom: 12px; } } .wptb-testimonial--carousel1 .wptb-item--star i { font-size: 16px; color: #ffa903; } .wptb-testimonial--carousel1 .wptb-item--desc { font-size: 24px; font-family: var(--font-family-heading); font-style: normal; transition: all .3s ease 0ms; font-weight: 600; line-height: 34px; color: var(--color-three); margin-bottom: 33px; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel1 .wptb-item--desc { font-size: 18px; line-height: 28px; margin-bottom: 10px } } .wptb-testimonial--carousel1 .wptb-item--title { font-size: 24px; transition: all .3s ease 0ms; font-style: normal; font-weight: 600; line-height: 34px; color: var(--color-four); margin-bottom: 3px } .wptb-testimonial--carousel1 .wptb-item--position { font-size: 16px; font-family: var(--font-family-three); transition: all .3s ease 0ms; font-style: normal; font-weight: 400; line-height: 26px; color: var(--color-one); } .wptb-testimonial--carousel1 .wptb-item--inner { display: flex; align-items: center; background-color: var(--color-light); border-radius: 20px; transition: all .3s ease 0ms; opacity: .4 } .wptb-testimonial--carousel1 .swiper-slide.swiper-slide-active .wptb-item--inner { opacity: 1; background-image: linear-gradient(180deg, #F0F3FF 0%, #F0F3FF 100%); } @media screen and (max-width:1366px) { .wptb-testimonial--carousel1 .wptb-item--inner { padding: 60px 10px } } @media screen and (max-width:991px) { .wptb-testimonial--carousel1 .wptb-item--inner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 60px 15px } } @media screen and (max-width:1366px) { .wptb-testimonial--carousel1 .wptb-item--inner img { height: 120px } } @media screen and (max-width:991px) { .wptb-testimonial--carousel1 .wptb-item--inner img { height: 150px } } .wptb-testimonial--carousel1 .wptb-item--inner .wptb-item-body { padding: 30px 80px 30px 30px; } @media screen and (max-width:1366px) { .wptb-testimonial--carousel1 .wptb-item--inner .wptb-item-body { padding: 0 20px 0 20px } } @media screen and (max-width:1200px) { .wptb-testimonial--carousel1 .wptb-item--inner .wptb-item-body { padding: 0 15px } } @media screen and (max-width:1200px) and (max-width:991px) { .wptb-testimonial--carousel1 .wptb-item--inner .wptb-item-body { padding: 0 } } .wptb-testimonial--carousel1 .wptb-carousel-inner:hover .wp-arrow.style2 { opacity: 1 } .wptb-testimonial--carousel1 .wp-arrow.style2 { position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; transition: all 250ms linear 0ms } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow svg { width: 90px; height: 90px; background-color: var(--color-light); border-radius: 50%; transition: all 250ms linear 0ms; padding: 27px } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow svg:hover { background-image: linear-gradient(90deg, var(--color-one), #ffb06d); box-shadow: 0 4px 30px rgba(89, 100, 255, .1) } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow svg:hover path { fill: #fdfdfd } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow.wptb-swiper-arrow-prev { left: calc((100vw)/-2) !important; width: calc((100vw)/2) !important; right: auto } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow.wptb-swiper-arrow-prev svg { transform: rotate(180deg) } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow.wptb-swiper-arrow-next { width: calc((100vw)/2) !important; right: calc((100vw)/-2) !important; left: auto } .wptb-testimonial--carousel1 .wp-arrow .wptb-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } /* Testimonial End */ /* Testimonial 2 Start */ .wptb-testimonial--carousel2 { background-repeat: no-repeat; background-size: cover; } .wptb-testimonial--carousel2 .swiper-container { margin-left: 480px; } .wptb-testimonial--carousel2 .swiper-control { opacity: 0; } .wptb-testimonial--carousel2 .swiper-container:hover .swiper-control { opacity: 1; } .wptb-testimonial--carousel2 .swiper-slide.swiper-slide-active .wptb-item--inner { opacity: 1; background-image: linear-gradient(90deg, #2f057b, #6441c1) } .wptb-testimonial--carousel2 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item--desc, .wptb-testimonial--carousel2 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item--title { color: #fdfdfd } .wptb-testimonial--carousel2 .container-custom { max-width: 500px; margin: 0 auto 50px } .wptb-testimonial--carousel2 .wptb-item--star { margin-bottom: 26px; display: block; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel2 .wptb-item--star { margin-bottom: 12px; } } .wptb-testimonial--carousel2 .wptb-item--star i { font-size: 16px; color: #ffa903; } .wptb-testimonial--carousel2 .wptb-item--desc { font-size: 24px; font-family: var(--font-family-heading); font-style: normal; transition: all .3s ease 0ms; font-weight: 600; line-height: 34px; color: var(--color-three); margin-bottom: 33px; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel2 .wptb-item--desc { font-size: 18px; line-height: 28px; margin-bottom: 10px } } .wptb-testimonial--carousel2 .wptb-item--title { font-size: 24px; transition: all .3s ease 0ms; font-style: normal; font-weight: 600; line-height: 34px; color: var(--color-four); margin-bottom: 3px } .wptb-testimonial--carousel2 .wptb-item--position { font-size: 16px; font-family: var(--font-family-three); transition: all .3s ease 0ms; font-style: normal; font-weight: 400; line-height: 26px; color: var(--color-one); } .wptb-testimonial--carousel2 .wptb-item--inner { display: flex; align-items: center; background-color: var(--color-light); border-radius: 20px; transition: all .3s ease 0ms; opacity: .4 } .wptb-testimonial--carousel2 .swiper-slide-active .wptb-item--desc { color: var(--color-white); } .wptb-testimonial--carousel2 .swiper-slide-active .wptb-item--title { color: var(--color-white); } .wptb-testimonial--carousel2 .swiper-slide-active .wptb-item--position { color: var(--color-one); } .wptb-testimonial--carousel2 .swiper-slide-active .wptb-item--inner { border-radius: 20px; background: var(--gradient-five); box-shadow: 0px 4px 30px 0px rgba(89, 100, 255, 0.06); opacity: 1; } @media screen and (max-width:1366px) { .wptb-testimonial--carousel2 .wptb-item--inner { padding: 60px 10px } } @media screen and (max-width:991px) { .wptb-testimonial--carousel2 .wptb-item--inner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 60px 15px } } @media screen and (max-width: 1600px) { .wptb-testimonial--carousel2 .wptb-item--inner img { height: 200px } } @media screen and (max-width:1366px) { .wptb-testimonial--carousel2 .wptb-item--inner img { height: 140px } } .wptb-testimonial--carousel2 .wptb-item--inner .wptb-item-body { padding: 30px 80px 30px 30px; } @media screen and (max-width:1366px) { .wptb-testimonial--carousel2 .wptb-item--inner .wptb-item-body { padding: 0 20px 0 20px } } @media screen and (max-width:1200px) { .wptb-testimonial--carousel2 .wptb-item--inner .wptb-item-body { padding: 0 15px } } /* Testimonial 2 End */ /* Testimonial 3 Start */ .wptb-testimonial--carousel3 { background-repeat: no-repeat; background-size: cover; } .wptb-testimonial--carousel3 .wptb-item--star { margin-bottom: 26px; display: block; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel3 .wptb-item--star { margin-bottom: 12px; } } .wptb-testimonial--carousel3 .wptb-item--star i { font-size: 16px; color: #ffa903; } .wptb-testimonial--carousel3 .wptb-item--desc { font-family: var(--font-family-heading); font-size: 23px; font-weight: 400; line-height: 34px; font-style: normal; transition: all .3s ease 0ms; color: var(--color-three); margin-bottom: 33px; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel3 .wptb-item--desc { font-size: 18px; line-height: 28px; margin-bottom: 10px } } .wptb-testimonial--carousel3 .wptb-item--title { font-size: 24px; transition: all .3s ease 0ms; font-style: normal; font-weight: 600; line-height: 34px; color: var(--color-four); margin-bottom: 3px } .wptb-testimonial--carousel3 .wptb-item--position { font-size: 16px; font-family: var(--font-family-three); transition: all .3s ease 0ms; font-style: normal; font-weight: 400; line-height: 26px; color: var(--color-one); } .wptb-testimonial--carousel3 .wptb-item--inner { transition: all .3s ease 0ms; text-align: center; } .wptb-testimonial--carousel3 .wptb-item--inner .wptb-item-body { background: #f6f6f6; border-radius: 20px; } .wptb-testimonial--carousel3 .wptb-item--inner img.quote { height: auto; margin-bottom: 30px; } .wptb-testimonial--carousel3 .wptb-item--inner img.author { height: 120px; border-radius: 100%; background: var(--gradient-one); padding: 5px; margin-bottom: 20px; } .wptb-testimonial--carousel3 .wptb-item--inner .wptb-item-body { padding: 50px 50px 100px 50px; text-align: center; } .wptb-testimonial--carousel3 .wptb-item--inner .wptb-item-bottom { margin-top: -60px; } .wptb-testimonial--carousel3 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item-body { opacity: 1; background: var(--gradient-one) } .wptb-testimonial--carousel3 .swiper-slide.swiper-slide-active .wptb-item--inner img.author { background: var(--color-white); } .wptb-testimonial--carousel3 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item--desc { color: #fdfdfd } /* Style 2 */ .wptb-testimonial--carousel3.style2 { background: #F5F9FF; } .wptb-testimonial--carousel3.style2 .wptb-item--title { font-size: var(--fs-18); line-height: 26px; } .wptb-testimonial--carousel3.style2 .wptb-item--position { font-size: var(--fs-14); line-height: 22px; color: var(--color-three); } .wptb-testimonial--carousel3.style2 .wptb-item--desc { font-family: var(--font-family-base); font-size: var(--fs-23); font-weight: 400; } .wptb-testimonial--carousel3.style2 .wptb-item--inner .wptb-item-body { background: var(--color-white); } .wptb-testimonial--carousel3.style2 .wptb-item--inner img.author, .wptb-testimonial--carousel3.style2 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item-body { background: var(--gradient-six); } /* Style 3 */ .wptb-testimonial--carousel3.style3 { background-size: cover; background-repeat: no-repeat; background-position: center; } .wptb-testimonial--carousel3.style3 .wptb-item--title { font-size: var(--fs-18); line-height: 26px; } .wptb-testimonial--carousel3.style3 .wptb-item--position { font-size: var(--fs-14); line-height: 22px; color: var(--color-three); } .wptb-testimonial--carousel3.style3 .wptb-item--desc { font-family: var(--font-family-base); font-size: var(--fs-23); font-weight: 400; } .wptb-testimonial--carousel3.style3 .wptb-item--inner .wptb-item-body { background: var(--color-white); } .wptb-testimonial--carousel3.style3 .wptb-item--inner img.author, .wptb-testimonial--carousel3.style3 .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item-body { background: var(--gradient-two); } /* Style Startup */ .wptb-testimonial--carousel3.style-startup .wptb-item--inner .wptb-item-body { background: #F2F8FA; } .wptb-testimonial--carousel3.style-startup .swiper-slide.swiper-slide-active .wptb-item--inner .wptb-item-body, .wptb-testimonial--carousel3.style-startup .wptb-item--inner img.author { background: var(--color-sixteen); } .wptb-testimonial--carousel3.style-startup .swiper-slide.swiper-slide-active .wptb-item--inner img.author { background: var(--color-seventeen); } .wptb-testimonial--carousel3.style-startup .wptb-item--position { color: var(--color-three); } .wptb-testimonial--carousel3.style-startup .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-testimonial--carousel3.style-startup .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-sixteen); } /* Testimonial 3 End */ /* Testimonial Start */ .wptb-testimonial--carousel4 { background: #F5F9FF; padding: 140px 0px 120px 0px; } .wptb-testimonial--carousel4 .swiper-slide { padding: 25px 20px } .wptb-testimonial--carousel4 .wptb-swiper-dots { position: absolute; right: 0; top: 85px; } .wptb-testimonial--carousel4 .wptb-swiper-dots .swiper-pagination-bullet { background: #bdd6f1; } .wptb-testimonial--carousel4 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-testimonial--carousel4 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-ten); width: 12px; } .wptb-testimonial--carousel4 .wptb-item--star { margin-bottom: 15px; display: block; } .wptb-testimonial--carousel4 .wptb-item--star i { font-size: 16px; color: #ffa903; } .wptb-testimonial--carousel4 .wptb-item--desc { font-family: var(--font-family-seven); font-size: 16px; font-weight: 400; line-height: 26px; color: var(--color-four); text-align: left; margin-bottom: 23px; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel4 .wptb-item--desc { font-size: 18px; line-height: 28px; margin-bottom: 10px } } .wptb-testimonial--carousel4 .wptb-item--title { margin-bottom: 0; font-size: 18px; font-weight: 700; line-height: 26px; color: #37486e; } .wptb-testimonial--carousel4 .wptb-item--position { font-size: 16px; font-weight: 400; line-height: 26px; color: var(--color-three); } .wptb-testimonial--carousel4 .wptb-item-body { position: relative; border-radius: 10px; background: var(--color-white); padding: 27px 30px 18px; position: relative; -webkit-box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); -khtml-box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); -moz-box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); -ms-box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); -o-box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); box-shadow: 0px 10px 25px rgba(137, 151, 186, 0.25); } .wptb-testimonial--carousel4 .wptb-item-body::after { content: ''; position: absolute; border-style: solid; border-width: 22px 12.5px 0px 12.5px; border-color: #fff transparent transparent transparent; width: 0; height: 0; bottom: -15px; left: 43px; } .wptb-testimonial--carousel4 .wptb-item--inner .wptb-item--bottom { display: flex; align-items: center; gap: 40px; padding-top: 40px; padding-left: 30px; } .wptb-testimonial--carousel4 .wptb-item--inner .wptb-item--img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } /* Testimonial End */ /* Testimonial 5 Start */ .wptb-testimonial--carousel5 { overflow: hidden; } .wptb-testimonial--carousel5 .swiper-container { padding-left: 60px; margin-left: 140px; } .wptb-testimonial--carousel5 .swiper-control { position: absolute; justify-content: start; bottom: 0; left: 0; } .wptb-testimonial--carousel5 .swiper-control .wptb-swiper-arrow { position: relative; left: auto; right: auto; } .wptb-testimonial--carousel5 .wptb-item--star { margin-bottom: 26px; display: block; } @media screen and (max-width:1200px) { .wptb-testimonial--carousel5 .wptb-item--star { margin-bottom: 12px; } } .wptb-testimonial--carousel5 .wptb-item--star i { font-size: 16px; color: #ffa903; } .wptb-testimonial--carousel5 .wptb-item--icon { position: absolute; background-color: initial; width: 137.5px; height: 88px; top: 33px; left: -54px; border-radius: 20px; display: flex; align-items: center; justify-content: center } @media(max-width:767px) { .wptb-testimonial--carousel5 .wptb-item--icon { width: 96.5px; height: 65px; top: 23px; left: -24px } .wptb-testimonial--carousel5 .wptb-item--icon svg { width: 30px } .wptb-testimonial--carousel5 .wptb-item--icon:after { -webkit-mask-size: contain } } .wptb-testimonial--carousel5 .wptb-item--icon svg { position: relative; z-index: 1; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .wptb-testimonial--carousel5 .wptb-item--icon:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; mask-image: url(../img/testimonial/testi.png); -webkit-mask-image: url(../img/testimonial/testi.png); -ms-mask-image: url(../img/testimonial/testi.png); -o-mask-image: url(../img/testimonial/testi.png); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%) } .wptb-testimonial--carousel5 .wptb-item--desc { font-weight: 400; font-size: 24px; line-height: 34px; color: var(--color-four); text-align: left; margin-bottom: 43px; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .wptb-testimonial--carousel5 .wptb-item--title { margin-bottom: 0; font-style: normal; font-weight: 600; font-size: 24px; line-height: 26px; color: #9f90ff; margin-bottom: 7px } .wptb-testimonial--carousel5 .wptb-item--position { font-family: Nunito Sans; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: var(--color-three) } .wptb-testimonial--carousel5 .wptb-item--inner { padding: 129px 110px 65px 108px; position: relative; flex-direction: column; align-items: center; justify-content: center; background-color: #f6f6f6; border-radius: 20px; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .wptb-testimonial--carousel5 .wptb-item--inner .wptb-item-body { width: 100%; padding-top: 42px; border-top: 1px solid #9f90ff } .wptb-testimonial--carousel5 .swiper-control .wptb-swiper-arrow { background: var(--color-white); } .wptb-testimonial--carousel5 .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-eight); filter: none; } .wptb-testimonial--carousel5 .swiper-control .wptb-swiper-arrow i { color: var(--color-white); background: var(--gradient-eight); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .wptb-testimonial--carousel5 .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Style Digital Testimonial */ .wptb-testimonial--carousel5.style-digital { padding-top: 400px; padding-bottom: 500px; background-repeat: no-repeat; background-size: cover; background-position: right; } /* Style Studio */ .wptb-testimonial--carousel5.style-studio .wptb-item--inner { background: #1E1E1E; } .wptb-testimonial--carousel5.style-studio .wptb-item--desc, .wptb-testimonial--carousel5.style-studio .wptb-item--title { color: var(--color-white); } .wptb-testimonial--carousel5.style-studio .wptb-item--inner .wptb-item-body { border-color: #3A3A3A; } .wptb-testimonial--carousel5.style-studio .wptb-item--icon:after { background: #476AFC; } .wptb-testimonial--carousel5.style-studio .swiper-control .wptb-swiper-arrow { background: transparent; border: 1px solid #1C1C1C; filter: none; } .wptb-testimonial--carousel5.style-studio .swiper-control .wptb-swiper-arrow:hover { background: #1E1E1E; box-shadow: 0px 4px 30px 0px rgba(90, 100, 255, 0.1); } .wptb-testimonial--carousel5.style-studio .swiper-control .wptb-swiper-arrow i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: var(--color-white); background-clip: text; } @media(max-width:1366px) { .wptb-testimonial--carousel5 .wptb-item--inner { padding: 125px 45px 65px } } @media screen and (min-width:992px) { .wptb-testimonial--carousel5 .wptb-item--inner { display: flex } } @media(max-width: 991px) { .wptb-testimonial--carousel5 .swiper-container { margin-left: 0px; width: 100%; } .wptb-testimonial--carousel5 .swiper-control { top: calc(100% + 30px); bottom: auto; } } /* Testimonial 5 End */ /* Team Carousel Start */ .wptb-team-carousel .swiper-container { padding: 40px 0px; } .wptb-team-grid1 .wp-arrow .wptb-swiper-arrow, .wptb-team-carousel .wp-arrow .wptb-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none; opacity: 1; visibility: visible } .wptb-team-grid1 .wp-arrow .wptb-swiper-arrow.cursor-arrow-prev, .wptb-team-carousel .wp-arrow .wptb-swiper-arrow.cursor-arrow-prev { left: calc((100vw - 1170px)/-2) !important; width: calc((100vw - 1170px)/2) !important; right: auto } .wptb-team-grid1 .wp-arrow .wptb-swiper-arrow.cursor-arrow-next, .wptb-team-carousel .wp-arrow .wptb-swiper-arrow.cursor-arrow-next { width: calc((100vw - 1170px)/2) !important; right: calc((100vw - 1170px)/-2) !important; left: auto } .wptb-team-grid1 .wp-arrow .wptb-swiper-arrow.swiper-button-disabled, .wptb-team-carousel .wp-arrow .wptb-swiper-arrow.swiper-button-disabled { cursor: not-allowed } .wptb-team-grid1 .wptb-grid-item { padding: 15px; } .wptb-team-grid1 .wptb-item--image, .wptb-team-carousel .wptb-item--image { position: relative; overflow: hidden; border-radius: 20px; cursor: pointer } .wptb-team-grid1 .wptb-item--title, .wptb-team-carousel .wptb-item--title, .wptb-team-grid1 .wptb-item--position, .wptb-team-carousel .wptb-item--position { position: relative; z-index: 2 } .wptb-team-grid1 .wptb-item--title, .wptb-team-carousel .wptb-item--title { margin-bottom: 14px } .wptb-team-grid1 .wptb-item--position, .wptb-team-carousel .wptb-item--position { color: var(--color-two) } .wptb-team-grid1 .wptb-item--inner, .wptb-team-carousel .wptb-item--inner { position: relative } .wptb-team-grid1.style-circle .wptb-item--inner .wptb-item--image:before, .wptb-team-carousel.style-circle .wptb-item--inner .wptb-item--image:before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, .2); opacity: 0; z-index: 1; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .wptb-team-grid1.style-circle .wptb-item--inner:hover .wptb-item--image:before, .wptb-team-carousel.style-circle .wptb-item--inner:hover .wptb-item--image:before { -webkit-animation: img_circle .65s; -khtml-animation: img_circle .65s; -moz-animation: img_circle .65s; -ms-animation: img_circle .65s; -o-animation: img_circle .65s; animation: img_circle .65s } .wptb-team-grid1.style-overlay .wptb-item--inner .wptb-item--image:before, .wptb-team-carousel.style-overlay .wptb-item--inner .wptb-item--image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(35, 35, 35, .63); z-index: 2; opacity: 0; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .wptb-team-grid1.style-overlay .wptb-item--inner:hover .wptb-item--image:before, .wptb-team-carousel.style-overlay .wptb-item--inner:hover .wptb-item--image:before { opacity: 1 } .wptb-team-grid1 .wptb-item--image, .wptb-team-carousel .wptb-item--image { transition: 300ms all ease } .wptb-team-grid1 .wptb-item--image img, .wptb-team-carousel .wptb-item--image img { transition: 300ms all ease; object-fit: cover } @media screen and (max-width:575px) { .wptb-team-grid1 .wptb-item--image img, .wptb-team-carousel .wptb-item--image img { width: 100%; max-height: 500px } } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta { background: var(--gradient-one); } .wptb-team-grid1 .wptb-item--inner .wptb-item--meta .item--meta-plus, .wptb-team-carousel .wptb-item--inner .wptb-item--meta .item--meta-plus { color: var(--color-white); font-size: var(--fs-30); } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .item--meta-plus, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .item--meta-plus { background: var(--color-light); transform: rotatez(180deg); color: var(--color-one); } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--title, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--title, .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--position, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--position { color: #fdfdfd } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--title a, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--title a, .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--position a, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--position a { color: #fdfdfd } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--social, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--social { opacity: 1; visibility: visible; height: auto; margin-top: 13px; transition: 300ms all ease } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta .wptb-item--social a, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta .wptb-item--social a { transform: translateY(0) } .wptb-team-grid1 .wptb-item--inner:hover .wptb-item--meta~.wptb-item--image, .wptb-team-carousel .wptb-item--inner:hover .wptb-item--meta~.wptb-item--image { transform: scale(1.05, 1.1202) } .wptb-team-grid1 .wptb-item--meta, .wptb-team-carousel .wptb-item--meta { position: absolute; bottom: 22px; width: 100%; left: 50%; transform: translatex(-50%); background-color: var(--color-light); border-radius: 20px; max-width: calc(100% - 30px); text-align: center; padding: 24px 0; transition: 300ms all linear 0ms; z-index: 1 } @media screen and (max-width:767px) { .wptb-team-grid1 .wptb-item--meta, .wptb-team-carousel .wptb-item--meta { padding: 15px 0 } } .wptb-team-grid1 .wptb-item--meta .item--meta-plus, .wptb-team-carousel .wptb-item--meta .item--meta-plus { position: absolute; display: block; top: -24px; left: 24px; height: 48px; width: 48px; line-height: 50px; border-radius: 50%; background: var(--gradient-one); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); transition: 300ms all linear 0s; cursor: pointer } .wptb-team-grid1 .wptb-item--meta .item--meta-plus svg, .wptb-team-carousel .wptb-item--meta .item--meta-plus svg { fill: var(--color-light); transition: 300ms all linear 0s } .wptb-team-grid1 .wptb-item--meta .wptb-item--title, .wptb-team-carousel .wptb-item--meta .wptb-item--title { font-family: var(--font-family-three); font-style: normal; font-weight: 600; font-size: 24px; margin-bottom: -4px; line-height: 42px; transition: 300ms all linear 0ms } .wptb-team-grid1 .wptb-item--meta .wptb-item--title a, .wptb-team-carousel .wptb-item--meta .wptb-item--title a { color: var(--color-four) } .wptb-team-grid1 .wptb-item--meta .wptb-item--position, .wptb-team-carousel .wptb-item--meta .wptb-item--position { font-family: var(--font-family-three); font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-two); transition: 300ms all linear 0ms } .wptb-team-grid1 .wptb-item--meta .wptb-item--social, .wptb-team-carousel .wptb-item--meta .wptb-item--social { opacity: 0; visibility: hidden; line-height: 0; height: 0; transition: 300ms all linear 0ms; display: flex; align-items: center; justify-content: center; gap: 7px } .wptb-team-grid1 .wptb-item--meta .wptb-item--social a, .wptb-team-carousel .wptb-item--meta .wptb-item--social a { display: block; background-color: var(--color-light); border-radius: 50%; width: 16px; height: 16px; line-height: 18px; font-size: 10px; color: var(--color-one); transition: 300ms all linear 0ms; transform: translateY(10px) } .wptb-team-grid1 .wptb-item--meta .wptb-item--social a:nth-child(1), .wptb-team-carousel .wptb-item--meta .wptb-item--social a:nth-child(1) { transition-delay: .2s } .wptb-team-grid1 .wptb-item--meta .wptb-item--social a:nth-child(2), .wptb-team-carousel .wptb-item--meta .wptb-item--social a:nth-child(2) { transition-delay: .4s } .wptb-team-grid1 .wptb-item--meta .wptb-item--social a:nth-child(3), .wptb-team-carousel .wptb-item--meta .wptb-item--social a:nth-child(3) { transition-delay: .6s } /* Style Startup */ .wptb-team-carousel.style-startup .wptb-item--inner:hover .wptb-item--meta, .wptb-team-carousel.style-startup .wptb-item--inner .wptb-item--meta .item--meta-plus { background: var(--color-sixteen); } .wptb-team-carousel.style-startup .wptb-item--meta .wptb-item--social a { color: var(--color-sixteen); } .wptb-team-carousel.style-startup .wptb-item--inner:hover .wptb-item--meta .item--meta-plus { background: var(--color-seventeen); color: var(--color-sixteen); } .wptb-team-carousel.style-startup .wptb-item--inner .wptb-item--meta .wptb-item--position { color: var(--color-three); } .wptb-team-carousel.style-startup .wptb-item--inner:hover .wptb-item--meta .wptb-item--position { color: var(--color-white); } .wptb-team-carousel.style-startup .wptb-item--image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(35,35,35,.63); z-index: 2; opacity: 0; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .wptb-team-carousel.style-startup .wptb-item--inner:hover .wptb-item--image:before { opacity: 1; } /* Team Carousel End */ /* Team Details */ .wptb-single--image .wptb-team-ci-wrap { margin-top: 25px; } .wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-title { font-family: "Quicksand", Sans-serif; font-size: 24px; font-weight: 400; line-height: 40px; color: var(--color-four); } .wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-desc { font-family: "Quicksand", Sans-serif; font-size: 32px; font-weight: 700; text-decoration: underline; line-height: 38px; } .wptb-single--image .wptb-team-ci-wrap .team-ci-content .team-ci-desc a { text-decoration: underline; } .team-details-content .wptb-single--title { font-size: 64px; font-weight: 700; line-height: 46px; margin-bottom: 20px; } /* Social List */ .wptb-team-social { text-align: center; margin-top: 40px; } .wptb-team-social .wptb-team-social-list { display: flex; flex-flow: row wrap; align-items: center; padding: 0px; margin-bottom: 0px; } .wptb-team-social .wptb-team-social-list li { list-style: none; display: inline-block; position: relative; font-size: var(--fs-20); line-height: var(--fs-30); } .wptb-team-social .wptb-team-social-list li + li { padding-left: 20px; } .wptb-team-social .wptb-team-social-list li a { position: relative; overflow: hidden; font-size: 16px; text-align: center; color: var(--color-light); background: rgba(var(--color-two-rgb), 0.6); display: block; outline: none; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; } .wptb-team-social .wptb-team-social-list li a i { opacity: 1; font-size: inherit; margin-right: 0px; } .wptb-team-social .wptb-team-social-list li a:hover { background: var(--link-color-hover); } .team-details-content .wptb-single--designation { background: -webkit-linear-gradient(90deg, var(--color-one) 0%, var(--color-one) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; font-weight: 600; line-height: 53px; margin-bottom: 0px; } .team-details-content .inner-content { margin-top: 40px; } .team-details-content .inner-content .wptb-headline { font-size: 40px; font-weight: 700; line-height: 36px; margin-bottom: 18px; } .team-details-content .inner-content .wptb-headline p { font-size: 18px; line-height: 28px; } .team-details-content .wptb-link{ list-style: none; margin: 0px; padding: 0; } .team-details-content .wptb-link span { font-size: 24px; font-weight: 700; line-height: 54px; } .team-details-content .wptb-link li a { display: inline-flex; align-items: center; position: relative; position: relative; } .team-details-content .wptb-link li i { margin-right: 25px; margin-top: 0; width: 32px; height: 32px; font-size: 14px; line-height: 32px; padding: 9px; display: flex; align-items: center; justify-content: center; color: var(--color-white); background-color: var(--color-two); border-radius: 50%; } /* Newsletter */ .wptb-newsletter { position: relative; z-index: 1; margin-bottom: -160px; } .wptb-newsletter--inner { position: relative; padding: 100px 120px; border-radius: 20px; overflow: hidden; } .wptb-newsletter--inner > * { position: relative; z-index: 1; } .wptb-newsletter--inner::before { content: url('../img/background/bg-8.png'); position: absolute; left: 0; bottom: -10px; } .wptb-newsletter--inner::after { content: url('../img/background/bg-9.png'); position: absolute; left: auto; right: 0; top: -10px; } .wptb-newsletter--inner .widget-title { font-size: var(--fs-60); line-height: var(--fs-76); color: var(--color-white); } .wptb-newsletter--inner .widget-text { color: var(--color-light); } .wptb-newsletter--inner .form-control, .wptb-newsletter--inner .form-control:focus { color: var(--color-white); border-color: var(--color-white); } .newsletter-form ::-webkit-input-placeholder { color: var(--color-light); font-size: var(--fs-16); } .newsletter-form ::-moz-placeholder { color: var(--color-light); font-size: var(--fs-16); } .newsletter-form :-ms-input-placeholder { color: var(--color-light); font-size: var(--fs-16); } .newsletter-form :-moz-placeholder { color: var(--color-light); font-size: var(--fs-16); } .newsletter-form ::placeholder { color: var(--color-light); font-size: var(--fs-16); } .wptb-newsletter.style-social .wptb-newsletter--inner { padding: 50px 50px; } .wptb-newsletter.style-social .wptb-newsletter--inner .widget-title { font-family: var(--font-family-four); font-size: 36px; line-height: 54px; } .wptb-newsletter.style-social .wptb-newsletter--inner .widget-text { font-size: 18px; line-height: 28px; } .wptb-newsletter.style-social .wptb-newsletter--inner .newsletter-form .btn, .wptb-newsletter.style-social .newsletter-form button[type="submit"] { background: var(--color-white); color: var(--color-fifteen); } .theme-style-digital .footer .newsletter-form .form-control, .theme-style-digital .footer .newsletter-form .form-control:focus { border-color: var(--color-white); } /* Style SEOM */ .wptb-newsletter.style-seom { margin-bottom: 0px; } .wptb-newsletter.style-seom, .wptb-newsletter.style-seom .container, .wptb-newsletter.style-seom .wptb-newsletter--inner { height: 100%; } .wptb-newsletter.style-seom .wptb-newsletter--inner .form-group { border-radius: 50px; } .wptb-newsletter.style-seom .wptb-newsletter--inner .form-group .form-control { height: 60px; color: var(--color-dark); border-color: transparent; border-radius: 0px; font-size: var(--fs-16); } .wptb-newsletter.style-seom .wptb-newsletter--inner .form-group .form-control:first-child { border-right-color: #e6e6e6; } .wptb-newsletter.style-seom .newsletter-form .btn, .wptb-newsletter.style-seom .newsletter-form button[type="submit"] { border-radius: 50px; right: 5px; padding: 8px 35px; } .wptb-newsletter.style-seom .wptb-newsletter--inner ::-webkit-input-placeholder { color: #7e7e7e; font-size: var(--fs-16); } .wptb-newsletter.style-seom .wptb-newsletter--inner ::-moz-placeholder { color: #7e7e7e; font-size: var(--fs-16); } .wptb-newsletter.style-seom .wptb-newsletter--inner :-ms-input-placeholder { color: #7e7e7e; font-size: var(--fs-16); } .wptb-newsletter.style-seom .wptb-newsletter--inner :-moz-placeholder { color: #7e7e7e; font-size: var(--fs-16); } .wptb-newsletter.style-seom .wptb-newsletter--inner ::placeholder { color: #7e7e7e; font-size: var(--fs-16); } /* Style Email */ .wptb-newsletter.style-email .wptb-newsletter--inner { padding: 60px 50px; } .wptb-newsletter.style-email .wptb-newsletter--inner .widget-title { font-size: 36px; line-height: 42px; } .wptb-newsletter.style-email .wptb-newsletter--inner .widget-text { font-size: 18px; } .wptb-newsletter.style-email .newsletter-form .btn, .wptb-newsletter.style-email .newsletter-form button[type="submit"] { background: var(--color-white); color: #37486E; } /* Style Startup */ .wptb-newsletter.style-startup .wptb-newsletter--inner { background: var(--color-sixteen); } .wptb-newsletter.style-startup .wptb-newsletter--inner .newsletter-form .btn { background: var(--color-seventeen); color: var(--color-sixteen); } /* Startup Video Content */ .wptb-startup-video { background-repeat: no-repeat; background-attachment: fixed; background-position: left; background-size: 60% 100% } .wptb-startup-video-inner { background-color: var(--color-sixteen); padding: 100px 50px; } .wptb-startup-video-inner .wptb-heading .wptb-heading--subtitle { color: var(--color-seventeen); } .wptb-startup-video-inner .wptb-heading .wptb-heading--title { color: var(--color-white); } .wptb-startup-video-inner .wptb-heading .wptb-heading--description { color: var(--color-white); } .wptb-startup-video-inner .wptb-heading .btn-play { color: var(--color-seventeen); font-size: 20px; font-style: normal; font-weight: 600; line-height: 34px; letter-spacing: 0.1px; margin-top: 30px; } .wptb-startup-video-inner .wptb-heading .btn-play .btn-icon { background: var(--color-seventeen); color: var(--color-sixteen); font-size: 30px; width: 60px; height: 60px; line-height: 60px; display: inline-block; border-radius: 100%; text-align: center; transition: all 300ms ease; } /* Startup About */ .wptb-about { background: #F2F8FA; } .wptb-about .wptb-about-content { padding: 0px 0px 100px 30px; } .wptb-about .wptb-about-content .wptb-second-heading--title { color: var(--color-three); font-size: 26px; font-weight: 700; line-height: 54px; margin-bottom: 0px; border-bottom: 2px solid #D6E2F8; } /* Studio About */ .wptb-studio-about .wptb-heading.style-studio { margin-bottom: 20px; } .wptb-studio-about .wptb-heading.style-studio .wptb-heading--title { font-size: 40px; line-height: 50px; } .wptb-studio-about .studio-about-bottom { margin-bottom: -30px; } .wptb-studio-about .studio-about-bottom .wptb-heading.style-studio .wptb-heading--title { font-size: 128px; line-height: 140px; color: #242424; white-space: nowrap; } .wptb-studio-about .wptb-img-holder img { width: 100%; } .wptb-studio-about .studio-about-bottom .wptb-img-holder { position: relative; } .wptb-studio-about .studio-about-bottom .wptb-img-holder:after, .wptb-studio-about .studio-about-bottom .wptb-img-holder:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: initial; border: 1px solid #343434; z-index: -1; } .wptb-studio-about .studio-about-bottom .wptb-img-holder:after { top: -166px; left: 0; } .wptb-studio-about .studio-about-bottom .wptb-img-holder:before { top: 0; right: -73px; } .wptb-studio-about .studio-about-bottom .wptb-heading.style-studio.one { position: absolute; right: 30px; bottom: 100%; z-index: -1; } /* .wptb-studio-about .studio-about-bottom .wptb-heading.style-studio.two { position: absolute; left: -20%; top: 10px; z-index: 1; } */ .wptb-seom-bg-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-image: url('../img/background/bg-seo2.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; border-radius: 25px 25px 25px 25px; } /* Contact Section */ .wptb-contact-wrapper { position: relative; margin-top: 0px; margin-bottom: 0px; padding-bottom: 15px; } .wptb-contact-wrapper::after { content: url('../img/contact/contact-bg.png'); position: absolute; left: 0; right: 0; top: 30%; z-index: -1; } .wptb-contact-wrapper.style2 { padding-bottom: 230px; } .wptb-contact-wrapper.style2::after { display: none; } .wptb-contact-wrapper.style3 { padding-bottom: 250px; } .wptb-contact-wrapper.style3::after { content: url('../img/contact/contact-bg-3.png'); top: -100px; right: auto; } .wptb-contact-inner { position: relative; background-image: var(--gradient-one); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 140px 15px 320px 15px; border-radius: 20px 20px 20px 20px; overflow: hidden; } /* Contact Form Style-2 */ .wptb-contact-wrapper.style-2 { position: relative; margin-top: 0px; margin-bottom: -190px; padding-bottom: 0px; } .wptb-contact-wrapper.style-2::after { display: none; } .wptb-contact-wrapper.style-2 .wptb-contact-inner { background-image: var(--gradient-five); } .wptb-contact-wrapper.style-2 .wptb-contact-inner .form-control { background: var(--color-white); } .wptb-contact-form-wrapper { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .contact-form.light label { color: var(--color-light); } .wptb-contact-wrapper.style3 input[type="text"], .wptb-contact-wrapper.style3 .form-control, .wptb-contact-wrapper.style3 textarea, .wptb-contact-wrapper.style3 textarea.form-control { background: var(--color-light); border-radius: 0px; border-width: 0px; border-bottom: 1px solid var(--color-dark); } .wptb-contact-wrapper.style3 textarea, .wptb-contact-wrapper.style3 textarea.form-control { height: 200px; } .wptb-contact-wrapper.style3 .btn-group .btn { background: var(--gradient-three); } .ci-content-wrap .ci-icon { display: flex; justify-content: center; align-items: center; line-height: 26px } .ci-content-wrap .ci-icon i { font-size: 12px; line-height: 26px; color: var(--color-light); opacity: .5; margin-right: 15px } .ci-content-wrap .ci-content { display: flex; align-items: center } .ci-content-wrap .ci-content { display: flex; align-items: center; padding: 55px 15px 60px; flex-direction: column; justify-content: center; background: var(--color-white); border: 1.17607px solid #e1e9f4; box-shadow: 0 11.7607px 70.5641px rgba(137, 151, 186, .15); border-radius: 11.7607px } .ci-content-wrap .ci-content .ci-content-right { text-align: center } .ci-content-wrap .ci-content .ci-content-right .ci-title { font-weight: 700; font-size: 28px; line-height: 35px; margin-bottom: 20px } .ci-content-wrap .ci-content .ci-content-right .ci-desc { font-weight: 400; font-size: 24px; line-height: 40px } @media (max-width: 991px) { .ci-content-wrap .ci-content .ci-content-right .ci-title { font-size: 24px; line-height: 30px; margin-bottom: 15px } .ci-content-wrap .ci-content .ci-content-right .ci-desc { font-weight: 400; font-size: 18px; line-height: 24px } } @media (max-width: 767px) { .ci-content-wrap { margin-bottom: 30px; } } .ci-content-wrap .ci-content .ci-icon { margin-bottom: 20px; position: relative; width: 130px; height: 115px; background-color: initial } .ci-content-wrap .ci-content .ci-icon:after { content: ''; position: absolute; mask-image: url(../img/bg-contact.svg); -webkit-mask-image: url(../img/bg-contact.svg); -ms-mask-image: url(../img/bg-contact.svg); -o-mask-image: url(../img/bg-contact.svg); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-position: center top; -ms-mask-position: center top; -o-mask-position: center top; mask-position: center top; background: var(--gradient-four); box-shadow: 0 4px 30px rgba(0, 255, 255, .6); width: 100%; height: 100% } /* Background Particles */ .wptb-particle--one { position: absolute; top: 0%; left: 0%; } .wptb-particle--two { position: absolute; top: 0%; right: 0%; } .wptb-particle--three { position: absolute; bottom: -210px; right: 0px; } .wptb-mask-bg { margin-top: -200px; margin-bottom: 0px; padding: 0px 0px 50px 0px; } .wptb-mask-bg--parallax { -webkit-mask-image: url('../img/contact/union.svg'); -webkit-mask-size: auto; -webkit-mask-position: center 75%; -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: linear-gradient(90deg,#2f057b 0%,#6441c1 100%); -webkit-mask-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wptb-logo-footer a { margin-top: -50px; margin-left: -50px; } /* Blog Start */ .wptb-blog-carousel { padding-top: 350px; background-repeat: no-repeat; background-size: contain; background-position: top center; } @media screen and (max-width: 1366px) { .wptb-blog-carousel { padding-top: 200px; } } .wptb-blog-carousel .wptb-circle-svg { bottom: 80%; } /* Swiper Control */ .wptb-blog-carousel .swiper-control .wptb-swiper-arrow { position: static; background: var(--gradient-five); } .wptb-blog-carousel .swiper-control .wptb-swiper-arrow i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-one); } .wptb-blog-carousel .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel .wptb-swiper-dots { margin-top: 30px; } .wptb-blog-carousel .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-blog-carousel .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-five); } /* Style 2 */ /* Swiper Control */ .wptb-blog-carousel2 .swiper-control .wptb-swiper-arrow { position: static; background: var(--color-white); } .wptb-blog-carousel2 .swiper-control .wptb-swiper-arrow i { color: var(--color-white); background: var(--gradient-six); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2 .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-six); } .wptb-blog-carousel2 .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2 .wptb-swiper-dots { margin-top: 30px; } .wptb-blog-carousel2 .wptb-swiper-dots .swiper-pagination-bullet:hover, .wptb-blog-carousel2 .wptb-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--gradient-six); } .wptb-blog-grid-layout1 .wptb-circle-svg { z-index: 0; } .wptb-blog-grid-layout1 .wptb-grid-item { margin-bottom: 50px; } .wptb-blog-grid-layout1 .item--featured, .wptb-post-carousel1 .item--featured { overflow: hidden; position: relative; border-radius: 25px 25px 0 0 } .wptb-blog-grid-layout1 .item--featured:after, .wptb-post-carousel1 .item--featured:after { background: rgba(255, 255, 255, .3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear } .wptb-blog-grid-layout1 .item--featured img, .wptb-post-carousel1 .item--featured img { transition: all 400ms linear; width: 100% } .wptb-blog-grid-layout1 .item--title, .wptb-post-carousel1 .item--title { font-style: normal; font-weight: 700; font-size: 32px; margin-bottom: 0; color: var(--color-four); line-height: 42px } /* Style Startup */ .wptb-blog-carousel2.style-startup .swiper-control .wptb-swiper-arrow { width: 50px; height: 50px; font-size: 22px; box-shadow: 0 7px 20px rgba(86,100,255,.1); } .wptb-blog-carousel2.style-startup .swiper-control .wptb-swiper-arrow:hover { box-shadow: none; filter: none; background: var(--color-sixteen); } .wptb-blog-carousel2.style-startup .swiper-control .wptb-swiper-arrow i { color: var(--color-sixteen); background: var(--color-sixteen); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2.style-startup .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-grid-layout1.style-startup .item--meta a, .wptb-blog-grid-layout1.style-startup .item--title a:hover { color: var(--color-sixteen); } /* Style Studio */ .wptb-blog-carousel2.style-studio { padding: 120px 0px; } .wptb-blog-grid-layout1.style-studio .item--holder, .wptb-post-carousel1.style-studio .item--holder { background: transparent; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); border: 1px solid #3c3c3c; } .wptb-blog-grid-layout1.style-studio .item--title a, .wptb-post-carousel1.style-studio .item--title a { color: var(--color-white); } @media (max-width:1366px) { .wptb-blog-grid-layout1 .item--title, .wptb-post-carousel1 .item--title { font-size: 28px; line-height: 1.2 } } @media (max-width:1199px) { .wptb-blog-grid-layout1 .item--title, .wptb-post-carousel1 .item--title { font-size: 24px } } .wptb-blog-grid-layout1 .item--title a, .wptb-post-carousel1 .item--title a { background-repeat: no-repeat; background-position-y: -1px; /* background-image: linear-gradient(transparent calc(100% - 1px), var(--color-one) 1px); */ -webkit-backface-visibility: hidden; backface-visibility: hidden; /* animation: .6s cubic-bezier(.215, .61, .355, 1) wptb-wide-menu-underline forwards; */ } .wptb-blog-grid-layout1 .item--title a:hover, .wptb-post-carousel1 .item--title a:hover { /* animation: .6s cubic-bezier(.215, .61, .355, 1) wptb-wide-menu-underline-hover forwards; */ color: var(--color-one); } @media screen and (min-width:1200px) { .wptb-blog-grid-layout1.box-align-left .item--title, .wptb-post-carousel1.box-align-left .item--title { padding-right: 50px } } @media screen and (min-width:1200px) { .wptb-blog-grid-layout1.box-align-center .item--title, .wptb-post-carousel1.box-align-center .item--title { padding-right: 25px; padding-left: 25px } } @media screen and (min-width:1200px) { .wptb-blog-grid-layout1.box-align-right .item--title, .wptb-post-carousel1.box-align-right .item--title { padding-left: 50px } } .wptb-blog-grid-layout1 .item--author, .wptb-post-carousel1 .item--author { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 9px } .wptb-blog-grid-layout1 .item--author label, .wptb-post-carousel1 .item--author label { margin-bottom: 0px; } .wptb-blog-grid-layout1 .item--meta, .wptb-post-carousel1 .item--meta { font-size: 14px; width: 100%; list-style: none; margin-bottom: 0; font-weight: 500; padding: 0; } .wptb-blog-grid-layout1 .item--meta a, .wptb-post-carousel1 .item--meta a { color: var(--color-one) } .wptb-blog-grid-layout1 .item--meta a.title-gradient, .wptb-post-carousel1 .item--meta a.title-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent } .wptb-blog-grid-layout1 .item--meta a:hover, .wptb-post-carousel1 .item--meta a:hover { color: var(--color-one); text-decoration: underline } .wptb-blog-grid-layout1 .item--meta li, .wptb-post-carousel1 .item--meta li { display: inline-block } .wptb-blog-grid-layout1 .item--meta li+li, .wptb-post-carousel1 .item--meta li+li { margin-left: 15px; padding-left: 15px; position: relative } .wptb-blog-grid-layout1 .item--meta li+li:before, .wptb-post-carousel1 .item--meta li+li:before { display: block; content: ""; width: 3px; height: 3px; background-color: #434343; position: absolute; top: 13px; left: 0 } .wptb-blog-grid-layout1 .item--holder, .wptb-post-carousel1 .item--holder { padding: 35px; background: var(--color-light); box-shadow: 0 4px 20px rgba(89, 100, 255, 8%); border-radius: 0 0 25px 25px } @media screen and (max-width:1280px) { .wptb-blog-grid-layout1 .item--holder, .wptb-post-carousel1 .item--holder { padding: 32px } } @media screen and (max-width:1280px) and (max-width:767px) { .wptb-blog-grid-layout1 .item--holder, .wptb-post-carousel1 .item--holder { padding: 32px 15px } } .wptb-blog-grid-layout1 .wptb-item--inner:hover .item--featured img, .wptb-post-carousel1 .wptb-item--inner:hover .item--featured img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .wptb-blog-grid-layout1 .wptb-item--inner:hover .item--featured:after, .wptb-post-carousel1 .wptb-item--inner:hover .item--featured:after { left: 0; right: 0; opacity: 0; transition: all 400ms linear } .wptb-blog-grid-layout1 .wptb-item--inner:hover .item--featured a.btn-readmore, .wptb-post-carousel1 .wptb-item--inner:hover .item--featured a.btn-readmore { opacity: 1; transition-delay: .05s; transform: translate(-50%, -50%) } /* Style Social Blog */ .wptb-blog-grid-layout1.style-social .item--title, .wptb-post-carousel1.style-social .item--title { font-size: 24px; line-height: 33px; } .wptb-blog-carousel2.style-social .swiper-control .wptb-swiper-arrow { width: 50px; height: 50px; font-size: 24px; box-shadow: 0px 7px 20px rgba(86, 100, 255, 0.1); } .wptb-blog-carousel2.style-social .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-two); color: var(--color-white); } .wptb-blog-carousel2.style-social .swiper-control .wptb-swiper-arrow i { color: var(--color-fifteen); background: var(--gradient-two); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2.style-social .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } /* Style Email Blog */ .wptb-blog-grid-layout1.style-email .item--title, .wptb-post-carousel1.style-email .item--title { font-size: 24px; line-height: 33px; } .wptb-blog-grid-layout1.style-email .item--meta a { color: var(--color-fifteen); background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2.style-email .swiper-control .wptb-swiper-arrow { width: 50px; height: 50px; font-size: 24px; box-shadow: 0px 7px 20px rgba(86, 100, 255, 0.1); } .wptb-blog-carousel2.style-email .swiper-control .wptb-swiper-arrow:hover { background: var(--gradient-ten); color: var(--color-white); } .wptb-blog-carousel2.style-email .swiper-control .wptb-swiper-arrow i { color: var(--color-fifteen); background: var(--gradient-ten); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .wptb-blog-carousel2.style-email .swiper-control .wptb-swiper-arrow:hover i { color: var(--color-white); background: var(--color-white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } /* ---Blog Single--- */ .single-post { padding-bottom: 180px; } .single-post .wptb-single--image { margin-bottom: 60px; width: 100%; } .single-post .wptb-single--image img { overflow: hidden; object-fit: cover; border-radius: 20px; } .single-post .wptb-single--title { font-size: 60px; font-weight: 700; line-height: 70px; font-family: quicksand; color: var(--color-four); margin-top: 25px; margin-bottom: 20px; } .single-post .intro-text, .single-post .full-text { font-size: var(--fs-24); line-height: var(--fs-40); color: var(--color-three); } .single-post .wptb-highlight--title { color: #7360F2; font-size: 32px; line-height: 42px; margin-bottom: 30px; } .single-post .wptb-link{ list-style: none; margin: 0px 0px 50px 50px; padding: 0; } .single-post .wptb-link span { font-family: var(--font-family-three); font-size: 30px; font-weight: 400; line-height: 69px; } .single-post .wptb-link li a { display: inline-flex; align-items: center; position: relative; position: relative; } .single-post .wptb-link li i { margin-right: 25px; margin-top: 0; width: 32px; height: 32px; font-size: 14px; line-height: 32px; padding: 9px; display: flex; align-items: center; justify-content: center; color: var(--color-white); background-color: var(--color-two); border-radius: 50%; } .single-post .inner-images { margin: 50px 0px 65px 0px; } .single-post .wptb-video-player { position: relative; transform: none; margin: 50px 0px 65px 0px; } .single-post .wptb-item--meta { padding: 0px; font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; text-transform: uppercase; color: var(--color-two); margin-bottom: 18px } @media screen and (max-width:767px) { .single-post .wptb-item--meta { margin-bottom: 30px } } .single-post .wptb-item--meta li { display: inline-flex; align-items: center; position: relative; padding-right: 33px; margin-right: 10px; color: var(--color-two) } @media screen and (max-width:991px) { .single-post .wptb-item--meta { font-size: 24px; line-height: 1.2; margin-bottom: 21px } } @media screen and (max-width:767px) { .single-post .wptb-item--meta { font-size: 20px; line-height: 1.2; } } .single-post .wptb-item--meta li.wptb-item--author { text-transform: capitalize; color: var(--color-three); } .single-post .wptb-item--meta li.wptb-item--author a { color: var(--color-one); } .single-post .wptb-item--meta a { color: var(--color-three); } .single-post .wptb-item--meta a:hover { text-decoration: underline; color: var(--color-one); } .single-post .wptb--post-footer { margin-top: 60px; } .single-post .wptb--social { margin-bottom: 25px; } .single-post .wptb--social label { font-family: var(--font-family-heading); font-style: normal; font-weight: 700; margin-right: 47px; font-size: 32px; line-height: 42px; color: #303142; margin-bottom: 20px } @media screen and (max-width:767px) { .single-post .wptb--social label { font-size: 24px; margin-right: 17px } } .single-post .wptb--social a { display: inline-block; line-height: 60px; text-align: center; font-weight: 400; color: var(--color-light); margin-right: 20px; margin-bottom: 20px; text-transform: uppercase; border-radius: 8px; padding: 0 20px; font-size: 28px; transition: .3s cubic-bezier(.24, .74, .58, 1); position: relative } @media screen and (max-width:911px) { .single-post .wptb--social a { font-size: 20px; line-height: 55px; padding: 0 15px } } @media screen and (max-width:767px) { .single-post .wptb--social a { font-size: 20px; line-height: 45px; padding: 0 15px } } .single-post .wptb--social a.fb-social { background-color: var(--color-two) } .single-post .wptb--social a.tw-social { background: var(--gradient-three) } .single-post .wptb--social a.pin-social { background: var(--gradient-one) } .single-post .wptb--social a.gg-social { background: #f8a501 } .single-post .wptb--social a.lin-social { background: var(--gradient-two); } .single-post .wptb--social a span { -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; transition: .3s cubic-bezier(.24, .74, .58, 1); margin-left: 0 } /* Author Info */ .wptb--author-info { display: flex; align-items: center; padding: 63px 0 84px; border-top: 1px dotted #dadada; border-bottom: 1px dotted #dadada } @media screen and (max-width:991px) { .wptb--author-info { padding: 55px 0 65px } } @media screen and (max-width:575px) { .wptb--author-info { flex-direction: column; align-items: flex-start; gap: 20px } } .wptb--author-info .entry-author-avatar { min-width: 250px; width: 250px; height: 250px; overflow: hidden; margin-right: 55px; border-radius: 50% } @media screen and (max-width:991px) { .wptb--author-info .entry-author-avatar { min-width: 130px; width: 130px; height: 130px; margin-right: 35px } } .wptb--author-info .entry-author-avatar img { width: 100% } .wptb--author-info .entry-author-meta .author-name { font-style: normal; font-weight: 700; font-size: 40px; font-family: var(--font-family-heading); line-height: 42px; margin-bottom: 41px } @media screen and (max-width:991px) { .wptb--author-info .entry-author-meta .author-name { font-size: 28px; line-height: 1.2; margin-bottom: 21px } } @media screen and (max-width:767px) { .wptb--author-info .entry-author-meta .author-name { font-size: 24px; line-height: 1.2; margin-bottom: 21px } } .wptb--author-info .entry-author-meta .author-name a { color: var(--color-four) } .wptb--author-info .entry-author-meta .author-description { font-style: normal; font-weight: 400; font-size: 24px; line-height: 40px; max-width: 796px; color: var(--color-three); margin-bottom: 45px } @media screen and (max-width:991px) { .wptb--author-info .entry-author-meta .author-description { font-size: 20px; line-height: 1.4; margin-bottom: 20px } } @media screen and (max-width:767px) { .wptb--author-info .entry-author-meta .author-description { font-size: 18px; line-height: 1.4; margin-bottom: 20px } } .wptb--author-info .entry-author-meta .user-social { display: flex; align-items: center; margin-bottom: 0px; padding: 0px; } .wptb--author-info .entry-author-meta .user-social li { list-style: none; margin-right: 46px } @media screen and (max-width:767px) { .wptb--author-info .entry-author-meta .user-social li { margin-right: 26px } } .wptb--author-info .entry-author-meta .user-social li a { display: flex; align-items: center; text-align: center; line-height: 43px; background-color: initial; color: var(--color-four); font-size: 28px } @media screen and (max-width:767px) { .wptb--author-info .entry-author-meta .user-social li a { font-size: 24px; } } .wptb--author-info .entry-author-meta .user-social li a:hover i { color: var(--color-one); } .wptb--author-info .entry-author-meta .user-social li a i { display: flex; align-items: center; justify-content: center; line-height: 43px; } /* Comment Area */ #commentform { display: flex; flex-direction: column } #commentform .row { display: flex; order: 2 } #commentform .form-submit { display: flex; order: 6; padding: 0; box-shadow: none; background: 0 0; border-radius: 0 } #commentform .form-submit .submit { border-radius: 20px } .comments-area .comment-list-wrap { margin-top: 75px } @media screen and (max-width:991px) { .comments-area .comment-list-wrap { margin-top: 55px } } @media screen and (max-width:767px) { .comments-area .comment-list-wrap { margin-top: 35px } } .comments-area .comment-list-wrap .comments-title { position: relative; line-height: 30px; margin-bottom: 80px; } .comments-area .comment-list-wrap .comments-title::after { width: 60px; height: 6px; border-radius: 68px; background-color: var(--color-two); content: ""; display: inline-block; bottom: -24px; left: 0; position: absolute; } @media screen and (max-width:991px) { .comments-area .comment-list-wrap .comments-title { margin-bottom: 42px; font-size: 34px } } .comments-area .comment-respond { margin-top: 94px } .comments-area .comment-respond .comment-reply-title { position: relative; line-height: 30px; margin-bottom: 40px; } .comments-area .comment-respond .comment-reply-title::after { width: 60px; height: 6px; border-radius: 68px; background-color: var(--color-two); content: ""; display: inline-block; bottom: -24px; left: 0; position: absolute; } .comments-area .comment-respond p { font-size: 20px; line-height: 36px; } @media screen and (max-width:991px) { .comments-area .comment-respond { margin-top: 60px } .comments-area .comment-respond p { font-size: 18px; line-height: 30px; } } .comments-area .comment-respond .logged-in-as { display: flex; order: 1; margin-bottom: 0 } .comments-area .comment-respond .logged-in-as a { color: inherit } .comments-area .comment-respond .logged-in-as a:hover { color: var(--color-one) } .comments-area input:focus, .comments-area textarea:focus { border-color: var(--color-one) } .comment-title { font-size: 40px; font-weight: 700; line-height: 61px; text-transform: capitalize; margin-bottom: 0; margin-right: 35px; color: var(--color-four) } @media screen and (max-width: 1366px) { .comment-title { font-size: 30px; line-height: 48px; } } @media screen and (max-width:991px) { .comment-title { font-size: 28px; line-height: 1.2 } } @media screen and (max-width:767px) { .comment-title { font-size: 24px; line-height: 1.2 } } .comment-title a { color: var(--color-four) } .comment-list { padding: 0; list-style: none } .comment-list li .children { padding: 47px 0 47px 184px } @media screen and (max-width:991px) { .comment-list li .children { padding: 17px 0 17px 134px } } @media screen and (max-width:767px) { .comment-list li .children { padding-left: 78px } } @media screen and (max-width:575px) { .comment-list li .children { padding-left: 0 } } .comment-list li .children li { list-style: none; margin-top: 35px } .comment-list li .comment-respond { margin-top: 60px; margin-bottom: 50px; margin-left: 130px } @media screen and (max-width:767px) { .comment-list li .comment-respond { margin-left: 78px; margin-top: 0 } } @media screen and (max-width:575px) { .comment-list li .comment-respond { margin-left: 0; margin-top: 20px } } .comment-list>li { margin-bottom: 35px } .comment-list>li:last-child { margin-bottom: 0 } .comment-list>li>.children>li>.children>li>.children>li>.children { padding-left: 0 } .comment-list>li>.children>li>.children>li>.children>li>.children .children { padding-left: 0 } .comment-date { font-size: 24px; text-transform: uppercase; color: var(--color-two); margin-bottom: -2px; line-height: 34px; font-weight: 600; display: inline-block; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); -khtml-transition: all .3s cubic-bezier(.645, .045, .355, 1); -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1); -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1); -o-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1) } .comment-content { position: relative; flex-grow: 1; -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1); -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1); -moz-transition: .3s cubic-bezier(.24, .74, .58, 1); -ms-transition: .3s cubic-bezier(.24, .74, .58, 1); -o-transition: .3s cubic-bezier(.24, .74, .58, 1); transition: .3s cubic-bezier(.24, .74, .58, 1); display: flex; order: 3; flex-direction: column } @media screen and (max-width: 1366px) { .comment-date { font-size: 18px; line-height: 30px; } } @media screen and (max-width:767px) { .comment-content { padding-left: 0; padding-right: 0 } } @media screen and (max-width:575px) { .comment-content { padding-top: 70px } } .comment-content a { word-wrap: break-word } .comment-content .comment-meta { display: flex; align-items: center; margin-bottom: 18px } @media screen and (max-width:1366px) { .comment-content .comment-meta { margin-bottom: 15px } } @media screen and (max-width:767px) { .comment-content .comment-meta { margin-top: 30px; margin-bottom: 15px } } .comment-content .comment-text { color: var(--color-three); font-size: 24px; line-height: 34px; font-weight: 400; margin-bottom: 25px } @media screen and (max-width:1366px) { .comment-content .comment-text { font-size: 18px; line-height: 30px; margin-bottom: 15px; } } .comment-content .comment-text p:last-child { margin-bottom: 0 } .comment-content .comment-text ol, .comment-content .comment-text ul { margin-bottom: 32px } .comment-content .comment-text ol ul, .comment-content .comment-text ul ul, .comment-content .comment-text ol ol, .comment-content .comment-text ul ol { margin-bottom: 0 } .comment-content .comment-text ul li { list-style: outside } .comment-content .comment-text img { margin: 6px 0 } @media screen and (max-width:575px) { .comment-reply { position: static; margin-top: 22px } } .comment-reply a { line-height: 34px; display: inline-flex; align-items: center; text-transform: uppercase; font-size: 24px; color: var(--color-two); font-weight: 600; position: relative; z-index: 1 } @media screen and (max-width: 1366px) { .comment-reply a { font-size: 18px; line-height: 30px; } } .comment-reply a:hover { color: var(--color-one) } .comment-reply a i { margin-left: 5px; line-height: 1; font-size: 20px } .comment-reply-title small { display: inline-block; vertical-align: top; margin-top: -9px; margin-left: 10px } .comment-reply-title small a { line-height: 36px; display: inline-block; padding: 0 16px; font-size: 14px; font-weight: 500; background-color: var(--color-one); color: #fff } .comment-holder { display: flex; flex-wrap: nowrap; margin-top: 5px } .comment-holder .comment-meta { flex-grow: 1; margin-right: 30px; display: flex } @media screen and (max-width:575px) { .comment-holder { display: block; margin-top: 0; margin-bottom: 14px } .comment-holder .comment-meta { margin-right: 0 } } #commentform.comment-form .form-group { margin-top: 50px } #commentform.comment-form .btn-group { margin-top: 50px; margin-bottom: 0; position: relative; } #commentform.comment-form .btn-group .btn { box-shadow: 0 7.05887px 52.9415px rgba(0,255,255,.6); background: var(--gradient-three); font-size: 28px; font-weight: 600; line-height: 60px; } #commentform.comment-form .comment-form-comment { order: 3; display: flex; flex-wrap: wrap; margin-top: 35px; } .comment-inner { display: flex; flex-wrap: nowrap } @media screen and (max-width:767px) { .comment-inner { flex-direction: column; padding: 15px; border: 1px solid #c0c6c6 } .comment-inner .comment-content { border: none } } @media screen and (max-width:575px) { .comment-inner { display: block } } .comment-inner img.avatar { width: 186px; height: 186px; min-width: 186px; margin-right: 61px; float: left; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px } @media screen and (max-width:991px) { .comment-inner img.avatar { width: 130px; height: 130px; min-width: 130px; margin-right: 31px } } @media screen and (max-width:575px) { .comment-inner img.avatar { float: none; margin: 0 auto; width: 186px; height: 186px; min-width: 186px; margin-bottom: -45px; position: relative; z-index: 99; opacity: 1 } } .comment-form-cookies-consent { display: flex; order: 5; font-size: 24px; line-height: 34px; padding-left: 35px; position: relative; margin-top: 15px; margin-bottom: 28px; color: var(--color-three) } @media screen and (max-width:991px) { .comment-form-cookies-consent { font-size: 20px; line-height: 27px } } .comment-form-cookies-consent input, .comment-form-cookies-consent label:before, .comment-form-cookies-consent label:after { position: absolute; width: 20px; height: 20px; left: 0; top: 3px; cursor: pointer; border-radius: 50%; background-color: initial; border: 1px solid #c0c6c6 } .comment-form-cookies-consent label { cursor: pointer } .comment-form-cookies-consent label:before { content: ''; z-index: 1; background-color: #e9e9e9 } .comment-form-cookies-consent label:after { content: '\f119'; font-family: bootstrap-icons; font-weight: 400; z-index: 2; font-size: 10px; color: #000; opacity: 0; line-height: 12px; text-align: center; top: 3px } .comment-form-cookies-consent input { z-index: 99; opacity: 0 } .comment-form-cookies-consent input:checked+label:after { opacity: 1 } #commentform { padding: 0 } /* Blog End */ /* Apps Features */ .wptb-apps-carousel .swiper-container .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('../img/apps/frame.png'); background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; } .wptb-apps-carousel .swiper-container .swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; } .wptb-apps-item .wptb-item--title { position: relative; font-size: var(--fs-32); color: var(--color-four); font-weight: 700; margin: 0 0 15px; clear: both; line-height: 1.41666; max-width: 350px; } .wptb-apps-item .wptb-item-meta span { position: absolute; right: 0; bottom: 0; z-index: -1; color: #f5eefa; font-family: var(--font-family-heading); font-size: 138px; font-style: normal; font-weight: 700; line-height: 138px; } .wptb-apps-item .wptb-item--description { font-size: var(--fs-20); line-height: var(--fs-28); } .wptb-apps-item .btns { margin-top: 30px; } .wptb-apps-item .btns p { margin: 0px; } .wptb-apps-item .btns p a { color: var(--color-ten); } .wptb-apps-item .play-app img { max-width: 160px; } .wptb-apps-item.style2 .wptb-item--title { font-size: var(--fs-40); line-height: var(--fs-54); max-width: none; } @media screen and (min-width: 1367px) { .wptb-apps-item.style2 .wptb-item--title { font-size: var(--fs-50); line-height: var(--fs-70); } .wptb-apps-item.style2 .wptb-item--description { font-size: var(--fs-30); line-height: var(--fs-34); } } /* Email Features */ .wptb-email-item .wptb-item--title { position: relative; font-size: var(--fs-34); color: #37486E; font-weight: 700; margin-bottom: 35px; clear: both; line-height: 1.5; max-width: 450px; } .wptb-email-item .wptb-item-meta span { position: absolute; right: -50px; bottom: 10px; z-index: -1; color: #EEF3FA; font-family: var(--font-family-heading); font-size: 138px; font-style: normal; font-weight: 700; line-height: 138px; } .wptb-email-item .wptb-item--description { font-size: var(--fs-20); line-height: var(--fs-30); } .wptb-email-item-image-holder { position: relative; } .wptb-email-item-image-holder.second { min-height: 600px; text-align: right; } .wptb-email-item-image-holder .wptb-particle { position: absolute; } .wptb-email-item-image-holder .wptb-particle.one { top: 40px; left: 60px; } .wptb-email-item-image-holder .wptb-particle.two { bottom: 0; right: 0; } .wptb-email-item-image-holder .wptb-particle.three { bottom: 0; left: 0; border-bottom-left-radius: 110px; overflow: hidden; z-index: 1; } .wptb-email-item-image-holder .wptb-particle.four { top: 0; left: 0; z-index: -1; } .wptb-email-item-image-holder .wptb-particle.five { top: 0; right: 0; border-top-left-radius: 70px; overflow: hidden; } .wptb-email-item .btns { margin-top: 30px; } .wptb-email-item .btns p { margin: 0px; } .wptb-email-item .btns p a { color: var(--color-ten); } .wptb-email-item .play-app img { max-width: 160px; } .wptb-pricing.style-digital { margin-top: -350px; } /* Price Table */ .wptb-pricing1 { position: relative; background-color: var(--color-white); box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); border-radius: 25px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 127px 60px 140px; } @media screen and (max-width:1366px) { .wptb-pricing1 { padding: 60px 30px 140px; } } @media screen and (max-width:767px) { .wptb-pricing1 { padding: 80px 15px; } } .wptb-pricing1 .wptb-title { position: absolute; top: -32px; left: 0; font-size: 21px; font-weight: 700; margin-bottom: 0; z-index: 3; width: 245px; height: 88px } @media screen and (max-width:1366px) { .wptb-pricing1 .wptb-title { width: 180px; height: 65px } } .wptb-pricing1 .wptb-title span { position: absolute; width: 100%; height: 100%; z-index: 1; text-align: center; line-height: 88px; font-weight: 400; font-size: 24px; color: #fdfdfd } @media screen and (max-width:1366px) { .wptb-pricing1 .wptb-title span { line-height: 61px; font-size: 20px } } .wptb-pricing1 .wptb-title:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: var(--gradient-one); clip-path: polygon(85% 0%, 100% 100%, 0% 100%, 0% 0%); } .wptb-pricing1.two .wptb-title:after { background: var(--gradient-two); } .wptb-pricing1.three .wptb-title:after { background: var(--gradient-three); } @media screen and (max-width:1366px) { .wptb-pricing1 .wptb-title:after { mask-size: contain } } .wptb-pricing1.style-app .wptb-title:after, .wptb-pricing1.style-app .wptb-feature li:before, .wptb-pricing1.style-app .btn { background: var(--gradient-eight); } .wptb-pricing1 .wptb-price { font-family: var(--font-family-three); font-size: 36px; font-weight: 700; line-height: 1; text-align: center; color: var(--color-one); word-spacing: -3px } @media screen and (max-width:991px) { .wptb-pricing1 .wptb-price { font-size: 24px } } .wptb-pricing1 .wptb-price .wptb-suffix { font-size: 16px; font-weight: 400; padding-bottom: 5px; position: relative; top: -7px } .wptb-pricing1 .wptb-popular { background-color: #e3f0da; height: 39px; line-height: 39px; text-align: center } .wptb-pricing1 .wptb-popular span { font-size: 15px; display: inline-block; color: var(--color-two); font-weight: 500; line-height: 32px; padding: 0 24px } .wptb-pricing1 .wptb-meta { display: flex; align-items: center; flex-direction: column } .wptb-pricing1 .wptb-meta .wptb-after { font-weight: 400; font-size: 32px; line-height: 42px; color: var(--color-three); text-transform: uppercase; } .wptb-pricing1 .wptb-meta .wptb-price .wptb-currency { position: relative; top: -25px; font-weight: 400; font-size: 32px; line-height: 42px; color: var(--color-four) } @media screen and (max-width:767px) { .wptb-pricing1 .wptb-meta .wptb-price .wptb-currency { font-size: 28px; line-height: 38px } } .wptb-pricing1 .wptb-meta .wptb-price .wptb-value { font-style: normal; font-weight: 600; font-size: 55px; line-height: 82px; color: var(--color-four) } @media screen and (max-width:767px) { .wptb-pricing1 .wptb-meta .wptb-price .wptb-value { font-size: 44px; line-height: 60px } } .wptb-pricing1 .wptb-meta .wptb-price .wptb-suffix { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-four) } .wptb-pricing1 .btn { position: absolute; bottom: 70px; width: 100%; justify-content: center; max-width: 400px; left: 50%; transform: translateX(-50%); } .wptb-pricing1.two .btn { background: var(--gradient-two); } .wptb-pricing1.three .btn { background: var(--gradient-three); } @media screen and (max-width:1366px) { .wptb-pricing1 .btn { max-width: calc(100% - 30px); } } @media screen and (max-width:575px) { .wptb-pricing1 .btn { max-width: calc(100% - 30px); } } .wptb-pricing1 .wptb-feature { margin-top: -1px; color: var(--color-three); list-style: none; margin-bottom: 0; padding: 63px 0 } .wptb-pricing1 .wptb-feature .no-active { text-decoration: line-through; color: var(--color-three); } .wptb-pricing1 .wptb-feature li+li { margin-top: 20px } .wptb-pricing1 .wptb-feature li { position: relative; padding: 0 0 0 45px; text-align: left; font-family: var(--font-family-heading); font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; color: var(--color-three) } .wptb-pricing1 .wptb-feature li.non-active del { text-decoration: revert } .wptb-pricing1 .wptb-feature li:before { content: '\F633'; font-family: "bootstrap-icons"; position: absolute; left: 0; background: var(--gradient-one); border-radius: 50%; color: var(--color-light); width: 24px; font-size: 12px; height: 24px; line-height: 24px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translatey(-50%) } .wptb-pricing1.two .wptb-feature li:before { background: var(--gradient-two); } .wptb-pricing1.three .wptb-feature li:before { background: var(--gradient-three); } @media screen and (max-width:1366px) { .wptb-pricing1 .wptb-feature { padding: 30px 0 } } @media screen and (max-width:1366px) and (max-width:767px) { .wptb-pricing1 .wptb-feature { padding: 30px 0 90px } } @media screen and (max-width:991px) { .wptb-pricing1 .wptb-feature li { font-size: 18px; line-height: 30px; } } .wptb-pricing1.is-active { background: #f6f6f6; box-shadow: 0 4px 20px rgba(34, 34, 34, .1) } .wptb-pricing1:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -khtml-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -ms-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -o-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); box-shadow: 0 10px 40px rgba(0, 0, 0, .1) } /* Pricetable 2 */ .wptb-pricing2 { position: relative; background-color: var(--color-white); box-shadow: 0 10px 60px rgba(73, 88, 124, .1); border-radius: 25px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 57px 51px 66px } @media(max-width:1024px) { .wptb-pricing2 { padding: 57px 30px 66px } } .wptb-pricing2 .wptb-sub-title { font-size: 14px; color: var(--color-three); font-weight: 400; line-height: 24px; text-transform: uppercase; letter-spacing: .84px; margin: 10px 0px; display: block; } .wptb-pricing2 .wptb-title { margin-top: -9px; margin-bottom: 26px } .wptb-pricing2 .wptb-title span { font-family: plus jakarta sans; font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.3px; color: #2e3d62 } @media(max-width:1366px) { .wptb-pricing2 .wptb-title span { line-height: 1.3; font-size: 20px } } .wptb-pricing2 .wptb-price { word-spacing: -6px } .wptb-pricing2 .wptb-price .wptb-suffix { font-size: 16px; font-weight: 400; padding-bottom: 5px; position: relative; top: -7px } .wptb-pricing2 .wptb-popular { background-color: #e3f0da; height: 39px; line-height: 39px; text-align: center } .wptb-pricing2 .wptb-popular span { font-size: 15px; display: inline-block; color: var(--secondary-color); font-weight: 500; line-height: 32px; padding: 0 24px } .wptb-pricing2 .wptb-meta { display: flex; align-items: center } .wptb-pricing2 .wptb-meta .wptb-after { font-weight: 400; font-size: 32px; line-height: 42px; background: linear-gradient(90deg, #0039e4 0%, #04dbf1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .wptb-pricing2 .wptb-meta .wptb-price { font-family: plus jakarta sans; position: relative } .wptb-pricing2 .wptb-meta .wptb-price .wptb-currency { position: relative; font-weight: 700; font-size: 48px; line-height: 63px; background: linear-gradient(90deg, #0039e4 0%, #04dbf1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } @media(max-width:767px) { .wptb-pricing2 .wptb-meta .wptb-price .wptb-currency { font-size: 28px; line-height: 38px } } .wptb-pricing2 .wptb-meta .wptb-price .wptb-dup-value { position: absolute; top: 50px; opacity: 0 } .wptb-pricing2 .wptb-meta .wptb-price .wptb-value { font-style: normal; font-weight: 700; font-size: 48px; line-height: 63px; background: linear-gradient(90deg, #0039e4 0%, #04dbf1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } @media(max-width:767px) { .wptb-pricing2 .wptb-meta .wptb-price .wptb-value { font-size: 52px; line-height: 62px } } .wptb-pricing2 .wptb-meta .wptb-price .wptb-suffix { font-weight: 400; font-size: 16px; line-height: 26px; background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .wptb-pricing2 .btn { width: 100%; justify-content: center; max-width: 182px; border-radius: 50px; background: linear-gradient(90deg, #0039e4 0%, #04dbf1 100%); left: 50%; transform: translateX(-50%); } .wptb-pricing2 .btn span { font-size: 18px; font-style: normal; font-weight: 700; line-height: 33px } @media(max-width:1366px) { .wptb-pricing2 .btn { max-width: calc(100% - 30px); } } @media(max-width:575px) { .wptb-pricing2 .btn { max-width: calc(100% - 30px); } } .wptb-pricing2 .wptb-feature { margin-top: -1px; color: var(--color-three); list-style: none; margin-bottom: 28px; padding-left: 0px; } /* .wptb-pricing2 .wptb-feature li { padding: 5px 25px; text-align: center; font-size: 14px } .wptb-pricing2 .wptb-feature li:nth-child(2n) { background-color: #f8f8f8 } .wptb-pricing2 .wptb-feature li+li { margin-top: 5px } */ .wptb-pricing2 .wptb-feature li { position: relative; padding: 0 0 0 25px; text-align: left; font-family: dm sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; color: var(--color-three) } .wptb-pricing2 .wptb-feature li.no-active { text-decoration: line-through; opacity: 0.5; } .wptb-pricing2 .wptb-feature li:before { content: '\F633'; font-family: 'bootstrap-icons'; position: absolute; left: 0; color: #7360f2; font-size: 16px; line-height: 26px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translatey(-50%) } .wptb-pricing2 .wptb-feature li+li { margin-top: 10px } .wptb-pricing2.is-active { background: linear-gradient(119deg, #0039e4 17.94%, #04dbf1 92.88%); box-shadow: 0 10px 20px 5px rgba(44, 135, 222, .2) } .wptb-pricing2.is-active .wptb-sub-title { color: #fff } .wptb-pricing2.is-active .btn { background: var(--gradient-six); } .wptb-pricing2.is-active .wptb-title span { color: #fff } .wptb-pricing2.is-active .wptb-feature li { color: #fff } .wptb-pricing2.is-active .wptb-feature li:before { color: #fff } .wptb-pricing2.is-active .wptb-meta .wptb-price .wptb-currency, .wptb-pricing2.is-active .wptb-meta .wptb-price .wptb-value, .wptb-pricing2.is-active .wptb-meta .wptb-price .wptb-suffix { color: var(--color-white); -webkit-text-fill-color: unset } .wptb-pricing2.is-active .wptb-meta .wptb-price .wptb-dup-value { font-family: var(--font-family-heading); font-size: 130px; color: #00c3ff; font-weight: 600; line-height: 50px; letter-spacing: -1.3px; opacity: .2 } .wptb-pricing2:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -khtml-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -ms-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); -o-box-shadow: 0 10px 40px rgba(0, 0, 0, .1); box-shadow: 0 10px 40px rgba(0, 0, 0, .1) } /* Price Table 3 */ .wptb-pricing3 { position: relative; background-color: var(--color-white); box-shadow: 0 3px 21px rgba(89, 100, 255, 8%); border-radius: 25px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 100px 60px 100px; } @media screen and (max-width:1366px) { .wptb-pricing3 { padding: 60px 30px 140px; } } @media screen and (max-width:767px) { .wptb-pricing3 { padding: 80px 15px; } } .wptb-pricing3 .wptb-title { position: absolute; top: 0; left: 0; right: 0; font-size: 14px; font-weight: 700; line-height: 27.3px; margin-bottom: 0; z-index: 3; width: 100%; height: 42px } @media screen and (max-width:1366px) { .wptb-pricing3 .wptb-title { } } .wptb-pricing3 .wptb-title span { position: absolute; width: 100%; height: 100%; z-index: 1; text-align: center; font-family: var(--font-family-four); line-height: 42px; font-weight: 700; font-size: 14px; color: var(--color-light); } .wptb-pricing3 .wptb-title:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: var(--gradient-ten); mask-image: url(../img/mask-pricing.png); -webkit-mask-image: url(../img/mask-pricing.png); -ms-mask-image: url(../img/mask-pricing.png); -o-mask-image: url(../img/mask-pricing.png); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-position: center top; -ms-mask-position: center top; -o-mask-position: center top; mask-position: center top; -webkit-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -khtml-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -moz-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -ms-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -o-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50) } @media screen and (max-width:1366px) { .wptb-pricing3 .wptb-title:after { mask-size: contain } } .wptb-pricing3 .wptb-price { font-family: var(--font-family-three); font-size: 36px; font-weight: 700; line-height: 1; text-align: center; color: var(--color-one); word-spacing: -3px } @media screen and (max-width:991px) { .wptb-pricing3 .wptb-price { font-size: 24px } } .wptb-pricing3 .wptb-price .wptb-suffix { font-size: 16px; font-weight: 400; padding-bottom: 5px; position: relative; top: -7px } .wptb-pricing3 .wptb-popular { background-color: #e3f0da; height: 39px; line-height: 39px; text-align: center } .wptb-pricing3 .wptb-popular span { font-size: 15px; display: inline-block; color: var(--color-two); font-weight: 500; line-height: 32px; padding: 0 24px } .wptb-pricing3 .wptb-meta { display: flex; align-items: center; flex-direction: column } .wptb-pricing3 .wptb-meta .wptb-after { font-family: var(--font-family-six); font-weight: 400; font-size: 25px; line-height: 34px; color: #37486E; text-transform: uppercase; } .wptb-pricing3 .wptb-meta .wptb-price .wptb-currency { position: relative; top: -25px; font-weight: 400; font-size: 32px; line-height: 42px; color: var(--color-four) } @media screen and (max-width:767px) { .wptb-pricing3 .wptb-meta .wptb-price .wptb-currency { font-size: 28px; line-height: 38px } } .wptb-pricing3 .wptb-meta .wptb-price .wptb-value { font-family: var(--font-family-six); font-style: normal; font-weight: 600; font-size: 55px; line-height: 82px; color: #37486E; } @media screen and (max-width:767px) { .wptb-pricing3 .wptb-meta .wptb-price .wptb-value { font-size: 44px; line-height: 60px } } .wptb-pricing3 .wptb-meta .wptb-price .wptb-suffix { font-weight: 400; font-size: 16px; line-height: 26px; color: #37486E; } .wptb-pricing3 .btn { position: absolute; bottom: 70px; width: 100%; justify-content: center; max-width: 400px; left: 50%; transform: translateX(-50%); background: var(--gradient-ten); padding: 6px 35px; } @media screen and (max-width:1366px) { .wptb-pricing3 .btn { max-width: calc(100% - 30px); } } .wptb-pricing3 .wptb-feature { margin-top: -1px; color: var(--color-three); list-style: none; margin-bottom: 0; padding: 63px 0 } .wptb-pricing3 .wptb-feature .no-active { text-decoration: line-through; color: var(--color-three); } .wptb-pricing3 .wptb-feature li+li { margin-top: 20px } .wptb-pricing3 .wptb-feature li { position: relative; padding: 0 0 0 45px; text-align: left; font-family: var(--font-family-seven); font-style: normal; font-weight: 400; font-size: 24px; line-height: 34px; color: var(--color-three) } .wptb-pricing3 .wptb-feature li.non-active del { text-decoration: revert } .wptb-pricing3 .wptb-feature li:before { content: '\F633'; font-family: "bootstrap-icons"; position: absolute; left: 0; background: var(--gradient-ten); border-radius: 50%; color: var(--color-light); width: 20px; height: 20px; font-size: 12px; line-height: 20px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translatey(-50%) } @media screen and (max-width:1366px) { .wptb-pricing3 .wptb-feature { padding: 30px 0 } .wptb-pricing3 .wptb-meta .wptb-price .wptb-value { font-size: 48px; line-height: 60px } .wptb-pricing3 .wptb-feature li { font-size: 18px; line-height: 26px; } } @media screen and (max-width:1366px) and (max-width:767px) { .wptb-pricing3 .wptb-feature { padding: 30px 0 90px } } @media screen and (max-width:991px) { .wptb-pricing3 .wptb-feature li { font-size: 18px; line-height: 30px; } } /* Price Table 4 */ .wptb-pricing4 { position: relative; border: 1px solid #1b1b1b; background: linear-gradient(180deg, rgba(126, 130, 153, 0.29) 0%, rgba(126, 130, 153, 0.00) 100%); box-shadow: 0px 2.40592px 16.84146px 0px rgba(89, 100, 255, 0.08); border-radius: 25px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 100px 60px 100px; } @media screen and (max-width:1366px) { .wptb-pricing4 { padding: 60px 30px 140px; } } @media screen and (max-width:767px) { .wptb-pricing4 { padding: 80px 15px; } } .wptb-pricing4 .wptb-title { position: absolute; top: 0; left: 0; right: 0; font-size: 14px; font-weight: 700; line-height: 27.3px; margin-bottom: 0; z-index: 3; width: 100%; height: 42px } @media screen and (max-width:1366px) { .wptb-pricing4 .wptb-title { } } .wptb-pricing4 .wptb-title span { position: absolute; width: 100%; height: 100%; z-index: 1; text-align: center; font-family: var(--font-family-four); line-height: 42px; font-weight: 700; font-size: 14px; color: var(--color-light); } .wptb-pricing4 .wptb-title:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: var(--gradient-one); mask-image: url(../img/mask-pricing.png); -webkit-mask-image: url(../img/mask-pricing.png); -ms-mask-image: url(../img/mask-pricing.png); -o-mask-image: url(../img/mask-pricing.png); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-position: center top; -ms-mask-position: center top; -o-mask-position: center top; mask-position: center top; -webkit-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -khtml-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -moz-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -ms-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); -o-box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50); box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.50) } @media screen and (max-width:1366px) { .wptb-pricing4 .wptb-title:after { mask-size: contain } } .wptb-pricing4 .wptb-price { font-family: var(--font-family-four); font-size: 36px; font-weight: 700; line-height: 1; text-align: center; color: var(--color-white); word-spacing: -3px; margin-top: 8px; } @media screen and (max-width:991px) { .wptb-pricing4 .wptb-price { font-size: 24px } } .wptb-pricing4 .wptb-popular { background-color: #e3f0da; height: 39px; line-height: 39px; text-align: center } .wptb-pricing4 .wptb-popular span { font-size: 15px; display: inline-block; font-weight: 500; line-height: 32px; padding: 0 24px } .wptb-pricing4 .wptb-meta { display: flex; align-items: center; flex-direction: column } .wptb-pricing4 .wptb-meta .wptb-after { font-weight: 400; font-size: 25px; line-height: 34px; text-transform: uppercase; } .wptb-pricing4 .wptb-meta .wptb-price .wptb-currency { position: relative; top: -20px; font-weight: 300; font-size: 25px; line-height: 36px; } @media screen and (max-width:767px) { .wptb-pricing4 .wptb-meta .wptb-price .wptb-currency { font-size: 20px; line-height: 30px } } .wptb-pricing4 .wptb-meta .wptb-price .wptb-value { font-style: normal; font-weight: 600; font-size: 55px; line-height: 82px; } @media screen and (max-width:767px) { .wptb-pricing4 .wptb-meta .wptb-price .wptb-value { font-size: 44px; line-height: 60px } } .wptb-pricing4 .wptb-meta .wptb-price .wptb-suffix { font-weight: 400; font-size: 16px; line-height: 26px; } .wptb-pricing4 .btn { position: absolute; bottom: 70px; width: 100%; justify-content: center; max-width: 400px; left: 50%; transform: translateX(-50%); background: var(--gradient-one); padding: 6px 35px; } @media screen and (max-width:1366px) { .wptb-pricing4 .btn { max-width: calc(100% - 30px); } } .wptb-pricing4 .wptb-feature { margin-top: -1px; color: #8d8f9c; list-style: none; margin-bottom: 0; padding: 63px 0 } .wptb-pricing4 .wptb-feature .no-active { text-decoration: line-through; color: #8d8f9c; opacity: 0.5; } .wptb-pricing4 .wptb-feature li+li { margin-top: 20px } .wptb-pricing4 .wptb-feature li { position: relative; padding: 0 0 0 45px; text-align: left; font-family: var(--font-family-four); font-style: normal; font-weight: 400; font-size: 24px; line-height: 34px; color: #8d8f9c; } .wptb-pricing4 .wptb-feature li.non-active del { text-decoration: revert } .wptb-pricing4 .wptb-feature li:before { content: '\F633'; font-family: "bootstrap-icons"; position: absolute; left: 0; background: var(--gradient-one); border-radius: 50%; color: var(--color-black); width: 20px; height: 20px; font-size: 12px; line-height: 20px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translatey(-50%) } @media screen and (max-width:1366px) { .wptb-pricing4 .wptb-feature { padding: 30px 0 } .wptb-pricing4 .wptb-meta .wptb-price .wptb-value { font-size: 48px; line-height: 60px } .wptb-pricing4 .wptb-feature li { font-size: 18px; line-height: 26px; } } @media screen and (max-width:1366px) and (max-width:767px) { .wptb-pricing4 .wptb-feature { padding: 30px 0 90px } } @media screen and (max-width:991px) { .wptb-pricing4 .wptb-feature li { font-size: 18px; line-height: 30px; } } /* Email Pricing */ .wptb-email-pricing { padding-bottom: 270px; } .wptb-email-pricing .wptb-mask-bg-parallax { -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; -webkit-mask-image: url('../img/background/bg-30.png'); -webkit-mask-size: auto; -webkit-mask-position: bottom center; background: #00195BB3; } .wptb-email-pricing .wptb-mask-bg-parallax img { width: 100%; height: 100%; mix-blend-mode: multiply; position: absolute; top: 120px; } /* FAQ/Accordion */ .wptb-accordion1 .wptb-item-accordion { position: relative; font-weight: 700; font-size: 32px; color: var(--color-four); padding: 36px 153px 36px 55px; line-height: 42px; cursor: pointer; -webkit-transition: 300ms all ease; -khtml-transition: 300ms all ease; -moz-transition: 300ms all ease; -ms-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; border-radius: 20px; border-bottom: 1px solid #ececec } @media screen and (max-width:1024px) { .wptb-accordion1 .wptb-item-accordion { padding: 36px 153px 36px 15px } } @media screen and (max-width:767px) { .wptb-accordion1 .wptb-item-accordion { padding: 26px 30px 26px 15px; font-size: 24px; line-height: 32px } } .wptb-accordion1 .wptb-item-accordion span { display: block } @media screen and (max-width:575px) { .wptb-accordion1 .wptb-item-accordion span { font-size: 24px; line-height: 1.5 } } .wptb-accordion1 .wptb-item-accordion i { -webkit-transition: 250ms all linear 0ms; -khtml-transition: 250ms all linear 0ms; -moz-transition: 250ms all linear 0ms; -ms-transition: 250ms all linear 0ms; -o-transition: 250ms all linear 0ms; transition: 250ms all linear 0ms; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-size: 40px; line-height: 40px; color: var(--color-four) } @media screen and (max-width:991px) { .wptb-accordion1 .wptb-item-accordion i { right: 15px } } @media screen and (max-width:991px) and (max-width:767px) { .wptb-accordion1 .wptb-item-accordion i { font-size: 34px; line-height: 32px } } .wptb-accordion1 .wptb-item-accordion i:before { font-weight: 300 } .wptb-accordion1 .wptb--item .wptb-item--content { font-size: 24px; line-height: 40px; font-weight: 400; color: var(--color-three); padding-top: 10px; padding: 38px 400px 49px 52px; display: none; } .wptb-accordion1 .wptb--item.active .wptb-item--content { display: block; } @media screen and (max-width:1500px) { .wptb-accordion1 .wptb--item.active .wptb-item--content { padding: 38px 300px 49px 52px } } @media screen and (max-width:1500px) and (max-width:881px) { .wptb-accordion1 .wptb--item.active .wptb-item--content { padding: 38px 52px 49px } } @media screen and (max-width:1500px) and (max-width:881px) and (max-width:767px) { .wptb-accordion1 .wptb--item.active .wptb-item--content { padding: 20px 0 39px 5px; font-size: 20px; line-height: 1.5 } } .wptb-accordion1 .wptb--item+.wptb--item { border-top: 1px solid #ececec } .wptb-accordion1 .wptb--item:last-child .wptb-item-accordion { border-bottom-color: transparent } .wptb-accordion1 .wptb--item.active .wptb-item-accordion { background: var(--gradient-two); color: #fff } .wptb-accordion1 .wptb--item.active .wptb-item-accordion i { transform: translateY(-50%) rotateZ(180deg); color: #fff } /* Accordion Style Two */ .wptb-accordion1.style2 .wptb--item.active .wptb-item-accordion { background: var(--gradient-one); color: #fff } .wptb-accordion1 .wptb--item .wptb-item--content, .wptb-accordion1 .wptb--item.active .wptb-item--content { padding: 40px 30px 45px 30px; } /* Style 3 */ .wptb-faq { background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 350px; } .wptb-ai-faq { background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 250px; margin-bottom: -300px; } .wptb-ai-faq .background-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000000; opacity: 0.8; } .wptb-accordion3 .wptb-item-accordion { position: relative; font-weight: 600; font-size: 24px; color: var(--color-white); line-height: 34px; cursor: pointer; -webkit-transition: 300ms all ease; -khtml-transition: 300ms all ease; -moz-transition: 300ms all ease; -ms-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; } .wptb-accordion3 .wptb-item-accordion span { display: block; padding-right: 50px; } @media screen and (max-width:575px) { .wptb-accordion3 .wptb-item-accordion span { padding-right: 30px; } } .wptb-accordion3 .wptb-item-accordion i { -webkit-transition: 250ms all linear 0ms; -khtml-transition: 250ms all linear 0ms; -moz-transition: 250ms all linear 0ms; -ms-transition: 250ms all linear 0ms; -o-transition: 250ms all linear 0ms; transition: 250ms all linear 0ms; position: absolute; top: 50%; right: 00px; transform: translateY(-50%); font-size: 30px; line-height: 30px; color: var(--color-white); } .wptb-accordion3 .wptb--item .wptb-item--content { font-size: 20px; line-height: 30px; font-weight: 400; color: #c4c4c4; padding-top: 35px; display: none; } .wptb-accordion3 .wptb--item.active .wptb-item--content { display: block; } .wptb-accordion3 .wptb--item { margin-bottom: 30px; border-radius: 10px; border: 1px solid #4b4b4b; background: rgba(11, 17, 78, 0.80); padding: 40px 40px; } .wptb-accordion3 .wptb--item.active .wptb-item-accordion { color: var(--color-thirteen) } .wptb-accordion3 .wptb--item.active .wptb-item-accordion i { transform: translateY(-50%) rotateZ(-90deg); color: var(--color-thirteen) } /* Accordion AI */ .wptb-accordion4 .wptb-item-accordion { position: relative; font-family: var(--font-family-heading); font-size: 20px; font-weight: 700; line-height: 28px; color: #F87D6C; cursor: pointer; -webkit-transition: 300ms all ease; -khtml-transition: 300ms all ease; -moz-transition: 300ms all ease; -ms-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; } .wptb-accordion4 .wptb-item-accordion span { display: block; padding-right: 50px; } @media screen and (max-width:575px) { .wptb-accordion4 .wptb-item-accordion span { padding-right: 30px; } } .wptb-accordion4 .wptb-item-accordion i { -webkit-transition: 250ms all linear 0ms; -khtml-transition: 250ms all linear 0ms; -moz-transition: 250ms all linear 0ms; -ms-transition: 250ms all linear 0ms; -o-transition: 250ms all linear 0ms; transition: 250ms all linear 0ms; position: absolute; top: 50%; right: 00px; transform: translateY(-50%); font-size: 30px; line-height: 30px; color: var(--color-white); } .wptb-accordion4 .wptb--item .wptb-item--content { font-size: 16px; line-height: 25px; font-weight: 400; color: #c4c4c4; padding-top: 25px; display: none; } .wptb-accordion4 .wptb--item.active .wptb-item--content { display: block; } .wptb-accordion4 .wptb--item { margin-bottom: 30px; border-radius: 10px; border: 1px solid #4b4b4b; background: #131313; padding: 27px 40px; } .wptb-accordion4 .wptb--item.active { box-shadow: 0px 10px 40px 0px rgba(255, 132, 105, 0.5); border: 2px solid var(--color-one) ; } .wptb-accordion4 .wptb--item.active .wptb-item-accordion { color: #F87D6C; } .wptb-accordion4 .wptb--item.active .wptb-item-accordion i { transform: translateY(-50%) rotateZ(-90deg); color: #F87D6C; } /* Tabs */ .wptb-ai-tab-content { padding-right: 250px; padding-top: 200px; border-radius: 0px 30px 30px 0px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } .wptb-ai-tab--inner { background: var(--color-black); padding: 70px 70px 0px 0px; } .wptb-ai-tab-content .wptb-apps-item .wptb-item--title { color: var(--color-white); font-family: var(--font-family-four); font-size: 34px; font-weight: 700; line-height: 48px; margin-bottom: 37px; max-width: 100%; z-index: 1; } .wptb-ai-tab-content .wptb-apps-item .wptb-item--title span { color: #1C1C1C; font-family: var(--font-family-four); font-size: 130px; line-height: 138px; bottom: 0px; right: 0px; } .wptb-ai-tab-content .wptb-apps-item .wptb-item--description{ color: #8D8F9C; font-family: var(--font-family-five); font-size: 20px; font-weight: 400; line-height: 30px; } .wptb-ai-tab-content .wptb-apps-item .btns { margin-top: 45px; flex-flow: wrap; } .wptb-ai-tab-content .wptb-apps-item .btns .btn { border: 1px solid var(--color-one); background: transparent; color: var(--color-one); } .wptb-ai-tab-content .wptb-apps-item .btns p a { color: var(--color-one); } .wptb-ai-tab-content .nav-vertical { width: 310px; margin-right: 60px; flex-shrink: 0; } .wptb-ai-tab-content .nav-vertical .nav-item { position: relative; z-index: 1; width: 100%; overflow: hidden; } .wptb-ai-tab-content .nav-vertical .nav-item + .nav-item { margin-top: 5px; } .wptb-ai-tab-content .nav-vertical .nav-link { font-family: var(--font-family-four); font-size: 24px; font-style: normal; font-weight: 700; line-height: 72px; color: var(--color-white); background: rgba(132, 55, 38, 0.30); border: 1px solid #393939; border-radius: 0px 20px 20px 0px; backdrop-filter: blur(20px); padding-left: 80px; } .wptb-ai-tab-content .nav-vertical .nav-link.active, .wptb-ai-tab-content .nav-vertical .show > .nav-link { color: var(--color-white); background: var(--gradient-one); } /* Timeline */ .wptb-timeline { position: relative; z-index: 1; } .wptb-timeline::after { content: ''; position: absolute; left: 50%; top: 25px; bottom: 50px; width: 1px; border-left: 1px dashed #636363; z-index: -1; } .wptb-timeline .wptb-timeline-box .counter { position: absolute; top: 16px; left: calc(100% - 33px); font-family: var(--font-family-three); font-size: 24px; font-weight: 600; width: 66px; height: 66px; border-radius: 100%; text-align: center; color: var(--color-white); background: var(--gradient-one); display: flex; align-items: center; justify-content: center; } .wptb-timeline .wptb-timeline-box:nth-child(even) .counter { left: -33px; } .wptb-timeline .wptb-timeline-box .counter::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; display: inline-block; border-radius: 100%; background: var(--gradient-one); opacity: 0.3; z-index: -1; } .wptb-timeline .wptb-timeline-box.two .counter, .wptb-timeline .wptb-timeline-box.two .counter::before { background: var(--gradient-two); } .wptb-timeline .wptb-timeline-box.three .counter, .wptb-timeline .wptb-timeline-box.three .counter::before { background: var(--gradient-three); } .wptb-timeline .wptb-timeline-box.four .counter, .wptb-timeline .wptb-timeline-box.four .counter::before { background: var(--gradient-four); } .wptb-timeline .wptb-timeline-box { position: relative; width: 50%; text-align: right; margin-bottom: 60px; padding-right: 85px; } .wptb-timeline .wptb-timeline-box:nth-child(even) { text-align: left; left: 50%; padding-left: 85px; padding-right: 0px; } .wptb-timeline .wptb-timeline-box h3 { font-size: var(--fs-32); line-height: var(--fs-42); margin-bottom: 20px; } .wptb-timeline .wptb-timeline-box p { font-size: var(--fs-20); line-height: var(--fs-30); margin-bottom: 0px; } /* Style Startup */ .wptb-timeline-section.style-startup { background-color: #F2F8FA; } .wptb-timeline.style-startup::after { top: 90px; bottom: 80px; } .wptb-timeline.style-startup .wptb-timeline-box .counter { top: 50%; transform: translateY(-50%); } .wptb-timeline.style-startup .wptb-timeline-box .counter, .wptb-timeline.style-startup .wptb-timeline-box .counter::before { background: var(--color-sixteen); } .wptb-timeline .wptb-timeline-box h3 { font-size: 24px; line-height: 34px; } .wptb-timeline.style-startup .wptb-timeline-content { position: relative; overflow: hidden; background-color: var(--color-light); border-radius: 10px; padding: 32px 55px; } .wptb-timeline.style-startup .wptb-timeline-content:after { content: ''; position: absolute; width: 156px; height: 156px; border-radius: 50%; background-color: rgba(0,128,96,.1); top: -55px; } .wptb-timeline.style-startup .wptb-timeline-box:nth-child(odd) .wptb-timeline-content:after { left: -55px; } .wptb-timeline.style-startup .wptb-timeline-box:nth-child(even) .wptb-timeline-content:after { right: -55px; } @media screen and (max-width: 767px) { .wptb-timeline::after { left: 25px; } .wptb-timeline .wptb-timeline-box .counter { left: 0; width: 50px; height: 50px; } .wptb-timeline .wptb-timeline-box:nth-child(even) .counter { left: 0; } .wptb-timeline .wptb-timeline-box .counter::before { width: 60px; height: 60px; } .wptb-timeline .wptb-timeline-box { width: 100%; text-align: left; margin-bottom: 40px; padding-left: 80px; padding-right: 0px; } .wptb-timeline .wptb-timeline-box:nth-child(even) { text-align: left; left: 0; padding-left: 80px; padding-right: 0px; } .wptb-timeline .wptb-timeline-box h3 { font-size: var(--fs-26); line-height: var(--fs-32); margin-bottom: 15px; } .wptb-timeline .wptb-timeline-box p { font-size: var(--fs-18); line-height: var(--fs-24); } } /* Error 404 */ .wptb-404 { padding: 154px 0 104px } @media screen and (max-width:1200px) { .wptb-404 { padding: 54px 0 104px } } .error-img-container .error-img { position: absolute; z-index: -1; } .error-img-container .error-img2 { top: -100px; left: 0 } @media screen and (max-width:1200px) { .error-img-container { opacity: 0 } } .wptb-404 .searchform-wrap { position: relative; max-width: 1075px; width: 100%; margin: 0 auto; } .wptb-404 .search-form { display: flex; width: 100%; } .wptb-404 .search-field { padding-right: 50px; height: 86px; font-weight: 400; font-size: 24px; color: #5d666f; background: #f6f6f6; border-radius: 7.43339px } @media screen and (max-width:991px) { .wptb-404 .search-field { font-size: 20px; line-height: 76px; height: 76px } } .wptb-404 .wptb-error-title-top { font-family: var(--font-family-heading); font-weight: 700; font-size: 336.675px; line-height: 295px; background: var(--gradient-two); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } @media screen and (max-width:1200px) { .wptb-404 .wptb-error-title-top { font-size: 250px; } } @media screen and (max-width:1200px) and (max-width:1024px) { .wptb-404 .wptb-error-title-top { font-size: 150px; line-height: 1.2; } } @media screen and (max-width:1200px) and (max-width:1024px) and (max-width:767px) { .wptb-404 .wptb-error-title-top { font-size: 120px; margin-bottom: 0; } } .wptb-404 .search-submit { position: absolute; right: 0; top: 0; width: 86px; height: 100%; padding: 0; border: none; background: #7360f2; box-shadow: 0 14.8668px 29.7336px rgba(115, 96, 242, .3); border-radius: 8px; cursor: pointer; } .wptb-404 .search-submit:after { content: '\F52A'; font-family: 'bootstrap-icons'; font-size: 20px; font-weight: 300; color: var(--color-white); } .wptb-404 .search-submit:hover:after { color: var(--color-one); } .wptb-404 .wptb-error-inner { display: flex; flex-wrap: wrap; align-items: center; text-align: center; height: 100%; margin: auto; } .wptb-404 .wptb-error-inner .wptb-error-title { font-size: 70px; text-transform: uppercase; line-height: 71px; font-family: var(--font-family-three); font-weight: 700; color: var(--color-four); margin: 17px 0 38px; } @media screen and (max-width:1200px) { .wptb-404 .wptb-error-inner .wptb-error-title { font-size: 50px; } } @media screen and (max-width:1200px) and (max-width:1024px) { .wptb-404 .wptb-error-inner .wptb-error-title { font-size: 30px; line-height: 1.2; } } @media screen and (max-width:1200px) and (max-width:1024px) and (max-width:767px) { .wptb-404 .wptb-error-inner .wptb-error-title { font-size: 24px; margin: 0 0 18px; } } .wptb-404 .wptb-error-inner .excerpt-404 { margin: 0 auto 65px; max-width: 1036px; display: block; font-style: normal; font-weight: 400; font-size: 34px; line-height: 40px; text-align: center } @media screen and (max-width:1200px) { .wptb-404 .wptb-error-inner .excerpt-404 { max-width: 100%; font-size: 30px } } @media screen and (max-width:1200px) and (max-width:1024px) { .wptb-404 .wptb-error-inner .excerpt-404 { font-size: 24px; margin: 0 auto 45px } } @media screen and (max-width:1200px) and (max-width:1024px) and (max-width:767px) { .wptb-404 .wptb-error-inner .excerpt-404 { font-size: 18px; margin: 0 auto 25px; line-height: 1.2 } } .wptb-404 .wptb-error-inner .btn { margin-top: 55px; background: var(--gradient-two); border-radius: 8px; line-height: 66px; font-weight: 700; font-size: 24px; padding: 11px 51px 12px } @media screen and (max-width:1024px) { .wptb-404 .wptb-error-inner .btn { font-size: 20px; padding: 0 51px } } /* Error 404 End */ /* Error Coming Soon */ .wptb-comingsoon { padding: 154px 0 104px } @media screen and (max-width:1200px) { .wptb-comingsoon { padding: 54px 0 104px } } .wptb-comingsoon .searchform-wrap { position: relative; max-width: 1075px; width: 100%; margin: 0 auto; } .wptb-comingsoon .search-form { display: flex; width: 100%; } .wptb-comingsoon .search-field { padding-right: 50px; height: 86px; font-weight: 400; font-size: 24px; color: #5d666f; background: #f6f6f6; border-radius: 7.43339px } @media screen and (max-width:991px) { .wptb-comingsoon .search-field { font-size: 20px; line-height: 76px; height: 76px } } .wptb-comingsoon .wptb-comingsoon-title-top { font-family: var(--font-family-heading); font-weight: 700; font-size: 336.675px; line-height: 295px; background: var(--gradient-two); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } @media screen and (max-width:1200px) { .wptb-comingsoon .wptb-comingsoon-title-top { font-size: 250px; } } @media screen and (max-width:1200px) and (max-width:1024px) { .wptb-comingsoon .wptb-comingsoon-title-top { font-size: 150px; line-height: 1.2; } } @media screen and (max-width:1200px) and (max-width:1024px) and (max-width:767px) { .wptb-comingsoon .wptb-comingsoon-title-top { font-size: 120px; margin-bottom: 0; } } .wptb-comingsoon .search-submit { position: absolute; right: 0; top: 0; width: 86px; height: 100%; padding: 0; border: none; background: #7360f2; box-shadow: 0 14.8668px 29.7336px rgba(115, 96, 242, .3); border-radius: 8px; cursor: pointer; } .wptb-comingsoon .search-submit:after { content: '\F6B9'; font-family: 'bootstrap-icons'; font-size: 24px; font-weight: 300; color: var(--color-white); } .wptb-comingsoon .search-submit:hover:after { color: var(--color-one); } .wptb-comingsoon .wptb-comingsoon-inner { display: flex; flex-wrap: wrap; align-items: center; text-align: center; height: 100%; margin: auto; } .wptb-comingsoon .wptb-comingsoon-inner .wptb-comingsoon-title { color: #9255CE; font-family: var(--font-family-heading); font-size: 95px; font-weight: 700; line-height: 120px; text-transform: uppercase; margin-bottom: 12px; } @media screen and (max-width:1200px) { .wptb-comingsoon .wptb-comingsoon-inner .wptb-comingsoon-title { font-size: 75px; } } @media (max-width:1024px) { .wptb-comingsoon .wptb-comingsoon-inner .wptb-comingsoon-title { font-size: 60px; line-height: 1.2; } } @media (max-width:767px) { .wptb-comingsoon .wptb-comingsoon-inner .wptb-comingsoon-title { font-size: 42px; margin: 0 0 18px; } } .wptb-comingsoon .wptb-comingsoon-inner .excerpt { color: #303142; font-family: var(--font-family-three); font-size: 26px; font-weight: 700; text-transform: uppercase; line-height: 39px; } @media screen and (max-width:1200px) { .wptb-comingsoon .wptb-comingsoon-inner .excerpt { max-width: 100%; font-size: 22px } } @media (max-width:1024px) { .wptb-comingsoon .wptb-comingsoon-inner .excerpt { font-size: 18px; } } @media (max-width:767px) { .wptb-comingsoon .wptb-comingsoon-inner .excerpt { font-size: 18px; line-height: 1.2; } } .wptb-comingsoon .wptb-comingsoon-inner .btn { margin-top: 55px; border-radius: 8px; line-height: 66px; font-weight: 700; font-size: 24px; padding: 11px 51px 12px } @media screen and (max-width:1024px) { .wptb-comingsoon .wptb-comingsoon-inner .btn { font-size: 20px; padding: 0 51px } } .wptb-comingsoon #countdown { background-color: var(--color-white); padding: 30px; margin: 40px 0px 70px 0px; } .wptb-comingsoon #countdown ul { display: flex; justify-content: center; align-items: center; flex-flow: row wrap; padding: 0px; margin: 0px; } .wptb-comingsoon #countdown ul li { position: relative; display: inline-block; font-family: var(--font-family-three); font-style: normal; font-weight: 700; font-size: 30px; text-transform: uppercase; line-height: 44px; color: #40ccfc; } .wptb-comingsoon #countdown ul li span { display: block; font-family: var(--font-family-heading); font-size: 72px; font-weight: 700; color: var(--color-four); margin-top: 0px; margin-bottom: 15px; } @media screen and (max-width:1200px) { .wptb-comingsoon #countdown ul li { font-size: 26px; line-height: 1.2; } .wptb-comingsoon #countdown ul li span { font-size: 60px; } } @media (max-width:1024px) { .wptb-comingsoon #countdown ul li { font-size: 22px; line-height: 1.2; } .wptb-comingsoon #countdown ul li span { font-size: 48px; } } @media (max-width:767px) { .wptb-comingsoon #countdown ul li { font-size: 18px; line-height: 1.2; } .wptb-comingsoon #countdown ul li span { font-size: 36px; } .wptb-comingsoon #countdown { margin: 30px 0px 50px 0px; } } .wptb-comingsoon #countdown ul li:not(:last-child) { padding-right: 25px; margin-right: 25px; } .wptb-comingsoon #countdown ul li:not(:last-child)::before { content: ':'; position: absolute; left: calc(100% - 10px); font-size: 36px; line-height: 36px; color: var(--color-four); font-weight: 700; } /* Error Coming Soon End */ /* Pagination Start */ .wptb-pagination-wrap { margin-top: 50px; } .wptb-pagination-wrap .page-numbers { width: 40px; height: 40px; background-color: initial; line-height: 40px; text-align: center; font-size: 24px; font-weight: 600; display: inline-block; margin-right: 2px; margin-left: 2px; color: var(--color-four); position: relative; transition: .3s cubic-bezier(.24, .74, .58, 1); z-index: 1; border-radius: 50%; padding: 0 } .wptb-pagination-wrap .page-numbers.current, .wptb-pagination-wrap .page-numbers:hover { color: var(--color-white); background: var(--gradient-three); box-shadow: 0 4px 30px rgba(0, 255, 255, .6) } .wptb-pagination-wrap .page-numbers.next, .wptb-pagination-wrap .page-numbers.prev { font-size: 14px; color: #6f7f90; } .wptb-pagination-wrap .page-numbers.next:hover, .wptb-pagination-wrap .page-numbers.prev:hover { background: transparent; color: var(--color-two); box-shadow: none; } .wptb-pagination-wrap .wptb-pagination-links { display: flex; justify-content: center; gap: 10px } /* Pagination End */ /* Cursor Effect Start */ .wptb-cursor { position: fixed; background-color: var(--color-one); width: 20px; height: 20px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; transform: scale(1); transform-origin: center; } .wptb-cursor.active { opacity: 1; transform: scale(0); color: var(--color-white); background-color: var(--color-one); } .wptb-cursor:not(.active) { mix-blend-mode: multiply; } .wptb-cursor.none-follower.active { transform: scale(2.5); } .wptb-cursor.hide { display: none; } .wptb-cursor-follower { position: fixed; background-color: var(--color-one); opacity: 0.2; width: 30px; height: 30px; border-radius: 100%; z-index: 1; transition: 0.6s transform linear, opacity 0.2s linear, background 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; transform: translate(2px, 2px); transform-origin: center; } .wptb-cursor-follower.active { opacity: 0.5; transform: scale(2); color: var(--color-white); background-color: var(--color-one); } .wptb-cursor-follower.active.video { background-color: var(--color-one); } .wptb-cursor-follower:not(.active) { mix-blend-mode: multiply; } .wptb-cursor-follower.hide { display: none; } .wptb-cursor-arrow-prev { position: fixed; background-color: var(--color-one); width: 104px; height: 104px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: var(--color-white); font-size: 14px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wptb-cursor-arrow-prev.active { opacity: 1; transform: scale(1); } .wptb-cursor-arrow-prev.hide { display: none; } .wptb-cursor-arrow-prev .icon { margin-right: 8px; } .wptb-cursor-arrow-prev .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .wptb-cursor-arrow-prev .text { margin-top: 1px; } .wptb-cursor-arrow-next { position: fixed; background-color: var(--color-one); width: 104px; height: 104px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: var(--color-white); font-size: 14px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wptb-cursor-arrow-next.active { opacity: 1; transform: scale(1); } .wptb-cursor-arrow-next.hide { display: none; } .wptb-cursor-arrow-next .icon { margin-left: 7px; } .wptb-cursor-arrow-next .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .wptb-cursor-arrow-next .text { margin-top: 1px; } .wptb-cursor-drag { position: fixed; width: 104px; height: 104px; border-radius: 100%; z-index: 1; user-select: none; pointer-events: none; z-index: 1000; opacity: 0; transform: scale(0.5); transform-origin: center; color: var(--color-white); font-size: 14px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 -8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; mix-blend-mode: difference; -webkit-transition: all 0.08s linear; -khtml-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -ms-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear; } .wptb-cursor-drag > * { display: inline-flex; } .wptb-cursor-drag.active { opacity: 1; transform: scale(1); } .wptb-cursor-drag.hide { display: none; } .wptb-cursor-drag .wptb-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-one); border-radius: 100%; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wptb-cursor-drag .icon { font-size: 14px; color: var(--color-white); margin: 0 8px; z-index: 1; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wptb-cursor-drag .text { z-index: 1; opacity: 1; transform: scale(1); -webkit-transition: all 0.3s ease 0.4s; -khtml-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s; -ms-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .wptb-cursor-drag .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .wptb-cursor-drag.clicked { width: 70px; height: 70px; } .wptb-cursor-drag.clicked .wptb-overlay { transform: scale(0.8); } .wptb-cursor-drag.clicked .text { opacity: 0; transform: scale(0); display: none; } .wptb-cursor-drag.clicked .icon-left { -webkit-transform: translatex(-50px); -khtml-transform: translatex(-50px); -moz-transform: translatex(-50px); -ms-transform: translatex(-50px); -o-transform: translatex(-50px); transform: translatex(-50px); } .wptb-cursor-drag.clicked .icon-left.rotate-180 { -webkit-transform: translatex(-50px) rotate(180deg); -khtml-transform: translatex(-50px) rotate(180deg); -moz-transform: translatex(-50px) rotate(180deg); -ms-transform: translatex(-50px) rotate(180deg); -o-transform: translatex(-50px) rotate(180deg); transform: translatex(-50px) rotate(180deg); } .wptb-cursor-drag.clicked .icon-right { -webkit-transform: translatex(50px); -khtml-transform: translatex(50px); -moz-transform: translatex(50px); -ms-transform: translatex(50px); -o-transform: translatex(50px); transform: translatex(50px); } .wptb-cursor-drag.clicked .icon-right.rotate-180 { -webkit-transform: translatex(50px) rotate(180deg); -khtml-transform: translatex(50px) rotate(180deg); -moz-transform: translatex(50px) rotate(180deg); -ms-transform: translatex(50px) rotate(180deg); -o-transform: translatex(50px) rotate(180deg); transform: translatex(50px) rotate(180deg); } .wptb-cursor-map { position: fixed; background-color: var(--color-one); width: 101px; height: 101px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: var(--color-white); font-size: 14px; line-height: 26px; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wptb-cursor-map.active { opacity: 1; transform: scale(1); } .wptb-cursor-map.hide { display: none; } .cursor-outline .wptb-cursor { width: 8px; height: 8px; } .cursor-outline .wptb-cursor:not(.active) { mix-blend-mode: unset; } .cursor-outline .wptb-cursor-follower { width: 40px; height: 40px; background-color: transparent; border: 1px solid var(--color-one); opacity: 1; } .cursor-outline .wptb-cursor-follower.active { transform: scale(2); } .cursor-outline .wptb-cursor-follower:not(.active) { mix-blend-mode: unset; } .cursor-outline .wptb-cursor-arrow-prev { background-color: transparent; border: 2px solid var(--color-one); text-transform: capitalize; } .cursor-outline .wptb-cursor-arrow-prev .icon { font-size: 10px; } .cursor-outline .wptb-cursor-arrow-next { background-color: transparent; border: 2px solid var(--color-one); text-transform: capitalize; } .cursor-outline .wptb-cursor-arrow-next .icon { font-size: 10px; } .cursor-outline .wptb-cursor-drag { mix-blend-mode: unset; } .cursor-outline .wptb-cursor-drag .wptb-overlay { background-color: transparent; border: 2px solid var(--color-one); } /* Cursor Effect End */ /* Preloader CSS */ #preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-four); display: flex; justify-content: center; align-items: center; z-index: 999; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; } #preloader.hide { opacity: 0; visibility: hidden; width: 0%; } .preloader-inner { position: absolute; z-index: 100; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Spinner Loading */ .preloader-inner .spinner { animation: spinner 1s infinite linear; border-radius: 50%; border: 3px solid var(--color-white); border-top-color: var(--color-one); width: 60px; height: 60px; margin: 0 auto 3.5em auto; } /* Loading text */ .preloader-inner .loading-text { font-family: var(--font-family-heading); font-weight: 700; font-size: 60px; line-height: 60px; text-align: center; user-select: none; } .preloader-inner .loading-text .characters { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.2); } .preloader-inner .loading-text .characters:before { content: attr(data-preloader-text); position: absolute; left: 0; top: 0px; opacity: 0; transform: rotateY(-90deg); color: white; animation: characters 4s infinite; } .preloader-inner .loading-text .characters:nth-child(2):before { animation-delay: 0.2s; } .preloader-inner .loading-text .characters:nth-child(3):before { animation-delay: 0.4s; } .preloader-inner .loading-text .characters:nth-child(4):before { animation-delay: 0.6s; } .preloader-inner .loading-text .characters:nth-child(5):before { animation-delay: 0.8s; } .preloader-inner .loading-text .characters:nth-child(6):before { animation-delay: 1s; } .preloader-inner .loading-text .characters:nth-child(7):before { animation-delay: 1.2s; } /* Animation of the preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } /* Animation of letters loading from the preloader */ @keyframes characters { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } }