/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*!
Theme Name: TBI
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tbi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
TBI is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
src: local('DM Sans Regular'), url('../tbi/fonts/DMSans-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
src: local('DM Sans Medium'), url('../tbi/fonts/DMSans-Medium.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
src: local('DM Sans SemiBold'), url('../tbi/fonts/DMSans-SemiBold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
src: local('DM Sans Bold'), url('../tbi/fonts/DMSans-Bold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 900;
src: local('DM Sans Black'), url('../tbi/fonts/DMSans-Black.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'DM Serif Display';
font-style: normal;
font-weight: normal;
src: local('DM Serif Display Regular'), url('../tbi/fonts/DMSerifDisplay-Regular.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-regular-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-regular-webfont.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-medium-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-medium-webfont.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-semibold-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-semibold-webfont.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-bold-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-bold-webfont.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-extrabold-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-extrabold-webfont.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../tbi/fonts/poppins-black-webfont.woff2') format('woff2'),
url('../tbi/fonts/poppins-black-webfont.woff') format('woff');
font-weight: 900;
font-style: normal;
}
body {
font-family: 'DM Sans',sans-serif;
}
a, button:hover, a:hover, a:focus, button:focus, input:focus, .form-control:focus, textarea:focus, select:focus-visible {
text-decoration: none !important;
outline: 0;
-webkit-box-shadow: none !important;
box-shadow: none;
}
a {
text-decoration: none !important;
}
img {
max-width: 100%;
height: auto;
}
[data-wpr-lazyrender] {
content-visibility: visible !important;
}
.container {
max-width: 1330px;
}
p {
font-family: 'DM Sans';
font-weight: 400;
font-size: 18px;
line-height: 31px;
color: #5A6A83;
}
h1 {
font-family: 'DM Serif Display';
font-weight: 400;
font-size: 74px;
line-height: 75px;
color: #001943;
margin-bottom: 30px;
}
h2 {
font-family: 'DM Serif Display';
font-weight: 400;
font-size: 74px;
line-height: 87px;
color: #001943;
}
.zoom_hover_small {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.zoom_hover_small:hover {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.zoom_hover {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.zoom_hover:hover {
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.btn_yellow {
background: #B2CBDE;
border-radius: 6px;
padding: 16px 22px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: 'DM Sans';
font-weight: 700;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
color: #242424;
text-decoration: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn_yellow:hover {
color: #fff;
background: #104CB4;
-webkit-box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !important;
box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !important;
}
.btn_yellow .next_arrow {
margin-left: 5px;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.btn_yellow:hover .next_arrow {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.btn-home {
padding: 20px 62px 20px 30px;
font-size: 16px;
line-height: 18px;
display: inline-block;
color: #fff;
font-family: 'Poppins';
font-weight: 600;
position: relative;
background: #000;
overflow: hidden;
transition: all .3s ease;
}
.btn-home.alternate {
background: #F6E339;
color: #010004;
}
.btn-home.alternate:hover {
background: #F1D624;
}
.btn-home span {
position: relative;
z-index: 9;
}
.btn-home svg {
position: absolute;
display: block;
top: 50%;
right: 30px;
transform: translateY(-50%);
fill: #fff;
transition: fill .4s cubic-bezier(.25,.8,.25,1), transform .4s cubic-bezier(.25,.8,.25,1);
z-index: 9;
}
.btn-home.alternate svg path {
fill: #010004;
}
.btn-home:hover svg {
transform: translateY(-50%) translateX(6px);
}
.sec_title {
font-family: 'DM Sans';
font-weight: 400;
font-size: 24px;
line-height: 26px;
color: #5A6A83;
display: inline-block;
margin-bottom: 15px;
}
.sec_header {
max-width: 70%;
width: 100%;
margin-bottom: 30px;
}
#narator {
display: none;
}
.copycontentblock {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* animations css start */
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
/* animations css end */
/* video css start */
.video_wrapper {
position: relative;
}
.video_wrapper .video-btn {
position: absolute;
right: 30px;
bottom: 30px;
}
.video_wrapper .video-btn .play-pause {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ffff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
/* video css end */
/* header css start */
.black .top-head {
background: #242424;
}
.top-header-menu {
display: block;
}
.site-branding img {
width: auto;
height: auto;
}
.top-header-menu #menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
padding: 0;
list-style: none;
}
#menu .menu-item {
padding: 0 25px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact #menu .menu-item:last-child {
padding-right: 0;
}
.top-header-menu #menu .header_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 25px;
}
.black .top-header-menu #menu .header_btn .btn_yellow.btn-alternate {
border: 2px solid #fff;
color: #fff;
}
.top-header-menu #menu .header_btn .btn_yellow.btn-alternate {
border: 2px solid #563384;
background: transparent;
color: #563384;
margin-right: 20px;
text-transform: capitalize;
}
.top-header-menu #menu .header_btn .btn_yellow.btn-alternate:hover {
color: #fff;
background: #563384;
}
.black .top-header-menu #menu .header_btn .btn_yellow.btn-alternate:hover {
background: #fff;
color: #000;
}
.top-header-menu #menu .header_btn .btn_yellow {
background: #F6E339;
color: #171717;
padding: 14px 30px;
font-weight: 600;
box-shadow: none !important;
border-radius: 0;
}
.top-header-menu #menu .header_btn .btn_yellow:hover {
background: #F1D624;
}
.top-header-menu #menu .menu-item:last-child:hover .menu-text a {
color: #000;
}
.black #menu .menu-item>a {
color: #fff;
}
#menu .menu-item>a {
color: #343434;
text-decoration: none;
text-align: center;
letter-spacing: 0;
font-weight: 600;
font-size: 16px;
display: inline-block;
padding: 25px 0 30px;
line-height: 2;
border-top: 5px solid transparent;
}
.black #menu .menu-item .child-trigger i {
border-top-color: #fff;
}
.top-head {
position: sticky;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.top-menu .navbar {
position: initial;
}
.top-menu .navbar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hamburger {
display: none;
}
.black .mega-menu-full .mega_menu-title .menu_title {
color: #FFFFFF;
}
.mega-menu-full .mega_menu-title .menu_title {
font-size: 30px;
line-height: 48px;
font-weight: bold;
color: #070707;
margin-bottom: 3px;
font-family: 'Poppins';
}
.black .mega-menu-full .mega-menu-link .menu_link .menu_name {
color: #fff;
}
.mega-menu-full .mega-menu-link .menu_link .menu_name {
font-weight: 700;
font-size: 18px;
line-height: 18px;
color: #070707;
margin-bottom: 7px;
font-family: 'Poppins';
transition: all .3s ease;
}
.black .mega-menu-full .mega-menu-link .menu_link p {
color: rgba(255, 255, 255, .7);
}
.mega-menu-full .mega-menu-link .menu_link p {
font-size: 14px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0;
color: rgba(48, 48, 48, .7);
transition: all .3s ease;
}
/* header css end */
/* Homepage css start */
/* hero sec css start */
.black .hero_wrapper {
background: #242424;
}
.hero_wrapper {
padding: 110px 0 135px;
}
.hero_wrapper .banner-content {
max-width: 90%;
width: 100%;
}
.hero_wrapper.web_development .banner-content {
max-width: 100%;
}
.hero_wrapper.magento_banner .banner-content {
max-width: 85%;
}
.hero_wrapper.web_development .banner-content p, .hero_wrapper.web_development .banner-content ul {
max-width: 90%;
}
.black .hero_wrapper .banner-content h1 {
line-height: 96px;
color: #fff;
}
.page-template-shopify-landing-page.black .hero_wrapper .banner-content h1 {
line-height: 75px;
font-size:60px;
}
.hero_wrapper .banner-content p {
color: #001943;
font-size: 22px;
line-height: 33px;
}
.hero_wrapper .banner-content p img {
max-width: 30px;
}
.hero_wrapper .banner-content ul {
padding-left: 20px;
margin-bottom: 40px;
}
.hero_wrapper .banner-content ul li {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #5A6A83;
margin-bottom: 14px;
}
.hero_wrapper .banner-content .with-icon li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero_wrapper .banner-content ul li img {
margin-right: 10px;
}
.hero_wrapper .banner-content .typed-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero_wrapper .banner-content .type-in {
color: #FDD91F;
font-size: 66px;
}
.hero_wrapper .banner-content h2 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #E9E9E9;
margin-bottom: 47px;
}
.hero_wrapper .banner-content h2 .speech_btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 0 0 10px;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
transition: all .3s ease;
color: #001943;
border: none;
text-indent: -999999px;
}
.hero_wrapper .banner-content h2 .speech_btn:hover {
transform: scale(1.1);
}
.home-hero__quotes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-hero__quote {
position: relative;
}
.home-hero__quote:first-of-type {
margin-left: 1rem;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-ms-flex-item-align: end;
align-self: flex-end;
}
.home-hero__quote-bubble {
position: absolute;
width: 140%;
padding: 15px;
background: #fff;
z-index: 8;
-webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.11);
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.11);
border-radius: 10px;
}
.home-hero__quote-bubble:after{
content:"";position:absolute;display:block;border:.625rem solid transparent
}
.home-hero__quote:nth-of-type(2) .home-hero__quote-bubble {
top: -30px;
left: 100%;
margin-left: -15px;
width: 130%;
}
.home-hero__quote:first-of-type .home-hero__quote-bubble:after{
top:30%;left:100%;border-left-color:#fff
}
.home-hero__quote:first-of-type .home-hero__quote-bubble {
top: auto;
bottom: -10px;
right: 100%;
margin-right: -15px;
width: 130%;
}
.home-hero__quote:nth-of-type(2) .home-hero__quote-bubble:after {
bottom: 2.75rem;
right: 100%;
border-right-color: #fff;
}
.home-hero__quote-stars{
padding-bottom:.375rem
}
.home-hero__quote .image{
border:.125rem solid #fff;border-radius:1.5rem;-webkit-box-shadow:0 1rem 4rem rgba(43,49,59,.3);box-shadow:0 1rem 4rem rgba(43,49,59,.3)
}
.home-hero__quotes .home-hero__quote .home-hero__quote-image img {
-webkit-filter: drop-shadow(0px 9px 14px rgba(0, 0, 0, 0.11));
filter: drop-shadow(0px 9px 14px rgba(0, 0, 0, 0.11));
border-radius: 10px;
width: 220px;
height: 243px;
-o-object-fit: cover;
object-fit: cover;
}
.home-hero__quote-bubble .quote_header span {
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #000000;
margin-bottom: 10px;
display: block;
}
.home-hero__quote-bubble .home-hero__quote-content p {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #5A6A83;
margin-bottom: 10px;
}
.home-hero__quote-bubble .home-hero__quote-designation {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #5A6A83;
margin-bottom: 5px;
}
.home-hero__quote-bubble .home-hero__quote-name a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 24px;
color: #000;
font-weight: bold;
}
.home-hero__quote-bubble .home-hero__quote-name a .linkedin {
margin-left: 8px;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.home-hero__quote-bubble .home-hero__quote-name a:hover .linkedin {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.home-hero__quote-bubble .video_btnn,
.home-hero__quote-bubble .modalopenvideo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 5px;
color: #001943;
font-size: 14px;
line-height: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home-hero__quote-bubble .video_btnn iconify-icon,
.home-hero__quote-bubble .modalopenvideo iconify-icon {
width: 20px;
height: 20px;
background: #003083;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin-right: 5px;
color: #FFF;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.home-hero__quote-bubble .video_btnn:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.hero_wrapper .banner-block img {
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
-o-transition: transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.hero_wrapper .banner-block img:hover {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
/* hero sec css end */
/* trusted partner sec css start */
.trusted_partner {
position: relative;
}
.trusted_partner:after {
content: '';
position: absolute;
width: 100%;
height: 250px;
background: #242424;
top: 0;
z-index: -1;
}
.trusted_partner .partners_wrapper {
background: #fff;
padding: 70px 110px;
position: relative;
-webkit-box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
border-radius: 20px;
}
.trusted_partner h2 {
font-size: 32px;
line-height: 44px;
margin-bottom: 25px;
}
.trusted_partner .partners_wrapper .partner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 21px;
}
.trusted_partner .partners_wrapper .partner:last-child {
margin: 0;
}
.trusted_partner .partners_wrapper .partner .rating img, .trusted_partner .partners_wrapper .partner .logo img {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.trusted_partner .partners_wrapper .partner:hover .rating img, .trusted_partner .partners_wrapper .partner:hover .logo img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.trusted_partner .partners_wrapper .about_wrapper p {
color: #001943;
line-height: 28px;
margin-bottom: 33px;
}
.trusted_partner .partners_wrapper .partner .rating {
padding-right: 20px;
}
.trusted_partner .partners_wrapper .corner_shape {
position: absolute;
right: 0;
left: auto;
bottom: 0;
margin-right: -15%;
margin-bottom: -23%;
top: auto;
}
/* trusted partner sec css end */
/* our work sec css start */
.our_work {
padding: 135px 0;
}
.our_work .sec_header h2 {
margin-bottom: 20px;
}
.our_work .sec_header p {
max-width: 650px;
}
.our_work .grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
position: relative;
}
.our_work .grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.our_work .grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.our_work .grid > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.our_work .grid:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2023/02/work_bg.png);
max-width: 623px;
height: 400px;
width: 100%;
top: 96px;
left: 113px;
}
.our_work .grid .case_study_new.dark {
background: -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424)), #001943;
background: -o-linear-gradient(bottom, #242424, #242424), #001943;
background: linear-gradient(0deg, #242424, #242424), #001943;
}
.our_work .grid .case_study_new {
padding: 40px 30px;
border-radius: 6px;
position: relative;
transition: -webkit-transform .6s cubic-bezier(.2,1,.25,1);
transition: transform .6s cubic-bezier(.2,1,.25,1);
transition: transform .6s cubic-bezier(.2,1,.25,1),-webkit-transform .6s cubic-bezier(.2,1,.25,1);
}
.our_work .grid .case_study_new .read_more {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-size: 0;
}
.our_work .grid .case_study_new:hover {
-webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
}
.our_work .grid .case_study_new.dark:hover {
-webkit-box-shadow: 0px 4px 25px rgba(50, 84, 109, 0.38);
box-shadow: 0px 4px 25px rgba(50, 84, 109, 0.38);
}
.our_work .grid .case_study_new .thumbnail {
margin-bottom: 30px;
height: 226px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
width: 100%;
}
.our_work .grid .case_study_new h3 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 32px;
line-height: 46px;
color: #001943;
margin-bottom: 30px;
}
.our_work .grid .case_study_new.dark h3 {
color: #fff;
}
.our_work .grid .case_study_new .case_content .link_arrow {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
z-index: 1;
font-size: 0;
display: inline-block;
}
.our_work .grid .case_study_new .case_content .link_arrow:hover {
-webkit-filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
}
.our_work .grid .case_study_new .case_content .link_arrow iconify-icon {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.our_work .grid .case_study_new .case_content .link_arrow:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.our_work .case_study_new .case_study_tags {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our_work .case_study_new .case_study_tags ul {
padding: 0;
display: flex;
flex-wrap: wrap;
margin: 0;
list-style: none;
}
.our_work .case_study_new .case_study_tags ul li {
position: relative;
background: #535353;
border: #535353;
border-radius: 6px;
font-family: 'DM Sans';
font-size: 12px;
line-height: 16px;
text-transform: capitalize;
color: #FFFFFF;
padding: 12px 22px;
margin: 0 10px 10px 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.our_work .case_study_new .case_study_tags ul li:nth-child(2n) {
margin-right: 0;
}
.our_work .case_study_new .case_study_tags ul li:hover {
background-color: #003083;
border-color: #003083;
}
.our_work .grid .case_study_new .case-tag {
position: absolute;
top: 50px;
left: 30px;
background: #40FFDC;
border-radius: 0px 6px 6px 0px;
padding: 8px 7px;
}
.our_work .grid .case_study_new.dark .case-tag {
left: 0;
}
.our_work .grid .case_study_new .case-tag p {
margin-bottom: 0;
font-family: 'DM Sans';
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #242424;
}
/* our work sec css end */
/* our services sec css start */
.our_services_home {
padding: 114px 0;
background: -o-linear-gradient(bottom, #242424, #242424), -o-linear-gradient(352.76deg, #8E1CB9 -0.31%, #620DC9 72.83%, #271786 100%), #001943;
background: linear-gradient(0deg, #242424, #242424), linear-gradient(97.24deg, #8E1CB9 -0.31%, #620DC9 72.83%, #271786 100%), #001943;
position: relative;
overflow: hidden;
}
.our_services_home:before {
content: '';
position: absolute;
background: #fff;
width: 100%;
height: 398px;
bottom: 0;
z-index: 0;
}
.our_services_home .sec_title {
color: #40FFDC;
}
.our_services_home .sec_header {
margin-bottom: 100px;
max-width: 80%;
position: relative;
z-index: 1;
}
.our_services_home h2 {
color: #FFFFFF;
}
.our_services_home .top_shape {
position: absolute;
right: 8%;
top: -15%;
left: auto;
bottom: auto;
}
.our_services_home .top_shape_two {
position: absolute;
top: 12%;
bottom: auto;
right: -20%;
left: auto;
}
.our_services_home .services_tabs {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
border-radius: 20px;
position: relative;
z-index: 99;
}
.our_services_home .services_tabs .slider-nav {
max-width: 90%;
margin: 0 auto;
width: 100%;
padding: 45px 80px 0;
}
.our_services_home .services_tabs .slider-nav .slick-list {
overflow: visible;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide {
padding: 0 80px 50px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .slide-title {
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #000;
margin-bottom: 20px;
text-align: center;
display: none;
}
.our_services_home .services_tabs .slider-nav .slick-slide {
width: auto !important;
}
.our_services_home .services_tabs .slider-nav .slick-slide:focus-visible, .our_services .services_tabs .slider-nav .slick-slide .slider-slide:focus-visible {
outline: 0;
}
.our_services_home .services_tabs .slider-nav .slick-slide .slider-slide .nav-item {
display: inline-block;
padding: 10px 0;
border-radius: 0;
font-family: 'DM Sans';
font-weight: 400;
font-size: 24px;
line-height: 31px;
color: #808080;
border-bottom: 4px solid transparent;
-webkit-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.our_services_home .services_tabs .slider-nav .slick-slide .slider-slide .nav-item:hover {
color: #001943;
}
.our_services_home .services_tabs .slider-nav .slick-slide.slick-current .slider-slide .nav-item {
background: none;
border-color: #40FFDC;
color: #001943;
font-weight: 700;
}
.our_services_home .services_tabs .slider-nav .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.our_services_home .services_tabs .slider-nav .slick-track::before, .our_services_home .services_tabs .slider-nav .slick-track::after {
display: none;
}
.our_services_home .services_tabs .tabs_content {
margin-top: 65px;
}
.our_services_home .services_tabs .tabs_content .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -50px;
}
.our_services_home .services_tabs .tabs_content .slick-dots li {
width: 15px;
height: 15px;
}
.our_services_home .services_tabs .tabs_content .slick-dots li button {
padding: 0;
width: 15px;
height: 15px;
}
.our_services_home .services_tabs .tabs_content .slick-dotted.slick-slider {
margin-bottom: 50px;
}
.our_services_home .services_tabs .tabs_content .slick-dots li button::before {
font-size: 15px;
line-height: 16px;
color: #ddd;
opacity: 1;
width: 15px;
height: 15px;
}
.our_services_home .services_tabs .tabs_content .slick-dots li.slick-active button::before {
color: #001943;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info h3 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 34px;
line-height: 54px;
color: #000000;
margin-bottom: 50px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert {
-webkit-box-shadow: 0px 4px 6px rgb(0 0 0 / 6%);
box-shadow: 0px 4px 6px rgb(0 0 0 / 6%);
border-radius: 9px;
padding: 13px;
width: 140px;
height: 100px;
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease-in-out;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease-in-out;
-o-transition: box-shadow 0.3s, transform 0.3s ease-in-out;
transition: box-shadow 0.3s, transform 0.3s ease-in-out;
transition: box-shadow 0.3s, transform 0.3s ease-in-out, -webkit-box-shadow 0.3s, -webkit-transform 0.3s ease-in-out;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert:hover {
-webkit-box-shadow: 0px 2px 15px 7px rgb(0 0 0 / 8%);
box-shadow: 0px 2px 15px 7px rgb(0 0 0 / 8%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link {
margin-top: 50px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link a {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 0;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link a iconify-icon {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link a:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link a:hover {
-webkit-filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 80%;
width: 100%;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 37px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert p {
margin: 0;
font-size: 16px;
line-height: 21px;
color: #000000;
}
.our_services .services_tabs .tab-content .tab-pane .page_link {
margin-top: 80px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .right_side .tab-img {
text-align: center;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .right_side .tab-img img {
display: inline-block;
transition: all .3s ease;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .right_side .tab-img img:hover {
transform: scale(1.05);
}
/* our services sec css end */
/* tbi advantage sec css start */
.tbi_advantages {
padding: 63px 0 90px;
}
.tbi_advantages .sec_header {
margin-bottom: 60px;
}
.tbi_advantages .advantages .advantage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 57px;
}
.tbi_advantages .advantages .advantage:last-child {
margin-bottom: 0;
}
.tbi_advantages .advantages .advantage.rotate-right .boxx {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.tbi_advantages .advantages .advantage .boxx {
width: 88px;
height: 88px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #40FFDC;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
margin-left: 8px;
position: relative;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tbi_advantages .advantages .advantage:hover .boxx {
-webkit-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
transform: rotate(-0deg);
}
.tbi_advantages .advantages .advantage.rotate-right .boxx:hover {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.tbi_advantages .advantages .advantage .text {
width: calc(100% - 96px);
padding-left: 30px;
}
.tbi_advantages .advantages .advantage .boxx:after, .tbi_advantages .advantages .advantage .boxx:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
}
.tbi_advantages .advantages .advantage .boxx::before {
background: -webkit-gradient(linear, left bottom, left top, from(#40FFDC), to(#40FFDC)), #FFFFFF;
background: -o-linear-gradient(bottom, #40FFDC, #40FFDC), #FFFFFF;
background: linear-gradient(0deg, #40FFDC, #40FFDC), #FFFFFF;
z-index: -2;
top: 8px;
left: -8px;
}
.tbi_advantages .advantages .advantage .boxx::after {
background-color: #fff;
z-index: -1;
top: 0;
left: 0;
}
.tbi_advantages .advantages .advantage .text h3 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 32px;
line-height: 41px;
color: #001943;
margin-bottom: 0;
}
.tbi_advantages .advantages .advantage .boxx span {
font-family: 'DM Sans';
font-weight: 700;
font-size: 28px;
line-height: 33px;
color: #8499A9;
}
.tbi_advantages .advantages .advantage .partners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tbi_advantages .advantages .advantage .partner {
font-family: 'DM Sans';
font-weight: 700;
font-size: 32px;
line-height: 41px;
color: #000000;
margin: 0 15px 0 0;
max-width: 130px;
width: 100%;
}
.tbi_advantages .advantages .advantage .partners .logo {
margin-right: 20px;
cursor: pointer;
}
.tbi_advantages .advantages .advantage .partners .logo img {
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
-o-transition: transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tbi_advantages .advantages .advantage .partners .logo:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.tbi_advantages .advantages .advantage .partners .logo:last-child {
margin: 0;
}
/* tbi advantage sec css end */
/* testimonial sec css start */
.testimonial {
padding: 90px 0 50px;
}
.testimonial .header_sec {
margin-bottom: 50px;
max-width: 60%;
width: 100%;
}
.testimonial .header_sec h2 {
font-family: 'DM Serif Display';
font-size: 74px;
line-height: 87px;
color: #001943;
margin-bottom: 0;
}
.testimonial_outer {
padding: 90px 0 50px;
}
.testimonial_outer .sec_header {
margin-bottom: 50px;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content {
background: #242424;
border-radius: 0 0 6px 6px;
padding: 30px 20px;
}
.testimonial_outer .testimonial_slider {
margin-bottom: 50px;
}
.testimonial_outer .testimonial_slider .slick-arrow {
width: 40px;
height: 40px;
z-index: 999;
background: #001943;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.testimonial_outer .testimonial_slider .slick-prev {
left: -50px;
}
.testimonial_outer .testimonial_slider .slick-next {
right: -50px;
}
.testimonial_outer .testimonial_slider .slick-arrow::before {
content: '';
opacity: 1;
width: 11px;
height: 19px;
display: inline-block;
}
.testimonial_outer .testimonial_slider .slick-prev::before {
background-image: url(/wp-content/uploads/2023/02/prev-icon.png);
}
.testimonial_outer .testimonial_slider .slick-next::before {
background-image: url(/wp-content/uploads/2023/02/next-icon.png);
}
.testimonial_outer .testimonial_slider .slick-arrow.slick-disabled {
opacity: 0.70;
}
.testimonial_outer .testimonial_slider .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
}
.testimonial_outer .testimonial_slider .swiper-pagination .swiper-pagination-bullet {
width: 15px;
height: 15px;
background: #ddd;
opacity: 1;
}
.testimonial_outer .testimonial_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #242424;
}
.testimonial_outer
.testimonial_grid .testimonial_featured.even .testimonial_content {
background: #C9D7E4;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content h3 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 28px;
line-height: 35px;
color: #FFFFFF;
margin-bottom: 15px;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .testimonial_content h3 {
color: #000;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content p {
color: #C8C8C8;
margin-bottom: 20px;
line-height: 28px;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .testimonial_content p {
color: #5A6A83;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content .name {
font-family: 'DM Sans';
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .testimonial_content .name {
color: #000000;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content span {
font-family: 'DM Sans';
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #C8C8C8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content .d-flex img {
max-width: 130px;
height: 50px;
-o-object-fit: contain;
object-fit: contain;
margin-left: 25px;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .testimonial_content span {
color: #5A6A83;
}
.testimonial_outer .testimonial_featured .video_wrapper .video_btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'DM Sans';
font-weight: 400;
font-size: 16px;
line-height: 21px;
text-align: center;
color: #003083;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .video_wrapper .video_btn a {
color: #fff;
}
.testimonial_outer .testimonial_featured .video_wrapper .video_btn a span {
width: 30px;
height: 30px;
background: #003083;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
margin-right: 7px;
color: #FFF;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.testimonial_outer .testimonial_grid .testimonial_featured.even .video_wrapper .video_btn a span {
background: #fff;
color: #003083;
}
.testimonial_outer .testimonial_featured .video_wrapper .video_btn a:hover span {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.testimonial_outer .testimonial_featured .video_wrapper .client_img {
width: 100%;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px 6px 0 0;
}
.testimonial_outer .testimonial_featured .video_wrapper {
position: relative;
}
.testimonial_outer .testimonial_featured .video_wrapper .video_btn {
position: absolute;
bottom: 16px;
right: 20px;
}
.testimonial_outer .testimonial_slider .slick-slide {
margin: 0 15px;
}
.testimonial_outer .testimonial_slider .slick-list {
margin: 0 -15px;
}
.testimonial_outer .testimonial_slider .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -50px;
}
.testimonial_outer .testimonial_slider .slick-dots li {
width: 15px;
height: 15px;
}
.testimonial_outer .testimonial_slider .slick-dots li button {
padding: 0;
width: 15px;
height: 15px;
}
.testimonial_outer .testimonial_slider .slick-dots li button::before {
font-size: 15px;
line-height: 18px;
color: #ddd;
opacity: 1;
width: 15px;
height: 15px;
}
.testimonial_outer .testimonial_slider .slick-dots li.slick-active button::before {
color: #001943;
}
/* testimonial sec css end */
/* faq sec css start */
.faq {
padding: 120px 0 70px;
position: relative;
}
.faq:after {
content: '';
position: absolute;
width: 100%;
background: #242424;
height: 680px;
top: 0;
z-index: -1;
}
.faq .sec_header {
margin-bottom: 60px;
}
.faq .sec_title {
color: #40FFDC;
}
.faq .sec_header h2 {
color: #fff;
}
.faq .accordion_wrapper {
padding: 52px 58px;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.accordion_wrapper .accordion-item {
border: none;
border-radius: 0;
padding: 44px 0;
border-bottom: 1px solid #e6e6e6!important;
}
.accordion_wrapper .accordion-item .collapsing {
-webkit-transition: height .5s!important;
-o-transition: height .5s!important;
transition: height .5s!important;
}
.accordion_wrapper .accordion-item:first-child {
padding-top: 0;
}
.accordion_wrapper .accordion-item:last-child {
padding-bottom: 0;
border-bottom: 0 !important;
}
.accordion_wrapper .accordion-item .accordion-header {
padding: 0;
border-bottom: 0;
background: 0 0;
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button {
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-family: 'DM Sans';
font-weight: 500;
font-size: 32px;
line-height: 42px;
color: #001943;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: 0 0;
}
.accordion_wrapper .accordion-item .accordion-body {
padding: 0;
margin-top: 12px;
}
.accordion_wrapper .accordion-item .accordion-body ul {
margin-bottom: 0;
}
.accordion_wrapper .accordion-item .accordion-body ul li {
font-size: 18px;
line-height: 30px;
color: #5A6A83;
margin-bottom: 1rem;
}
.accordion_wrapper .accordion-item .accordion-body a {
color: #001943;
transition: all .3s ease;
font-weight: 500;
}
.accordion_wrapper .accordion-item .accordion-body a:hover {
text-decoration: underline !important;
}
.accordion_wrapper .accordion-item .accordion-body p:last-child {
margin-bottom: 0;
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button iconify-icon {
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
margin-left: 15px;
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button[aria-expanded="true"] iconify-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button::after {
display: none;
}
.blogs {
padding: 70px 0 124px;
overflow: hidden;
}
.blogs .sec_header {
margin-bottom: 40px;
}
/* faq sec css end */
/* cta sec css start */
.CTA_new {
background: -o-linear-gradient(bottom, #242424, #242424), -o-linear-gradient(352.76deg, #8E1CB9 -0.31%, #620DC9 72.83%, #271786 100%), #001943;
background: linear-gradient(0deg, #242424, #242424), linear-gradient(97.24deg, #8E1CB9 -0.31%, #620DC9 72.83%, #271786 100%), #001943;
overflow: hidden;
}
.CTA_new .cta_content {
max-width: 90%;
width: 100%;
}
.CTA_new .cta_content h2 {
color: #FFFFFF;
margin-bottom: 18px;
}
.CTA_new .cta_content p {
color: #C8C8C8;
margin-bottom: 52px;
max-width: 90%;
}
.CTA_new .cta_img {
position: relative;
padding: 100px 0 0;
}
.CTA_new .cta_img .cover_image {
position: relative;
z-index: 99;
}
.CTA_new .cta_img .shape1 {
position: absolute;
top: auto;
bottom: 2%;
right: -34%;
left: auto;
z-index: 99;
}
.CTA_new .cta_img .shape2 {
position: absolute;
top: 1%;
bottom: auto;
right: 0;
z-index: 1;
}
/* cta sec css end */
/* about us css start */
.about_sec {
position: relative;
}
.about_sec:after {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
.about_sec .about_btn {
position: absolute;
bottom: 0;
top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
z-index: 99;
}
.about_sec .about_btn a {
max-width: 50%;
width: 100%;
padding: 44px 50px;
font-family: 'DM Sans';
font-weight: 700;
font-size: 32px;
line-height: 42px;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.about_sec .about_btn .join_team {
background: rgba(36, 36, 36, 0.97);
}
.about_sec .about_btn .join_team:hover {
background: rgba(36, 36, 36, 0.80);
}
.about_sec .about_btn .about_us {
background: rgba(64, 255, 220, 0.97);
color: #000;
}
.about_sec .about_btn .about_us:hover {
background: rgba(64, 255, 220, 0.80);
}
.about_sec .about_btn a iconify-icon {
margin-left: 10px;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.about_sec .about_btn a:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
/* about us css end */
/* modals css start */
.modal.video_modal {
-webkit-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
transition: all 150ms ease-out;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
z-index: 999999;
}
.modal.video_modal.show {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.video_modal .modal-content {
border: none !important;
border-radius: 20px;
background: #fff;
padding: 40px;
width: auto;
}
.video_modal .modal-content .modal-header {
padding: 0;
border: none;
justify-content: end;
position: absolute;
right: 15px;
top: 0;
box-shadow: none;
}
.video_modal .modal-content .modal-header .btn-close {
opacity: 1;
padding: 10px 0;
margin: 0;
width: 20px;
height: 20px;
z-index: 99;
}
.video_modal .modal-content .modal-header .btn-close:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.video_modal .modal-content .modal-body {
padding: 0;
}
/* .video_modal .modal-content .modal-body .testimonial-video {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
} */
.testimonial-video iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
.video_modal .modal-content .modal-body .testimonial-video video {
height: 70vh;
width: auto;
}
.video_modal .modal-content .modal-body .testimonial-video .loader {
width: 600px;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
.video_modal .modal-content .modal-body .testimonial-video .loader img {
max-width: 100px;
}
.video_modal .modal-dialog {
/* max-width: 900px; */
--bs-modal-width: auto;
justify-content: center;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
/* modals css start */
.top-header-menu {
display: block;
}
/* Homepage css end */
/* Homepage new css start */
@keyframes fadeInUp {
0% {
transform: translateY(50%);
opacity: 0;
}
50% {
transform: translateY(25%);
opacity: 0;
}
100% {
transform: translateY(0%);
opacity: 1;
}
}
.fadeInUp-animation {
animation: 1.5s fadeInUp;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn-animation {
animation-delay: 2s;
animation: 5s fadeIn;
}
.page-template-homepage-new .top-head {
position: fixed;
background: transparent;
box-shadow: none;
border-bottom: 1px solid rgba(255 255 255 / 25%);
transition: all .5s ease;
}
.page-template-homepage-new .top-head.fixed {
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.page-template-homepage-new .top-head.fixed #menu .menu-item>a {
color: #343434;
}
.page-template-homepage-new .top-head.fixed .logo-fixed {
display: block !important;
}
.page-template-homepage-new .top-head.fixed .custom-logo-link {
display: none;
}
.hero-section {
padding: 220px 0 50px;
background: url(/wp-content/uploads/2013/10/home-bg-neww-scaled-1.webp),
linear-gradient(114deg, rgba(0,0,0,1) 0%, rgba(17,0,51,1) 35%,
rgba(91,31,81,1) 73%, rgba(173,106,53,1) 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
position: relative;
}
.hero-section #particles-js {
position: absolute;
top: 90px;
left: auto;
right: 0;
bottom: 0;
max-width: 750px;
}
.hero-section .content {
max-width: 955px;
width: 100%;
}
.hero-section .content h1 {
font-size: 68px;
line-height: 95px;
color: #fff;
font-weight: 300;
font-family: 'Poppins';
margin-bottom: 120px;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: 300;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
.cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
.hero-section .content h2 {
font-size: 16px;
line-height: 22px;
color: #fff;
font-family: 'DM Sans';
margin: 0;
display: flex;
align-items: center;
column-gap: 11px;
}
.hero-section .content h2 .speech_btn {
display: inline-flex;
transition: all .3s ease;
text-indent: -999999px;
}
.about-sec {
padding: 100px 0;
}
.about-sec h2 {
font-size: 40px;
line-height: 55px;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
margin: 0;
}
.about-sec p {
font-size: 20px;
line-height: 28px;
color: #171717;
margin-bottom: 30px;
}
.link {
font-size: 16px;
font-weight: bold;
color: #171717;
line-height: normal;
text-decoration: underline !important;
text-underline-offset: 5px;
transition: all .3s ease;
}
.link:hover {
text-decoration: underline !important;
color: rgba(23, 23, 23, .6);
}
.about-sec .about-img {
margin-top: 50px;
}
.about-sec .clutch-cta {
display: flex;
flex-wrap: wrap;
gap: 64px;
padding: 60px 0 0;
}
.about-sec .clutch-cta .logo {
max-width: calc(41% - 32px);
width: 100%;
padding: 78px 65px;
background: #F6E339;
margin-top: -135px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 20px;
}
.about-sec .clutch-cta .logo p {
font-size: 16px;
line-height: normal;
margin: 0;
font-weight: 500;
}
.about-sec .clutch-cta .content {
max-width: calc(59% - 32px);
width: 100%;
}
.clutch-cta h2 {
font-size: 22px;
line-height: 34px;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 20px;
}
.casestudy-new {
padding: 100px 0;
padding-left: calc((100vw - 1330px) / 2);
background: #F9F8F6;
}
.casestudy-new h2 {
font-size: 42px;
color: #010004;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 35px;
}
.casestudy-new .projects-wrapper {
display: flex;
flex-wrap: wrap;
}
.casestudy-new .projects-wrapper .project-tabs {
width: 240px;
position: sticky;
top: 120px;
left: 0;
height: 100%;
}
.casestudy-new .projects-wrapper .project-tabs ul {
margin: 0;
padding: 0;
list-style: none;
}
.casestudy-new .projects-wrapper .project-tabs ul li {
line-height: normal;
margin-bottom: 37px;
}
.casestudy-new .projects-wrapper .project-tabs ul li a {
font-size: 17px;
line-height: normal;
color: rgba(23, 23, 23, .3);
position: relative;
padding-bottom: 3px;
letter-spacing: 0.05em;
transition: all .3s ease;
}
.casestudy-new .projects-wrapper .project-tabs ul li.active a,
.casestudy-new .projects-wrapper .project-tabs ul li:hover a {
color: #171717;
}
.casestudy-new .projects-wrapper .project-tabs ul li a:after {
content: '';
position: absolute;
width: 0;
height: 3px;
left: 0;
bottom: 0;
background: #7D44C7;
transition: width .3s ease;
}
.casestudy-new .projects-wrapper .project-tabs ul li.active a:after {
width: 82px;
}
.casestudy-new .projects-wrapper .project-tabs .skip {
position: absolute;
left: -90px;
top: 70%;
transform: translateY(-30%) rotate(270deg);
text-transform: uppercase;
font-size: 30px;
letter-spacing: 5px;
text-decoration: none !important;
}
.casestudy-new .projects-wrapper .projects-panel {
width: calc(100% - 240px);
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image {
position: relative;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image img {
width: 100%;
height: auto;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image .mobile {
display: none;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image:before {
content: attr(data-name);
position: absolute;
bottom: -25px;
left: -12px;
display: block;
color: #F9F8F6;
font-weight: bold;
font-size: 120px;
line-height: 100%;
font-family: 'Poppins';
text-transform: uppercase;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content {
margin: 45px 0 0 40px;
display: flex;
flex-wrap: wrap;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-list {
max-width: 25%;
width: 100%;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-summary {
max-width: 75%;
width: 100%;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel {
margin-top: -100px;
padding-top: 100px;
margin-bottom: 50px;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-list ul li {
font-size: 18px;
line-height: normal;
color: #171717;
margin-bottom: 20px;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-list ul li span {
display: block;
font-size: 20px;
font-weight: bold;
font-family: 'Poppins';
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-summary p {
line-height: 28px;
color: #171717;
margin-bottom: 10px;
max-width: 770px;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-summary .btn-home {
margin-top: 20px;
}
.services-new {
padding: 100px 0;
background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,7,43,1) 100%);
}
.services-new .title {
font-size: 18px;
line-height: normal;
color: #fff;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 10px;
}
.services-new h2 {
font-size: 42px;
color: #fff;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 35px;
}
.services-new .row {
margin: 0 -15px;
row-gap: 28px;
}
.services-new .row .col-md-4 {
padding: 0 15px;
}
.services-new .service_wrapper {
border: 1px solid rgba(67, 67, 67, .8);
height: 100%;
background: rgba(13, 2, 15, .4);
padding: 20px;
transition: all .3s ease;
}
.services-new .service_wrapper:hover {
transform: scale(1.02);
}
.services-new .service_wrapper .image a {
font-size: 0px;
}
.services-new .service_wrapper .image img {
width: 100%;
}
.services-new .service_wrapper .content {
margin-top: 30px;
}
.services-new .service_wrapper .content h3 {
font-size: 30px;
line-height: 38px;
color: #fff;
font-weight: bold;
font-family: 'Poppins';
margin: 0 0 25px;
max-width: 75%;
}
.services-new .service_wrapper .content ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
display: none;
}
.services-new .service_wrapper .content ul li {
position: relative;
font-size: 16px;
line-height: 22px;
color: rgba(255, 255, 255, .8);
margin-bottom: 10px;
padding-left: 20px;
}
.services-new .service_wrapper .content ul li:last-child {
margin-bottom: 0;
}
.services-new .service_wrapper .content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2024/04/list-new.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.services-new .service_wrapper .content .link {
color: rgba(255, 255, 255, .8);
font-weight: 500;
font-size: 14px;
}
.services-new .service_wrapper .content .link:hover {
color: rgba(255, 255, 255, .6);
}
.services-new .service_wrapper.cta {
background: #F6D339;
padding: 10px;
position: relative;
}
.services-new .service_wrapper.cta .content {
margin: 0;
padding: 60px 20px 0;
}
.services-new .service_wrapper.cta .content h3 {
color: #000;
font-size: 34px;
line-height: 45px;
max-width: 100%;
margin: 0 0 50px;
}
.services-new .service_wrapper.cta .content p {
line-height: 26px;
color: #070707;
max-width: 85%;
width: 100%;
margin-bottom: 25px;
}
.services-new .service_wrapper.cta:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/service-section-cta.webp);
background-size: contain;
max-width: 395px;
width: 100%;
height: 215px;
bottom: 10px;
}
.testimonial-new {
padding: 100px 0 70px;
background: #F9F8F6;
}
.testimonial-new .title {
font-size: 18px;
line-height: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 5px;
}
.testimonial-new h2 {
font-size: 42px;
color: #171717;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 35px !important;
}
.testimonial-new .testimonial-wrapper {
position: relative;
}
.testimonial-new .testimonial-wrapper .slide-content {
display: flex !important;
flex-wrap: wrap;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-video {
max-width: 45%;
width: 100%;
}
.testimonial-new .testimonial-wrapper .slide-content .video_wrapper {
max-width: 435px;
}
.video-new {
position: relative;
display: flex;
justify-content: center;
overflow: hidden;
cursor: pointer;
border: 1px solid transparent;
}
.video-new:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, .3);
}
.testimonial-new .testimonial-wrapper .slide-content .video_wrapper video {
width: 100%;
height: 435px;
object-fit: cover;
}
.page-template-homepage-new .testimonial-new .testimonial-wrapper .slide-content .video_wrapper video {
object-position: 35%;
}
.testimonial-new .testimonial-wrapper .slide-content .video_wrapper .play_button-new {
bottom: 25px;
right: 20px;
transform: none;
top: auto;
left: auto;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content {
max-width: 55%;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
margin: 10px 0;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content:after {
content: '';
display: inline-block;
position: relative;
width: 100%;
height: 65px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content h3 {
font-size: 35px;
line-height: 50px;
font-weight: normal;
color: #070707;
max-width: 620px;
width: 100%;
margin: 0;
flex-grow: 1;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content h3 span {
background: #070707;
color: #fff;
padding: 0 8px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .logo {
margin-bottom: 15px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .detail p {
margin: 0;
font-size: 14px;
color: #4E4E4E;
line-height: normal;
font-weight: bold;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .detail p span {
font-weight: normal;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .detail p span:before {
content: '—';
display: inline-block;
color: #101010;
margin: 0 5px;
line-height: 2px;
vertical-align: middle;
}
.testimonial-new .testimonial-wrapper .slick-arrows {
position: absolute;
bottom: 20px;
left: calc(50% - 65px);
display: flex;
gap: 12px;
z-index: 9;
}
.testimonial-new .testimonial-wrapper .slick-arrows .slick-arrow {
width: 46px;
height: 46px;
border: 0;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: space-around;
transition: all .3s ease;
}
.testimonial-new .testimonial-wrapper .slick-arrows .slick-arrow.slick-hidden {
display: none;
}
.testimonial-new .testimonial-wrapper .slick-arrows .slick-arrow:hover {
background: #000;
}
.testimonial-new .testimonial-wrapper .slick-arrows .slick-arrow:hover svg path {
fill: #fff;
}
.testimonial-new .testimonial-wrapper .slick-arrows .next-testimonial.slick-arrow {
transform: rotate(180deg);
}
/*Homepage new testimonials css start*/
.testimonial-home {
padding: 100px 0;
background: #F9F8F6;
}
.testimonial-home .title {
font-size: 18px;
line-height: normal;
color: #171717;
font-family: 'Poppins';
text-transform: uppercase;
letter-spacing: 0.2rem;
display: block;
margin: 0 0 5px;
}
.testimonial-home h2 {
font-size: 42px;
color: #171717;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 40px !important;
}
.testimonial-home .testimonial-box-wrapper {
display: flex;
flex-wrap: wrap;
gap: 50px 25px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box {
max-width: calc(25% - (25px * 3/4));
width: 100%;
padding: 25px;
background: #FFFFFF;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-video {
overflow: hidden;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-video .video-new {
transition: all .3s ease;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box:hover .testimonial-video .video-new {
transform: scale(1.1);
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-video video {
width: 100%;
height: 156px;
object-fit: cover;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-video .play_button svg {
width: 50px;
height: 50px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content {
margin-top: 22px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content .testimonial-info {
display: flex;
align-items: center;
justify-content: space-between;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-info .testimonial-info-content .name {
font-size: 18px;
line-height: 20px;
color: #070707;
font-weight: bold;
margin: 0 0 2px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-info .testimonial-info-content .designation {
font-size: 14px;
line-height: 18px;
color: #4E4E4E;
font-weight: 300;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content h3 {
font-size: 16px;
line-height: 20px;
font-family: 'DM Sans';
font-weight: normal;
color: #070707;
margin: 13px 0 21px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content h3 span {
background: #070707;
color: #fff;
padding: 0 4px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content .testimonial-logo {
width: 100%;
height: 32px;
display: flex;
align-items: center;
}
/*Homepage new testimonials css end*/
.technology {
padding: 100px 0 225px;
}
.technology .title {
font-size: 18px;
line-height: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 5px;
}
.technology h2 {
font-size: 42px;
color: #171717;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 25px;
}
.technology .row {
margin: 0 -23px;
}
.technology .row .col-md-3 {
padding: 0 23px;
}
.technology .technology-wrapper {
border-top: 2px solid #171717;
padding-top: 20px;
}
.technology .technology-wrapper span {
font-size: 22px;
line-height: 100%;
color: #010004;
}
.technology .technology-wrapper h3 {
font-size: 25px;
line-height: 1.2;
font-family: 'Poppins';
font-weight: bold;
color: #010004;
margin: 20px 0;
}
.technology .technology-wrapper p {
font-size: 16px;
line-height: 24px;
color: #171717;
margin-bottom: 15px;
}
.technology .technology-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.technology .technology-wrapper ul li {
position: relative;
padding-left: 20px;
font-size: 15px;
line-height: 22px;
color: #171717;
margin-bottom: 12px;
}
.technology .technology-wrapper ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-black.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.technology .technology-wrapper ul li a {
color: #171717;
position: relative;
transition: all .3s ease;
}
.technology .technology-wrapper ul li a:hover {
opacity: .6;
text-decoration: underline !important;
}
.home-cta {
margin-top: -125px;
position: relative;
content-visibility: visible!important;
z-index: 9;
}
.home-cta .content-wrapper {
background: #F6D339;
padding: 50px 70px 60px;
display: flex;
flex-wrap: wrap;
}
.home-cta .content-wrapper .content {
max-width: 50%;
width: 100%;
}
.home-cta .content-wrapper .content h2 {
font-size: 36px;
line-height: 46px;
font-family: 'Poppins';
font-weight: bold;
color: #000;
margin: 0;
}
.home-cta .content-wrapper .content p {
line-height: 26px;
color: #070707;
margin-bottom: 30px;
}
.advantages-new {
padding: 240px 0 100px;
background-image: linear-gradient(50deg, rgba(0,0,0,1) 0%, rgba(38,7,43,1) 100%);
margin-top: -125px;
}
.advantages-new .title {
font-size: 18px;
line-height: normal;
color: #fff;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 5px;
}
.advantages-new h2 {
font-size: 42px;
color: #fff;
font-weight: bold;
font-family: 'Poppins';
line-height: 1.2;
margin: 0 0 40px;
}
.advantages-new .row {
margin: 0 -38px;
row-gap: 100px;
}
.advantages-new .row .col-md-4 {
padding: 0 38px;
}
.advantages-new .advantage h3 {
font-size: 24px;
line-height: 1.2;
color: #FFFFFF;
font-weight: bold;
font-family: 'Poppins';
margin: 20px 0 15px;
}
.advantages-new .advantage p {
font-size: 17px;
color: #FFFFFF;
line-height: 28px;
margin: 0;
}
.popular-wrapper.home {
background: #F9F8F6;
padding: 100px 0 150px;
content-visibility: visible !important;
}
.popular-wrapper.home.services {
padding: 100px 0;
}
.popular-wrapper.home .heading {
margin-bottom: 15px;
}
.popular-wrapper.home .heading .title {
font-size: 18px;
line-height: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 5px;
}
.popular-wrapper.home .heading h2 {
padding: 0;
font-size: 42px;
font-weight: bold;
line-height: 1.2;
}
.popular-wrapper.home .heading h2::after {
display: none;
}
.popular-wrapper.home .heading .slick-arrows .slick-arrow {
background: #fff;
width: 46px;
height: 46px;
border-radius: 50%;
transition: all .3s ease;
}
.popular-wrapper.home .heading .slick-arrows .slick-arrow:hover {
background: #000;
}
.popular-wrapper.home .heading .slick-arrows .slick-arrow:hover svg path {
fill: #fff;
}
.popular-wrapper.home .heading .slick-arrows .slick-arrow.slick-disabled svg path {
fill: #000;
}
.popular-wrapper.home .heading .slick-arrows .slick-arrow.slick-disabled {
background: #fff;
opacity: .5;
}
.popular-wrapper.home .heading .slick-arrows .next-popular.slick-arrow svg {
transform: rotate(180deg);
}
.popular-wrapper.home .slick-slide .content {
border: 0;
background: #fff;
box-shadow: none;
padding: 20px 20px 50px;
border-radius: 0;
}
.popular-wrapper.home.services .slick-slide .content {
padding: 20px 20px 40px;
}
.popular-wrapper.home .slick-slide .content .post-banner img {
border-radius: 0;
height: auto;
}
.popular-wrapper.home .slick-slide .content .post-categories ul {
gap: 6px;
margin: 20px 0 15px;
}
.popular-wrapper.home .slick-slide .content .post-categories ul li::after {
display: none;
}
.popular-wrapper.home .slick-slide .content .post-categories ul li a {
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
font-size: 11px;
font-weight: 600;
padding: 6px 10px;
display: inline-block;
color: #070707;
text-transform: uppercase;
transition: all.3s ease;
}
.popular-wrapper.home .slick-slide .content .post-categories ul li a:hover {
border-color: #070707;
background: #070707;
color: #fff;
}
.popular-wrapper.home .slick-slide .content h3 {
font-size: 24px;
color: #171717;
font-weight: bold;
font-family: 'Poppins';
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: auto;
margin-bottom: 15px;
}
.popular-wrapper.home.services .slick-slide .content h3 {
-webkit-line-clamp: 2;
min-height: 60px;
}
.popular-wrapper.home .slick-slide .content p {
font-size: 17px;
line-height: 26px;
color: #171717;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.popular-wrapper.home .slick-slide .content .link {
text-decoration: none !important;
border-bottom: 2px solid #171717;
}
.popular-wrapper.home .slick-slide .content .link:hover {
border-color: rgba(23, 23, 23, .6);
}
.popular-wrapper.home .slick-slide .content .link:hover svg path {
fill: rgba(23, 23, 23, .6);
stroke: rgba(23, 23, 23, .6);
}
/*Homepage new blog css end*/
.our-blogs {
padding: 100px 0 160px;
background: #F9F8F6;
}
.our-blogs .content {
margin-bottom: 70px;
}
.our-blogs .content .title {
font-size: 18px;
line-height: 20px;
color: #171717;
font-family: 'Poppins';
letter-spacing: 0.02rem;
text-transform: uppercase;
}
.our-blogs .content h2 {
font-size: 42px;
line-height: 50px;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
margin: 5px 0 0;
}
.our-blogs .our-blog-wrapper {
display: flex;
flex-wrap: wrap;
gap: 60px 32px;
}
.our-blogs .our-blog-wrapper .blog-wrapper {
max-width: calc(25% - (32px * 3/4));
width: 100%;
}
.our-blogs .our-blog-wrapper .blog-wrapper .category-name {
padding: 9px 0 36px;
border-top: 2px solid #171717;
}
.our-blogs .our-blog-wrapper .blog-wrapper .category-name a {
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
line-height: 20px;
color: #171717;
font-weight: 800;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box {
padding: 10px 10px 23px;
background: #fff;
box-shadow: 4px 4px 15px rgba(0, 0, 0, .1);
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-thumbnail {
margin-bottom: 15px;
overflow: hidden;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-thumbnail img {
width: 100%;
height: 156px;
object-fit: cover;
transition: all .3s ease;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box:hover .blog-post-thumbnail img {
transform: scale(1.05);
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-categories {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-bottom: 7px;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-categories a {
font-size: 9px;
line-height: 13px;
color: #070707;
text-transform: uppercase;
font-weight: 600;
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
padding: 6px 10px;
letter-spacing: 0.03em;
transition: all .3s ease;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-categories a:hover {
background: #070707;
color: #fff;
border-color: rgba(7, 7, 7, .5);
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box h3 {
margin: 0;
font-size: 17px;
line-height: 25px;
color: #171717;
font-weight: bold;
font-family: 'Poppins';
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box h3 a {
color: #171717;
}
.our-blogs .view-more {
margin-top: 80px;
display: flex;
justify-content: center;
}
/*Homepage new blog css end*/
.contact_wrapper.home {
background-image: url(/wp-content/uploads/2013/10/contact-bg-home-scaled-1.webp);
}
.contact_wrapper.home .contact_outer .content-outer .content {
max-width: 95%;
}
.contact_wrapper.home .contact_outer .content-outer h2 {
font-size: 62px;
line-height: 73px;
color: #000;
font-weight: bold;
font-family: "Poppins";
}
.contact_wrapper.home .contact_outer .content-outer p {
font-size: 20px;
line-height: 28px;
color: #000;
margin: 0;
}
.faq-new.home h2 {
text-align: center;
font-size: 42px;
line-height: 1.2;
color: #070707;
font-weight: bold;
font-family: 'Poppins';
margin: 0 0 40px;
}
.contact_wrapper.home .contact_outer .content-outer img {
width: 150px;
margin-left: auto;
display: block;
margin-top: -25px;
filter: invert(1);
}
/* Homepage new css end */
/* Ecommerce page css start */
/*our expertise sec css start*/
.our_expertise .expertise_wrapper {
background: #323131;
-webkit-box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.08);
border-radius: 0 20px 20px 0;
padding: 80px 0;
position: relative;
}
.our_expertise .expertise_wrapper:before {
content: '';
position: absolute;
left: 0;
right: auto;
bottom: 0;
top: 0;
width: 100vw;
height: 100%;
background: #323131;
margin-left: -100vw;
}
.our_expertise .sec_header {
text-align: center;
max-width: 75%;
margin: 0 auto 45px;
}
.our_expertise .sec_header h2 {
font-size: 60px;
line-height: 75px;
color: #FFFFFF;
margin-bottom: 12px;
}
.our_expertise .sec_header p {
color: #C8C8C8;
}
.our_expertise .expertise_wrapper .expertise_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 26px;
-moz-column-gap: 26px;
column-gap: 26px;
row-gap: 30px;
max-width: 70%;
margin: 0 auto;
}
.our_expertise.magento .expertise_box {
max-width: 100%;
}
.our_expertise .expertise_wrapper .expertise_box .box {
max-width: 390px;
width: 100%;
background: #242424;
border-radius: 12px;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.our_expertise.magento .expertise_wrapper .expertise_box .new_box {
padding: 45px;
}
.our_expertise .expertise_wrapper .expertise_box .box .img-box {
margin-right: 15px;
}
.our_expertise.career .expertise_wrapper .expertise_box .box .img-box {
width: 70px;
margin-right: 0;
}
.our_expertise.career .expertise_wrapper .expertise_box .box .content-box {
width: calc(100% - 70px);
padding-left: 20px;
}
.our_expertise .expertise_wrapper .expertise_box .box .content-box h3 {
font-weight: 700;
font-size: 45px;
line-height: 59px;
color: #FFFFFF;
margin-bottom: 0;
}
.our_expertise .expertise_wrapper .expertise_box .box .content-box h3 span {
font-weight: 400;
font-size: 20px;
line-height: 33px;
color: #EDEDEE;
}
.our_expertise.magento .expertise_wrapper .expertise_box .new_box h3 {
font-size: 24px;
line-height: 31px;
}
.our_expertise .expertise_wrapper .expertise_box .box .content-box p {
margin-bottom: 0;
font-size: 20px;
line-height: 33px;
color: #EDEDEE;
margin-top: -5px;
}
.our_expertise .expertise_wrapper .expertise_box .corner_shape {
position: absolute;
right: 0;
left: auto;
bottom: 0;
margin-right: -17%;
margin-bottom: -25%;
top: auto;
}
/*our expertise sec css end*/
/*technology expertise sec css start*/
.technology_expert {
padding: 115px 0;
}
.technology_expert.hiring {
padding-bottom: 0;
}
.technology_expert .sec_header {
max-width: 55%;
margin: 0 auto 55px;
text-align: center;
}
.technology_expert.psd .sec_header {
max-width: 60%;
text-align: left;
margin-left: 0;
}
.technology_expert.hiring .sec_header {
max-width: 90%;
}
.technology_expert.hiring .sec_header p {
max-width: 50%;
width: 100%;
margin: 0 auto;
}
.technology_expert.magento .sec_header {
text-align: left;
max-width: 60%;
margin-left: 0;
}
.technology_expert .all_services {
margin: 0 -30px;
row-gap: 60px;
position: relative;
}
.technology_expert .all_services .col-md-4 {
padding: 0 30px;
}
.technology_expert .technology_outer {
-webkit-box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 15%);
box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 15%);
border-radius: 4px;
padding: 20px 30px;
margin-top: 55px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
border: 1px solid transparent;
}
.technology_expert.magento .technology_outer {
min-height: 310px;
}
.technology_expert .technology_outer:hover {
-webkit-box-shadow: 0px 0px 14px 4px rgb(64 255 220 / 50%);
box-shadow: 0px 0px 14px 4px rgb(64 255 220 / 50%);
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
border: 1px solid rgba(64 255 220 / 50%);
}
.technology_expert .technology_outer .read_more {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-size: 0px;
}
.technology_expert .technology_outer .service-logo {
margin-top: -75px;
margin-bottom: 20px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
z-index: 99;
cursor: pointer;
}
.technology_expert .technology_outer .service-logo:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.technology_expert .technology_outer h3 {
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #001943;
margin-bottom: 20px;
}
.technology_expert .technology_outer p {
color: #2B323D;
margin-bottom: 12px;
}
.technology_expert .technology_outer ul {
padding-left: 20px;
margin-bottom: 20px;
}
.technology_expert .technology_outer ul li {
font-size: 16px;
line-height: 26px;
color: #5A6A83;
margin-bottom: 10px;
}
.technology_expert.magento .technology_outer ul li {
font-size: 18px;
}
.technology_expert .technology_outer .page_link {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.technology_expert .technology_outer .page_link a {
font-size: 0;
}
.technology_expert .technology_outer .page_link:hover {
-webkit-filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
}
.technology_expert .technology_outer .page_link:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.technology_expert .technology_outer .page_link iconify-icon {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
/*technology expertise sec css end*/
/*our services sec css start*/
.our_services {
padding: 100px 0;
background: #F4FAFF;
}
.our_services .sec_header {
margin-bottom: 45px;
max-width: 55%;
}
.our_services .ecommerce_tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our_services .ecommerce_tabs .slider-nav {
max-width: 30%;
width: 100%;
}
.our_services .ecommerce_tabs .slider-nav .slick-list, .our_services .ecommerce_tabs .slider-nav .slick-list .slick-track {
height: auto !important;
}
.our_services.magento .ecommerce_tabs .slider-nav {
max-width: 26%;
}
.our_services .ecommerce_tabs .content_wrapper {
max-width: 70%;
width: 100%;
}
.our_services.magento .ecommerce_tabs .content_wrapper {
max-width: 74%;
}
.our_services .ecommerce_tabs .slider-nav .slick-slide {
border: none;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content {
margin-bottom: 50px;
background: #fff;
}
.our_services .ecommerce_tabs .slider-nav .slick-slide .nav-item {
display: block;
width: 100%;
border-left: 5px solid #eee;
border-radius: 0;
padding: 15px 16px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 18px;
line-height: 22px;
color: #5A6A83;
}
.our_services .ecommerce_tabs .slider-nav .slick-slide.slick-current .nav-item {
font-size: 22px;
line-height: 34px;
background: #fff;
color: #001943;
font-weight: bold;
padding: 20px 16px;
border-color: #40FFDC;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide {
padding: 35px 40px;
}
.our_services.magento .ecommerce_tabs .content_wrapper .slick-slide {
padding: 52px 50px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .slide-title {
font-weight: bold;
font-size: 24px;
line-height: 33px;
color: #000;
margin-bottom: 20px;
text-align: center;
display: none;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide h3 {
font-weight: 700;
font-size: 21px;
line-height: 24px;
color: #414141;
margin-bottom: 35px;
}
.our_services.magento .ecommerce_tabs .content_wrapper .slick-slide h3, .our_services.web_development .ecommerce_tabs .content_wrapper .slick-slide h3 {
margin-bottom: 15px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide ul {
padding-left: 20px;
margin-bottom: 0;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide ul li {
font-size: 16px;
line-height: 21px;
color: #5A6A83;
margin-bottom: 12px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide ul li:last-child {
margin-bottom: 0;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .service_benefit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .service_benefit .benefit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s ease;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .service_benefit .benefit:hover {
transform: scale(1.06);
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .service_benefit .benefit p {
margin-bottom: 0;
font-weight: 700;
line-height: 26px;
color: #001943;
padding-left: 15px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .right-image {
text-align: center;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .right-image img {
display: inline-block;
transition: all .3s ease;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .right-image img:hover {
transform: scale(1.05);
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -50px;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content .slick-dots li {
width: 15px;
height: 15px;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content .slick-dots li button {
padding: 0;
width: 15px;
height: 15px;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content .slick-dots li button::before {
font-size: 15px;
line-height: 18px;
color: #ddd;
opacity: 1;
width: 15px;
height: 15px;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content .slick-dots li.slick-active button::before {
color: #001943;
}
/*our services sec css end*/
/*About tbi sec css start*/
.about_tbi {
padding: 120px 0;
}
.about_tbi.hire {
padding: 0 0 100px;
}
.about_tbi .sec_header {
margin-bottom: 60px;
}
.about_tbi .sec_header h2 {
font-size: 74px;
line-height: 87px;
color: #001943;
margin-bottom: 0;
}
.about_tbi .about-us ul {
margin-bottom: 45px;
}
.about_tbi .about-us li {
margin-bottom: 25px;
font-weight: 400;
font-size: 20px;
line-height: normal;
color: #5A6A83;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s ease;
}
.about_tbi .about-us li:hover {
transform: scale(1.03);
}
.about_tbi .about-us li .list-icon {
margin-right: 12px;
}
.about_tbi .about-us li .website {
color: #242424;
font-size: 24px;
text-decoration: underline !important;
}
.about_tbi .about-us li .external_link {
margin-left: 8px;
}
.about_tbi .clutch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_tbi .clutch img {
max-width: 135px;
width: 100%;
}
.about_tbi .clutch p {
max-width: 250px;
font-size: 20px;
margin-bottom: 0;
margin-left: 20px;
line-height: 27px;
}
.about_tbi .our-experts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -30px;
row-gap: 50px;
}
.about_tbi .our-experts .expert {
max-width: 50%;
width: 100%;
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_tbi .our-experts .expert .expert-img {
border-radius: 8px;
width: 130px;
height: 130px;
}
.about_tbi .our-experts .expert .expert-img img {
width: 130px;
height: 130px;
object-fit: cover;
}
.about_tbi .our-experts .expert .expert-detail {
width: calc(100% - 130px);
padding-left: 20px;
}
.about_tbi .our-experts .expert .expert-detail h3 {
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #001943;
margin-bottom: 5px;
}
.about_tbi .our-experts .expert .expert-detail span {
font-weight: 400;
font-size: 18px;
line-height: 23px;
color: #5A6A83;
margin-bottom: 15px;
display: block;
}
.about_tbi .our-experts .expert .expert-detail p {
margin-bottom: 0;
line-height: 23px;
color: #5A6A83;
}
/*About tbi sec css end*/
/*Services New css start*/
.services_hero {
padding-left: calc((100vw - 1320px) / 2);
background: #E4EDF3;
}
.services_hero .wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.services_hero .banner-content {
max-width: 60%;
width: 100%;
padding-right: 50px;
}
.services_hero .banner-content h1 {
font-size: 90px;
line-height: 94px;
font-family: 'Poppins';
font-weight: 800;
text-transform: uppercase;
color: #171717;
margin-bottom: 35px;
}
.services_hero .banner-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.services_hero .banner-content ul li {
font-size: 22px;
color: #2C2F33;
line-height: 42px;
font-weight: 600;
position: relative;
padding-left: 56px;
margin-bottom: 26px;
}
.services_hero .banner-content ul li:last-child {
margin-bottom: 0;
}
.services_hero .banner-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/service-list.svg);
width: 42px;
height: 42px;
background-repeat: no-repeat;
background-size: contain;
left: 0;
}
.services_hero .banner-image {
max-width: 40%;
width: 100%;
}
.services_hero .banner-image img {
width: 100%;
}
.technology_sec {
position: relative;
padding: 100px 0 200px;
}
.technology_sec .header {
margin-bottom: 30px;
}
.technology_sec .header span {
font-size: 18px;
line-height: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 3.6px;
display: block;
margin: 0 0 5px;
}
.technology_sec .row {
row-gap: 24px;
}
.technology_sec .technology_wrapper {
border: 1px solid #EFEFEF;
height: 100%;
padding: 50px 50px 40px 30px;
position: relative;
transition: all .3s ease;
}
.technology_sec .technology_wrapper:hover {
border-color: rgba(7, 7, 7, .3);
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
.technology_sec .technology_wrapper a:not(.read-more) {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
font-size: 0;
}
.technology_sec .technology_wrapper img {
margin-bottom: 13px;
width: auto;
height: 47px;
}
.technology_sec .col-md-4:last-child .technology_wrapper img {
height: 35px;
}
.technology_sec.ai .col-md-4:last-child .technology_wrapper img {
height: auto;
}
.technology_sec .technology_wrapper ul {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.technology_sec .technology_wrapper ul li {
font-size: 16px;
line-height: 24px;
color: #414C5B;
margin-bottom: 10px;
padding-left: 20px;
position: relative;
}
.technology_sec .technology_wrapper ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-black.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.technology_sec .technology_wrapper ul li:last-child {
margin-bottom: 0;
}
.technology_sec .technology_wrapper p {
font-size: 16px;
line-height: 24px;
color: #414C5B;
margin: 0;
}
.technology_sec .technology_wrapper .read-more {
position: absolute;
right: 7px;
bottom: 7px;
background: #F9F8F6;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: all .3s ease;
}
.technology_sec .technology_wrapper .read-more svg {
transition: all .3s ease;
}
.technology_sec .technology_wrapper:hover .read-more svg {
transform: scale(1.2);
}
/*Services New css end*/
/*Portfolio page css start*/
.portfolio-wrapper .content .portfolio-content .bricklayer {
margin: 0 -15px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer {
margin: 0 -33px;
}
.portfolio-wrapper .content .portfolio-content #datalord>.box {
width: 31%;
margin: 0 12px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content #datalord>.box {
width: 100%;
margin: 0;
}
.bricklayer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bricklayer-column-sizer {
width: 100%;
display: none;
}
@media screen and (min-width: 640px) {
.bricklayer-column-sizer {
width: 50%;
}
.page-template-portfolio-new .bricklayer-column-sizer {
width: 100%;
}
}
@media screen and (min-width: 980px) {
.bricklayer-column-sizer {
width: 33.333%;
}
.page-template-portfolio-new .bricklayer-column-sizer {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.page-template-portfolio-new .bricklayer-column-sizer {
width: 33.33%;
}
.page-template-portfolio-new .bricklayer-column-sizer {
width: 50%;
}
}
.bricklayer-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px;
padding-right: 15px;
}
.page-template-portfolio-new .bricklayer-column {
padding-left: 33px;
padding-right: 33px;
}
.bricklayer .bricklayer-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.top-section {
padding: 60px 0;
}
.top-section .top-content .sec_title {
margin-bottom: 0;
}
.top-section .top-content h1 {
margin-bottom: 6px;
font-size: 60px;
line-height: 87px;
}
.top-section .top-content p {
margin-bottom: 27px;
}
.top-section .top-content .line {
width: 124px;
height: 8px;
display: block;
background: #40FFDC;
}
.page-template-portfolio-new .top-section {
padding: 0 0 90px;
position: relative;
background-image: url(/wp-content/uploads/2013/10/portfolio-bg-scaled-1.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-template-portfolio-new .top-section .breadcrumb-wrap {
margin-bottom: 90px;
padding: 12px 0;
background: rgba(255 255 255 / 10%);
border-bottom: 1px solid rgba(255 255 255 / 10%);
backdrop-filter: blur(2px);
}
.page-template-portfolio-new .top-section .breadcrumb-wrap .breadcrumbs {
font-size: 14px;
font-weight: 500;
color: rgba(255 255 255 / 50%);
line-height: normal;
}
.page-template-portfolio-new .top-section .breadcrumb-wrap .breadcrumbs a {
color: #fff;
}
.page-template-portfolio-new .top-section .top-content .sec_title {
display: block;
font-size: 20px;
line-height: normal;
color: #F8B532;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
margin: 0;
}
.page-template-portfolio-new .top-section .top-content h1 {
font-size: 60px;
line-height: 70px;
color: #fff;
font-family: 'Poppins';
font-weight: bold;
margin: 0;
max-width: 60%;
text-transform: capitalize;
}
.portfolio-wrapper {
padding-bottom: 50px;
}
.page-template-portfolio-new .portfolio-wrapper {
padding: 0;
}
.portfolio-wrapper .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.page-template-portfolio-new .portfolio-wrapper .content {
display: inherit;
}
.portfolio-wrapper .content .portfolio-sidebar {
width: 250px;
}
.portfolio-wrapper .content .portfolio-sidebar form {
position: sticky;
top: 80px;
}
.portfolio-wrapper .content .portfolio-content {
width: calc(100% - 250px);
padding-left: 50px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content {
width: 100%;
padding: 50px 0 70px;
}
.portfolio-mobile-select {
display: none;
}
.portfolio-wrapper .content .portfolio-sidebar h2 {
font-family: 'DM Sans',sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 48px;
margin-bottom: 20px;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox {
position: relative;
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category ul li {
margin: 0 0 25px;
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category ul li:last-child {
margin: 0;
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category ul {
height: 470px;
overflow: hidden;
-webkit-animation-delay: 250ms;
animation-delay: 250ms;
-webkit-transition: height .65s ease-out;
-o-transition: height .65s ease-out;
transition: height .65s ease-out;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox .checkbox-input {
position: absolute;
opacity: 0;
top: 0;
width: 29px;
height: 29px;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox .checkbox-input + label {
position: relative;
cursor: pointer;
padding: 0;
font-size: 18px;
line-height: 23px;
color: #5A6A83;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox .checkbox-input + label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: middle;
width: 29px;
height: 29px;
background: #fff;
border: 1px solid #BCBCBC;
border-radius: 2px;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox .checkbox-input:checked + label:before {
background: #B2CBDE;
border: 1px solid #B2CBDE;
}
.portfolio-wrapper .content .portfolio-sidebar .custom-checkbox .checkbox-input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 10px;
width: 9px;
height: 14px;
border: solid #242424;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category {
margin-bottom: 30px;
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category .view-all, .portfolio-wrapper .content .portfolio-sidebar .portfolio-category .view-less {
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #5A6A83;
cursor: pointer;
transition: all .3s ease;
}
.portfolio-wrapper .content .portfolio-sidebar .portfolio-category .view-all:hover, .portfolio-wrapper .content .portfolio-sidebar .portfolio-category .view-less:hover {
text-decoration: underline;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box {
padding: 20px;
border: 1px solid #EBEBEB;
border-radius: 6px;
margin-bottom: 60px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box:hover {
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
-webkit-box-shadow: 0px 4px 25px rgb(50 84 109 / 38%);
box-shadow: 0px 4px 25px rgb(50 84 109 / 38%);
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box {
padding: 0;
border: 0;
border-radius: 0;
margin-bottom: 100px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box:hover {
-webkit-transform: scale(1.02);
transform: scale(1.015);
box-shadow: none;
box-shadow: none;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box:hover {
-webkit-transform: scale(1.02);
transform: scale(1.015);
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box.dark {
background: #242424;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .postdatapopup {
width: 100%;
height: auto;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .postdatapopup {
border-radius: 0;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .common-video {
position: relative;
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image {
margin-bottom: 15px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image {
margin-bottom: 25px;
position: relative;
overflow: hidden;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .arrow {
position: absolute;
right: 0;
bottom: 0;
left: auto;
top: auto;
width: 67px;
height: 67px;
background: #070707;
display: flex;
align-items: center;
justify-content: center;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .arrow svg {
color: #fff;
transition: all .3s ease;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .arrow:hover svg {
color: #F8B532;
transform: scale(1.1);
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info h3 {
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #001943;
margin-bottom: 18px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info h3 {
font-family: 'Poppins';
font-size: 32px;
line-height: 42px;
color: #070707;
margin-bottom: 6px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box.dark .portfolio-info h3 {
color: #fff;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info p {
font-size: 16px;
line-height: 26px;
color: #414C5B;
margin-bottom: 18px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul li {
padding: 12px 13px;
background: #535353;
border-radius: 6px;
color: #fff;
margin: 0 20px 10px 0;
font-size: 12px;
line-height: 16px;
border: 1px solid #535353;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul li:hover {
background: #fff;
color: #535353;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul li:last-child {
margin-right: 0;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul {
margin: 0;
gap: 10px 6px;
max-width: 90%;
width: 100%;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul li {
padding: 5px 12px;
background: #fff;
color: #8493A8;
margin: 0;
font-size: 11px;
font-weight: 600;
border: 1px solid #D3DEEC;
text-transform: uppercase;
border-radius: 2px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags ul li:hover {
background: #070707;
border-color: #070707;
color: #B9B9B9;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags .shareblock {
max-width: 10%;
width: 100%;
text-align: end;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags .shareblock svg path {
transition: all .3s ease;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .tags .shareblock svg:hover path {
fill: #070707;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .read-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .read-btn .read-more:hover {
-webkit-filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
filter: drop-shadow(0px 0px 7px rgba(64, 255, 220, 0.5));
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .read-btn .read-more iconify-icon {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info .read-btn .read-more:hover iconify-icon {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.portfolio-wrapper .content .portfolio-content .portfolio-search {
margin-bottom: 20px;
position: relative;
}
.portfolio-wrapper .content .portfolio-content .filtered-lists {
margin-bottom: 50px;
}
.portfolio-wrapper .content .portfolio-content .nomatchselections {
text-align: center;
}
.portfolio-wrapper .content .portfolio-content .portfolio-search .searchcategory {
border: 1px solid #DFDFDF;
border-radius: 6px;
width: 100%;
padding: 18px 24px;
font-size: 16px;
line-height: 24px;
color: #5A6A83;
}
.portfolio-wrapper .content .portfolio-content .portfolio-search:after {
content: '';
position: absolute;
background: url(/wp-content/uploads/2023/01/Search.svg);
width: 23px;
height: 24px;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul .filterblock {
margin: 0 15px 10px 0;
border: 1px solid #5A6A83;
padding: 10px 43px 10px 14px;
border-radius: 6px;
color: #5A6A83;
font-size: 16px;
position: relative;
line-height: 24px;
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul li {
display: inline-block;
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul .filterblock span:after, .portfolio-wrapper .content .portfolio-content .filtered-lists ul .filterblock span:before {
content: "";
width: 12px;
height: 2px;
background: #5A6A83;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul .filterblock span:after {
right: 15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul .filterblock span:before {
right: 15px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.portfolio-wrapper .content .portfolio-content .filtered-lists ul li span {
cursor: pointer;
color: #5A6A83;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .old-section {
text-align: center;
max-width: 650px;
width: 100%;
margin: 0 auto 50px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .old-section .left-content p {
margin: 0;
font-size: 20px;
font-family: 'Poppins';
font-weight: 500;
color: #070707;
margin-bottom: 20px;
}
.portfolio-cta {
padding: 60px 20px 70px;
background-image: url(/wp-content/uploads/2013/10/portfolio-cta-scaled.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.portfolio-cta .content {
text-align: center;
max-width: 640px;
margin: 0 auto;
}
.portfolio-detail .portfolio-cta .content {
padding: 0;
}
.portfolio-cta .content h3 {
font-size: 36px;
font-weight: 800;
color: #fff;
margin: 0 0 10px;
line-height: normal;
}
.portfolio-cta .content p {
font-size: 16px;
line-height: 27px;
color: #fff;
margin: 0 0 20px;
}
.portfolio-cta .content .btn_common {
background: #F8B532;
font-size: 16px;
font-weight: 500;
border-radius: 0;
padding: 13px 26px;
gap: 5px;
}
.portfolio-cta .content .btn_common:hover {
background: #fff;
color: #070707;
}
.portfolio-detail .portfolio-banner .breadcrumb-wrap {
margin-bottom: 40px;
padding: 12px 0;
background: rgba(255 255 255 / 10%);
border-bottom: 1px solid rgba(255 255 255 / 10%);
backdrop-filter: blur(5px);
}
.portfolio-detail .portfolio-banner .breadcrumb-wrap .breadcrumbs {
font-size: 14px;
font-weight: 500;
color: rgba(255 255 255 / 50%);
line-height: normal;
}
.portfolio-detail .portfolio-banner .breadcrumb-wrap .breadcrumbs a {
color: #fff;
}
.portfolio-detail .portfolio-banner .title {
margin-top: 50px;
}
.portfolio-detail .portfolio-banner h1 {
font-size: 60px;
line-height: 74px;
color: #fff;
font-family: 'Poppins';
font-weight: bold;
margin: 0;
}
.portfolio-detail .portfolio-banner .post-categories {
display: flex;
flex-wrap: wrap;
margin: 15px 0;
gap: 10px 6px;
}
.portfolio-detail .portfolio-banner .post-categories li {
border: 1px solid rgba(255, 255, 255, .4);
color: #fff;
border-radius: 2px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
padding: 5px 11px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-detail .portfolio-banner .post-categories li:hover {
background: #fff;
color: #414C5B;
}
.portfolio-detail .portfolio-banner .featured-image {
background: rgba(255, 255, 255, .25);
border: 1px solid rgba(255, 255, 255, .4);
box-shadow: 0 4px 24px rgba(19, 24, 61, .1);
border-radius: 20px;
padding: 10px;
margin-bottom: -70px;
}
.portfolio-detail .portfolio-banner .featured-image img {
border-radius: 14px;
}
.portfolio-detail .content {
padding: 130px 0 70px;
}
.portfolio-detail .content .case-study-list {
max-width: 1035px;
margin: 0 auto;
}
.portfolio-detail .content .case-study-list .casestudy-phead {
font-size: 44px;
line-height: 50px;
color: #070707;
font-weight: bold;
font-family: 'Poppins';
margin: 80px 0 10px;
}
.portfolio-detail .content .case-study-list:first-child .casestudy-phead {
margin-top: 0;
}
.portfolio-detail .content .case-study-list p {
line-height: 30px;
color: #414C5B;
}
.portfolio-detail .content .case-study-list p:empty {
display: none;
}
.portfolio-detail .content .case-study-list .features-list {
display: flex;
flex-wrap: wrap;
border: 1px solid #E2E9F1;
margin: 25px 0;
}
.portfolio-detail .content .case-study-list .features-list .feature {
max-width: 33.33%;
width: 100%;
display: flex;
align-items: center;
padding: 15px;
border-bottom: 1px solid #E2E9F1;
border-right: 1px solid #E2E9F1;
}
.portfolio-detail .content .case-study-list .features-list .feature a {
display: flex;
align-items: center;
}
.portfolio-detail .content .case-study-list .features-list .feature a+p {
display: none;
}
.portfolio-detail .content .case-study-list .features-list.four-column .feature {
max-width: 50%;
}
.portfolio-detail .content .case-study-list .features-list.four-column .feature:nth-child(2n) {
border-right: 0;
border-bottom: 1px solid #E2E9F1;
}
.portfolio-detail .content .case-study-list .features-list.four-column .feature:last-child {
border-bottom: 0;
}
.portfolio-detail .content .case-study-list .features-list.four-column .feature:nth-child(3n) {
border-right: 1px solid #E2E9F1;
}
.portfolio-detail .content .case-study-list .features-list .feature img {
width: 61px;
}
.portfolio-detail .content .case-study-list .features-list .feature p {
width: calc(100% - 61px);
padding-left: 15px;
font-size: 16px;
line-height: 24px;
color: #070707;
margin: 0;
font-weight: 800;
}
.portfolio-detail .content .case-study-list .features-list .feature p a {
color: #070707;
}
.portfolio-detail .content .case-study-list .features-list .feature:nth-child(3n) {
border-right: 0;
}
.portfolio-detail .content .case-study-list .features-list .feature:nth-last-child(-n + 3) {
border-bottom: 0;
}
.portfolio-detail .content .case-study-list ul {
padding: 0;
list-style: none;
}
.portfolio-detail .content .case-study-list ul li {
font-size: 18px;
line-height: 30px;
color: #414C5B;
margin-bottom: 15px;
padding-left: 30px;
position: relative;
}
.portfolio-detail .content .case-study-list ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/tick-white.svg);
width: 18px;
height: 13px;
left: 0;
top: 8px;
filter: invert(1);
}
.portfolio-detail .content .case-study-list ul li strong {
color: #070707;
}
.portfolio-detail .content .case-study-list.tech ul {
margin: 20px 0 0;
padding: 0;
list-style: none;
display: grid;
row-gap: 15px;
grid-template-columns: 35% 40% 25%;
}
.portfolio-detail .content .case-study-list.tech ul li {
font-size: 16px;
line-height: 26px;
font-family: 'Poppins';
padding: 0;
margin: 0;
}
.portfolio-detail .content .case-study-list.tech ul li::before {
display: none;
}
.portfolio-detail .content .case-study-list.tech ul li strong {
display: block;
font-size: 18px;
color: #070707;
margin: 0 0 3px;
}
.portfolio-detail .content .case-study-list .image-content {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 50px;
margin-bottom: 100px;
}
.portfolio-detail .content .case-study-list.two-column .image-content {
margin: 20px 0;
}
.portfolio-detail .content .case-study-list.two-column .image-content img {
margin-bottom: 20px;
}
.portfolio-detail .content .case-study-list .image-content .left-content,
.portfolio-detail .content .case-study-list .image-content .right-image {
max-width: calc(50% - (50px * 1/2));
width: 100%;
}
.portfolio-detail .content .case-study-list .image-content .left-content .main-list {
margin-bottom: 5px;
margin-top: 0;
}
.portfolio-detail .content .case-study-list .image-content .left-content p:last-child {
margin: 0;
}
.portfolio-detail .content .social-box {
display: none;
}
.portfolio-detail .content .image-wrapper {
text-align: center;
padding: 60px;
position: relative;
margin: 30px 0 90px;
}
.portfolio-detail .content .image-wrapper:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/portfolio-shape.webp);
width: 406px;
height: 406px;
top: 0;
right: 60px;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.portfolio-detail .content .image-wrapper.video:before {
top: 30px;
}
.portfolio-detail .content .image-wrapper img {
position: relative;
z-index: 9;
padding: 13px;
background: rgba(255 255 255 / 20%);
border: 1px solid rgba(255 255 255 / 20%);
border-radius: 10px;
max-width: 1035px;
width: 100%;
}
.portfolio-detail .content .image-wrapper video {
max-width: 906px;
width: 100%;
height: auto;
position: relative;
z-index: 9;
padding: 13px;
background: rgba(255 255 255 / 20%);
border: 1px solid rgba(255 255 255 / 20%);
border-radius: 10px;
display: flex;
margin: 0 auto;
}
.portfolio-detail .content .case-study-list .main-list {
font-size: 32px;
line-height: 42px;
font-weight: bold;
color: #000;
font-family: 'Poppins';
display: block;
margin: 40px 0 10px;
}
.portfolio-detail .content .feedback-wrapper {
background: #F0EFEC;
padding: 60px 30px 60px 120px;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
margin-top: 30px;
}
.portfolio-detail .content .feedback-wrapper:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/quote-new.svg);
width: 48px;
height: 38px;
left: 50px;
top: 50px;
}
.portfolio-detail .content .feedback-wrapper .comment {
max-width: 70%;
width: 100%;
padding-right: 54px;
border-right: 1px solid rgb(0 0 0 / 30%);
}
.portfolio-detail .content .feedback-wrapper .comment p {
font-size: 24px;
line-height: 39px;
color: #070707;
margin: 0 0 15px;
}
.portfolio-detail .content .feedback-wrapper .comment p:last-child {
margin: 0;
}
.portfolio-detail .content .feedback-wrapper .rating-sec {
max-width: 30%;
width: 100%;
text-align: center;
padding-left: 20px;
}
.portfolio-detail .content .feedback-wrapper .rating-sec span {
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #070707;
}
.portfolio-detail .content .feedback-wrapper .rating-sec img {
margin: 10px 0 35px;
filter: brightness(0);
}
.portfolio-detail .content .feedback-wrapper .rating-sec .name {
font-size: 28px;
line-height: 30px;
font-weight: bold;
color: #070707;
font-family: 'Poppins';
margin: 0 0 5px;
}
.portfolio-detail .content .feedback-wrapper .rating-sec p {
margin: 0;
font-size: 16px;
line-height: normal;
}
.nav-single {
margin: 60px 0;
display: flex;
align-items: stretch;
justify-content: center;
column-gap: 13px;
}
.nav-single .nav-button a {
font-size: 17px;
color: #5A6A83;
line-height: normal;
font-weight: bold;
display: flex;
align-items: center;
padding: 13px 15px;
border: 1px solid #D3DEEC;
height: 100%;
transition: all .3s ease;
}
.nav-single .nav-button.nav-next a, .nav-single .nav-button.nav-previous a {
padding: 13px 20px;
}
.nav-single .nav-button a:hover {
background: #5A6A83;
color: #fff;
}
.nav-single .nav-button a:hover svg path {
stroke: #fff;
}
.nav-single .nav-button a:hover svg rect {
fill: #fff;
}
.nav-single .nav-button .meta-nav {
display: flex;
align-items: center;
line-height: normal;
column-gap: 10px;
}
.portfolio_pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 120px;
}
.portfolio_pagination button .page-item {
margin: 0;
}
.portfolio_pagination button {
width: auto;
height: auto;
padding: 0;
border: none;
background: transparent;
}
.portfolio_pagination .page-link.active .page-numbers {
color: #242424;
background: #B2CBDE;
border: 1px solid #B2CBDE;
}
.portfolio_pagination .page-numbers, .portfolio_pagination .dots {
width: 50px;
height: 50px;
border: 1px solid rgba(0,0,0,.15);
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 20px;
font-size: 16px;
line-height: 25px;
color: #5A6A83;
font-weight: 500;
}
.portfolio_pagination .page-numbers:hover, .portfolio_pagination .dots:hover {
color: #242424;
background: #B2CBDE;
border: 1px solid #B2CBDE;
}
.modal.portfolio {
background: #242424;
z-index: 999999;
}
.modal-backdrop {
z-index: 99999;
}
.modal.portfolio .modal-dialog {
max-width: 1000px;
margin: 50px auto;
}
.modal.portfolio .modal-dialog .modal-content {
background-color: transparent;
border: 0;
border-radius: 0;
}
.modal.portfolio .modal-dialog .modal-header {
border-bottom: 0;
padding: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper {
background: #fff;
padding: 40px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .portfolio-heading {
font-weight: 700;
font-size: 32px;
line-height: 42px;
color: #001943;
margin-bottom: 38px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .portfolio-banner img {
width: 100%;
border-radius: 4px;
}
.modal.portfolio .modal-dialog .modal-header .btn-close {
margin: 0;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 1;
}
.modal.portfolio .modal-dialog .modal-header .btn-close:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-tags {
margin: 30px 0;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-tags ul li {
display: inline-block;
background: #535353;
padding: 12px 13px;
margin: 0 15px 10px 0;
color: #fff;
font-size: 12px;
line-height: 16px;
border-radius: 6px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list ul li {
margin-bottom: 10px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list {
margin: 25px 0;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .casestudy-phead {
font-size: 24px;
color: #001943;
font-weight: 700;
line-height: 37px;
margin-bottom: 15px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list p {
line-height: 26px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list img:not(.case-study-rating img) {
margin: 25px 0;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .tick {
display: inline-block;
width: 10px;
height: 18px;
border: solid #0A9D4E;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: relative;
left: 5px;
margin-right: 20px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .main-list {
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #000000;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .porfolio-rating {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .porfolio-rating span {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #5A6A83;
margin-left: 15px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .blockquote p {
position: relative;
margin: 15px 0;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .blockquote-footer {
margin: 0;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .blockquote-footer::before {
display: none;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .case-study-list .blockquote-footer cite {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #000000;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .ready-to-discuss {
margin-top: 50px;
background: #323131;
padding: 50px;
text-align: center;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .ready-to-discuss p {
font-size: 32px;
line-height: 50px;
font-weight: 700;
color: #fff;
margin-bottom: 21px;
}
/*Portfolio page css end*/
/*Contact page css start*/
.contact-outer {
padding: 70px 0 120px;
}
.contact-outer .top-content {
margin-bottom: 60px;
}
.contact-outer .top-content .sec_title {
margin-bottom: 0;
}
.contact-outer .top-content h1 {
font-size: 60px;
line-height: 87px;
margin-bottom: 6px;
}
.contact-outer .top-content p span {
text-decoration: underline;
}
.contact-outer .top-content .line {
width: 124px;
height: 8px;
display: block;
background: #40FFDC;
}
.contact-outer .contact-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);
border-radius: 10px;
padding: 10px;
max-width: 1200px;
}
.contact-outer .contact-wrapper .contact-desc {
max-width: 42%;
width: 100%;
background-color: #B2CBDE;
border-radius: 10px;
padding: 150px 55px 190px;
background-image: url(/wp-content/uploads/2023/01/contact-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: relative;
overflow: hidden;
}
.contact-outer .contact-wrapper .contact-desc .top-shape {
position: absolute;
left: -115px;
top: -145px;
}
.contact-outer .contact-wrapper .contact-desc .bottom-shape {
position: absolute;
right: -136px;
bottom: -116px;
}
.contact-outer .contact-wrapper .contact-desc h2 {
font-family: 'DM Sans';
font-weight: 500;
font-size: 30px;
line-height: 39px;
color: #000000;
margin-bottom: 15px;
}
.contact-outer .contact-wrapper .contact-desc p {
font-size: 16px;
line-height: 25px;
margin-bottom: 15px;
}
.contact-outer .contact-wrapper .contact-desc .contact-icon {
display: inline-block;
font-size: 16px;
line-height: 25px;
color: #5A6A83;
}
.contact-outer .contact-wrapper .contact-desc .icons {
display: inline-block;
}
.contact-outer .contact-wrapper .contact-desc .icons img {
transition: all .3s ease;
margin: 0 5px;
}
.contact-outer .contact-wrapper .contact-desc .icons img:hover {
transform: scale(1.2);
}
.contact-outer .contact-wrapper .contact-desc h3 {
font-size: 25px;
line-height: 33px;
font-weight: 400;
color: #000;
margin-bottom: 0;
margin-top: 40px;
}
.contact-outer .contact-wrapper .contact-form {
max-width: 58%;
width: 100%;
padding: 64px 50px;
}
/*Contact page css end*/
/*Contact page new css start*/
.contact__outer {
overflow: hidden;
}
.contact-wrapper {
display: flex;
flex-wrap: wrap;
position: relative;
}
.contact-wrapper .contact-desc {
max-width: 43%;
width: 100%;
background: #F9F7F2;
padding: 90px 130px 90px 0;
position: relative;
}
.contact-wrapper .contact-desc:before {
content: '';
position: absolute;
left: 0;
right: auto;
bottom: 0;
top: 0;
width: 100vw;
height: 100%;
background: #F9F7F2;
margin-left: -100vw;
}
.contact-wrapper .contact-desc:after {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/contact-shape.svg);
max-width: 247px;
width: 100%;
height: 195px;
right: 0;
bottom: 56px;
}
.contact-wrapper .contact-desc h1 {
font-size: 35px;
line-height: 47px;
color: #070707;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 50px;
}
.contact-wrapper .contact-form {
max-width: 57%;
width: 100%;
background: #F6E339;
padding: 90px 0 90px 70px;
}
.contact-wrapper .contact-form:before {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
top: 0;
width: 100vw;
height: 100%;
background: #F6E339;
margin-right: -100vw;
}
.contact-wrapper .contact-form h2 {
font-size: 42px;
line-height: 52px;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 30px;
max-width: 90%;
}
.contact-wrapper .contact-desc ul {
margin: 0;
}
.contact-wrapper .contact-desc ul li {
margin-bottom: 50px;
}
.contact-wrapper .contact-desc ul li:last-child {
margin: 0;
}
.contact-wrapper .contact-desc ul li a {
padding: 0;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
transition: all .3s ease;
color: #171717;
}
.contact-wrapper .contact-desc ul li a:hover {
transform: scale(1.05);
}
.contact-wrapper .contact-desc ul li .footer-flags {
width: 53px;
text-align: center;
}
.contact-wrapper .contact-desc ul li .fl-desc {
width: calc(100% - 53px);
padding-left: 16px;
}
.contact-wrapper .contact-desc ul li .fl-desc .title {
font-size: 12px;
line-height: normal;
color: #171717;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 5px;
}
.contact-wrapper .contact-desc ul li .fl-desc .number {
color: #171717;
font-weight: 500;
}
.contact-wrapper .contact-desc ul li .fl-desc .time {
line-height: normal;
font-weight: normal;
font-size: 14px;
}
/*Contact page new css end*/
/*Thank you page css start*/
.thankyou_wrapper {
padding: 200px 0 130px;
text-align: center;
background: #E8F0F5;
}
.thankyou_wrapper .thankyou_inner {
background: #fff;
border: 2px solid #000;
max-width: 1030px;
margin: 0 auto;
box-shadow: 8px 8px #7D44C7;
padding: 0 20px 70px 20px;
}
.thankyou_wrapper .thankyou_inner img {
margin-top: -130px;
margin-bottom: 18px;
}
.thankyou_wrapper .thankyou_inner h1 {
font-size: 72px;
line-height: 80px;
margin-bottom: 0;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
}
.thankyou_wrapper .thankyou_inner h1 span {
display: block;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.thankyou_wrapper .thankyou_inner p {
font-size: 18px;
line-height: 28px;
color: #171717;
margin: 27px 0 33px;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns .btn_yellow {
background: #F6E339;
border-radius: 0;
padding: 13px 20px;
color: #010004;
text-transform: capitalize;
border: 2px solid #F6E339;
gap: 10px;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns .btn_yellow:hover {
box-shadow: none !important;
background: #F1D624;
border-color: #F1D624;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns .btn_yellow.btn_alternate {
border: 2px solid #563384;
background: transparent;
color: #563384;
text-transform: capitalize;
padding: 13px 30px;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns .btn_yellow.btn_alternate:hover {
background: #563384;
border-color: #563384;
color: #fff;
}
/*Thank you page css end*/
/*About us page css start*/
.about-top_section {
padding: 80px 0 0;
text-align: center;
}
.about-top_section .top-content {
max-width: 75%;
margin: 0 auto 110px;
width: 100%;
}
.about-top_section .top-content h1 {
line-height: 80px;
margin-bottom: 50px;
}
.about-top_section .top-content .line {
width: 187px;
height: 4px;
margin: 0 auto 50px;
background: #40FFDC;
}
.about-top_section .top-content h2, .about-top_section .top-content h3 {
font-size: 22px;
line-height: 33px;
font-family: 'DM Sans';
color: #001943;
margin-bottom: 8px;
font-weight: 400;
}
.about-top_section .top-content h2 {
margin-bottom: 47px;
}
.about-top_section .top-content h2 a {
color: #001943;
font-weight: 500;
text-decoration: underline !important;
}
.about-top_section .top-content h3 .speech_btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 10px;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
background: #001943;
border-radius: 50%;
transition: all .3s ease;
color: #fff;
text-indent: -999999px;
}
.about-top_section .top-content p {
font-size: 22px;
font-weight: 500;
line-height: 26px;
color: #001943;
margin-bottom: 5px;
}
.about-top_section .top-content span {
font-weight: 500;
font-size: 15px;
line-height: 26px;
color: #5A6A83;
}
.about-top_section .image-grid {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.about-top_section .image-grid .left-image {
max-width: 60%;
width: 100%;
padding: 0 5px;
}
.about-top_section .image-grid .left-image img {
height: 601px;
object-fit: cover;
border-radius: 10px;
transition: all .3s ease;
}
.about-top_section .image-grid .left-image img:hover {
transform: scale(1.02);
}
.about-top_section .image-grid .right-image {
max-width: 40%;
width: 100%;
padding: 0 5px;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
}
.about-top_section .image-grid .right-image img {
border-radius: 10px;
transition: all .3s ease;
}
.about-top_section .image-grid .right-image img:hover {
transform: scale(1.02);
}
.who-we {
padding: 115px 0;
}
.who-we .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.who-we .content h2 {
max-width: 34%;
width: 100%;
}
.who-we .content .line {
width: 4px;
height: 200px;
background: #40FFDC;
}
.who-we .content .right-content {
max-width: 65%;
width: 100%;
padding-left: 42px;
}
.who-we .content .right-content p {
line-height: 27px;
margin-bottom: 28px;
}
.who-we .content .right-content p:last-child {
margin-bottom: 0;
}
.our_expertise.about .sec_header {
max-width: 100%;
margin: 0 auto 25px;
}
.our_expertise.about .expertise_wrapper {
border-radius: 20px;
padding: 95px 100px;
}
.our_expertise.about .expertise_wrapper .expertise_box {
max-width: 100%;
display: inline-block;
margin-bottom: 30px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider {
margin-bottom: 50px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide {
padding: 10px 0;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide .slide-content {
display: flex !important;
flex-wrap: wrap;
column-gap: 26px;
row-gap: 30px;
justify-content: center;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide .slide-content .box {
max-width: 250px;
background: none;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide .slide-content .box .img-box {
margin: 0;
}
.our_expertise.about .expertise_wrapper::before {
display: none;
}
.our_expertise.about .expertise_wrapper .bottom-text {
text-align: center;
}
.our_expertise.about .expertise_wrapper h3 {
font-weight: 400;
font-size: 16px;
line-height: 31px;
color: #C8C8C8;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -50px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-dots li {
width: 15px;
height: 15px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-dots li button {
padding: 0;
width: 15px;
height: 15px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-dots li button:before {
font-size: 15px;
line-height: 18px;
color: #636363;
opacity: 1;
width: 15px;
height: 15px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-dots li.slick-active button:before {
color: #fff;
}
.leadership-team {
padding: 90px 0 110px;
}
.leadership-team .sec_header {
max-width: 45%;
margin: 0 auto 40px;
text-align: center;
}
.leadership-team .team-outer .row {
margin: 0 -34px;
}
.leadership-team .team-outer .col-md-4 {
padding: 0 34px;
}
.leadership-team .team-outer {
max-width: 85%;
margin: 0 auto;
}
.leadership-team .team-outer .team-box {
text-align: center;
}
.leadership-team .team-outer .team-box>img {
margin-bottom: 40px;
border-radius: 10px;
height: 348px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.leadership-team .team-outer .team-box img:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.leadership-team .team-outer .team-box h3 {
font-weight: 700;
font-size: 22px;
line-height: 33px;
color: #001943;
margin-bottom: 0;
}
.leadership-team .team-outer .team-box p {
font-size: 14px;
margin-bottom: 0;
}
.leadership-team .team-outer .team-box a {
margin-top: 5px;
display: block;
}
.leadership-team .team-outer .team-box a .linkedin {
transition: all .3s ease;
}
.technology_expert.about {
background: #F4FAFF;
}
.technology_expert.about .sec_header {
margin: 0 auto 40px;
}
.technology_expert.about .all_services .technology_outer {
background: #fff;
border: 1px solid #DEDEDE;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px 30px 40px;
}
.technology_expert.about .all_services .technology_outer p:last-child {
margin-bottom: 0;
}
.teamwork {
padding: 120px 0 30px;
}
.teamwork .content-left h2 {
margin-bottom: 30px;
}
.teamwork .content-left p {
margin-bottom: 40px;
max-width: 90%;
}
.teamwork .content-left .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.teamwork .content-left .btns .btn-alternate {
background: #fff;
border: 2px solid #B2CBDE;
margin-left: 40px;
}
.teamwork .content-left .btns .btn-alternate:hover {
color: #fff;
background: #104CB4;
border: 2px solid #104CB4;
}
.teamwork .teamwork-img {
padding-left: 80px;
}
.teamwork .teamwork-img img {
transition: all .3s ease;
}
.teamwork .teamwork-img img:hover {
transform: scale(1.04);
}
.our-team {
padding: 100px 0;
}
.our-team .sec_header {
max-width: 45%;
margin: 0 auto 40px;
text-align: center;
}
.our-team .row {
row-gap: 57px;
}
.our-team .member-box {
text-align: center;
margin: 0 25px;
}
.our-team .member-box img {
width: 100%;
height: 500px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 23px;
border-radius: 10px;
transition: transform 300ms ease;
}
.our-team .member-box img:hover {
transform: scale(1.03);
}
.our-team .member-box h3 {
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #001943;
margin-bottom: 3px;
}
.our-team .member-box p {
line-height: 23px;
margin-bottom: 0;
}
/*About us page css end*/
/*Career page css start*/
.career-top_section {
padding: 100px 0 0;
}
.career-top_section .career-video video {
width: 100%;
height: 430px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
cursor: pointer;
}
.career-top_section .top-content h1 {
margin-bottom: 20px;
}
.career-top_section .top-content .line {
width: 187px;
height: 5px;
margin-bottom: 25px;
background: #40FFDC;
}
.career-top_section .top-content p {
max-width: 87%;
}
.our_expertise.career {
padding: 120px 0;
}
.our_expertise.career .expertise_wrapper {
border-radius: 20px;
}
.our_expertise.career .expertise_wrapper::before {
display: none;
}
.our_expertise.career .expertise_wrapper .expertise_box .new_box {
padding: 35px;
}
.our_expertise.career .expertise_wrapper .expertise_box .new_box h3 {
font-size: 30px;
line-height: 35px;
}
.door-open {
padding: 80px 0 50px;
}
.door-open .sec_header {
max-width: 75%;
margin: 0 auto 45px;
text-align: center;
}
.door-open .sec_header p {
max-width: 60%;
margin: 0 auto;
}
.door-open .career-slider {
display: -webkit-box;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.door-open .career-slider .content {
display: -webkit-box;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-animation: marquee 20s linear infinite running;
animation: marquee 20s linear infinite running;
}
.door-open .career-slider .content .items {
width: 100%;
white-space: nowrap;
}
.door-open .career-slider .content .items .slick-track {
display: flex;
}
.door-open .career-slider .content .items .slick-track .slick-slide {
max-width: 1600px;
width: 100%;
}
.door-open .career-slider .content .item {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex !important;
-webkit-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.door-open .career-slider .content .item img {
height: 755px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.door-open .career-slider .content .item-1 .wbox img, .door-open .career-slider .content .item-3 .wbox img {
height: 370px;
-o-object-fit: cover;
object-fit: cover;
}
.door-open .career-slider .content .item-1 {
max-width: 25%;
width: 100%;
padding: 0 0 0 15px;
}
.door-open .career-slider .content .item-1 .box-1 .wbox:first-child {
padding: 0 0 15px;
}
.door-open .career-slider .content .item-2 {
max-width: 33.33%;
width: 100%;
}
.door-open .career-slider .content .item-2 .box-2 {
padding: 0 15px;
}
.door-open .career-slider .content .item-3 {
max-width: 46.66%;
width: 100%;
}
.door-open .career-slider .content .item-3 .box-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.door-open .career-slider .content .item-3 .box-3 .wbox {
width: 50%;
}
.door-open .career-slider .content .item-3 .box-3 .wbox:nth-child(1) {
padding-bottom: 15px;
padding-right: 0;
}
.door-open .career-slider .content .item-3 .box-3 .wbox:nth-child(2) {
padding-bottom: 15px;
}
.door-open .career-slider .content .item-3 .box-3 .wbox:nth-child(3) {
padding-right: 0;
}
.door-open .career-slider .content .item-3 .box-3 .wbox {
padding: 0 15px;
}
.latest-jobs {
padding: 50px 0;
}
.latest-jobs .sec_header {
max-width: 45%;
margin: 0 auto 40px;
text-align: center;
}
.latest-jobs .jobs .row {
row-gap: 50px;
}
.latest-jobs .jobs .job-detail {
background: #F4FAFF;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.latest-jobs .jobs .job-detail:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.latest-jobs .jobs .job-detail a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 22px;
}
.latest-jobs .jobs .job-detail .position-name, .latest-jobs .jobs .job-detail .positions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.latest-jobs .jobs .job-detail .position-name span {
width: 72px;
height: 72px;
background: #FFFFFF;
border: 4px solid #40FFDC;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.latest-jobs .jobs .job-detail .position-name h3 {
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #001943;
margin-bottom: 0;
margin-left: 20px;
}
.latest-jobs .jobs .job-detail .positions p {
margin-bottom: 0;
font-weight: 700;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
color: #000000;
margin-right: 5px;
}
.tbi-events {
padding: 50px 0;
}
.tbi-events .sec_header {
max-width: 45%;
text-align: center;
margin: 0 auto 10px;
}
.tbi-events .event-grid .slick-list {
padding: 30px 0;
}
.tbi-events .event-grid .event {
padding: 40px 30px 30px;
border-radius: 6px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.tbi-events .event-grid .event:hover {
-webkit-box-shadow: 0px 4px 25px rgb(0 0 0 / 25%);
box-shadow: 0px 4px 25px rgb(0 0 0 / 25%);
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
}
.tbi-events .event-grid .event.dark {
background: -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424)), #001943;
background: -o-linear-gradient(bottom, #242424, #242424), #001943;
background: linear-gradient(0deg, #242424, #242424), #001943;
}
.tbi-events .event-grid .event.dark:hover {
-webkit-box-shadow: 0px 4px 25px rgb(0 0 0 / 38%);
box-shadow: 0px 4px 25px rgb(0 0 0 / 38%);
}
.tbi-events .event-grid .event .read-more {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-size: 0px;
}
.tbi-events .event-grid .event .event-thumbnail {
margin-bottom: 26px;
}
.tbi-events .event-grid .event .event-thumbnail img {
width: 100%;
height: 226px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
}
.tbi-events .event-grid .event .event-content h3 {
font-weight: 700;
font-size: 32px;
line-height: 46px;
color: #001943;
margin-bottom: 10px;
}
.tbi-events .event-grid .event.dark .event-content h3 {
color: #FFFFFF;
}
.tbi-events .event-grid .events_slider .slick-dots li {
width: 15px;
height: 15px;
}
.tbi-events .event-grid .events_slider .slick-dots {
display: flex;
justify-content: center;
bottom: -30px;
}
.tbi-events .event-grid .events_slider .slick-dots li button {
padding: 0;
width: 15px;
height: 15px;
}
.tbi-events .event-grid .events_slider .slick-dots li button::before {
font-size: 15px;
line-height: 18px;
color: #ddd;
opacity: 1;
width: 15px;
height: 15px;
}
.tbi-events .event-grid .events_slider .slick-dots li.slick-active button::before {
color: #001943;
}
/*Career page css end*/
/*Blog page css start*/
body.category .top-heading {
max-width: 66%;
width: 100%;
margin: 0 auto;
}
body.category .top-heading h1 {
margin-bottom: 20px;
}
body.category .top-heading .blog-desc p {
line-height: 28px;
color: #303030;
margin: 0;
}
body.category .top-heading p a {
color: #7D44C7;
font-weight: 500;
text-decoration: underline !important;
}
.blog-home-bg .top-heading {
text-align: center;
}
.blog-home-bg .blog-category .mobile-search-bar {
position: absolute;
right: 0;
top: 0;
}
.blog-home-bg .author-listing .blog-category .mobile-search-bar {
position: static;
text-align: right;
}
.blog-home-bg .author-listing .blog-category .mobile-search-bar form {
display: inline-block;
position: relative;
}
.blog-home-bg .blog-category .mobile-search-bar .cat-search {
content: "";
position: absolute;
top: 8px;
right: 0;
z-index: 2;
background: url(https://api.iconify.design/bx:bx-search.svg?color=%230c297e) no-repeat center center/contain;
width: 25px;
height: 25px;
opacity: 1;
cursor: pointer;
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search:after {
content: "";
width: 24px;
height: 24px;
background: url(https://api.iconify.design/eva/search-fill.svg) no-repeat center center/contain;
position: absolute;
top: 8px;
left: 8px;
color: #0c297e;
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search.active .close-x:after, .blog-home-bg .blog-category .mobile-search-bar .zo-search.active .close-x:before {
content: "";
width: 18px;
height: 2px;
background: #888;
position: absolute;
top: 18px;
right: 10px;
cursor: pointer;
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search.active .close-x:before {
transform: rotate(-45deg);
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search.active .close-x:after {
transform: rotate(45deg);
}
.blog-home-bg .blog-category .mobile-search-bar .cat-search.removeThis {
display: none;
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search {
position: relative;
width: 30px;
top: 2px;
right: 0;
left: auto;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
display: none;
}
.blog-home-bg .blog-category .mobile-search-bar .zo-search.active {
opacity: 1;
visibility: visible;
width: 100%;
display: block;
}
.blog-home-bg .blog-category .mobile-search-bar .wp-block-search__input {
border-radius: 5px;
border: 1px solid #d2d2d2;
padding-left: 35px;
}
.blog-home-bg .blog-category .mobile-search-bar .wp-block-search__input::-webkit-search-decoration, .blog-home-bg .blog-category .mobile-search-bar .wp-block-search__input::-webkit-search-cancel-button, .blog-home-bg .blog-category .mobile-search-bar .wp-block-search__input::-webkit-search-results-button, .blog-home-bg .blog-category .mobile-search-bar .wp-block-search__input::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.blog-home-bg .blog-listing .row {
margin: 0 -25px;
}
.blog-home-bg .blog-listing .post.type-post {
max-width: 50%;
width: 100%;
margin-bottom: 50px;
padding: 0 25px;
transition: all .3s ease;
}
.blog-home-bg .blog-listing .post.type-post:hover {
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
}
.blog-home-bg .blog-navigation #blog_menu {
padding: 0;
margin: 0;
display: flex;
justify-content: center;
list-style: none;
flex-wrap: wrap;
}
.blog-home-bg .blog-navigation #blog_menu .menu-item a {
padding: 10px 30px;
border-radius: 50px;
font-size: 18px;
display: inline-block;
color: #242424;
transition: all .3s ease;
}
.blog-home-bg .blog-navigation #blog_menu .menu-item a:hover {
background: #001943;
color: #fff;
}
.blog-home-bg .blog-navigation #blog_menu .current-menu-item a {
background: #001943;
color: #fff;
}
.blog-home-bg .blog-listing .post.type-post .post-thumbnail img {
border-radius: 5px 5px 0 0;
}
.template-new .blog_detail .post_content .post-thumbnail {
margin: 31px 0;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow {
box-shadow: 0 4px 23px rgb(0 0 0 / 8%);
padding: 25px;
border-radius: 0 0 5px 5px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .entry-meta {
display: flex;
font-size: 14px;
justify-content: space-between;
margin-bottom: 10px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .entry-meta a {
color: #001943;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .entry-title {
display: block;
font-size: 20px;
line-height: normal;
margin-bottom: 20px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .entry-title a {
color: #070707;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .tags-links {
margin-bottom: 20px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .tags-links ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .tags-links ul li a {
background: #535353;
padding: 6px 12px;
border-radius: 6px;
font-size: 14px;
display: inline-block;
margin: 0 10px 10px 0;
color: #fff;
transition: all 0.3s ease;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .tags-links ul li a:hover {
background-color: #003083;
border-color: #003083;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .read-more-btn a {
display: inline-flex;
align-items: center;
padding: 8px 16px;
background: #B2CBDE;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
line-height: normal;
color: #242424;
transition: all 0.5s ease;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .read-more-btn a iconify-icon {
margin-left: 5px;
transition: transform 300ms ease;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .read-more-btn a:hover {
color: #fff;
background: #104CB4;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .read-more-btn a:hover iconify-icon {
transform: scale(1.1);
}
.single .entry-content .read-more-btn {
display: none;
}
.blog_detail {
padding: 50px 0;
}
.article-breadcrumbs {
text-align: center;
background: #F4FAFF;
margin: 20px 0 0;
padding: 5px 0;
color: #656565;
font-size: 14px;
}
.blog-home-bg.author .article-breadcrumbs {
text-align: left;
padding: 0;
margin: 0;
background: none;
color: #001943;
font-size: 16px;
}
.article-breadcrumbs a {
font-size: 14px;
line-height: 24px;
color: #656565;
}
.blog-home-bg.author .article-breadcrumbs a {
color: #001943;
font-size: 16px;
font-weight: 500;
}
.article-breadcrumbs .breadcrumb_last {
color: #000000;
}
.blog-home-bg.author .article-breadcrumbs .breadcrumb_last {
color: #001943;
}
.blog_detail .post_content .post-thumbnail img {
border-radius: 5px;
}
.blog_detail .post_content img {
transition: all .3s ease;
}
.blog_detail .post_content img:hover {
transform: scale(1.02);
}
.template-new .blog_detail .post_content .entry-content strong {
text-decoration: none;
color: #1E1E1E;
}
.blog_detail .post_content .bp-shadow .entry-meta {
margin: 10px 0 50px;
font-size: 14px;
display: flex;
justify-content: space-between;
}
.template-new .blog_detail .post_content .bp-shadow .entry-meta {
margin: 11px 0 0;
}
.blog_detail .post_content .bp-shadow .entry-meta .entry-date, .blog_detail .post_content .bp-shadow .entry-meta .entry-date-modified {
font-size: 14px;
line-height: 24px;
color: #454545;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.template-new .blog_detail .post_content .bp-shadow .entry-meta .entry-date,
.template-new .blog_detail .post_content .bp-shadow .entry-meta .entry-date-modified {
font-size: 16px;
}
.blog_detail .post_content .bp-shadow .entry-meta .entry-date .label, .blog_detail .post_content .bp-shadow .entry-meta .entry-date-modified .label {
display: inline-flex;
align-items: center;
gap: 4px;
margin-right: 3px;
}
.blog_detail .post_content .bp-shadow .entry-meta a {
color: #222222;
}
.blog_detail .post_content .bp-shadow .entry-title {
font-size: 60px;
text-align: center;
}
.template-new .blog_detail .post_content .bp-shadow .entry-title {
font-size: 45px;
line-height: 56px;
text-align: left;
margin: 0;
}
.blog_detail .post_content .bp-shadow .tags-links {
margin: 0 0 12px;
}
.blog_detail .post_content .bp-shadow .tags-links .post-categories {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.template-new .blog_detail .post_content .bp-shadow .tags-links .post-categories {
text-align: left;
}
.blog_detail .post_content .bp-shadow .tags-links .post-categories li a {
display: inline-block;
background: #40FFDC;
padding: 8px 22px;
color: #000;
font-size: 14px;
line-height: 18px;
border-radius: 6px;
border: 1px solid #40FFDC;
transition: all .3s ease;
}
.blog_detail .post_content .bp-shadow .tags-links .post-categories li a:hover {
background: #fff;
}
.blog_detail .post_content .entry-content p {
line-height: 26px;
}
.template-new .blog_detail .post_content .entry-content p {
font-size: 17px;
line-height: 30px;
color: #484848;
}
.blog_detail .post_content .entry-content .social-box {
display: none;
}
.blog_detail .post_content .entry-content video {
width: 100%;
border-radius: 5px;
}
.blog_detail .post_content .entry-content ol {
padding-left: 16px;
}
.template-new .blog_detail .post_content .entry-content ol {
counter-reset: li-count;
padding: 0;
margin: 35px 0 0;
}
.blog_detail .post_content .entry-content ol li {
font-size: 18px;
line-height: 28px;
color: #5A6A83;
margin-bottom: 10px;
}
.template-new .blog_detail .post_content .entry-content ol li {
counter-increment: li-count;
list-style: none;
padding-left: 52px;
position: relative;
margin-bottom: 25px;
}
.template-new .blog_detail .post_content .entry-content ol li:before {
content: counter( li-count);
position: absolute;
left: 0;
top: 4px;
border-radius: 4px;
background: #001943;
color: #FFF;
font-size: 19px;
font-weight: 700;
line-height: normal;
padding: 7px 16px;
}
.template-new .blog_detail .post_content .entry-content ol li h3 {
margin: 0 0 10px;
color: #1E1E1E;
font-size: 22px;
line-height: normal;
}
.template-new .blog_detail .post_content .entry-content ol li p {
margin: 0 0 10px;
}
.template-new .blog_detail .post_content .entry-content ol li p:last-child {
margin: 0;
}
.blog_detail .post_content .entry-content a {
font-weight: 500;
transition: all .3s ease;
}
.template-new .blog_detail .post_content .entry-content a {
color: #295FBC;
}
.blog_detail .post_content .entry-content h2 {
font-size: 32px;
margin: 60px 0 30px;
line-height: 40px;
}
.template-new .blog_detail .post_content .entry-content h2 {
font-size: 33px;
line-height: 45px;
font-family: 'DM Sans';
font-weight: bold;
}
.template-new .blog_detail .post_content .entry-content h2 {
padding-top: 120px;
margin-top: -80px;
}
.blog_detail .post_content .entry-content h3 {
font-size: 25px;
color: #001943;
margin: 45px 0 30px;
font-family: 'DM Serif Display';
}
.template-new .blog_detail .post_content .entry-content h3 {
font-family: 'DM Sans';
font-weight: bold;
}
.blog_detail .post_content .entry-content h4 {
font-size: 20px;
color: #001943;
margin: 45px 0 30px;
font-family: 'DM Serif Display';
}
.template-new .blog_detail .post_content .entry-content h4 {
font-family: 'DM Sans';
font-weight: bold;
}
.blog_detail .post_content .entry-content ul {
background: #F0F4F6;
padding: 30px 50px;
border-radius: 4px;
color: #5A6A83;
}
.template-new .blog_detail .post_content .entry-content ul {
background: transparent;
padding: 0;
color: #484848;
list-style: none;
}
.blog_detail .post_content .entry-content ul li {
margin-bottom: 20px;
font-size: 18px;
}
.template-new .blog_detail .post_content .entry-content ul li {
position: relative;
padding-left: 35px;
font-size: 17px;
}
.template-new .blog_detail .post_content .entry-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-tick.svg);
width: 22px;
height: 22px;
left: 0;
top: 3px;
}
.template-new .blog_detail .post_content .entry-content ul li strong {
display: block;
}
.blog_detail .post_content .entry-content ul li:last-child {
margin-bottom: 0;
}
.blog_detail .post_content .entry-content ul li a {
text-decoration: underline !important;
}
.blog_detail .post_content .entry-content ul li a:hover {
text-decoration: none !important;
}
.post-contact-btn .btn-yellow {
background: #B2CBDE;
border-radius: 6px;
padding: 16px 22px;
display: inline-block;
font-weight: 700 !important;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
color: #242424 !important;
text-decoration: none !important;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.post-contact-btn .btn-yellow:hover {
color: #fff !important;
background: #104CB4;
-webkit-box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !important;
box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !imporant;
}
.blog_detail .post_content .entry-content blockquote {
background: #242424;
margin: 0 0 45px;
display: inline-block;
width: 100%;
padding: 24px 30px 24px 103px;
position: relative;
}
.blog_detail .post_content .entry-content blockquote:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/quote-img.svg);
width: 48px;
height: 48px;
left: 36px;
}
.blog_detail .post_content .entry-content blockquote p {
color: #fff;
margin-bottom: 0;
}
/*.blog_detail .sidebar {
margin-top: 45px;
position: sticky;
top: 90px;
}*/
.template-new .blog_detail .sidebar {
max-width: 220px;
width: 100%;
height: 100%;
}
.template-new .blog_detail .sidebar .post-heading {
color: #969696;
font-size: 21px;
line-height: normal;
text-transform: uppercase;
margin: 0 0 16px;
}
.template-new .blog_detail .sidebar .widget-area {
position: sticky;
top: 90px;
}
.blog_detail .post_content .entry-content .icon-list .list-content {
display: flex;
align-items: center;
padding: 15px 30px;
border-radius: 3px;
background: #F4F5F8;
margin-bottom: 28px;
transition: all .3s ease;
}
.blog_detail .post_content .entry-content .icon-list .list-content:hover {
transform: scale(1.03);
}
.blog_detail .post_content .entry-content .icon-list .list-content .content {
width: calc(100% - 48px);
padding-left: 21px;
}
.blog_detail .post_content .entry-content .icon-list .list-content .content h4 {
margin: 0 0 6px;
color: #000;
font-size: 18px;
line-height: normal;
font-family: 'DM Sans',sans-serif;
font-weight: 600;
}
.blog_detail .post_content .entry-content .icon-list .list-content .content p {
color: #000;
font-size: 16px;
line-height: 24px;
margin: 0;
}
.template-new .blog_detail .sidebar .post-title {
margin: 0;
padding: 0 0 0 18px;
list-style: auto;
margin: 0 0 20px;
}
.template-new .blog_detail .sidebar .post-title li {
margin-bottom: 16px;
color: #1E1E1E;
font-family: DM Sans;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 25px;
text-decoration-line: underline;
}
.template-new .blog_detail .sidebar .post-title li:last-child {
margin-bottom: 0;
}
.template-new .blog_detail .sidebar .post-title li a {
color: #1E1E1E;
}
.blog_detail .post_content .entry-content .icon-list .col-md-6:nth-child(5) .list-content, .blog_detail .post_content .entry-content .icon-list .col-md-6:last-child .list-content {
margin: 0;
}
.blog_detail .sidebar .widget-area .widget_search form .wp-block-search__input {
border: 1px solid #EBEBEB !important;
padding: 15px;
border-radius: 10px;
}
.blog_detail .sidebar .widget-area .widget_search form .wp-block-search__input::-webkit-search-decoration, .blog_detail .sidebar .widget-area .widget_search form .wp-block-search__input::-webkit-search-cancel-button, .blog_detail .sidebar .widget-area .widget_search form .wp-block-search__input::-webkit-search-results-button, .blog_detail .sidebar .widget-area .widget_search form .wp-block-search__input::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.blog_detail .sidebar .widget-area .widget_search form {
position: relative;
}
.blog_detail .sidebar .widget-area .widget_search form .wp-block-search__button {
background: transparent;
border: none;
padding: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.blog_detail .sidebar .widget-area .widget_search form .wp-block-search__button:before {
content: "";
background: url(https://api.iconify.design/akar-icons/search.svg) no-repeat center center / contain;
width: 24px;
height: 24px;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter {
background: linear-gradient(234deg, #40FFDC 7.37%, #57B3FD 126.01%);
padding: 25px 20px 30px;
border-radius: 4px;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter p,
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter span {
color: #000;
font-size: 17px;
font-weight: 500;
line-height: 25px;
margin: 0;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter span {
color: #1E1E1E;
margin: 0 0 10px;
display: block;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter .contact {
border-radius: 6px;
background: #104CB4;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding: 12px 22px;
text-align: center;
transition: all .3s ease;
margin: 20px 0 40px;
display: inline-flex;
align-items: center;
width: 100%;
justify-content: center;
gap: 8px;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter .contact:hover {
-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 25%)!important;
box-shadow: 0 0 7px rgb(0 0 0 / 25%)!important;
transform: scale(1.03);
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn a {
display: inline-block;
transition: all .3s ease;
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn a:hover {
transform: scale(1.1);
}
.template-new .blog_detail .sidebar .widget-area .sidebar-newsletter p:empty {
margin: 0;
}
.blog_detail .post_content .entry-content .schema-faq-section {
padding: 21px;
border: 2px solid #001943;
border-radius: 5px;
margin-bottom: 30px;
}
.blog_detail .post_content .entry-content .schema-faq-section:last-child {
margin: 0;
}
.blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question {
color: #001943;
font-size: 17px;
line-height: 24px;
display: block;
position: relative;
cursor: pointer;
}
.blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question.active::after {
background-image: url(/wp-content/uploads/2013/10/minus.svg);
width: 14px;
height: 2px;
top: 11px;
}
.blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question:after {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/plus.svg);
right: 0;
top: 5px;
width: 14px;
height: 14px;
object-fit: contain;
}
.blog_detail .post_content .entry-content .schema-faq-section .schema-faq-answer {
padding-top: 15px;
margin: 0;
display: none;
}
.blog_detail .post_content .entry-content .schema-faq-section:first-child .schema-faq-answer {
display: block;
}
.blog_detail .sidebar .widget-area .popular-posts h2 {
color: #242424;
font-family: 'DM Sans';
font-size: 20px;
font-weight: bold;
line-height: normal;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.blog_detail .sidebar .widget-area .popular-posts h2 iconify-icon {
margin-right: 10px;
}
.blog_detail .sidebar .wp-block-latest-posts li {
border-bottom: 1px solid #F0F0F0;
padding: 20px 0px;
vertical-align: middle;
display: flex;
align-items: center;
position: relative;
transition: all .3s ease;
}
.blog_detail .sidebar .wp-block-latest-posts li:hover {
transform: scale(1.03);
}
.blog_detail .sidebar .wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
height: 98px;
object-fit: cover;
border-radius: 4px;
max-width: 128px;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content .blog_cat {
margin: 0 0 2px 0;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content .blog_cat .category_link {
font-size: 15px;
color: #001943;
font-family: 'DM Sans';
line-height: 22px;
font-weight: 500;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content .blog_title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 8px;
font-family: 'DM Sans';
line-height: normal;
color: #242424;
font-weight: 500;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content .total-views {
display: flex;
align-items: center;
margin: 0;
font-size: 16px;
line-height: normal;
font-family: 'DM Sans';
color: #8F8F8F;
font-weight: 500;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content .total-views img {
margin-right: 8px;
}
.blog_detail .sidebar .wp-block-latest-posts li .wp-block-latest-posts__featured-image {
width: 128px;
display: inline-block;
vertical-align: top;
height: 100%;
clear: both;
}
.blog_detail .sidebar .wp-block-latest-posts li .right_content {
padding: 0 0 0 23px;
width: calc(100% - 128px);
}
.detail-new .blog_detail .recent-blogs {
padding: 100px 0;
background: #F9F8F6;
margin-top: 70px;
}
.detail-new .blog_detail .related-posts .related {
font-size: 42px;
line-height: 50px;
font-weight: bold;
color: #171717;
font-family: 'Poppins';
}
.detail-new .blog_detail .related-posts .heading {
margin: 0 0 15px;
}
.detail-new .blog_detail .related-posts .slick-slide .content {
border: 0;
}
/*Blog page css end*/
/*Blog template august css start*/
.detail-new.august .blog_detail .post_content h1,
.detail-new.august .blog_detail .post_content h2,
.detail-new.august .blog_detail .post_content h3,
.detail-new.august .blog_detail .post_content h4,
.detail-new.august .blog_detail .post_content h5,
.detail-new.august .blog_detail .post_content h6 {
font-family: "Outfit", sans-serif !important;
}
.detail-new.august .blog_detail .post-thumbnail .entry-title {
font-size: 40px;
line-height: 50px;
color: #201F1F;
}
.detail-new.august .blog_detail .post_content .entry-content p {
font-size: 16px;
line-height: 32px;
color: #444444;
margin-bottom: 24px;
}
.detail-new.august .blog_detail .post_content .entry-content h2 {
font-size: 36px;
line-height: 40px;
color: #201F1F;
margin-bottom: 30px;
}
.detail-new.august .blog_detail .post_content .entry-content h3 {
font-size: 26px;
line-height: 30px;
color: #201F1F;
font-family: "Outfit", sans-serif;
border: 0;
padding: 0;
font-weight: bold;
margin: 50px 0 30px;
}
.detail-new.august .blog_detail .post_content .entry-content h4 {
font-family: "Outfit", sans-serif;
color: #201F1F;
padding: 0;
border: 0;
margin: 30px 0 10px;
}
.detail-new.august .blog_detail .post_content .entry-content ul {
list-style-type: disc !important;
padding: 0 0 0 30px;
}
.detail-new.august .blog_detail .post_content .entry-content ul li {
color: #444444;
font-size: 16px;
line-height: 30px;
margin-bottom: 7px;
list-style-type: disc;
padding: 0;
}
.detail-new.august .blog_detail .post_content .entry-content ul li:last-child {
margin: 0;
}
.detail-new.august .blog_detail .post_content .entry-content ul li::before {
display: none;
}
.detail-new.august .blog_detail .post_content .entry-content figure.wp-block-image {
margin: 25px 0;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq {
padding: 32px;
background: #F6F6F1;
border-top: 3px solid #7D44C7;
border-bottom: 3px solid #7D44C7;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq-section {
padding: 20px 0;
border-bottom-color: #D7D7D7;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq-section:first-child {
padding-top: 0;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question {
line-height: 30px;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-answer {
padding-top: 5px;
font-size: 16px;
line-height: 36px;
color: #444444;
margin: 0;
}
.detail-new.august .blog_detail .post_content .entry-content table {
border-top: 4px solid #7D44C7;
border-bottom: 4px solid #7D44C7;
}
.detail-new.august .blog_detail .post_content .entry-content table thead {
border: 0;
}
.detail-new.august .blog_detail .post_content .entry-content table thead th,
.detail-new.august .blog_detail .post_content .entry-content table tbody tr td {
border: 0;
padding: 0;
}
.detail-new.august .blog_detail .post_content .entry-content table thead th:first-child {
background: #E6E8EA;
width: 27%;
border-right: 2px solid #EAECEE;
}
.detail-new.august .blog_detail .post_content .entry-content table thead th {
padding: 17px;
font-size: 20px;
line-height: 25px;
color: #000000;
font-weight: bold;
font-family: 'Outfit';
text-align: center;
}
.detail-new.august .blog_detail .post_content .entry-content table tbody tr td {
padding: 30px 36px;
font-size: 16px;
line-height: 26px;
color: #000000;
font-family: 'Outfit';
}
.detail-new.august .blog_detail .post_content .entry-content table tbody tr td:first-child {
font-size: 17px;
line-height: 21px;
color: #000000;
font-weight: 600;
font-family: 'Outfit';
border-right: 2px solid #EAECEE;
text-align: center;
}
.detail-new.august .blog_detail .post_content .entry-content table tbody tr:nth-child(odd) td {
background: #F5F7F9;
}
/*Blog template august css start*/
/*privacy page css start*/
.privacy-content {
padding-top: 100px;
padding-bottom: 50px;
}
.privacy-content .privacy-block .line, .terms-content .terms-block .line {
width: 124px;
height: 8px;
background: #40FFDC;
display: block;
margin-bottom: 34px;
}
.privacy-content .privacy-block p, .terms-content .terms-block p {
line-height: 28px;
margin-bottom: 24px;
}
.privacy-content .privacy-block p:last-child, .terms-content .terms-block p:last-child {
margin-bottom: 0;
}
.privacy-content .wp-block-columns, .terms-content .wp-block-columns {
margin-bottom: 53px;
}
.privacy-content .wp-block-columns:last-child, .terms-content .wp-block-columns:last-child {
margin-bottom: 0;
}
.privacy-content .privacy-block ul li, .terms-content .terms-block ul li {
font-size: 18px;
color: #5A6A83;
margin-bottom: 10px;
}
.privacy-content .privacy-block h2, .terms-content .terms-block h2 {
font-family: 'DM Sans',sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 42px;
text-transform: capitalize;
margin-bottom: 24px;
}
.privacy-content .privacy-block.contact-us ul {
margin-top: 50px;
padding: 0;
list-style: none;
}
.privacy-content .privacy-block.contact-us ul li {
margin-bottom: 10px;
color: #001943;
font-weight: 500;
}
.privacy-content .privacy-block.contact-us ul li a {
color: #001943;
}
.privacy-content .privacy-block.contact-us ul li:last-child {
margin-bottom: 0;
}
.terms-content {
padding-top: 100px;
padding-bottom: 50px;
}
/*privacy page css end*/
/*referral page css start*/
.referral-outer {
padding: 100px 0 0;
}
.referral-outer .top_section {
max-width: 72%;
margin: 0 auto 160px;
text-align: center;
}
.referral-outer .top_section h1 span {
display: block;
font-size: 60px;
line-height: 80px;
}
.referral-outer .top_section p {
line-height: 28px;
margin-bottom: 30px;
}
.referral-outer .content-outer {
background: #F4FAFF;
}
.referral-outer .content-outer .referral-content {
max-width: 78%;
}
.referral-outer .content-outer .referral-content h2 {
font-family: 'DM Sans';
font-weight: 700;
font-size: 32px;
line-height: 42px;
margin-bottom: 20px;
}
.referral-outer .content-outer .referral-content p {
line-height: 26px;
margin-bottom: 24px;
}
.referral-outer .content-outer .referral-img img {
margin-top: -160px;
}
/*referral page css end*/
/*404 page css start*/
.error-404 {
padding: 150px 0;
}
.error-404 .outer-404 {
text-align: center;
}
.error-404 .outer-404 img {
margin-bottom: 53px;
}
.error-404 .outer-404 h1 {
font-size: 50px;
line-height: normal;
color: #070707;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 20px;
}
.error-404 .outer-404 p {
line-height: 24px;
margin-bottom: 40px;
color: #303030;
}
.error-404 .outer-404 p a {
color: #303030;
border-bottom: 1px solid #303030;
transition: all .3s ease;
}
/*404 page css end*/
/*coming soon page css start*/
.coming-soon {
padding: 100px 0;
}
.coming-soon .content h1 {
font-size: 60px;
}
.coming-soon .content p {
margin-bottom: 37px;
max-width: 78%;
}
.coming-soon .content p a {
color: #5A6A83;
border-bottom: 1px solid #5A6A83;
transition: all .3s ease;
}
.coming-soon .content p a:hover {
color: #001943;
border-bottom: 1px solid #001943;
}
/*coming soon page css end*/
/* footer css start */
.footer {
padding-top: 90px;
border-top: 1px solid #EDEDED;
background: #fff;
}
.footer.landing {
position: relative;
z-index: 99;
}
.ft-inner-links a:hover {
color: #000;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.c-circle:hover {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background: #F2AE11;
}
.footer-left-sec p,
.copy p {
color: #001943;
}
.footer-left-sec h5 {
font-size: 18px;
text-transform: capitalize;
font-family: 'DM Sans', sans-serif;
color: #0c297e;
margin-bottom: 25px;
font-weight: bold;
}
.footer-menuu {
font-size: 20px;
font-family: 'Poppins';
color: #070707;
margin-bottom: 25px;
font-weight: 700;
}
.footer .rating-wrapper {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.footer .rating .clutch-logo {
display: block;
margin-top: 10px;
}
.footer .footer-left-sec.company-ft p {
font-size: 16px;
line-height: 26px;
color: #414C5B;
margin-bottom: 20px;
}
.footer .footer-left-sec.company-ft .stars-rt p {
margin: 0;
color: #000;
}
.footer .rating p {
font-size: 12px;
color: #000000;
line-height: normal;
margin: 8px 0 0;
}
.footer .support ul {
margin: 0 0 64px;
}
.footer .support ul li {
margin-bottom: 25px;
}
.footer .support ul li:last-child {
margin: 0;
}
.footer .support ul li a {
padding: 0;
display: flex;
flex-wrap: wrap;
transition: all .3s ease;
}
.footer .support ul li a:hover {
transform: scale(1.02);
}
.footer .support ul li a .footer-flags {
width: 53px;
text-align: center;
}
.footer .support ul li a .fl-desc {
width: calc(100% - 53px);
padding-left: 12px;
}
.footer .support ul li a .fl-desc .title {
font-size: 12px;
line-height: normal;
color: #171717;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 5px;
}
.footer .support ul li a .fl-desc .number {
color: #171717;
font-weight: 500;
}
.footer .support ul li a .fl-desc .time {
line-height: normal;
font-weight: normal;
font-size: 14px;
}
.ft-inner-links a {
padding-bottom: 15px;
color: #171717;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: all .3s ease;
}
.ft-inner-links a:hover {
text-decoration: underline !important;
}
.support li {
margin-bottom: 15px;
}
.footer-newsletter {
margin-bottom: 32px;
}
.footer-newsletter form .form-group {
position: relative;
}
.footer-newsletter form .form-group .form-control {
background: #fff;
padding: 0;
padding-bottom: 15px;
border-radius: 0;
width: 100%;
border: 0;
border-bottom: 1px solid #000;
color: #686464;
font-size: 16px;
line-height: normal;
}
.footer-newsletter form .form-group .form-control::-webkit-input-placeholder,
.footer-newsletter form .form-group .form-control::-moz-placeholder,
.footer-newsletter form .form-group .form-control:-ms-input-placeholder,
.footer-newsletter form .form-group .form-control::-ms-input-placeholder,
.footer-newsletter form .form-group .form-control::placeholder {
color: #686464;
}
.footer-newsletter form .form-group .form-control:focus-visible {
outline: none;
}
.footer-newsletter form .form-group .submit {
position: absolute;
right: 0;
top: 0;
display: flex;
}
.footer-newsletter form .form-group .submit input {
background: url(/wp-content/uploads/2024/04/submit.svg);
width: 18px;
height: 19px;
background-repeat: no-repeat;
background-size: cover;
padding: 0;
border: none;
}
.footer-btm {
padding: 26px 0;
border-top: 1px solid #e6e6e6;
margin-top: 50px;
}
.footer-btm p {
font-size: 14px !important;
line-height: normal !important;
color: #171717 !important;
}
.footer-btm .social-icon {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.footer-btm .social-icon li a svg {
transition: all .3s ease;
}
.footer-btm .social-icon li a svg:hover {
transform: scale(1.15);
}
.footer-btm .terms ul {
margin: 0;
display: flex;
align-items: center;
justify-content: end;
column-gap: 5px;
}
.footer-btm .terms ul li a {
font-size: 14px;
line-height: normal;
color: #171717;
transition: all .3s ease;
}
.footer-btm .terms ul li a:hover {
text-decoration: underline !important;
text-underline-offset: 2px;
}
.footer.contact {
padding-top: 70px;
border: 0;
}
.footer.contact .footer-left-sec {
text-align: center;
}
.footer.contact .footer-left-sec .rating {
margin-bottom: 14px;
}
.footer.contact .footer-left-sec .rating p {
font-size: 14px;
line-height: 24px;
margin: 0;
}
.footer.contact .footer-left-sec .clutch-logo {
margin: 15px auto 5px;
width: 117px;
}
.footer.contact .footer-left-sec .footer-menuu {
margin: 0;
font-size: 22px;
line-height: 34px;
}
.footer.contact .footer-btm {
margin-top: 60px;
}
.footer.contact .footer-btm p {
text-align: center;
}
/* footer css end */
/* Exit popup css start */
.newsletter-popup {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
background: rgba(12,41,126,.5);
}
.newsletter-popup .wrapper {
max-width: 580px;
width: 100%;
margin: 0 auto;
text-align: center;
background: #fff;
border-radius: 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.newsletter-popup .wrapper .modal-content {
padding: 30px 60px 60px;
display: block;
}
.newsletter-popup .wrapper .modal-content .popup-logo {
max-width: 130px;
width: 100%;
margin-bottom: 20px;
}
.newsletter-popup .wrapper .popup-wrap-close {
position: absolute;
right: 25px;
top: 20px;
color: rgba(192,192,192,1);
cursor: pointer;
font-size: 40px;
line-height: normal;
font-family: 'DM Serif Display';
font-weight: bold;
z-index: 99;
}
.newsletter-popup .wrapper .modal-content form .exit-heading {
font-weight: 700;
font-size: 24px;
line-height: 25px;
color: #001943;
margin-bottom: 9px;
}
.newsletter-popup .wrapper .modal-content form p {
font-size: 20px;
line-height: 25px;
margin-bottom: 30px;
}
.newsletter-popup .wrapper .modal-content form .form-group .form-control {
background: #FFFFFF;
border: 1px solid #E4E4E4;
border-radius: 4px;
padding: 15px 18px;
font-size: 16px;
line-height: 21px;
color: #757575;
font-family: 'DM Sans',sans-serif;
}
.newsletter-popup .wrapper .modal-content form .form-group {
margin-bottom: 20px;
}
.newsletter-popup .wrapper .modal-content form .submit .btn_yellow {
border: none;
display: block;
width: 100%;
}
#copy-popup {
position: fixed;
top: 20px;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
overflow: hidden;
display: none;
}
#copy-popup .popup-content {
text-align: center;
}
#copy-popup .popup-content .link-copied {
text-align: center;
background: #B2CBDE;
color: #242424;
font-size: 14px!important;
padding: 10px 20px;
border-radius: 5px;
font-weight: bold;
display: inline-block;
}
.copy-popup.show {
display: block !important;
}
#carrerpopup {
background: #242424;
z-index: 999999;
}
#carrerpopup .modal-dialog {
max-width: 620px;
}
#carrerpopup .modal-dialog .modal-content {
background-color: transparent;
border: 0;
border-radius: 0;
padding: 0;
}
#carrerpopup .modal-dialog .modal-content .modal-header {
border-bottom: 0;
padding: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
background: none;
}
#carrerpopup .modal-dialog .modal-content .modal-header .btn-close {
margin: 0;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 1;
}
#carrerpopup .modal-dialog .modal-content .modal-body .career-heading {
font-size: 32px;
line-height: 44px;
font-family: 'DM Serif Display',serif;
margin-bottom: 8px;
color: #000000;
text-align: center;
}
#carrerpopup .modal-dialog .modal-content .modal-body .sub-heading {
font-size: 15px;
line-height: 20px;
text-transform: capitalize;
color: #615F5F;
text-align: center;
margin-bottom: 35px;
}
#carrerpopup .modal-dialog .modal-content .modal-body {
background: #fff;
padding: 40px 50px 50px;
border-radius: 10px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .thankyou {
padding: 100px 0;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group {
margin-bottom: 27px;
position: relative;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .wpcf7-form-control-wrap {
position: inherit;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .two-field {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .two-field .form-group {
max-width: 50%;
width: 100%;
padding: 0 20px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .format {
display: block;
margin: 5px 0 20px;
font-size: 14px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group p {
margin-bottom: 0;
line-height: normal;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group label {
margin-bottom: 8px;
font-size: 16px;
line-height: 21px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .wpcf7-form-control {
width: 100%;
border: 0;
border-bottom: 1px solid #4E4D4D;
padding: 8px 10px;
font-size: 15px;
line-height: 20px;
color: #8E9194;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 5px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .wpcf7-form-control::placeholder {
color: #8E9194;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file {
display: flex;
align-items: center;
justify-content: center;
padding: 40px 115px;
background: rgba(244, 249, 252, 0.8);
border: 1px solid #C7C6C6;
border-radius: 5px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file .content {
padding-left: 17px;
width: calc(100% - 48px);
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file .content .choose p {
font-weight: 700;
font-size: 17px;
line-height: 22px;
text-transform: capitalize;
color: #5A6A83;
margin-bottom: 3px;
overflow-wrap: anywhere;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file .content p {
line-height: 18px;
font-size: 14px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file .content span {
font-size: 14px;
line-height: 18px;
text-transform: capitalize;
color: #818487;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .file-upload {
opacity: 0;
position: absolute;
width: 100%;
height: 130px;
padding: 0;
z-index: 999;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .submit_btn p {
margin-bottom: 0;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .submit_btn {
position: relative;
margin-top: 20px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .submit_btn .wpcf7-spinner {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .wpcf7-response-output {
border-color: #000;
margin: 15px 0 0;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .submit_btn .wpcf7-submit {
background: #B2CBDE;
border-radius: 10px;
padding: 14px 22px;
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #000000;
transition: all 0.5s ease;
border: none;
width: 100%;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .submit_btn .wpcf7-submit:hover {
color: #fff;
background: #104CB4;
box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);
}
.loadingblock {
position: fixed;
top: 0;
width: 100%;
background: rgba(0,0,0,.3);
left: 0;
height: 100%;
display: none;
z-index: 9999;
}
.loadingblock .loadingcontent {
position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loadingcontent img {
width: 100px;
}
/* Exit popup css end */
/*Landing page css start*/
.btn_common {
background: #F2AE11;
border-radius: 5px;
padding: 14px 40px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: 'DM Sans';
font-weight: 600;
font-size: 20px;
line-height: normal;
color: #070707;
text-decoration: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn_common svg {
margin-left: 5px;
transition: all .5s ease;
}
.btn_common:hover {
background: #000;
color: #fff;
-webkit-box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !important;
box-shadow: 0px 0px 7px rgb(0 0 0 / 25%) !important;
}
.btn_alternate {
background: #000;
color: #fff;
}
.btn_alternate:hover {
background: #F2AE11;
color: #070707;
}
.btn_alternate svg path {
stroke: #fff;
}
.btn_alternate:hover svg path {
stroke: #000;
}
.page-template-shopify-landing-page-new h2,
.page-template-shopify-landing-page-new-2 h2,
.page-template-hire-template-new h2,
.page-template-services-template-new h2 {
font-size: 42px;
line-height: 48px;
font-family: 'Poppins';
font-weight: 700;
color: #070707;
margin: 0;
}
.page-template-shopify-landing-page-new p,
.page-template-shopify-landing-page-new-2 p,
.page-template-hire-template-new p,
.page-template-services-template-new p {
font-size: 20px;
color: #303030;
}
.top-head.landing{
padding: 15px 0;
}
.top-head.landing-new {
position: fixed;
padding: 15px 0;
box-shadow: none;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, .2);
transition: all .5s ease;
}
.top-head.landing-new.fixed {
background: #fff;
}
.top-head.landing-new.fixed .site-branding .logo-fixed {
display: block !important;
}
.top-head.landing-new.fixed .site-branding .custom-logo-link {
display: none;
}
.landing-new .site-branding img {
width: auto;
}
.top-head.landing .top-header-menu #menu .header_contact,
.top-head.landing-new .top-header-menu #menu .header_contact {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.top-head.landing .top-header-menu #menu .header_contact .contact,
.top-head.landing-new .top-header-menu #menu .header_contact .contact {
display: flex;
align-items: center;
gap: 10px;
margin-right: 40px;
color: #FFF;
font-size: 16px;
font-weight: 500;
}
.top-head.landing-new.fixed .top-header-menu #menu .header_contact .contact {
color: #000;
}
.top-head.landing .top-header-menu #menu .header_contact .contact:last-child {
margin-right: 0;
}
.top-head.landing-new .top-header-menu #menu .header_contact .contact:last-child {
margin-right: 15px;
}
.page-template-shopify-landing-page .hero_wrapper {
padding: 91px 0;
position: relative;
}
.page-template-shopify-landing-page-new .hero_wrapper {
position: relative;
padding: 170px 0;
background-image: url(/wp-content/uploads/2024/02/hero-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-template-shopify-landing-page .hero_wrapper:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2023/07/hero-shape.png);
max-width: 415px;
width: 100%;
height: 194px;
left: 0;
top: 5px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 34px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo .logo {
position: relative;
display: flex;
align-items: center;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo .logo:after {
content: '';
display: inline-block;
width: 1px;
height: 48px;
background: rgb(255 255 255 / 15%);
margin: 0 18px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo .logo:last-child::after {
display: none;
}
.page-template-shopify-landing-page-new .hero_wrapper h1 {
font-size: 55px;
font-family: 'DM Sans';
font-weight: 900;
color: #fff;
line-height: 55px;
margin-bottom: 15px;
}
.page-template-shopify-landing-page .hero_wrapper h1 span {
color: #95BF46;
}
.page-template-shopify-landing-page-new .hero_wrapper h1 span {
font-size: 44px;
font-weight: 400;
}
.page-template-shopify-landing-page .hero_wrapper ul {
margin-bottom: 18px;
}
.page-template-shopify-landing-page .hero_wrapper ul li {
color: #E9E9E9;
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.page-template-shopify-landing-page .hero_wrapper p {
color: #E9E9E9;
font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
}
.page-template-shopify-landing-page .hero_wrapper p span {
color: #AFE051;
}
.page-template-shopify-landing-page-new .hero_wrapper p {
color: #fff;
font-size: 23px;
margin-bottom: 25px;
line-height: 40px;
}
.page-template-shopify-landing-page .btn_yellow {
background: #95BF46;
color: #fff;
}
.page-template-shopify-landing-page-new .hero_wrapper .btn_common {
padding: 16px 56px;
font-size: 22px;
}
.page-template-shopify-landing-page-new #menu .btn_common,
.page-template-shopify-landing-page-new-2 #menu .btn_common,
.page-template-landing-thank-you #menu .btn_common,
.page-template-clutch-landing-page #menu .btn_common,
.page-template-clutch-thank-you #menu .btn_common {
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
background: #F6E339;
color: #171717;
padding: 15px 32px;
font-weight: 600;
box-shadow: none !important;
border-radius: 0;
letter-spacing: 0.01rem;
}
.page-template-shopify-landing-page-new #menu .btn_common:hover,
.page-template-shopify-landing-page-new-2 #menu .btn_common:hover,
.page-template-landing-thank-you #menu .btn_common:hover,
.page-template-clutch-landing-page #menu .btn_common:hover,
.page-template-clutch-thank-you #menu .btn_common:hover {
background: #F1D624;
}
.page-template-shopify-landing-page .btn_yellow:hover {
background: #104CB4;
}
.top-head.landing .top-header-menu #menu .header_btn .btn-alternate {
margin-right: 20px;
}
.page-template-shopify-landing-page-new .hero_wrapper .scroll-down,
.page-template-shopify-landing-page-new-2 .hero_wrapper .scroll-down,
.detail-new .blog_detail .post-thumbnail .scroll-down {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #fff;
transition: all .3s ease;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
letter-spacing: 3.21px;
padding-top: 75px;
}
.detail-new .blog_detail .post-thumbnail .scroll-down {
font-size: 12px;
letter-spacing: 1.5px;
padding-top: 60px;
}
.page-template-shopify-landing-page-new .hero_wrapper .scroll-down:hover,
.page-template-shopify-landing-page-new-2 .hero_wrapper .scroll-down:hover,
.detail-new .blog_detail .post-thumbnail .scroll-down:hover {
transform: translate(-50%, 0) scale(1.05);
}
.page-template-shopify-landing-page-new .hero_wrapper .scroll-down span,
.page-template-shopify-landing-page-new-2 .hero_wrapper .scroll-down span,
.detail-new .blog_detail .post-thumbnail .scroll-down span {
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 60px;
margin-left: -15px;
border: 2px solid #F8B532;
border-radius: 50px;
box-sizing: border-box;
}
.detail-new .blog_detail .post-thumbnail .scroll-down span {
width: 25px;
height: 50px;
}
.page-template-shopify-landing-page-new .hero_wrapper .scroll-down span:before,
.page-template-shopify-landing-page-new-2 .hero_wrapper .scroll-down span:before,
.detail-new .blog_detail .post-thumbnail .scroll-down span:before {
position: absolute;
top: 10px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sdb10 1s infinite;
animation: sdb10 1s infinite;
box-sizing: border-box;
}
@keyframes sdb10 {
0% {
transform: translate(0, 0);
opacity: 1;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 30px);
opacity: 0;
}
100% {
opacity: 0;
}
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm {
background: #fff;
border-radius: 25px;
padding: 40px;
box-shadow: 0px 0px 6px #40FFDC;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .heading {
color: #001943;
font-family: DM Serif Display;
font-size: 40px;
line-height: normal;
margin-bottom: 30px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group {
margin-bottom: 40px;
position: relative;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group .form-control {
border-radius: 0;
border: none;
border-bottom: 1px solid #000;
padding: 8px 0;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group label {
color: #5A6A83;
position: absolute;
top: 0.75rem;
transition: all 0.3s ease;
line-height: normal;
pointer-events: none;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group .form-control:focus~label {
top: -10px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group .form-control:not(:placeholder-shown)~label {
top: -10px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .btn_yellow {
width: 100%;
border: none;
margin-top: 10px;
}
.about_shopify {
padding: 91px 0;
background: #fff;
position: relative;
z-index: 99;
}
.about_shopify .about-outer {
background: #F4FAFF;
padding: 20px;
transition: all .3s ease;
}
.about_shopify .about-outer:hover {
transform: scale(1.05);
}
.about_shopify .about-outer .about-box {
border: 2px solid #242424;
text-align: center;
padding: 70px 30px;
border-radius: 7px;
}
.about_shopify .about-outer .about-box h2 {
color: #000;
text-shadow: 2px 3px 0px #40FFDC;
font-family: DM Sans;
font-size: 60px;
font-weight: 700;
line-height: normal;
margin-bottom: 18px;
}
.about_shopify .about-outer .about-box p {
line-height: 25px;
max-width: 70%;
margin: 0 auto;
}
.rating_sec {
padding: 91px 0;
background: #F4FAFF;
}
.rating_sec .sec_header {
max-width: 50%;
}
.rating_sec .sec_header h2 {
margin-bottom: 32px;
}
.rating_sec .rating {
max-width: 50%;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.rating_sec .rating .left-widget .clutch-widget {
filter: drop-shadow(4px 4px 30px rgba(0, 0, 0, 0.15));
margin-bottom: 52px;
}
.rating_sec .rating .right-widget img {
margin-bottom: 20px;
}
.trusted_sec {
padding: 135px 0 80px;
position: relative;
margin-top: -50px;
}
.trusted_sec.shopify {
padding: 135px 0;
}
.trusted_sec .sec_content {
max-width: 470px;
width: 100%;
}
.page-id-30153 .trusted_sec .sec_content {
max-width: 490px;
}
.trusted_sec .sec_content img {
margin-bottom: 22px;
}
.trusted_sec .sec_content h2 {
margin-bottom: 19px;
}
.trusted_sec .sec_content p {
margin-bottom: 16px;
font-size: 18px;
}
.trusted_sec .sec_content p strong {
display: block;
margin-bottom: 16px;
}
.trusted_sec .sec_content .btn-home {
margin-top: 10px;
}
.trusted_sec .col-12.col-md-12.col-lg-7.col-xl-7 {
display: flex;
justify-content: end;
}
.trusted_sec .rating {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
max-width: 93%;
width: 100%;
position: relative;
}
.trusted_sec .rating .left-widget {
max-width: 370px;
width: 100%;
}
.trusted_sec .rating .left-widget .clutch_widget {
border: 1px solid #E7E7E7;
width: 100%;
position: relative;
background: #fff;
}
.trusted_sec .rating .left-widget .clutch_widget .header {
display: flex;
align-items: center;
background: #17313B;
padding: 18px 22px;
justify-content: space-between;
}
.trusted_sec .rating .left-widget .clutch_widget .name {
display: flex;
align-items: center;
border-bottom: 1px solid #E7E7E7;
}
.trusted_sec .rating .left-widget .clutch_widget .name p {
margin: 0;
font-size: 16px;
color: #212121;
line-height: normal;
max-width: 65%;
width: 100%;
padding: 16px 22px;
font-weight: 600;
border-right: 1px solid #E7E7E7;
}
.trusted_sec .rating .left-widget .clutch_widget .name span {
font-size: 16px;
color: #FF2A1A;
line-height: normal;
max-width: 35%;
width: 100%;
padding: 16px 12px;
font-weight: 600;
border-right: 0;
}
.trusted_sec .rating .left-widget .clutch_widget .name span a {
color: #FF2A1A;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider {
position: relative;
padding: 30px 50px;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider .slick-slide .slide-content p {
font-size: 18px;
color: #50575A;
line-height: 28px;
margin-bottom: 25px;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider .slick-slide .slide-content span {
display: block;
font-size: 16px;
color: #50575A;
line-height: 24px;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/quote.svg);
left: 15px;
width: 25px;
height: 21px;
top: 15px;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider .slick-arrows {
display: flex;
align-items: center;
justify-content: center;
column-gap: 40px;
margin-top: 20px;
}
.trusted_sec .rating .left-widget .clutch_widget .widget-slider .slick-arrows .slick-arrow {
padding: 0;
border: 0;
background: none;
display: flex;
}
.trusted_sec .rating .right-widget:before {
content: '';
position: absolute;
width: calc(100% - 79px);
height: 174px;
left: 0;
right: 0;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(235,247,255,1) 100%);
z-index: -1;
}
.services_sec {
padding: 91px 0;
background: #323131;
position: relative;
overflow: hidden;
}
.services_sec .sec_header {
max-width: 55%;
}
.services_sec .sec_title {
color: #40FFDC;
}
.services_sec .sec_header h2 {
color: #fff;
margin-bottom: 32px;
}
.services_sec .sec_header p {
color: #E9E9E9;
}
.services_sec .expertise_box {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 55%;
}
.services_sec .expertise_box .box {
max-width: 345px;
width: 100%;
background: #242424;
border-radius: 10px;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.services_sec .expertise_box .box .img-box {
margin-right: 25px;
}
.services_sec .expertise_box .box .content-box h3 {
color: #FFF;
font-size: 26px;
font-weight: 700;
line-height: 35px;
margin: 0;
}
.services_sec .top_shape {
position: absolute;
right: 8%;
top: -24%;
left: auto;
bottom: auto;
}
.services_sec .top_shape_two {
position: absolute;
top: 16%;
bottom: auto;
right: -20%;
left: auto;
}
.services_sec .expertise_box .box .content-box {
width: calc(100% - 83px);
}
.shopify_services {
padding: 85px 0;
background: #F7F7F7;
}
.shopify_services .header h2 span {
font-size: 18px;
line-height: 28px;
display: block;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.shopify_services .header img {
width: auto;
}
.shopify_services .header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.shopify_services .row {
margin: 0 -23px;
row-gap: 45px;
}
.shopify_services .row .col-md-6 {
padding: 0 23px;
}
.shopify_services .service_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
background: #fff;
border-radius: 10px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
transition: all .3s ease;
}
.shopify_services .service_wrapper:hover {
transform: scale(1.02);
}
.shopify_services .service_wrapper .image,
.shopify_services .service_wrapper .content {
max-width: 50%;
width: 100%;
}
.shopify_services .service_wrapper .image img {
border-radius: 10px;
height: 100%;
}
.shopify_services .service_wrapper .content {
padding: 30px 30px 30px 23px;
}
.shopify_services .service_wrapper .content h3 {
font-size: 25px;
line-height: 30px;
color: #070707;
margin-bottom: 25px;
font-weight: 600;
}
.shopify_services .service_wrapper .content p {
font-size: 18px;
line-height: 28px;
}
.shopify_services .service_wrapper .content p:last-child {
margin: 0;
}
.about_tbi.landing {
padding: 91px 0;
}
.about_tbi.landing .sec_header {
max-width: 50%;
margin-bottom: 30px;
}
.about_tbi.landing .our-experts .expert .expert-detail h3 {
font-size: 20px;
line-height: normal;
}
.about_tbi.landing .our-experts .expert .expert-detail span {
font-size: 16px;
line-height: normal;
margin-bottom: 8px;
}
.about_tbi.landing .our-experts .expert .expert-detail p {
font-size: 16px;
line-height: normal;
}
.why-our {
position: relative;
padding: 90px 0 150px;
}
.why-our.shopify {
padding: 90px 0 180px;
}
.why-our .sec_content img {
margin-bottom: 29px;
}
.why-our .sec_content h2 {
margin-bottom: 15px;
line-height: 52px;
}
.why-our .sec_content p {
margin-bottom: 16px;
font-size: 18px;
max-width: 540px;
}
.why-our .sec_content p:last-child {
margin: 0;
}
.why-our .sec_content .btn-home {
margin-top: 30px;
}
.why-our .sec_content {
max-width: 600px;
width: 100%;
}
.why-our .row .col-12.col-md-12.col-lg-7.col-xl-7 {
max-width: 55%;
width: 100%;
}
.why-our .row .col-12.col-md-12.col-lg-5.col-xl-5 {
max-width: 45%;
width: 100%;
}
.why-our .advantages-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: end;
}
.why-our .advantages-wrapper .advantages {
max-width: calc(50% - (10px * 1/2));
width: 100%;
}
.why-our .advantages-wrapper .advantages:first-child .advantage:first-child,
.why-our .advantages-wrapper .advantages:last-child .advantage:last-child {
padding: 90px 20px;
}
.why-our .advantages-wrapper .advantages .advantage {
background: #EBF7FF;
margin-bottom: 10px;
max-width: 100%;
width: 100%;
text-align: center;
padding: 60px 15px;
transition: all .3s ease;
}
.why-our .advantages-wrapper .advantages .advantage:hover {
transform: scale(1.05);
}
.why-our .advantages-wrapper .advantages .advantage:last-child {
margin: 0;
}
.why-our .advantages-wrapper .advantages .advantage h3 {
font-size: 45px;
color: #000;
font-weight: 900;
line-height: 40px;
}
.why-our .advantages-wrapper .advantages .advantage p {
font-size: 18px;
color: #000;
margin: 0;
}
.our-work {
position: absolute;
bottom: -30px;
left: 50%;
z-index: 100;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #000;
font-size: 16px;
line-height: normal;
font-weight: 500;
transition: opacity .3s;
padding-bottom: 60px;
transition: all .3s ease;
}
.our-work:hover {
transform: translate(-50%, 0) scale(1.05);
}
.our-work span {
position: absolute;
bottom: 0;
left: 50%;
width: 52px;
height: 52px;
margin-left: -23px;
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 20px rgba(27, 40, 73, 0.1);
}
.our_work.landing {
padding: 90px 0px 0;
}
.our_work.landing .sec_header {
max-width: 60%;
}
.our_work.landing .porftfolio .portfolio-outer {
min-height: 612px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
position: sticky;
top: 0;
z-index: 99;
}
.our_work.landing .porftfolio .portfolio-outer1 {
background-image: url(/wp-content/uploads/2023/07/Woodie-milano.jpg);
}
.our_work.landing .porftfolio .portfolio-outer2 {
background-image: url(/wp-content/uploads/2023/07/NU-meals.jpg);
}
.our_work.landing .porftfolio .portfolio-outer3 {
background-image: url(/wp-content/uploads/2023/07/Skalaris-health.jpg);
}
.our_work.landing .porftfolio .portfolio-outer4 {
background-image: url(/wp-content/uploads/2023/07/Gatsby.jpg);
}
.our_work.landing .porftfolio .portfolio-outer .wrapper-content {
max-width: 50%;
width: 100%;
}
.our_work.landing .porftfolio .portfolio-outer .wrapper-content h3 {
color: #FFF !important;
font-family: DM Serif Display;
font-size: 45px;
font-weight: 400;
line-height: normal;
margin-bottom: 20px;
}
.our_work.landing .porftfolio .portfolio-outer3 .wrapper-content h3 {
color: #001943;
}
.our_work.landing .porftfolio .portfolio-outer .wrapper-content p {
max-width: 451px;
margin: 0 0 35px;
font-size: 16px;
line-height: 30px;
}
.our_work.landing .porftfolio .portfolio-outer1 .wrapper-content p {
color: #E1E1E1;
}
.our_work.landing .porftfolio .portfolio-outer2 .wrapper-content p {
color: #fff;
}
.our_work.landing .porftfolio .portfolio-outer3 .wrapper-content p {
color: #5A6A83;
}
.our_work.landing .porftfolio .portfolio-outer4 .wrapper-content p {
color: #fff;
}
.our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_yellow {
background: #fff;
color: #242424;
}
.our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_yellow:hover {
background: #104CB4;
color: #fff;
}
.page-template-shopify-landing-page-new .our_work.landing,
.page-template-shopify-landing-page-new-2 .our_work.landing,
.page-template-hire-template-new .our_work.landing,
.page-template-services-template-new .our_work.landing {
padding: 0;
}
.page-template-shopify-landing-page-new .our_work .portfolio-outer:nth-child(odd) .wrapper-content,
.page-template-shopify-landing-page-new-2 .our_work .portfolio-outer:nth-child(odd) .wrapper-content,
.page-template-hire-template-new .our_work .portfolio-outer:nth-child(odd) .wrapper-content {
margin-left: auto;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio,
.page-template-hire-template-new .our_work.landing .porftfolio,
.page-template-services-template-new .our_work.landing .porftfolio {
margin-top: -50px;
padding-top: 50px;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer {
min-height: 700px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer {
min-height: 600px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer {
align-items: flex-end;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row {
margin: 0 -35px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row.even,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row.even {
flex-direction: row-reverse;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6 {
padding: 0 35px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer img,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer img {
border-radius: 10px 10px 0 0;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content {
max-width: 390px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content {
max-width: 100%;
margin-top: 50px;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3 {
font-size: 30px;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 15px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3 {
font-size: 40px;
line-height: 53px;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 21px;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content p,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p {
color: #fff;
margin: 0 0 15px;
line-height: 26px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p:empty,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p:empty {
display: none;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content p {
max-width: 100%;
font-weight: 500;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home {
background: #fff;
color: #010004;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home svg path,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home svg path {
fill: #010004;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_common,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_common,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home {
margin-top: 17px;
font-weight: 600;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common,
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common {
background: #fff;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common:hover,
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common:hover,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common:hover,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common:hover,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:first-child .wrapper-content .btn_common:hover,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:last-child .wrapper-content .btn_common:hover {
background: #000;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_common:hover svg path,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_common:hover svg path,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn_common:hover svg path {
stroke: #fff;
}
.technology_expert.landing {
padding: 90px 0;
position: relative;
z-index: 99;
background: #fff;
}
.technology_expert.landing .hire-btn {
margin-top: 40px;
text-align: center;
}
.testimonial_outer.landing .sec_header {
max-width: 50%;
width: 100%;
}
.testimonial_outer.landing .client-testimonial {
display: flex;
flex-wrap: wrap;
max-width: 55%;
width: 100%;
margin: 0 -12px;
row-gap: 26px;
justify-content: center;
}
.testimonial_outer.landing .client-testimonial .client-wrapper {
max-width: 50%;
width: 100%;
padding: 0 12px;
transition: all .3s ease;
}
.testimonial_outer.landing .client-testimonial .client-wrapper:hover {
transform: scale(1.03);
}
.testimonial_outer.landing .client-testimonial .client-wrapper .testimonial_content {
background: #242424;
padding: 16px 20px;
}
.testimonial_outer.landing .client-testimonial .client-wrapper.even .testimonial_content {
background: #C9D7E4;
}
.testimonial_outer.landing .client-testimonial .client-wrapper .testimonial_content .name {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
.testimonial_outer.landing .client-testimonial .client-wrapper.even .testimonial_content .name {
color: #242424;
}
.testimonial_outer.landing .client-testimonial .client-wrapper .testimonial_content span {
font-size: 14px;
line-height: 24px;
color: #C8C8C8;
}
.testimonial_outer.landing .client-testimonial .client-wrapper.even .testimonial_content span {
color: #5A6A83;
}
.experts_sec {
padding: 80px 0;
background: #EBF7FF;
}
.experts_sec .sec_content img {
margin-bottom: 20px;
}
.experts_sec .sec_content h2 {
margin-bottom: 15px;
font-size: 35px;
line-height: 45px;
}
.experts_sec .sec_content p {
max-width: 400px;
}
.experts_sec .sec_content p span {
font-weight: 500;
}
.experts_sec .sec_content .btn_common {
margin-top: 15px;
}
.experts_sec .client-testimonial .item {
width: 80%;
box-shadow: none;
margin: 0;
border-radius: 10px;
text-align: right;
}
.experts_sec .client-testimonial .item .testimonial_content {
margin-top: 10px;
}
.experts_sec .client-testimonial .item .testimonial_content .name {
font-size: 24px;
font-weight: bold;
color: #303030;
line-height: normal;
}
.experts_sec .client-testimonial .item .testimonial_content span {
font-size: 18px;
font-weight: 500;
}
.experts_sec .client-testimonial .item .video_wrapper video {
border-radius: 10px;
background: none;
}
.experts_sec .client-testimonial .item .testimonial_content {
display: none;
}
.experts_sec .client-testimonial .item.active .testimonial_content {
display: block;
}
.hiring_models {
padding: 70px 0 140px;
}
.hiring_models .header {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 80px;
}
.hiring_models .header .content {
max-width: 60%;
}
.hiring_models.hire .header img {
width: auto;
}
.hiring_models .header h2 span {
font-size: 18px;
line-height: 28px;
display: block;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.hiring_models .header .content p {
margin: 0;
font-size: 18px;
}
.hiring_models .technology_outer {
border: 1px solid #E8E8E8;
margin-top: 55px;
padding: 0 40px 30px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hiring_models .technology_outer:hover {
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
border-color: #070707;
}
.hiring_models .technology_outer .service-logo {
margin-top: -55px;
margin-bottom: 21px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
z-index: 99;
}
.hiring_models .technology_outer .service-logo:hover {
transform: scale(1.08);
}
.hiring_models .technology_outer h3 {
font-size: 30px;
line-height: normal;
color: #070707;
font-weight: bold;
margin-bottom: 10px;
font-family: 'Poppins';
}
.hiring_models .technology_outer ul {
padding: 0;
margin: 0;
list-style: none;
}
.hiring_models .technology_outer ul li {
font-size: 16px;
color: #414C5B;
line-height: 22px;
font-weight: normal;
margin-bottom: 15px;
padding-left: 20px;
position: relative;
}
.hiring_models .technology_outer ul li:last-child {
margin: 0;
}
.hiring_models .technology_outer ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-black.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.contact_wrapper {
padding: 100px 0;
background-image: url(/wp-content/uploads/2013/10/contact-bg-new-scaled-1.webp);
background-repeat: no-repeat;
background-size: cover;
content-visibility: visible !important;
}
.contact_wrapper .contact_outer {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.contact_wrapper .contact_outer .content-outer {
max-width: 50%;
width: 100%;
padding: 0 15px;
}
.contact_wrapper .contact_outer .form-outer {
max-width: 50%;
width: 100%;
padding: 0 15px;
}
.contact_wrapper .contact_outer .form-outer .contact-form {
margin-top: -166px;
padding: 45px 40px 25px;
background: #fff;
border-top: 6px solid #F6E339;
position: relative;
}
.contact_wrapper .contact_outer .form-outer .contact-form:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/form-shape.svg);
width: 10px;
height: 60px;
right: -10px;
top: 0;
}
.contact_wrapper .contact_outer .form-outer .contact-form h3 {
font-size: 42px;
line-height: 48px;
color: #070707;
font-weight: bold;
font-family: 'Poppins';
margin-bottom: 15px;
}
.contact_wrapper .contact_outer .content-outer h2 {
font-size: 58px;
line-height: 66px;
color: #171717;
margin-bottom: 20px;
}
.contact_wrapper .contact_outer .content-outer p {
color: rgb(23 23 23 / 90%);
margin-bottom: 0;
max-width: 400px;
}
.contact_wrapper .contact_outer .content-outer h2 span {
display: block;
font-size: 42px;
font-weight: normal;
}
.contact_wrapper.hire .contact_outer .content-outer img {
width: 150px;
margin-left: auto;
display: block;
filter: invert(1);
margin-top: -30px;
margin-right: 60px;
}
.rating_sec .reviews_slider {
max-width: 55%;
width: 100%;
}
.rating_sec .reviews_slider .slick-list {
margin: 0 -31px;
}
.rating_sec .reviews_slider .slick-slide {
margin: 0 31px;
}
.rating_sec .reviews_slider .slick-slide .review_content {
border-radius: 20px;
border: 1px solid #40FFDC;
background: #FFF;
padding: 25px 25px 30px;
position: relative;
}
.rating_sec .reviews_slider .slick-slide .review_content .google-logo {
position: absolute;
top: 40px;
right: -32px;
width: 67px;
height: 67px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
border: 1px solid #EEE;
background: #FFF;
box-shadow: -4px 20px 30px 0px rgba(0, 0, 0, 0.08);
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail {
display: flex;
align-items: center;
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail .name-logo {
width: 60px;
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail .name-logo span {
width: 60px;
height: 60px;
display: flex;
background: #C7A7D7;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #FFF;
text-align: center;
font-size: 22px;
line-height: normal;
}
.rating_sec .reviews_slider .slick-slide:nth-child(even) .review_content .review-detail .name-logo span {
background: #98D3A8;
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail .review-info {
width: calc(100% - 60px);
padding-left: 16px;
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail .review-info h3 {
color: #272727;
font-size: 22px;
font-weight: 700;
line-height: normal;
margin: 0 0 2px;
}
.rating_sec .reviews_slider .slick-slide .review_content .review-detail .review-info p {
font-size: 14px;
line-height: normal;
margin: 0;
}
.rating_sec .reviews_slider .slick-slide .review_content .review {
margin: 16px 0;
}
.rating_sec .reviews_slider .slick-slide .review_content .content p {
font-size: 16px;
line-height: normal;
margin: 0 0px 20px;
padding-right: 21px;
}
.rating_sec .reviews_slider .slick-slide .review_content .content {
max-height: 205px;
overflow-y: scroll;
}
.rating_sec .reviews_slider .slick-slide .review_content .content::-webkit-scrollbar {
width: 12px;
background-color: #f5f5f5;
}
.rating_sec .reviews_slider .slick-prev.slick-arrow {
display: none !important;
}
.rating_sec .reviews_slider .slick-arrow {
width: 76px;
height: 76px;
}
.rating_sec .reviews_slider .slick-next {
right: -95px;
z-index: 1;
}
.rating_sec .reviews_slider .slick-arrow::before {
content: '';
background-image: url(/wp-content/uploads/2023/07/slider-arrow.svg);
width: 76px;
height: 76px;
display: block;
opacity: 1;
}
.rating_sec .reviews_slider .slick-slide .review_content .content::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
border-radius: 3px;
}
.rating_sec .reviews_slider .slick-slide .review_content .content::-webkit-scrollbar-thumb {
background: #DADCE0;
border-radius: 3px;
}
.rating_sec .reviews_slider .slick-slide .review_content .content::-webkit-scrollbar-track {
border-radius: 3px;
}
.rating_sec .rating .right-widget .btn_yellow.mobile {
display: none;
}
.footer.landing-new .container {
max-width: 1140px;
}
.footer.landing-new .footer-menuu {
color: #383639;
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-bottom: 15px;
}
.footer.landing-new .company-ft p {
color: #414C5B;
margin-bottom: 15px;
}
.footer.landing-new .star-rating p {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #000;
line-height: normal;
}
.footer.landing-new .ft-inner-links ul li a .footer-flags .cier {
background: #302E3A;
}
.footer.landing-new .ft-inner-links ul li a {
color: #414C5B;
}
.footer.landing-new .ft-inner-links ul li span {
font-size: 17px;
font-family: 'DM Sans';
}
.footer.landing-new .ft-inner-links ul li span p {
margin: 0;
font-size: 14px;
line-height: normal;
color: #414C5B;
}
.footer.landing-new .ft-social-links {
column-gap: 16px;
}
.footer.landing-new .ft-social-links .c-circle {
width: 30px;
height: 30px;
border-radius: 2px;
margin: 0;
background: #302E3A;
}
.landing-new ul.ft-social-links .c-circle::after {
background: url(/wp-content/uploads/2024/02/sprite-social-neew.png);
}
.footer.landing-new .ft-inner-links ul li .c-circle:hover {
background: #F2AE11;
}
.footer.landing-new .ft-inner-links ul li:last-child a {
padding: 0;
}
.footer.landing-new .ft-inner-links ul li a:hover .footer-flags .cier {
background: #F2AE11;
}
/*Landing page 2 css start*/
.sec-cta {
background: #F6E339;
position: absolute;
right: 0;
bottom: 0;
width: auto;
margin-left: auto;
padding: 30px 60px;
clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
padding-right: calc((100vw - 1320px) / 2);
}
.sec-cta p {
margin: 0;
font-size: 24px;
line-height: 34px;
color: #000;
font-family: 'Poppins';
text-align: right;
}
.sec-cta p a {
font-size: 28px;
color: #000;
font-weight: bold;
text-decoration: underline !important;
text-underline-offset: 4px;
transition: all .3s ease;
}
.sec-cta p a:hover {
opacity: .7;
}
.hero_wrapper.landing-2 .banner-content {
margin: 0 auto;
text-align: center;
}
.hero_wrapper.landing-2 {
position: relative;
padding: 120px 0 150px;
background-image: url(/wp-content/uploads/2024/02/hero-banner-shopify-scaled.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero_wrapper.landing-2 .banner-content h1 {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-size: 60px;
color: #fff;
line-height: 70px;
text-transform: uppercase;
letter-spacing: .03em;
margin: 0 0 40px;
}
.hero_wrapper.landing-2 .banner-content h1 span {
display: block;
}
.hero_wrapper.landing-2 .banner-content p {
color: #fff;
font-size: 24px;
line-height: 36px;
max-width: 700px;
margin: 0 auto 35px;
font-weight: 600;
}
.hero_wrapper.landing-2 .banner-content ul {
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin: 0;
}
.hero_wrapper.landing-2 .banner-content ul li {
color: #fff;
margin: 0;
position: relative;
padding-left: 50px;
font-size: 20px;
font-weight: 500;
line-height: 40px;
}
.hero_wrapper.landing-2 .banner-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-new.svg);
width: 40px;
height: 40px;
left: 0;
top: 0px;
}
.hero_wrapper.landing-2 .banner-content .btn_common {
font-size: 22px;
}
.hero_wrapper.landing-2 .scroll-down {
padding-top: 55px;
font-size: 10px;
bottom: 15px;
}
.hero_wrapper.landing-2 .scroll-down span {
width: 22px;
height: 45px;
}
.hero_wrapper.landing-2 .scroll-down span::before {
width: 5px;
height: 5px;
margin-left: -2px;
top: 5px;
-webkit-animation: sdb5 1s infinite;
animation: sdb5 1s infinite;
}
@keyframes sdb5 {
0% {
transform: translate(0, 0);
opacity: 1;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 28px);
opacity: 0;
}
100% {
opacity: 0;
}
}
.shopify_services.landing-2 {
background: #F6EFFF;
position: relative;
padding: 80px 0 195px;
}
.shopify_services.shopify {
padding: 80px 0;
}
.page-template-clutch-landing-page .shopify_services.shopify {
padding: 80px 0 130px;
}
.shopify_services.landing-2 .row {
row-gap: 25px;
margin: 0 -12px;
}
.shopify_services.landing-2 .row .col-md-4 {
padding: 0 12px;
}
.shopify_services.landing-2 .service_wrapper {
border-radius: 0;
box-shadow: none !important;
height: 100%;
padding: 20px;
display: block;
}
.shopify_services.landing-2 .service_wrapper .image, .shopify_services.landing-2 .service_wrapper .content {
max-width: 100%;
}
.shopify_services.landing-2 .service_wrapper .image img {
border-radius: 0;
width: 100%;
height: auto;
}
.shopify_services.landing-2 .service_wrapper .content {
padding: 0 25px 0 10px;
margin-top: 28px;
}
.shopify_services.company .service_wrapper .content {
padding: 0 10px;
}
.shopify_services.landing-2 .service_wrapper .content h3 {
font-size: 30px;
line-height: 38px;
color: #000;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 17px;
}
.shopify_services.landing-2 .service_wrapper .content p {
line-height: 25px;
color: #000;
margin: 17px 0;
}
.shopify_services.landing-2 .service_wrapper .content ul {
margin: 0;
padding: 0;
list-style: none;
}
.shopify_services.landing-2 .service_wrapper .content ul li {
position: relative;
font-size: 16px;
line-height: 22px;
color: #414C5B;
margin-bottom: 15px;
padding-left: 20px;
}
.shopify_services.landing-2 .service_wrapper .content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-black.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.shopify_services.landing-2 .service_wrapper .content ul li:last-child {
margin: 0;
}
.experts_sec .client-testimonial #dp-slider {
height: 510px;
}
.experts_sec .client-testimonial #dp-slider .video_wrapper .video_container {
height: 450px;
border-radius: 10px;
}
.experts_sec .client-testimonial #dp-slider .video_wrapper .video_container video {
border-radius: 10px;
object-fit: cover;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content {
text-align: end;
margin-top: 15px;
display: none;
}
.experts_sec .client-testimonial #dp-slider .dp_item[data-position="1"] .testimonial_content {
display: block;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content .name {
font-size: 24px;
color: #303030;
font-weight: bold;
line-height: 24px;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content span {
font-size: 18px;
line-height: normal;
color: #303030;
}
/*Landing page 2 css end*/
.video_container{
position:relative;
display:flex;
justify-content: center;
align-content: center;
border-radius:6px 6px 0px 0px;
height: 300px;
overflow: hidden;
cursor: pointer;
}
.video_container.modal_video_container{
height: auto;
}
.video_container video {
border: 0px solid transparent;
background: #000;
object-fit: cover;
min-width: calc(100% + 3px);
min-height: calc(100% + 3px);
margin: -1px auto 0;
width: 100%;
height: 100%;
border-radius: 0;
}
.video_container video::cue {
font-size: 18px;
line-height: 100%;
background: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.play_button{
position:absolute;
top:50%;
left:50%;
transition: transform 0.3s ease 0.3s;
transform: translate(-50%, -50%);
background:none;
border:none;
z-index: 2;
}
.video_container:hover .play_button {
transform: translate(-50%, -50%) scale(1.15);
background:none;
border:none;
}
.play_button:hover,
.play_button:active{
background:none;
border:none;
}
.play_button svg{
opacity: 0.8;
}
.sec_header .shopifytag {
font-family: 'DM Sans';
font-weight: 400;
font-size: 18px;
line-height: 31px;
color: #5A6A83;
max-width: 650px;
margin-top: 0;
margin-bottom: 1rem;
}
.sec_header .shopifytag h3{
font-family: 'DM Sans';
font-weight: 400;
font-size: 18px;
line-height: 31px;
color: #5A6A83;
margin:0px;
width: auto;
display: contents;
}
.design-agency.landing .sec_header {
max-width: 50%;
margin-bottom: 30px;
}
.design-agency .sec_header h2 {
font-size: 74px;
line-height: 87px;
color: #001943;
}
/*Landing page css end*/
/*Blog detail page new css start*/
.detail-new .blog_detail {
padding: 60px 0 0;
}
.detail-new.article .blog_detail {
padding: 0 0 60px;
}
.detail-new.article .blog_detail .post-thumbnail {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
position: relative;
min-height: 630px;
display: flex;
align-items: flex-end;
}
.detail-new.article .blog_detail .post-thumbnail:before {
content: '';
position: absolute;
background-image: linear-gradient(180deg, rgba(48,13,95,0) 0%, rgba(48,13,95,1) 100%);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.detail-new .blog_detail .post-thumbnail .content-new img {
border-radius: 0;
}
.detail-new .blog_detail .post-thumbnail .entry-title {
font-family: "Poppins", sans-serif;
font-weight: bold;
color: #070707;
font-size: 38px;
line-height: 48px;
margin: 0;
}
.detail-new.article .blog_detail .post-thumbnail .entry-title {
color: #fff;
font-size: 56px;
line-height: 66px;
}
.detail-new .blog_detail .post-thumbnail .content {
position: relative;
z-index: 9;
max-width: 850px;
margin: 0 auto 160px;
text-align: center;
}
.detail-new .blog_detail .post-thumbnail .content .tags-links {
margin-bottom: 20px;
}
.detail-new .blog_detail .post-thumbnail .content .post-categories {
margin: 0;
padding: 0;
list-style: none;
}
.detail-new .blog_detail .post-thumbnail .content .post-categories li a {
border: 2px solid rgb(255 255 255 / 50%);
border-radius: 4px;
display: inline-block;
padding: 5px 10px;
font-size: 12px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
line-height: normal;
letter-spacing: .01rem;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta {
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
margin: 30px 0;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta ul {
margin: 0;
padding: 0;
list-style: none;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta ul li a {
color: #fff;
font-size: 18px;
line-height: normal;
text-decoration: underline !important;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta ul li a:hover {
text-decoration: none !important;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .entry-date {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 10px;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .entry-date .label,
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .entry-date-modified {
display: flex;
align-items: center;
column-gap: 10px;
font-size: 15px;
line-height: normal;
color: #fff;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .author {
display: flex;
align-items: center;
font-size: 16px;
line-height: normal;
column-gap: 10px;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .author span {
font-weight: bold;
}
.detail-new .blog_detail .post-thumbnail .content .blog-post-meta .author a {
color: #fff;
}
.detail-new .blog_detail .post-thumbnail .content p {
color: #fff;
font-size: 28px;
line-height: 150%;
font-weight: 500;
margin: 0;
}
.detail-new .blog_detail .featured-image {
margin-bottom: 60px;
}
.detail-new .blog_detail .post-thumbnail .content-new {
position: relative;
z-index: 9;
}
.detail-new .blog_detail .post-thumbnail .content-new .post-categories {
margin: 0;
padding: 0;
list-style: none;
}
.detail-new .blog_detail .post-thumbnail .content-new .post-categories li a {
display: inline-flex;
align-items: center;
font-size: 14px;
color: #070707;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 0.05rem;
position: relative;
gap: 6px;
margin: 30px 0 18px;
}
.detail-new .blog_detail .post-thumbnail .content-new .post-categories li a:before {
content: '';
display: inline-block;
width: 7px;
height: 7px;
background: #F8B532;
border-radius: 50%;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 19px 0 20px;
padding-bottom: 30px;
column-gap: 30px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta .author {
display: flex;
align-items: center;
font-size: 14px;
line-height: normal;
column-gap: 8px;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta .author a {
color: #414C5B;
font-weight: 500;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta .author a span {
color: #663F99;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta .entry-date {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 4px;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta .entry-date .label {
display: flex;
font-size: 14px;
font-weight: 500;
line-height: normal;
color: #414C5B;
}
.detail-new .blog_detail .sidebar {
max-width: 260px;
width: 100%;
position: sticky;
top: 120px;
}
.detail-new .blog_detail .sidebar .post-heading {
font-size: 24px;
line-height: normal;
font-weight: bold;
color: #070707;
margin-bottom: 20px;
font-family: "Poppins", sans-serif;
}
.detail-new .blog_detail .sidebar .post-title {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 40px;
}
.detail-new .blog_detail .sidebar .post-title li {
line-height: 0;
}
.detail-new .blog_detail .sidebar .post-title li .sidebarheading {
display: inline-block;
font-size: 16px;
line-height: normal;
color: #414C5B;
padding: 8px 25px;
border-left: 3px solid #F1F1F1;
}
.detail-new .blog_detail .sidebar .post-title li.active .sidebarheading {
border-left-color: #7D44C7;
text-decoration: underline !important;
color: #070707;
text-underline-offset: 2px;
}
.detail-new .blog_detail .post_content .entry-content p {
font-size: 18px;
line-height: 30px;
color: #414C5B;
}
.detail-new .blog_detail .post_content .entry-content a {
font-weight: normal;
color: #7D44C7;
text-decoration: underline !important;
text-underline-offset: 2px;
}
.detail-new .blog_detail .post_content .entry-content strong {
text-decoration: none;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter {
background: #F6E339;
padding: 30px 20px;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter p {
font-size: 17px;
line-height: 24px;
font-weight: 600;
color: #070707;
margin: 0;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .contact {
background: #070707;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding: 12px 30px;
transition: all .3s ease;
margin: 15px 0 40px;
display: inline-flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .contact:hover {
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.25)!important;
box-shadow: 0 0 7px rgba(0,0,0,.25)!important;
transform: scale(1.03);
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter p:empty {
display: none;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter span {
color: #070707;
margin: 0 0 10px;
display: block;
font-size: 17px;
line-height: 22px;
font-weight: 500;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter span + p {
display: none;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn a {
transition: all .3s ease;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn a:hover {
transform: scale(1.1);
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn .sbtn svg {
width: 30px;
height: 30px;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn .sbtn svg rect {
fill: #070707;
}
.detail-new .blog_detail .sidebar .widget-area .sidebar-newsletter .social-btn .sbtn svg path {
fill: #fff;
}
.detail-new .blog_detail .post_content .entry-content blockquote {
background: #F5F5F5;
margin: 25px 0 45px;
padding: 30px 35px;
border-radius: 5px;
}
.detail-new .blog_detail .post_content .entry-content blockquote::before {
background-image: url(/wp-content/uploads/2013/10/quote-1.svg);
width: 49px;
height: 42px;
top: -25px;
}
.detail-new .blog_detail .post_content .entry-content blockquote p {
font-weight: 500;
color: #070707 !important;
font-style: italic;
line-height: 30px;
}
.detail-new .blog_detail .post_content .entry-content h2 {
font-size: 30px;
color: #070707;
font-family: "Poppins", sans-serif;
font-weight: bold;
position: relative;
margin: 60px 0 20px;
z-index: -1;
}
.detail-new .blog_detail .post_content .entry-content h2 {
padding-top: 120px;
margin-top: -80px;
}
.detail-new .blog_detail .post_content .entry-content .heading-h2 {
font-size: 30px;
line-height: 40px;
color: #070707;
font-family: "Poppins", sans-serif;
font-weight: bold;
position: relative;
margin: 60px 0 20px;
z-index: -1;
display: block;
padding-top: 120px;
margin-top: -80px;
}
.detail-new .blog_detail .post_content .entry-content h3 {
font-size: 24px;
line-height: 32px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #070707;
border-left: 5px solid #7D44C7;
padding-left: 14px;
margin: 40px 0 20px;
}
.detail-new .blog_detail .post_content .entry-content h4 {
line-height: normal;
font-family: "Poppins", sans-serif;
color: #383639;
border-left: 5px solid #F8B532;
padding-left: 14px;
}
.detail-new .blog_detail .post_content .entry-content ol {
list-style: none;
padding: 0;
}
.detail-new .blog_detail .post_content .entry-content ul {
background: transparent;
padding: 0;
color: #414C5B;
}
.detail-new .blog_detail .post_content .entry-content ul li {
list-style: none;
position: relative;
padding-left: 20px;
}
.detail-new .blog_detail .post_content .entry-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/blog-list-icon-1.svg);
width: 9px;
height: 9px;
left: 0;
top: 8px;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content {
background: transparent;
border: 1px solid #D4D4D4;
border-radius: 0;
padding: 30px 25px;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content:hover {
transform: none;
border-color: #1D1D1D;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content img {
width: 62px;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content .content {
width: calc(100% - 62px);
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content .content h4 {
margin: 0;
color: #070707;
font-weight: 500;
padding: 0;
border: 0;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content:hover .content h4 {
color: #1D1D1D;
}
.blog_detail .post_content .entry-content .schema-faq-section strong {
text-decoration: none;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section {
border: 0;
padding: 23px 0;
margin: 0;
border-bottom: 1px solid rgb(0 0 0 / 40%);
border-radius: 0;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question {
color: #000;
font-weight: bold;
font-size: 18px;
line-height: 23px;
padding-right: 30px;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-answer {
padding-top: 15px;
font-size: 18px;
line-height: 30px;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-answer a {
color: #3E60B8;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question strong {
font-weight: bold;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question::after {
background-image: url(/wp-content/uploads/2013/10/plus-1.svg);
width: 16px;
height: 16px;
top: 3px;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question.active::after {
background-image: url(/wp-content/uploads/2013/10/minus-1.svg);
top: 11px;
height: 2px;
}
.blog-cta {
display: flex;
flex-wrap: wrap;
overflow: hidden;
align-items: stretch;
margin-top: 60px;
}
.blog-cta .left-sec {
max-width: 60%;
width: 100%;
padding: 35px 20px 35px 45px;
background: #E5EEFD;
}
.blog-cta .right-sec {
max-width: 40%;
width: 100%;
position: relative;
}
.blog-cta .right-sec:before {
content: '';
position: absolute;
width: 539px;
height: 539px;
top: -50%;
transform: translateY(-15%);
border-radius: 50%;
outline: 18px solid #E5EEFD;
z-index: 0;
}
.blog-cta .left-sec h3 {
font-size: 28px;
line-height: 38px;
color: #000000;
font-weight: bold;
margin: 0;
font-family: 'Poppins';
}
.blog-cta .left-sec p {
color: #000000;
line-height: 30px;
margin: 2px 0 13px;
}
.blog-cta .left-sec form .form-group {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.blog-cta .left-sec form .form-group .form-control {
border: 1px solid transparent;
border-radius: 0;
font-size: 14px;
color: #B3B3B3;
max-width: 300px;
width: 100%;
padding: 10px 20px;
}
.blog-cta .left-sec form .form-group .form-control::placeholder {
color: #B3B3B3;
}
.blog-cta .left-sec form .form-group .subscribe {
height: 100%;
font-size: 14px;
line-height: normal;
background: #F6E339;
color: #000;
font-weight: 600;
text-transform: uppercase;
padding: 11px 26px;
border: 1px solid #F6E339;
transition: all .3s ease;
}
.blog-cta .left-sec form .form-group .subscribe:hover {
background: #F1D624;
}
.blog-cta .right-sec img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-cta .right-sec img:hover {
transform: none;
}
/*Blog detail page new css end*/
/*Blog listing page new css start*/
.blog-detail-new .heading-wrapper {
padding: 40px 0 50px;
position: relative;
background: #F0EFEC;
}
.blog-detail-new .heading-wrapper .breadcrumb-wrap {
margin-bottom: 60px;
padding: 10px 0;
background: rgba(255 255 255 / 10%);
border-bottom: 1px solid rgba(255 255 255 / 10%);
backdrop-filter: blur(5px);
}
.blog-detail-new .heading-wrapper .breadcrumb-wrap span {
font-size: 14px;
font-weight: 500;
color: rgba(255 255 255 / 50%);
line-height: normal;
}
.blog-detail-new .heading-wrapper .breadcrumb-wrap span a {
color: #fff;
}
.blog-detail-new .top-heading {
margin-bottom: 30px;
}
.blog-detail-new .top-heading h1 {
font-family: 'Poppins';
font-weight: bold;
margin: 0;
font-size: 60px;
line-height: 65px;
color: #070707;
}
.blog-detail-new .featured-post {
position: relative;
z-index: 9;
background: #fff;
}
.blog-detail-new .featured-post .entry-header {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 20px;
}
.blog-detail-new .featured-post .entry-header .post-thumbnail {
max-width: 45%;
width: 100%;
}
.blog-detail-new .featured-post .entry-header .bp-shadow {
max-width: 55%;
width: 100%;
padding: 40px 60px 40px 40px;
background: #090909;
}
.blog-detail-new .featured-post .entry-header .post-thumbnail img {
height: 100%;
object-fit: cover;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .meta {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 8px;
gap: 20px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .tag p {
display: inline-block;
background: #ADC7DB;
font-size: 12px;
line-height: normal;
color: #242727;
font-weight: 500;
padding: 4px 8px;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.05em;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta {
display: flex;
font-size: 14px;
font-weight: 400;
justify-content: space-between;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .entry-date {
display: flex;
align-items: center;
color: #fff;
gap: 20px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .label,
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .authorname {
display: inline-flex;
align-items: center;
line-height: normal;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .label img {
filter: invert(1);
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .authorname,
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .entry-date-modified {
display: none;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta span {
column-gap: 5px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .authorname a {
color: #485356;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .entry-meta .authorname strong {
font-weight: 600;
}
.blog-detail-new .featured-post .entry-header .bp-shadow h2 {
font-size: 38px;
line-height: 52px;
font-weight: bold;
font-family: 'Poppins';
color: #070707;
margin: 0;
}
.blog-detail-new .featured-post .entry-header .bp-shadow h2 a {
color: #fff;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .tags-links {
margin: 20px 0;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .tags-links .post-categories {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .tags-links li a {
display: inline-block;
color: rgba(255, 255, 255, .8);
font-size: 11px;
line-height: normal;
font-weight: 600;
padding: 6px 10px;
border-radius: 2px;
letter-spacing: 0.03em;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, .4);
transition: all .3s ease;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .tags-links li a:hover {
background: #fff;
color: #414C5B;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .excerpt {
max-width: 470px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .excerpt p {
font-size: 16px;
line-height: 26px;
color: rgba(255, 255, 255, .8);
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 20px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .read-more-btn a {
border: 1px solid #fff;
padding: 15px 60px 15px 27px;
font-size: 14px;
font-family: 'DM Sans';
}
.blog-detail-new .featured-post .entry-header .bp-shadow .read-more-btn a:hover {
background: #fff;
color: #171717;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .read-more-btn a:hover svg path {
fill: #171717;
}
.blog-detail-new .blog-listing .row {
margin: 0 -15px;
}
.blog-detail-new .blog-listing .post.type-post {
padding: 0 15px;
margin-bottom: 30px;
}
.blog-detail-new .blog-listing .post.type-post .entry-header {
padding: 20px 20px 30px 20px;
background: #fff;
height: 100%;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow {
padding: 0;
margin-top: 28px;
box-shadow: none;
border-radius: 0;
}
.blog-detail-new .blog-listing .post.type-post .post-thumbnail img {
height: 236px;
object-fit: cover;
border-radius: 0;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links {
margin-bottom: 18px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul {
gap: 6px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li {
display: none;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li:first-child,
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li:nth-child(2),
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li:nth-child(3),
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li:nth-child(4),
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li:nth-child(5) {
display: block;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li a {
margin: 0;
background: #fff;
color: #070707;
padding: 6px 10px;
line-height: normal;
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.03em;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .tags-links ul li a:hover {
background: #070707;
color: rgba(255, 255, 255, .9);
border-color: #070707;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content {
display: flex;
justify-content: space-between;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content {
max-width: 100%;
width: 100%;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .title {
display: flex;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn {
max-width: 20%;
width: 100%;
text-align: end;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .entry-title {
margin: 0 0 20px;
font-family: 'Poppins';
font-size: 24px;
line-height: 31px;
font-weight: bold;
color: #070707;
max-width: 80%;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .entry-title a {
color: #070707;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta {
margin: 0;
font-size: 12px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta span {
display: flex;
align-items: center;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta .entry-date-modified {
padding: 4px 6px;
font-size: 12px;
display: inline-block;
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
transition: all 0.3s ease;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta .entry-date-modified:hover {
background: #070707;
color: rgba(255, 255, 255, .9);
border-color: #070707;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta .label {
font-weight: normal;
color: #303030;
gap: 8px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .content .entry-meta .authorname {
display: none;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn a {
border: 0;
background: #F9F8F6;
border-radius: 0;
padding: 15px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn a:hover {
background: #F0EFEC;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn a svg {
transition: all .3s ease;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn a:hover svg {
transform: scale(1.1);
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn .entry-date-modified {
padding: 4px 6px;
font-size: 12px;
display: inline-block;
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
margin-top: 30px;
transition: all 0.3s ease;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn .entry-date-modified:hover {
background: #070707;
color: rgba(255, 255, 255, .9);
border-color: #070707;
}
.blog-detail-new .blog-category {
margin: 0;
background: #fff;
position: sticky;
top: 91px;
z-index: 9;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item a {
font-size: 17px;
line-height: 17px;
padding: 22px 0;
border-radius: 0;
color: #1A1717;
font-weight: 500;
position: relative;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item a:after {
content: '';
position: absolute;
background: #7D44C7;
width: 100%;
height: 3px;
left: 0;
bottom: 0;
opacity: 0;
transition: all .3s ease;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item.current-menu-item a::after {
opacity: 1;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item a:hover::after {
opacity: 1;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item.current-menu-item a,
.blog-detail-new .blog-navigation #blog_menu .menu-item a:hover {
background: transparent;
color: #1A1717;
border-color: #F8B532;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item {
padding: 0px 30px;
position: relative;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item:before {
content: '';
position: absolute;
background: #ddd;
width: 1px;
height: 16px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-detail-new .blog-category .subcategories-list {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
width: 100%;
background: #fff;
bottom: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: .2s all;
-o-transition: .2s all;
transition: .2s all;
-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.06);
z-index: 99;
display: block;
border-top: 1px solid #D9D9D9;
padding: 20px 0;
}
.blog-detail-new .blog-category .subcategories-list.active,
.blog-detail-new .blog-category .subcategories-list:hover {
opacity: 1;
visibility: visible;
}
.blog-detail-new .blog-category .subcategories-list ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item {
max-width: 12.5%;
width: 100%;
text-align: center;
position: relative;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item:after {
content: '';
position: absolute;
background: #ddd;
width: 1px;
height: 16px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item:last-child:after,
.blog-detail-new .blog-category .subcategories-list ul .menu-item:nth-child(8):after {
display: none;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item a {
font-size: 15px;
line-height: normal;
color: #191717;
position: relative;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item a:after {
content: '';
position: absolute;
background: #7D44C7;
width: 100%;
height: 3px;
left: 0;
bottom: -5px;
opacity: 0;
transition: all .3s ease;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item a:hover::after,
.blog-detail-new .blog-category .subcategories-list ul .menu-item.active a::after {
opacity: 1;
}
.blog-detail-new .blog-navigation #blog_menu .more_categories a {
cursor: pointer;
}
.blog-detail-new .blog-navigation #blog_menu .more_categories a:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/drop-arrow.svg);
width: 14px;
height: 8px;
right: -20px;
top: 25px;
transition: all .3s ease;
}
.blog-detail-new .blog-navigation #blog_menu .more_categories.active a::before {
transform: rotate(180deg);
}
.blog-detail-new .blog-listing {
padding: 70px 0 60px;
background: #F9F8F6;
}
.blog-detail-new .blog-listing .portfolio_pagination .page-numbers,
.blog-detail-new .blog-listing .portfolio_pagination .dots {
border: 0;
border-radius: 0;
margin-right: 6px;
font-size: 17px;
color: rgba(7, 7, 7, .5);
font-weight: bold;
background: #FFFFFF;
transition: all .3s ease;
}
.blog-detail-new .blog-listing .portfolio_pagination .page-link.active .page-numbers {
color: #fff;
background: #000;
}
.blog-detail-new .blog-listing .portfolio_pagination .page-numbers:hover,
.blog-detail-new .blog-listing .portfolio_pagination .dots:hover {
color: #fff;
background: #000;
}
.blog-detail-new .blog-listing .portfolio_pagination {
margin: 10px 0 60px;
justify-content: center;
}
.blog-detail-new .blog-listing .blog-cta {
box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08);
border-radius: 0;
}
.blog-detail-new .blog-listing .blog-cta .left-sec {
padding: 60px 60px 65px;
}
.blog-detail-new .blog-listing .blog-cta,
.blog-detail-new .blog-listing .blog-cta .left-sec {
background: #fff;
}
.blog-detail-new .blog-listing .blog-cta .right-sec::before {
display: none;
}
.blog-detail-new .blog-listing .blog-cta .left-sec h3 {
font-size: 36px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec p {
font-size: 20px;
margin: 5px 0 20px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group {
max-width: 575px;
width: 100%;
position: relative;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .form-control {
border: 1px solid #DADADA;
max-width: 575px;
width: 100%;
margin: 0;
font-size: 20px;
padding: 13px 20px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .submit {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .submit .subscribe {
height: 100%;
font-size: 16px;
padding: 12px 30px;
}
body.single-post .blog-cta-new {
margin-top: 60px;
}
.blog-cta-new {
background: #F6F6F7;
padding: 80px 0;
}
.blog-cta-new .cta-wrapper {
display: flex;
flex-wrap: wrap;
overflow: hidden;
align-items: stretch;
background: #fff;
}
.blog-cta-new .cta-wrapper .left-sec {
max-width: 40%;
width: 100%;
padding: 90px 85px;
}
.blog-cta-new .cta-wrapper .right-sec {
max-width: 60%;
width: 100%;
background-image: url(/wp-content/uploads/2013/10/cta-new.webp);
padding: 70px 50px 70px 165px;
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
}
.blog-cta-new .cta-wrapper .right-sec h3 {
font-size: 34px;
line-height: 44px;
color: #fff;
font-weight: bold;
margin-bottom: 30px;
font-family: "Poppins", sans-serif;
}
.blog-cta-new .cta-wrapper .right-sec .btn_common {
border-radius: 0;
padding: 15px 30px;
font-size: 16px;
font-weight: 600;
background: #F6E339;
text-transform: uppercase;
}
.blog-cta-new .cta-wrapper .right-sec .btn_common:hover {
background: #fff;
color: #070707;
}
.popular-wrapper,
.category-wrapper,
.category-posts {
padding: 40px 0;
}
.popular-wrapper .heading,
.category-wrapper .heading,
.category-posts .heading {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 30px;
}
.popular-wrapper .heading h2,
.category-wrapper .heading h2,
.category-posts .heading h2 {
font-family: "Poppins", sans-serif;
font-weight: bold;
font-size: 34px;
line-height: normal;
position: relative;
margin: 0;
padding: 0 0 15px;
color: #070707;
}
.popular-wrapper .heading h2:after,
.category-wrapper .heading h2:after,
.category-posts .heading h2:after {
content: '';
position: absolute;
width: 65%;
height: 5px;
background: #F8B532;
left: 0;
bottom: 0;
border-radius: 5px;
}
.popular-wrapper .heading .slick-arrows,
.category-wrapper .heading .slick-arrows,
.category-posts .heading .slick-arrows {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.popular-wrapper .heading .slick-arrows .slick-arrow,
.category-wrapper .heading .slick-arrows .slick-arrow,
.category-posts .heading .slick-arrows .slick-arrow {
border: none;
background: #070707;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 40px;
height: 40px;
}
.popular-wrapper .heading .slick-arrows .slick-arrow.slick-hidden,
.category-wrapper .heading .slick-arrows .slick-arrow.slick-hidden,
.category-posts .heading .slick-arrows .slick-arrow.slick-hidden {
display: none;
}
.popular-wrapper .heading .slick-arrows .slick-arrow.slick-disabled,
.category-wrapper .heading .slick-arrows .slick-arrow.slick-disabled,
.category-posts .heading .slick-arrows .slick-arrow.slick-disabled {
background: #D0D0D0;
}
.popular-wrapper .slick-list,
.category-wrapper .slick-list {
margin: 0 -15px;
}
.popular-wrapper .slick-slide,
.category-wrapper .slick-slide {
margin: 0 15px;
}
.popular-wrapper .slick-slide .content,
.category-wrapper .slick-slide .entry-header {
border: 1px solid #EFEFEF;
padding: 20px 20px 40px;
background: #fff;
}
.popular-wrapper .content .post-banner img,
.category-wrapper .entry-header .post-banner img {
height: 193px;
object-fit: cover;
}
.category-wrapper .entry-header .post-banner img {
height: 141px;
}
.popular-wrapper .content .post-categories ul,
.category-wrapper .entry-header .post-categories ul {
margin: 20px 0 10px;
padding: 0;
list-style: none;
line-height: normal;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.popular-wrapper .content .post-categories ul li,
.category-wrapper .entry-header .post-categories ul li {
line-height: 0;
position: relative;
}
.popular-wrapper .content .post-categories ul li:last-child::after,
.category-wrapper .entry-header .post-categories ul li:last-child::after {
display: none;
}
.popular-wrapper .content .post-categories ul li a,
.category-wrapper .entry-header .post-categories ul li a {
display: inline-block;
margin: 0;
background: #fff;
color: #070707;
padding: 6px 10px;
line-height: normal;
border: 1px solid rgba(7, 7, 7, .5);
border-radius: 2px;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.03em;
transition: all 0.3s ease;
}
.popular-wrapper .content .post-categories ul li a:hover,
.category-wrapper .entry-header .post-categories ul li a:hover {
background: #070707;
color: rgba(255, 255, 255, .9);
border-color: #070707;
}
.category-wrapper .entry-header .list-content {
display: flex;
justify-content: space-between;
}
.category-wrapper .entry-header .list-content .content {
max-width: 80%;
width: 100%;
}
.category-wrapper .entry-header .list-content .read-more-btn {
max-width: 20%;
width: 100%;
text-align: end;
}
.category-wrapper .entry-header .list-content .read-more-btn a {
border: 0;
background: #F9F8F6;
border-radius: 0;
padding: 15px;
}
.category-wrapper .entry-header .list-content .read-more-btn a:hover {
background: #F0EFEC;
}
.category-wrapper .entry-header .list-content .read-more-btn a svg {
transition: all .3s ease;
}
.category-wrapper .entry-header .list-content .read-more-btn a:hover svg {
transform: scale(1.1);
}
.popular-wrapper .content h3,
.category-wrapper .entry-header h3 {
font-size: 22px;
line-height: 28px;
color: #070707;
font-weight: bold;
margin: 0 0 30px;
min-height: 56px;
font-family: "Poppins", sans-serif;
}
.category-wrapper .entry-header h3 {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.popular-wrapper .content h3 a,
.category-wrapper .entry-header h3 a {
color: #070707;
}
.popular-wrapper .content .read-more-btn a,
.category-wrapper .entry-header .read-more-btn a {
background: #070707;
padding: 10px 34px;
display: inline-flex;
border-radius: 5px;
color: #fff;
font-size: 18px;
line-height: 26px;
font-weight: 500;
border: 1px solid #070707;
transition: all .3s ease;
}
.popular-wrapper .content .read-more-btn a:hover,
.category-wrapper .entry-header .read-more-btn a:hover {
background: transparent;
color: #070707;
}
.popular-wrapper .content .read-more-btnn .link {
text-decoration: none !important;
border-bottom: 2px solid #171717;
}
.popular-wrapper .content .read-more-btnn .link:hover {
border-color: rgba(23, 23, 23, .6);
}
.popular-wrapper .content .read-more-btnn .link:hover svg path {
fill: rgba(23, 23, 23, .6);
stroke: rgba(23, 23, 23, .6);
}
.author .blog-home-bg {
padding: 0;
}
.author .blog-home-bg {
padding: 0;
}
.category-posts {
background: #f6f6f6;
}
.category-posts .blog-detail-new .blog-listing {
padding: 0;
background: transparent;
}
.category-posts .blog-detail-new .blog-listing .post.type-post {
margin: 0;
max-width: 100%;
}
.category-posts .blog-detail-new .blog-listing .post.type-post:hover {
transform: none;
}
.category-posts .blog-detail-new .blog-listing .post.type-post .post-thumbnail img {
height: 196px;
}
.category-posts .blog-detail-new .blog-listing .post.type-post .bp-shadow .entry-title {
margin: 0;
}
/*Blog listing page new css end*/
/*Hire pages new css start*/
.hero-hire-new {
padding: 70px 0;
background: url(/wp-content/uploads/2024/07/company-hero-bg-scaled.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero-hire-new .left-content {
max-width: 56%;
}
.page-template-clutch-landing-page .hero-hire-new .left-content {
max-width: 58%;
}
.hero-hire-new .right-form {
max-width: 44%;
}
.page-template-clutch-landing-page .hero-hire-new .right-form {
max-width: 42%;
}
.hero-hire-new .left-content .banner-content .rating-logo {
display: flex;
align-items: center;
gap: 40px;
margin-top: 40px;
}
.hero-hire-new .left-content .banner-content .rating-logo img {
max-width: 130px;
}
.page-template-clutch-landing-page .hero-hire-new .left-content .banner-content {
max-width: 640px;
}
.page-template-clutch-landing-page .hero-hire-new .left-content .banner-content p {
font-weight: bold;
}
.page-template-clutch-landing-page .hero-hire-new .left-content .banner-content ul li {
font-size: 18px;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
}
.hero-hire-new .banner-content span {
font-size: 22px;
line-height: 30px;
color: #fff;
font-family: 'Poppins';
font-weight: 600;
display: block;
text-transform: uppercase;
letter-spacing: 0.04rem;
}
.hero-hire-new .banner-content h1 {
color: #fff;
font-family: 'Poppins';
font-size: 41px;
font-weight: bold;
line-height: 55px;
margin: 19px 0;
text-transform: uppercase;
}
.page-template-clutch-landing-page .hero-hire-new .left-content .banner-content h1 {
font-size: 52px;
line-height: 70px;
text-transform: capitalize;
}
.hero-hire-new .banner-content p {
font-size: 20px;
line-height: 28px;
margin: 0 0 25px;
color: #fff;
}
.hero-hire-new .banner-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.hero-hire-new .banner-content ul li {
position: relative;
font-size: 17px;
line-height: 29px;
padding-left: 42px;
list-style: none;
color: #fff;
margin-bottom: 19px;
}
.hero-hire-new .banner-content ul li:last-child {
margin-bottom: 0;
}
.hero-hire-new .banner-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/hire-list-icon.svg);
width: 29px;
height: 29px;
left: 0;
top: 0;
background-size: cover;
}
.hero-hire-new .banner-content ul li .funnel-icon {
padding: 0;
border: 0;
height: auto;
width: auto;
background: transparent;
display: inline-block;
margin-left: 5px;
vertical-align: text-top;
line-height: 0;
cursor: help;
position: relative;
}
.hero-hire-new .banner-content ul li .funnel-icon>svg circle {
fill: #fff;
}
.hero-hire-new .banner-content ul li .funnel-icon>svg path {
fill: #000;
}
.hero-hire-new .banner-content ul li .tool-tip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: #fff;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 20px 15px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -150px;
opacity: 0;
transition: opacity 0.3s;
}
.hero-hire-new .banner-content ul li .funnel-icon.tool-tip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.hero-hire-new .banner-content ul li .funnel-icon.tool-tip:hover .tooltiptext .popup-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 15px;
}
.hero-hire-new .banner-content ul li .funnel-icon.tool-tip:hover .tooltiptext .popup-header svg {
width: 40px;
height: 40px;
}
.hero-hire-new .banner-content ul li .funnel-icon.tool-tip:hover .tooltiptext .popup-header .heading {
width: calc(100% - 40px);
font-size: 16px;
line-height: normal;
text-align: left;
padding-left: 10px;
color: #171717;
font-weight: 600;
font-family: 'Poppins';
}
.hero-hire-new .banner-content ul li .tool-tip .tooltiptext ul li {
padding-left: 30px;
text-align: left;
font-size: 15px;
line-height: normal;
color: #37404E;
}
.hero-hire-new .banner-content ul li .tool-tip .tooltiptext ul li::before {
background-image: url(/wp-content/uploads/2013/10/list-icon-company.svg);
width: 20px;
height: 20px;
}
.hero-hire-new .banner-content .hero-btns {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.hero-hire-new .banner-content .hero-btns .partner-btn {
border: 1px solid rgba(255, 255, 255, .11);
padding: 15px 24px 16px;
display: inline-block;
transition: all .3s ease;
}
.hero-hire-new .banner-content .hero-btns .partner-btn:hover {
border-color: #fff;
}
.hero-hire-new .banner-content .hero-btns .download-btn {
border: 1px solid rgba(255, 255, 255, .11);
padding: 17px 29px;
color: #fff;
font-size: 15px;
line-height: normal;
font-weight: 600;
display: flex;
align-items: center;
gap: 13px;
transition: all .3s ease;
}
.hero-hire-new .banner-content .hero-btns .download-btn:hover {
border: 1px solid rgba(255, 255, 255);
}
.hero-hire-new .banner-content .hero-btns .download-btn svg path {
fill: #fff;
stroke: #fff;
}
.hero-hire-new .banner-form h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 8px;
color: #171717;
}
.hero-hire-new .banner-form p {
font-size: 15px;
line-height: 15px;
color: #616770;
margin-bottom: 25px;
}
.hero-hire-new .banner-form .form {
padding: 40px 38px;
background: #fff;
box-shadow: 0 0 26px rgba(0, 0, 0, .02);
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper input,
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
color: #686464 !important;
border-radius: 0;
border: 1px solid #C3C3C3;
height: 49px !important;
padding: 10px 20px;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
height: 111px !important;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._form_element {
margin: 0 0 15px;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._form_element ._form-label {
font-size: 17px;
line-height: normal;
font-weight: 300;
color: #434343 !important;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._button-wrapper ._submit {
width: 100%;
font-size: 16px;
line-height: 18px;
font-weight: 600;
padding: 15px 30px !important;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._button-wrapper ._submit:hover {
background: #F1D623 !important;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._form_element #recaptcha_0 {
height: 78px;
}
#funnelpopup {
z-index: 999999;
}
#funnelpopup .modal-dialog {
max-width: 810px;
width: 100%;
}
#funnelpopup .modal-dialog .modal-content {
border-radius: 0;
border: 0;
}
#funnelpopup .modal-dialog .modal-content .modal-body {
padding: 80px 77px;
}
#funnelpopup .modal-dialog .modal-content .modal-body .btn-close {
position: absolute;
right: 20px;
top: 20px;
}
#funnelpopup .modal-dialog .modal-content .modal-body .popup-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px;
}
#funnelpopup .modal-dialog .modal-content .modal-body .popup-header svg {
width: 91px;
}
#funnelpopup .modal-dialog .modal-content .modal-body .popup-header .heading {
font-size: 32px;
line-height: 46px;
font-weight: bold;
font-family: 'Poppins';
color: #171717;
width: calc(100% - 91px);
padding-left: 20px;
}
#funnelpopup .modal-dialog .modal-content .modal-body p {
font-size: 18px;
line-height: 28px;
color: #37404E;
margin-bottom: 30px;
}
#funnelpopup .modal-dialog .modal-content .modal-body ul {
margin: 0;
padding: 0;
list-style: none;
}
#funnelpopup .modal-dialog .modal-content .modal-body ul li {
font-size: 18px;
line-height: 28px;
color: #37404E;
padding-left: 32px;
position: relative;
margin-bottom: 20px;
}
#funnelpopup .modal-dialog .modal-content .modal-body ul li:last-child {
margin-bottom: 0;
}
#funnelpopup .modal-dialog .modal-content .modal-body ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2024/07/list-icon-company.svg);
width: 23px;
height: 23px;
background-size: contain;
left: 0;
top: 3px;
}
.hero_wrapper.landing-2.hire {
padding: 120px 0 130px;
}
.hero_wrapper.landing-2.hire .banner-content ul {
margin-bottom: 55px;
}
.hiring_models.hire {
padding: 90px 0 195px;
position: relative;
}
.hiring_models.hire .technology_outer h3 {
font-size: 29px;
line-height: 38px;
margin-bottom: 17px;
}
.page-template-hire-template-new .our_work.landing .sec_header {
max-width: 45%;
}
.hire-us {
padding: 90px 0 100px;
background: #F9F8F6;
}
.hire-us .sec_header {
max-width: 60%;
text-align: center;
margin: 0 auto 42px;
}
.hire-us .sec_header h2 {
margin-bottom: 20px;
}
.hire-us .sec_header h2 span {
font-size: 18px;
line-height: 28px;
display: block;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.hire-us .sec_header p {
color: #000;
font-size: 18px;
}
.hire-us .technology_outer {
padding: 30px 20px 30px 30px;
background: #fff;
height: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.hire-us .technology_outer:hover {
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
}
.hire-us .technology_outer .service-logo {
margin-bottom: 17px;
}
.hire-us .technology_outer h3 {
font-size: 20px;
line-height: 30px;
color: #000;
font-weight: bold;
margin-bottom: 12px;
font-family: 'Poppins';
}
.hire-us .technology_outer ul {
margin: 0;
padding: 0;
list-style: none;
}
.hire-us .technology_outer ul li {
font-size: 16px;
line-height: 22px;
color: #414C5B;
margin-bottom: 15px;
position: relative;
padding-left: 18px;
}
.hire-us .technology_outer ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/list-icon-black.svg);
width: 7px;
height: 7px;
left: 0;
top: 7px;
}
.hire-us .technology_outer ul li:last-child {
margin: 0;
}
.hire-us .contact-btn {
text-align: center;
margin-top: 55px;
}
.faq-new {
padding: 100px 0;
background: #F0EFEC;
}
.faq-new .sec_header {
max-width: 70%;
text-align: center;
margin: 0 auto 40px;
}
.faq-new .faq_wrapper {
max-width: 920px;
width: 100%;
margin: 0 auto;
}
.faq-new .faq_wrapper .accordion-item {
border-radius: 0;
background: transparent;
border: 0;
border-bottom: 1px solid #D7D7D7 !important;
padding: 23px 0;
}
.faq-new .faq_wrapper .accordion-item .accordion-button {
padding: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
color: #000;
font-size: 18px;
line-height: normal;
font-weight: bold;
}
.faq-new .faq_wrapper .accordion-item .accordion-body {
padding: 0;
margin-top: 12px;
}
.faq-new .faq_wrapper .accordion-item .accordion-body p {
font-size: 16px;
line-height: 24px;
color: #303030;
}
.faq-new .faq_wrapper .accordion-item .accordion-body p:last-child {
margin: 0;
}
.faq-new .faq_wrapper .accordion-item .accordion-body ul {
margin: 0;
}
.faq-new .faq_wrapper .accordion-item .accordion-body ul li {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
color: #303030;
}
.faq-new .faq_wrapper .accordion-item .accordion-button::after {
background-image: url(/wp-content/uploads/2013/10/plus.svg);
width: 16px;
height: 16px;
background-size: contain;
background-position: center;
transition: none;
}
.faq-new .faq_wrapper .accordion-item .accordion-button:not(.collapsed)::after {
background-image: url(/wp-content/uploads/2013/10/minus.svg);
width: 16px;
height: 16px;
background-size: contain;
background-position: center;
transform: none;
}
.expert_sec {
padding: 100px 0 150px;
background: #F0EFEC;
}
.expert_sec .experts_wrapper {
max-width: 620px;
}
.expert_sec .experts_wrapper h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 20px;
}
.expert_sec .experts_wrapper .experts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.expert_sec .experts_wrapper .experts .expert-wrapper {
max-width: 50%;
width: 100%;
background: #fff;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert {
border-right: 1px solid #F0EFEC;
border-bottom: 1px solid #F0EFEC;
padding: 20px;
display: flex;
align-items: center;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-img {
width: 95px;
height: 95px;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail {
width: calc(100% - 95px);
padding-left: 15px;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail h3,
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail>p {
font-size: 17px;
font-weight: bold;
color: #000;
margin: 0 0 3px;
font-family: 'Poppins';
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail>p {
line-height: 1.2;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail span {
font-size: 14px;
line-height: normal;
color: #414C5B;
display: block;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail .experience {
margin-top: 10px;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail .experience p {
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: normal;
color: #414C5B;
}
.expert_sec .experts_wrapper .experts .expert-wrapper .expert .expert-detail .experience p span {
font-size: 14px;
font-weight: normal;
}
.expert_sec .experts_wrapper .developers {
margin-top: 10px;
border: 1px solid #EDEDED;
text-align: center;
padding: 13px 16px;
background: #fff;
}
.expert_sec .experts_wrapper .developers p {
margin: 0;
font-weight: 600;
font-size: 18px;
}
.expert_sec .content {
padding-left: 35px;
}
.expert_sec .content span {
font-size: 18px;
line-height: 28px;
display: block;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.expert_sec .content h3,
.expert_sec .content h2 {
font-size: 42px;
line-height: 54px;
font-family: 'Poppins';
font-weight: 700;
color: #070707;
margin-bottom: 15px;
}
.expert_sec .content p {
max-width: 570px;
font-size: 18px;
}
.expert_sec .content p strong {
display: block;
}
/*Hire pages new css end*/
.newletter-wrapper {
padding: 100px 0;
max-width: 660px;
margin: 0 auto;
}
.newletter-wrapper h3 {
font-size: 30px;
font-family: 'Poppins';
color: #070707;
margin-bottom: 25px;
font-weight: 700;
}
.newletter-wrapper .form-group .form-control {
background: #fff;
padding: 0;
padding-bottom: 15px;
border-radius: 0;
width: 100%;
border: 0;
border-bottom: 1px solid #000;
color: #686464;
font-size: 16px;
line-height: normal;
}
.newletter-wrapper .form-group .submit {
margin-top: 20px;
}
.newletter-wrapper .form-group .submit .btn-home {
padding: 20px 30px;
border: 0;
}
.floating-contact {
background: #F6E339;
border-radius: 0;
color: #010004;
display: inline-block;
font-family: 'Poppins';
font-size: 16px;
font-weight: 600;
height: 50px;
line-height: 50px;
position: fixed;
right: 0;
top: 35%;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform-origin: bottom right;
width: 150px;
border: 0;
z-index: 999;
}
#floatingmodal {
z-index: 999999;
}
#floatingmodal .modal-dialog {
max-width: 600px;
}
#floatingmodal .modal-dialog .modal-content {
background-color: transparent;
border: 0;
border-radius: 0;
padding: 0;
}
#floatingmodal .modal-dialog .modal-header {
border-bottom: 0;
padding: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
background: none;
}
#floatingmodal .modal-dialog .modal-header .btn-close {
margin: 0;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 1;
}
#floatingmodal .modal-dialog .modal-content .modal-body {
padding: 45px 40px 25px;
background: #fff;
border-top: 6px solid #F6E339;
position: relative;
}
#floatingmodal .modal-dialog .modal-content .modal-body .form-heading {
font-size: 42px;
line-height: 48px;
color: #070707;
font-weight: bold;
font-family: 'Poppins';
margin-bottom: 15px;
}
/*New Landing Page Css Start*/
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home {
background: #fff;
color: #010004;
margin-top: 17px;
}
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content .btn-home svg path {
fill: #010004;
}
.hero-landing-new {
padding: 150px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero-landing-new .left-content {
max-width: 64%;
margin-top: 70px;
}
.hero-landing-new .left-content .banner-content {
max-width: 630px;
}
.hero-landing-new .left-content .banner-content span {
font-size: 16px;
line-height: 20px;
font-family: 'Poppins';
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.hero-landing-new .left-content .banner-content h1 {
font-family: 'Poppins';
font-size: 54px;
line-height: 66px;
color: #fff;
font-weight: bold;
text-transform: capitalize;
margin: 27px 0 22px;
}
.hero-landing-new .left-content .banner-content p {
font-size: 19px;
line-height: 32px;
color: #fff;
font-weight: 500;
max-width: 600px;
}
.hero-landing-new .right-form {
max-width: 36%;
}
.hero-landing-new .right-form .banner-form {
margin-bottom: -190px;
}
.hero-landing-new .right-form .banner-form .form {
padding: 32px 28px 28px;
background: #fff;
border-radius: 4px;
box-shadow: 0 10px 40px rgba(45, 38, 103, .1);
}
.hero-landing-new .right-form .banner-form .form h2 {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #171717;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
height: 142px;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._button-wrapper #_form_150_submit {
padding: 16px 30px;
font-size: 18px;
line-height: 18px;
color: #010004;
font-family: 'DM Sans';
font-weight: 600;
position: relative;
background: #F6E339;
overflow: hidden;
transition: all .3s ease;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._button-wrapper #_form_150_submit:hover {
background: #F1D624;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._button-wrapper #_form_150_submit span {
position: relative;
z-index: 9;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._button-wrapper #_form_150_submit svg {
transition: fill .4s cubic-bezier(.25,.8,.25,1), transform .4s cubic-bezier(.25,.8,.25,1);
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._button-wrapper #_form_150_submit:hover svg {
transform: translateX(6px);
}
.clutch-rating-landing {
padding: 45px 0 25px;
}
.clutch-rating-landing .rating-content {
max-width: 64%;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 58px;
}
.clutch-rating-landing .rating-content p {
font-size: 18px;
line-height: 28px;
font-weight: 500;
color: #171717;
max-width: 337px;
margin: 0;
}
.clutch-rating-landing .rating-content img {
transition: all .3s ease;
}
.clutch-rating-landing .rating-content img:hover {
transform: scale(1.02);
}
.clutch-rating-landing .rating-content .rating-logos {
display: flex;
flex-direction: column;
gap: 25px;
}
.ecommerce-solution {
padding: 135px 0 150px;
background: #F8F6F4;
position: relative;
}
.ecommerce-solution:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2024/11/solution-shape.svg);
top: 0;
background-size: cover;
background-position: center center;
width: 100%;
height: 41px;
}
.ecommerce-solution .solutions-content {
max-width: 50%;
padding-right: 100px;
position: sticky;
top: 200px;
}
.ecommerce-solution .solutions-content>span {
font-size: 18px;
line-height: 20px;
font-family: 'Poppins';
font-weight: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.ecommerce-solution .solutions-content h2 {
font-size: 37px;
line-height: 52px;
color: #070707;
margin: 0 0 21px;
}
.ecommerce-solution.services .solutions-content h2 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.ecommerce-solution .solutions-content p {
font-size: 18px;
line-height: 30px;
max-width: 515px;
margin-bottom: 32px;
}
.ecommerce-solution .all-solutions {
max-width: 50%;
}
/*.ecommerce-solution .all-solutions .solutions {
max-height: 560px;
overflow-y: scroll;
overflow-x: hidden;
}*/
.ecommerce-solution .all-solutions .solutions::-webkit-scrollbar {
display: none;
}
.ecommerce-solution .all-solutions .solution {
position: relative;
margin-bottom: 5px;
margin-right: 5px;
}
.ecommerce-solution .all-solutions .content {
border: 1px solid #000;
background: #fff;
padding: 48px 32px;
display: flex;
align-items: flex-start;
margin-bottom: 32px;
position: relative;
z-index: 2;
}
.ecommerce-solution .all-solutions a .solution .content {
margin-bottom: 32px !important;
}
.ecommerce-solution .all-solutions .solution:last-child .content {
margin: 0;
}
.ecommerce-solution .all-solutions a:last-child .solution .content {
margin: 0 !important;
}
.ecommerce-solution .all-solutions .content img {
width: 47px;
box-shadow: 2.5px 2.5px 0px #000;
transition: all .3s ease;
}
.ecommerce-solution .all-solutions .solution:hover img {
box-shadow: none;
}
.ecommerce-solution .all-solutions .content .text {
width: calc(100% - 47px);
padding-left: 20px;
}
.ecommerce-solution .all-solutions .content .text h3 {
font-size: 20px;
line-height: 25px;
color: #070707;
font-family: 'Poppins';
font-weight: 600;
margin-bottom: 10px;
}
.ecommerce-solution .all-solutions .content .text p {
font-size: 16px;
line-height: 26px;
color: #070707;
margin: 0;
}
.ecommerce-solution .all-solutions .content .text p strong {
color: #7D44C7;
}
.ecommerce-solution .all-solutions .solution:after {
content: "";
display: block;
width: 100%;
height: 100%;
border: 1px solid #000;
position: absolute;
right: -5px;
bottom: -5px;
z-index: 0;
transition: all .1s ease;
}
.ecommerce-solution .all-solutions .solution:hover::after {
background: #000;
}
.ecommerce-solution .all-solutions a .solution .content .read-more {
position: absolute;
right: 15px;
bottom: 10px;
background: #F9F8F6;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: all .3s ease;
}
.ecommerce-solution .all-solutions a .solution .content .read-more svg {
transition: all .3s ease;
}
.ecommerce-solution .all-solutions .solutions a:hover .read-more svg {
transform: scale(1.2);
}
.client-testimonials {
padding: 100px 0;
background: #F5F7F9;
}
.client-testimonials .testimonial-content {
max-width: 43%;
}
.client-testimonials .testimonial-content>span {
font-size: 18px;
line-height: 20px;
font-family: 'Poppins';
font-weight: normal;
color: #171717;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.client-testimonials .testimonial-content h2 {
font-size: 48px;
line-height: 58px;
color: #070707;
margin: 14px 0 11px;
}
.client-testimonials .testimonial-content p {
font-size: 17px;
line-height: 27px;
margin-bottom: 22px;
max-width: 460px;
}
.client-testimonials .all-testimonial {
max-width: 57%;
}
.client-testimonials .all-testimonial .testimonials-box {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: end;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials {
max-width: calc(50% - (20px * 1/2));
width: 100%;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box {
background: #fff;
padding: 30px;
margin-bottom: 20px;
transition: all .3s ease;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box:hover {
box-shadow: 0 0px 20px rgba(45, 38, 103, .2);
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box p {
font-size: 18px;
line-height: 28px;
color: #070707;
font-weight: 500;
margin: 16px 0 18px;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-detail {
display: flex;
align-items: center;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-detail img {
width: 51px;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-detail .content {
width: calc(100% - 51px);
padding-left: 10px;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-detail .content h3 {
font-size: 16px;
line-height: 20px;
font-family: 'Poppins';
color: #070707;
font-weight: bold;
margin-bottom: 0;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box .testimonial-detail .content p {
font-size: 13px;
line-height: 20px;
margin: 2px 0 0;
color: rgba(7, 7, 7, .6);
font-weight: 500;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box:last-child {
margin: 0;
}
.shopify_services.new-landing {
padding: 80px 0 130px;
}
.our-process {
padding: 88px 0 92px;
}
.our-process .process-content {
max-width: 50%;
}
.our-process .process-content h2 {
font-size: 48px;
line-height: 58px;
margin-bottom: 22px;
}
.our-process .process-content p {
margin: 0;
max-width: 525px;
font-size: 18px;
line-height: 26px;
font-weight: 500;
color: #070707;
}
.our-process .process-image {
max-width: 50%;
text-align: end;
}
.our-process .process-image img {
margin-top: -117px;
position: relative;
}
.our-process .progress-steps {
margin-top: 46px;
}
.our-process .progress-steps .col-md-4 {
position: relative;
}
.our-process .progress-steps .process-step img {
position: relative;
z-index: 1;
}
.our-process .progress-steps .process-step h3 {
font-size: 24px;
line-height: 36px;
font-family: 'Poppins';
color: #070707;
font-weight: bold;
margin: 18px 0 5px;
}
.our-process .progress-steps .process-step p {
font-size: 16px;
line-height: 26px;
color: #070707;
font-weight: 500;
max-width: 348px;
margin: 0;
}
.our-process .progress-steps .process-step:before {
content: '';
position: absolute;
border-bottom: 1px dashed rgba(102, 63, 153);
width: 100%;
top: 25px;
left: 13px;
z-index: 1;
}
.our-process .progress-steps .col-md-4:last-child .process-step:before {
display: none;
}
.Shopify-experts {
background: #FAF8F4;
padding: 100px 0;
}
.Shopify-experts .expert-image, .Shopify-experts .expert-content {
max-width: 50%;
}
.Shopify-experts .expert-content h2 {
font-size: 52px;
line-height: 64px;
margin: 33px 0 23px;
}
.Shopify-experts .expert-content p {
font-size: 17px;
line-height: 30px;
font-weight: 500;
max-width: 575px;
margin-bottom: 13px;
}
.Shopify-experts .expert-content ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0 54px;
max-width: 590px;
}
.Shopify-experts .expert-content ul li {
max-width: calc(50% - (54px * 1/2));
width: 100%;
position: relative;
font-size: 17px;
line-height: normal;
color: #303030;
font-weight: 500;
padding: 18px 0;
padding-left: 40px;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.Shopify-experts .expert-content ul li:before {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2024/11/list-icon-landing.svg);
width: 32px;
height: 32px;
left: 0;
top: 12px;
}
.Shopify-experts .expert-content ul li:first-child,
.Shopify-experts .expert-content ul li:nth-child(2) {
border-top: 0;
}
.landing-portfolio {
padding: 100px 0;
}
.landing-portfolio .portfolio-content, .landing-portfolio .portfolio-image {
max-width: 50%;
}
.landing-portfolio .portfolio-content h2 {
font-size: 52px;
line-height: 62px;
margin-bottom: 18px;
}
.landing-portfolio .portfolio-content p {
font-size: 17px;
line-height: 30px;
font-weight: 500;
max-width: 550px;
margin: 0 0 12px;
}
.landing-portfolio .portfolio-content ul {
padding: 0 0 0 20px;
margin: 0;
}
.landing-portfolio .portfolio-content ul li {
font-size: 17px;
line-height: 30px;
font-weight: 500;
max-width: 550px;
margin: 0 0 5px;
}
.landing-portfolio .portfolio-content .btn-home {
margin-top: 20px;
}
.landing-portfolio .portfolio-image {
text-align: end;
}
.communication-sec {
padding: 100px 0;
background: #EBF4FA;
}
.communication-sec .portfolio-image, .communication-sec .portfolio-content {
max-width: 50%;
}
.communication-sec .portfolio-content h2 {
font-size: 52px;
line-height: 64px;
}
.communication-sec .portfolio-content p {
font-size: 18px;
line-height: 30px;
font-weight: 500;
margin: 13px 0 0;
max-width: 550px;
}
.communication-sec .portfolio-content ul {
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.communication-sec .portfolio-content ul li {
display: flex;
align-items: flex-start;
margin-bottom: 31px;
}
.communication-sec .portfolio-content ul li:last-child {
margin: 0;
}
.communication-sec .portfolio-content ul li img {
width: 36px;
}
.communication-sec .portfolio-content ul li .content {
width: calc(100% - 36px);
padding-left: 11px;
}
.communication-sec .portfolio-content ul li .content h3 {
font-size: 22px;
line-height: 30px;
margin: 0;
font-family: 'Poppins';
font-weight: bold;
color: #070707;
}
.communication-sec .portfolio-content ul li .content p {
margin: 10px 0 0;
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
/*New Landing Page Css End*/
/*New Service Page Css Start*/
.services_hero_new {
padding: 83px 0;
background: #ECF6FD;
}
.services_hero_new .wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.services_hero_new .wrapper .banner-content {
max-width: 59%;
width: 100%;
padding-right: 50px;
}
.services_hero_new .wrapper .banner-image {
max-width: 41%;
width: 100%;
}
.services_hero_new .wrapper .banner-content>span {
font-size: 16px;
line-height: 20px;
font-family: 'Poppins';
font-weight: 600;
color: #663F99;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.services_hero_new .wrapper .banner-content h1 {
font-size: 54px;
line-height: 66px;
color: #171717;
font-family: 'Poppins';
font-weight: bold;
margin: 25px 0;
}
.services_hero_new .wrapper .banner-content p {
font-size: 19px;
line-height: 32px;
color: #2C2F33;
font-weight: 500;
max-width: 660px;
width: 100%;
margin: 0 0 20px;
}
.services_hero_new .wrapper .banner-image .image-frame {
background: rgba(255, 255, 255, .25);
border: 1px solid rgba(255, 255, 255, .40);
padding: 12px;
}
.technology-logo {
padding: 55px 0 25px;
position: relative;
}
.technology-logo .logos-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.technology-logo .logos-wrapper .logo-box img {
height: 38px;
width: auto;
}
/*New Service Page Css End*/
/*New Service Page Feb Css Start*/
.services_hero_feb {
position: relative;
width: 100%;
background-size: cover;
background-position: 50%;
padding-top: 65px;
padding-left: calc((100vw - 1320px) / 2);
}
.services_hero_feb.ecommerce {
padding-bottom: 135px;
padding-top: 75px;
}
.services_hero_feb.ecommerce .wrapper .banner-content {
margin: 0;
}
.services_hero_feb.ecommerce.ai {
background-color: #29004D;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-top: 85px;
}
.services_hero_feb.ecommerce.ai video {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.services_hero_feb .wrapper {
display: flex;
flex-wrap: wrap;
}
.services_hero_feb .wrapper .banner-content {
max-width: 732px;
width: 53%;
margin-top: 20px;
}
.services_hero_feb.ai .wrapper .banner-content {
position: relative;
z-index: 2;
}
.services_hero_feb .wrapper .banner-image {
max-width: 645px;
width: 47%;
position: relative;
}
.services_hero_feb .wrapper .banner-image.mobile {
display: none;
}
.services_hero_feb .wrapper .banner-image.ai {
text-align: center;
}
.services_hero_feb .wrapper .banner-content>span {
font-family: 'Poppins';
font-size: 64px;
line-height: 84px;
font-weight: 800;
color: #fff;
margin: 20px 0;
display: block;
max-width: 90%;
}
.services_hero_feb .wrapper .banner-content h1 {
font-size: 20px;
line-height: normal;
color: #fff;
font-family: 'Poppins';
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.services_hero_feb .wrapper .banner-content p {
font-size: 22px;
line-height: 34px;
color: #fff;
font-weight: 600;
max-width: 650px;
width: 100%;
margin-bottom: 35px;
}
.services_hero_feb.ecommerce .wrapper .banner-content p {
max-width: 100%;
}
.services_hero_feb .wrapper .banner-content .btn-home {
padding-right: 70px;
}
.services_hero_feb .wrapper .banner-image .image-frame img {
height: 569px;
object-position: top;
object-fit: cover;
}
.services_hero_feb .wrapper .banner-image .banner-tech {
position: absolute;
top: 1%;
right: 20%;
background: #FFFFFF;
border-radius: 8px;
padding: 10px 17px 10px 15px;
display: flex;
align-items: center;
gap: 6px;
}
.services_hero_feb .wrapper .banner-image .banner-tech p {
font-size: 16px;
line-height: 20px;
color: #000000;
font-weight: bold;
letter-spacing: -0.01rem;
margin: 0;
}
.services_hero_feb .wrapper .banner-image .banner-tech.second {
top: 19%;
right: 7%;
}
.services_hero_feb .wrapper .banner-image .banner-tech.third {
right: 10%;
top: 37%;
}
.services_hero_feb .wrapper .banner-image .banner-tech.fourth {
right: auto;
left: 0;
top: 45%;
}
.services_hero_feb .wrapper .banner-image .banner-tech.fifth {
bottom: 27%;
top: auto;
left: 28%;
right: auto;
}
.services_hero_feb .wrapper .banner-image .banner-review {
max-width: 410px;
margin: 0 auto;
background: #FFFFFF;
border-radius: 8px;
padding: 20px 20px 15px;
}
.services_hero_feb .wrapper .banner-image .banner-review h2 {
font-size: 20px;
line-height: 150%;
letter-spacing: 0.05rem;
color: #333333;
font-family: 'DM Sans', sans-serif;
font-weight: 900;
text-transform: capitalize;
text-align: center;
margin-bottom: 0;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats {
padding: 10px;
border-radius: 10px;
border: 1px solid transparent;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 20px;
background: #FFFFFF;
transition: all .8s ease;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats:hover {
transform: scale(1.27);
box-shadow: 4.5px 4.5px 4.5px rgba(0, 0, 0, .08);
background: #F1EBF9;
border: 1px solid #7914FC;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats .banner-stats-box {
max-width: 33.33%;
width: 100%;
text-align: center;
border-right: 1px solid #D8E2FF;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats .banner-stats-box:last-child {
border: 0;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats .banner-stats-box h3 {
font-size: 24px;
line-height: 30px;
color: #7914FC;
font-weight: 900;
margin-bottom: 4px;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-stats .banner-stats-box p {
font-size: 14px;
line-height: 20px;
color: #737373;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.05rem;
margin: 0;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box {
padding: 15px;
background: #F9F9F9;
text-align: center;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box>img {
transition: all .3s ease;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box>img:hover {
transform: scale(1.15);
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box p {
font-size: 18px;
line-height: 27px;
color: #333333;
letter-spacing: 0.05rem;
margin: 13px 0 23px;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail {
display: flex;
align-items: center;
justify-content: center;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-image {
width: 71px;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-image img {
width: 71px;
height: 71px;
object-fit: cover;
border-radius: 4px;
border: 1px solid #AEAEAE;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-content {
padding-left: 15px;
text-align: left;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-content img {
width: auto;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-content p {
font-size: 16px;
line-height: 20px;
color: #333333;
font-weight: 600;
margin: 10px 0 1px;
}
.services_hero_feb .wrapper .banner-image .banner-review .banner-review-box .banner-review-detail .review-content span {
font-size: 12px;
line-height: 16px;
display: block;
color: #4E4E4E;
font-weight: 300;
}
.services_hero_feb .wrapper .banner-image .banner-review .verified-review {
margin-top: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
}
.services_hero_feb .wrapper .banner-image .banner-review .verified-review p {
margin: 0;
font-size: 12px;
line-height: 21px;
color: #929292;
font-weight: 600;
letter-spacing: 0.05rem;
}
.ecommerce-solution.feb-template {
padding: 100px 0 130px;
background: #f9f6ff;
}
.ecommerce-solution.feb-template::before {
display: none;
}
.ecommerce-solution.feb-template .solutions-content {
padding-top: 100px;
}
.ecommerce-solution.feb-template .solutions-content p {
margin-bottom: 26px;
}
.ecommerce-solution.feb-template .solutions-content .btn-home {
padding-right: 75px;
}
.top-rated {
padding: 63px 0 70px;
text-align: center;
border-radius: 60px 60px 0 0;
margin-top: -60px;
background: #fff;
position: relative;
}
.top-rated h2 {
font-size: 26px;
line-height: 32px;
color: #000000;
margin-bottom: 43px;
font-weight: 600;
padding: 0 50px;
}
.top-rated h2 .clutch {
vertical-align: baseline;
}
.top-rated h2 .google {
vertical-align: middle;
}
.top-rated h2 img {
width: 165px;
}
.top-rated .logos-wrapper .slick-track {
display: flex;
align-items: center;
gap: 70px;
}
.top-rated .logos-wrapper .slick-track .slick-slide {
display: flex;
align-items: center;
justify-content: center;
}
.top-rated .logos-wrapper .slick-slide .logo-box img {
width: auto;
height: auto;
margin: 0 auto;
}
.our-process.feb-template {
position: relative;
padding: 80px 0 180px;
}
.communication-sec.feb-template {
position: relative;
padding: 100px 0 180px;
}
.our-work-process .our-work-process-wrapper {
padding: 150px 0;
}
.our-work-process .container {
max-width: 1114px;
}
.our-work-process .our-work-process-wrapper .our-work-process-number {
max-width: 47%;
width: 100%;
}
.our-work-process .our-work-process-wrapper .our-work-process-content {
max-width: 53%;
width: 100%;
}
.our-work-process .our-work-process-wrapper .our-work-process-number p {
font-size: 185px;
line-height: 90px;
color: #663F99;
margin: 0;
font-family: 'Poppins';
font-weight: bold;
padding: 0 44px;
}
.our-work-process .our-work-process-wrapper .our-work-process-content h3 {
font-size: 40px;
line-height: 55px;
color: #000;
margin-bottom: 30px;
font-family: 'Poppins';
font-weight: bold;
}
.our-work-process .our-work-process-wrapper .our-work-process-content ul {
padding-left: 25px;
margin: 0;
}
.our-work-process .our-work-process-wrapper .our-work-process-content ul li {
font-size: 20px;
line-height: 28px;
color: #000;
font-weight: 500;
margin-bottom: 18px;
}
.our-work-process .our-work-process-wrapper .our-work-process-content ul li:last-child {
margin: 0;
}
.our-work-process .our-work-process-wrapper:nth-child(even) .row {
flex-direction: row-reverse;
}
.our-work-process .our-work-process-wrapper:nth-child(even) .our-work-process-number {
text-align: end;
}
.our-work-process .our-work-process-wrapper.process1 {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,232,254,1) 100%);
}
.our-work-process .our-work-process-wrapper.process2 {
background: linear-gradient(180deg, rgba(240,232,254,1) 0%, rgba(229,244,255,1) 100%);
}
.our-work-process .our-work-process-wrapper.process3,
.our-work-process .our-work-process-wrapper.process4,
.our-work-process .our-work-process-wrapper.process5 {
background: linear-gradient(180deg, rgba(229,244,255,1) 0%, rgba(240,232,254,1) 100%);
}
.our-work-process .our-work-process-wrapper:last-child {
background: linear-gradient(180deg, rgba(240,232,254,1) 0%, rgba(235,247,255,1) 100%);
}
.our-work-process .our-work-process-wrapper .row {
position: relative;
}
.our-work-process .our-work-process-wrapper.process1 .row:after {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/process-shape1.png);
max-width: 942px;
width: 100%;
height: 458px;
bottom: -373px;
left: 93px;
}
.our-work-process .our-work-process-wrapper.process2 .row:after,
.our-work-process .our-work-process-wrapper.process4 .row:after {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/process-shape2.png);
max-width: 917px;
width: 100%;
height: 468px;
right: 102px;
bottom: -395px;
}
.our-work-process .our-work-process-wrapper.process3 .row:after,
.our-work-process .our-work-process-wrapper.process5 .row:after {
content: '';
position: absolute;
background-image: url(/wp-content/uploads/2013/10/process-shape3.png);
max-width: 950px;
width: 100%;
height: 470px;
left: 72px;
bottom: -380px;
}
.our-work-process .our-work-process-wrapper:last-child .row::after {
display: none;
}
.technology-stack {
padding: 100px 0 160px;
}
.technology-stack h2 {
line-height: 54px;
margin-bottom: 17px;
}
.technology-stack p {
font-size: 18px;
line-height: 28px;
color: #000000;
max-width: 985px;
width: 100%;
}
.technology-stack .technology-stack-wrapper {
margin-top: 100px;
}
.technology-stack .technology-stack-wrapper .technology-stack-item {
display: flex;
flex-wrap: wrap;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-name {
max-width: 26%;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
background: #F6EFFF;
border: 1px solid #E6E6ED;
padding: 20px 20px 20px 30px;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-name h3 {
margin: 0;
font-size: 18px;
line-height: 30px;
font-family: 'Poppins';
font-weight: 600;
color: #000000;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos-wrapper {
max-width: 74%;
width: 100%;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos-wrapper .technology-stack-logos {
border: 1px solid #E6E6ED;
padding: 35px 21px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
align-items: center;
justify-content: space-between;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos .technology-stack-logo {
text-align: center;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos .technology-stack-logo img {
transition: all .3s ease;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos .technology-stack-logo img:hover {
transform: scale(1.1);
}
.technology-stack .technology-stack-wrapper .technology-stack-item:first-child .technology-stack-logos-wrapper {
margin-top: -30px;
}
.technology-stack .technology-stack-wrapper .technology-stack-item:last-child .technology-stack-logos-wrapper {
margin-bottom: -30px;
}
.technology_sec.ai .technology_wrapper h3 {
font-size: 24px;
line-height: 30px;
color: #070707;
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 18px;
}
.shopify_services.landing-2.ai {
padding: 80px 0 110px;
}
.communication-sec.ai .portfolio-image {
text-align: end;
}
/*New Service Page Feb Css End*/
/*New Hire Page Css start*/
.hero-hire-2025 {
padding: 85px 0 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero-hire-2025 .left-content {
max-width: 56%;
width: 100%;
}
.hero-hire-2025 .left-content .banner-content>span {
font-size: 20px;
line-height: 30px;
color: #fff;
font-family: 'Poppins';
font-weight: 600;
margin: 0;
text-transform: uppercase;
display: block;
}
.hero-hire-2025 .left-content .banner-content h1 {
font-family: 'Poppins';
font-size: 64px;
line-height: 84px;
font-weight: 800;
color: #fff;
margin: 20px 0;
display: block;
}
.hero-hire-2025 .left-content .banner-content p {
font-size: 22px;
line-height: 34px;
color: #fff;
font-weight: 600;
max-width: 650px;
width: 100%;
margin-bottom: 35px;
}
.hero-hire-2025 .right-image {
max-width: 44%;
width: 100%;
}
/*New Hire Page Css End*/
@media only screen and (min-width: 992px) {
.mobile-button {
display: none;
}
.black #menu .menu-item:hover>a {
border-color: #fff;
}
#menu .menu-item:hover>a {
border-color: #070707;
}
.top-header-menu {
display: block !important;
}
.black .mega-menu-full {
background: #121212;
}
.mega-menu-full {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
width: 100%;
background: #fff;
bottom: 2px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: .2s all;
-o-transition: .2s all;
transition: .2s all;
-webkit-box-shadow: 0 2px 5px -2px rgb(0 0 0 / 10%), 0 2px 1px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 5px -2px rgb(0 0 0 / 10%), 0 2px 1px 0 rgb(0 0 0 / 10%);
z-index: 99;
display: block;
}
.black .menu-item.active .mega-menu-full {
border-top: 1px solid rgba(255, 255, 255, .1);
}
.menu-item.active .mega-menu-full {
opacity: 1;
visibility: visible;
display: block;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.open_nav {
overflow: hidden;
}
.black #menu .menu-item.active>a {
border-color: #fff;
}
#menu .menu-item.active>a {
font-weight: bold;
border-color: #070707;
}
#menu .menu-item.active-menu-custom>a {
border-top: 5px solid #070707;
}
.mega-menu-full .mega_menu-wrapper {
padding: 30px 0 80px;
max-width: 1300px;
margin: 0 auto;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-title {
padding-bottom: 30px;
margin-bottom: 35px;
max-width: 1070px;
border-bottom: 2px solid #070707;
}
.mega-menu-full.technology-menu .mega_menu-wrapper .mega_menu-title {
padding-bottom: 20px;
margin-bottom: 30px;
}
.black .mega-menu-full .mega_menu-wrapper .mega_menu-title {
border-bottom-color: #fff;
}
.black .mega-menu-full .mega_menu-wrapper .mega_menu-title .mega-menu-title__description {
color: #FFFFFF;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-title .mega-menu-title__description {
font-size: 16px;
line-height: 28px;
color: #303030;
margin: 0;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
justify-content: space-between;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 80px;
max-width: 100%;
justify-content: space-between;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .left-side .mega-menu-left,
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .left-side .mega-menu-center {
max-width: calc(33.33% - (80px * 2/3));
width: 100%;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .right-side {
-webkit-box-flex: 1;
-ms-flex: auto 0 1;
flex: auto 0 1;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .right-side .mega-menu-right {
max-width: 100%;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-left,
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-center,
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-right {
max-width: 290px;
width: 100%;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 30px;
}
.mega-menu-full.technology-menu .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links {
row-gap: 15px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
width: 100%;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link {
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.mega-menu-full.technology-menu .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link {
padding-bottom: 15px;
}
.black .mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link {
border-bottom-color: rgba(255, 255, 255, .1);
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link:last-child {
padding: 0;
border: 0;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .icon {
width: 62px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper.three-columns .mega-menu-links .mega-menu-link .icon {
width: 42px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper.three-columns .mega-menu-links .mega-menu-link .icon svg {
width: 42px;
height: 42px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .icon svg {
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link:hover .menu_link a .menu_name {
text-decoration: underline;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper.three-columns .mega-menu-links .mega-menu-link .menu_link {
width: calc(100% - 58px);
padding-left: 18px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .menu_link {
width: calc(100% - 78px);
padding-left: 18px;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .menu_link a {
max-width: 320px;
width: 100%;
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link:hover .menu_link a p {
color: #070707;
}
.black .mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link:hover .menu_link a p {
color: #fff;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .arrow {
width: 16px;
align-self: center;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .arrow a svg path {
display: inline-block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.black .mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link .arrow svg path {
stroke: #fff;
}
.mega-menu-full .mega_menu-wrapper .mega_menu-column-wrapper .mega-menu-links .mega-menu-link:hover .arrow svg path {
opacity: 1;
}
/*New header css*/
#menu .menu-item>a {
display: flex;
align-items: center;
}
/*New Mega Menu Css Start*/
.mega-menu-full .mega_menu-new-dropdown-content .megamenu {
display: grid;
grid-template-columns: 420px auto;
align-items: stretch;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary {
background: #FBFBFB;
border-right: 1px solid #EFEFEF;
padding: 30px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children {
padding: 10px 20px 10px 10px;
background: transparent;
border: 1px solid transparent;
transition: .3s ease-in-out;
word-break: break-word;
display: grid;
align-items: center;
grid-gap: 12px;
grid-template-columns: 48px auto 20px;
cursor: pointer;
margin-bottom: 5px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children:last-child {
margin: 0;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children a {
font-size: 16px;
line-height: 20px;
color: #363B40;
font-weight: 500;
font-family: 'DM Sans';
transition: all .3s ease;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children:hover a,
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children.active-parent a {
text-decoration: underline !important;
text-underline-offset: 4px;
color: #070707;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children .arrow {
opacity: 0;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: end;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children.active-parent,
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children:hover {
border-color: #EFEFEF;
background: #fff;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children.active-parent .arrow,
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children:hover .arrow {
opacity: 1;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary {
padding: 24px 30px 50px 50px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu {
display: none;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu.active {
display: block;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-header {
border-bottom: 1px solid rgba(23, 23, 23, .1);
margin-bottom: 25px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-title {
font-size: 24px;
line-height: 30px;
color: #363B40;
font-weight: 600;
font-family: 'Poppins';
padding-bottom: 23px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-item-title {
font-size: 14px;
line-height: 20px;
color: #663F99;
font-weight: bold;
font-family: 'DM Sans';
text-transform: uppercase;
letter-spacing: 0.05rem;
margin-bottom: 16px;
min-height: 20px;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item {
margin-bottom: 17px;
line-height: 0;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item:last-child {
margin: 0;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item a {
border-bottom: 1px solid transparent;
font-size: 16px;
line-height: 21px;
color: #363B40;
font-weight: 500;
font-family: 'DM Sans';
transition: all .3s ease;
display: inline-block;
}
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item a:hover,
.mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item.active a {
color: #070707;
border-bottom-color: #070707;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary {
background: #121212;
border-right: 1px solid rgba(255, 255, 255, .5);
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children.active-parent,
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children:hover {
border-color: #fff;
background: #000;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children a {
color: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .primary .has-children .arrow svg path {
fill: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-title {
color: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-header {
border-bottom-color: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-item-title {
color: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item a {
color: #fff;
}
.black .mega-menu-full .mega_menu-new-dropdown-content .megamenu .secondary .submenu-list-wrapper .submenu-list .submenu-menu-item a:hover {
color: #fff;
border-bottom-color: #fff;
}
/*New Mega Menu Css End*/
.footer .ft-inner-links.company {
width: 16%;
}
.footer .ft-inner-links.technologies {
width: 20%;
}
.footer .ft-inner-links.services {
width: 39%;
}
.footer .ft-inner-links.services ul {
display: flex;
flex-wrap: wrap;
}
.footer .ft-inner-links.services ul li {
max-width: 50%;
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.top-menu {
padding: 10px 0;
}
.top-header-menu {
display: none;
width: 100%;
position: absolute;
top: 100%;
left: 0;
padding: 0;
background: #242424;
z-index: 9999;
}
.top-header-menu #menu {
display: block !important;
padding: 10px 0 20px;
max-height: calc(100vh - 67px);
overflow-x: scroll;
}
.top-header-menu #menu .menu-item {
padding: 0;
margin: 0;
position: relative;
}
.top-header-menu #menu .menu-item a {
padding: 20px;
display: block;
text-align: left;
font-weight: bold;
font-size: 20px;
line-height: 1;
border-top: 0;
color: #fff;
}
.page-template-homepage-new .top-head.fixed #menu .menu-item>a {
color: #fff;
}
.top-header-menu #menu .header_btn {
margin: 0;
display: block;
}
.top-header-menu #menu .header_btn .btn-alternate {
border: 1px solid #fff;
color: #fff;
}
.top-header-menu #menu .header_btn .btn_yellow {
margin: 20px auto 0;
max-width: 300px;
display: block;
text-align: center;
}
.page-template-shopify-landing-page-new-2 #menu .btn_common,
.page-template-clutch-landing-page #menu .btn_common,
.page-template-clutch-thank-you #menu .btn_common {
margin: 20px auto 0;
max-width: 300px;
display: block;
text-align: center;
}
.top-header-menu #menu .header_btn .btn_yellow.btn-alternate {
border: 1px solid #fff;
color: #fff;
margin-right: auto;
}
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, -webkit-filter;
-webkit-transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
border: none;
background: none;
}
.hamburger-box {
width: 33px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.black .hamburger-inner,
.black .hamburger-inner::before,
.black .hamburger-inner::after {
background-color: #fff;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 27px;
height: 2px;
background-color: #070707;
border-radius: 0;
position: absolute;
transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-o-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
-webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before,
.hamburger-inner::after {
width: 32px;
}
.mobile-open .hamburger--squeeze .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.14s;
-o-transition-delay: 0.14s;
transition-delay: 0.14s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
width: 32px;
}
.mobile-open .hamburger--squeeze .hamburger-inner::before {
top: 0;
opacity: 0;
-o-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
-webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.mobile-open .hamburger--squeeze .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.top-header-menu #menu .menu-item .mega-menu-full {
display: none;
}
.child-trigger {
display: block !important;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
width: 56px !important;
min-width: 56px !important;
height: 56px !important;
padding: 0 !important;
text-align: center;
font-size: 24px;
pointer-events: none;
}
.child-trigger i,
.child-trigger i:after {
width: 15px;
height: 2px;
background-color: #ffffff;
display: block;
}
.child-trigger i {
position: relative;
top: 50%;
margin: 0 auto !important;
}
.child-trigger i:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger i:after {
position: absolute;
content: '';
}
.child-trigger.child-open i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.child-trigger.child-open i:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mega-menu-full .mega_menu-title,
.mega-menu-full .mega-menu-link .icon,
.mega-menu-full .mega-menu-link .menu_link p,
.mega-menu-full .mega-menu-link .arrow {
display: none;
}
.mega-menu-full .mega-menu-link {
background-color: #000;
}
.mega-menu-full .mega-menu-link .menu_link a .menu_name {
margin-bottom: 0;
font-weight: normal;
line-height: normal;
color: #fff !important;
}
.resources-wrapper {
display: none;
}
/*New Mega Menu Css Start*/
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .has-children {
display: grid;
align-items: center;
grid-template-columns: 48px auto 20px;
gap: 10px;
padding: 10px 20px;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .has-children a {
padding: 0;
font-size: 18px;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .has-children .arrow {
display: flex;
align-items: center;
justify-content: end;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .has-children .arrow svg path {
fill: #fff;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .submenu .submenu-header,
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .submenu .submenu-item-title {
display: none;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown {
overflow: hidden;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
width: 200%;
transform: translateX(0px);
transition: transform 0.35s ease-in-out;
background: #000;
padding: 10px 0;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .primary,
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary {
width: 100%;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu {
display: none;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu .submenu-list-wrapper {
max-height: 375px;
overflow-y: scroll;
overflow-x: hidden;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu.active {
transform: translateX(-50%);
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu.active .secondary .submenu.active {
display: block;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu .back-btn {
padding: 10px 20px;
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
font-family: 'DM Sans';
line-height: normal;
color: #fff;
font-weight: 500;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu .back-btn svg {
transform: rotate(180deg);
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu .back-btn svg path {
fill: #fff;
}
.top-header-menu #menu .menu-item .mega-menu-full .mega_menu-new-dropdown .megamenu .secondary .submenu .submenu-list .submenu-menu-item a {
padding: 12px 20px;
font-size: 18px;
}
/*New Mega Menu Css End*/
}
@media only screen and (max-width: 767px) {
h2 {
font-size: 34px;
line-height: normal;
}
.rating_sec .sec_header .clientheading{
font-size: 34px;
line-height: normal;
}
.sec_header {
max-width: 100%;
}
.btn_yellow {
padding: 12px 18px;
width: 100%;
}
.top-menu .hamburger_icon {
display: block;
}
.site-branding img {
width: 130px;
height: auto;
}
.home-hero__quotes {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
}
.home-hero__quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-hero__quote:first-of-type {
margin-left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 20px;
}
.home-hero__quote-bubble {
position: relative;
padding: 10px;
}
.home-hero__quote-bubble .quote_header span {
font-size: 14px;
margin-bottom: 5px;
}
.home-hero__quote-bubble .home-hero__quote-content p {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.home-hero__quote-bubble .home-hero__quote-name a {
font-size: 14px;
}
.home-hero__quote-bubble .home-hero__quote-designation {
line-height: 20px;
}
.home-hero__quote:first-of-type .home-hero__quote-image {
text-align: right;
}
.home-hero__quotes .home-hero__quote .home-hero__quote-image img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.home-hero__quote:nth-of-type(2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.home-hero__quote:first-of-type .home-hero__quote-bubble {
right: 0;
margin-right: 0;
width: 100%;
bottom: 0;
}
.home-hero__quote:nth-of-type(2) .home-hero__quote-bubble {
top: 0;
bottom: 0;
left: 0;
margin-left: 0;
width: 100%;
}
.home-hero__quote:nth-of-type(2) .home-hero__quote-bubble:after {
bottom: auto;
top: 30%;
}
.hero_wrapper {
padding: 50px 0;
}
.hero_wrapper .banner-content {
max-width: 100%;
margin-bottom: 50px;
}
.hero_wrapper.magento_banner .banner-content {
max-width: 100%;
}
.ecommerce_banner .banner-content, .magento_banner .banner-content {
margin-bottom: 0;
}
.hero_wrapper .banner-content h1 {
font-size: 38px;
line-height: 46px;
margin-bottom: 20px;
}
.black .hero_wrapper .banner-content h1 {
line-height: normal;
}
.hero_wrapper .banner-content .type-in {
font-size: 28px;
}
.hero_wrapper .banner-content h2 {
font-size: 18px;
line-height: normal;
margin-top: 10px;
margin-bottom: 40px;
font-weight: normal;
}
.hero_wrapper .banner-content .mobile-banner {
display: block !important;
margin: 30px 0;
}
.ecommerce_banner .banner-block img, .magento_banner .banner-block img {
display: none;
}
.trusted_partner {
background: #fff;
}
.trusted_partner .partners_wrapper {
padding: 50px 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.trusted_partner .partners_wrapper .partner {
margin-bottom: 15px;
}
.trusted_partner .partners_wrapper .partner .rating img {
max-width: 50px;
height: auto;
}
.trusted_partner .partners_wrapper .partner .logo img {
height: 30px;
width: auto;
}
.trusted_partner .partners_wrapper .rating_wrapper {
margin-bottom: 50px;
}
.trusted_partner h2 {
font-size: 34px;
line-height: normal;
margin-bottom: 30px;
}
.trusted_partner .partners_wrapper .about_wrapper h2 {
font-size: 24px;
}
.trusted_partner .partners_wrapper .corner_shape {
width: 70%;
margin-right: -28%;
margin-bottom: -58%;
}
.our_work {
padding: 70px 0;
}
.our_work h2 {
margin-bottom: 20px;
}
.our_work .grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.our_work .grid:before {
display: none;
}
.our_work .grid .explore_btn {
margin-top: 30px;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.our_work .grid .case_study_new {
padding: 25px 20px;
}
.our_work .grid .case_study_new h3 {
font-size: 24px;
line-height: normal;
margin-bottom: 20px;
}
.our_work .case_study_new .case_study_tags {
margin-bottom: 20px;
}
.our_work .grid .case_study_new .case-tag {
left: 20px;
}
.our_services_home {
padding: 70px 0 50px;
}
.our_services_home .sec_header {
margin-bottom: 50px;
max-width: 100%;
}
.our_services_home .top_shape {
top: -12%;
right: 2%;
width: 75%;
}
.our_services_home h2 {
text-shadow: 0px 0px 3px black;
}
.our_services_home .services_tabs .slider-nav {
display: none;
}
.our_services_home .services_tabs .tabs_content {
margin-top: 0;
}
.our_services_home .services_tabs .tabs_content .swiper-slide .tab-img img {
height: auto;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide {
padding: 30px 20px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .slide-title {
display: block;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info h3 {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-bottom: 30px;
color: #808080;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts {
max-width: 100%;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert {
width: 130px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .tab-info .experts .expert p {
font-size: 15px;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .page_link {
margin-top: 30px;
text-align: center;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.our_services_home .services_tabs .tabs_content .slider-content .slick-slide .slider-slide .right_side .tab-img {
display: none;
}
.tbi_advantages {
padding: 30px 0 0;
}
.tbi_advantages .advantages .advantage .boxx {
width: 45px;
height: 45px;
margin-left: 6px;
}
.tbi_advantages .advantages .advantage .boxx span {
font-size: 16px;
line-height: normal;
}
.tbi_advantages .advantages .advantage .boxx::before {
top: 6px;
left: -6px;
}
.tbi_advantages .advantages .advantage {
margin-bottom: 30px;
}
.tbi_advantages .advantages .advantage .text {
width: calc(100% - 51px);
padding-left: 20px;
}
.tbi_advantages .advantages .advantage .text h3 {
font-size: 20px;
line-height: normal;
}
.tbi_advantages .advantages .advantage:last-child {
margin-bottom: 30px;
}
.tbi_advantages .advantages .partners_outer {
margin: 50px 0 0 0 !important;
}
.tbi_advantages .advantages .advantage .partner br {
display: none;
}
.tbi_advantages .advantages .advantage .partner {
font-size: 28px;
line-height: normal;
margin: 0 0 20px 0;
max-width: 100%;
}
.testimonial_outer {
padding: 50px 0;
}
.testimonial_outer .header_sec {
max-width: 100%;
}
.testimonial_outer .testimonial_slider .slick-arrow {
top: 40%;
width: 35px;
height: 35px;
transform: translate(0, -40%);
}
.testimonial_outer .testimonial_slider .slick-prev {
left: -10px;
}
.testimonial_outer .testimonial_slider .slick-next {
right: -10px;
}
.testimonial_outer .testimonial_featured .video_wrapper .client_img {
height: 200px;
}
.testimonial_outer .testimonial_grid .wrappers {
max-height: 460px;
}
.testimonial_outer .testimonial_featured .video_wrapper .video_btn {
bottom: 10px;
right: 15px;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content {
padding: 20px;
}
.testimonial_outer .testimonial_grid .testimonial_wrapper p {
text-align: center;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content h3 {
font-size: 20px;
line-height: 28px;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content p {
font-size: 16px;
line-height: 26px;
}
.testimonial_outer .testimonial_grid .testimonial_featured .testimonial_content .name {
font-size: 18px;
}
.testimonial_outer .testimonial_grid .testimonial_wrapper .client_detail .d-flex {
max-width: 60%;
}
.testimonial_outer .testimonial_grid .testimonial_wrapper .client_detail .detail_wrapper {
margin-left: 10px;
}
.testimonial_outer .testimonial_grid .testimonial_wrapper .client_detail .video_btn span, .testimonial_outer .testimonial_featured .video_wrapper .video_btn a span {
margin-right: 5px;
}
.testimonial_outer .testimonial_slider {
margin-bottom: 30px;
}
.testimonial_outer .testimonial_slider .slick-dots {
bottom: -30px;
}
.video_modal .modal-content .modal-header {
right: 20px;
top: 20px;
}
.video_modal .modal-content .modal-header .btn-close {
padding: 0;
filter: invert(1);
}
.video_modal .modal-content {
padding: 10px;
width: 100%;
border-radius: 10px;
}
.video_modal .modal-content .modal-body .testimonial-video .loader {
max-width: 600px;
width: 100%;
height: 300px;
}
.video_modal .modal-content .modal-body .testimonial-video video {
height: auto;
width: 100%;
}
.faq {
padding: 50px 0;
}
.faq .sec_header {
margin-bottom: 50px;
}
.faq .accordion_wrapper {
padding: 20px;
}
.faq:after {
height: 350px;
}
.accordion_wrapper .accordion-item {
padding: 30px 0;
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: normal;
}
.accordion_wrapper .accordion-item .accordion-header .accordion-button iconify-icon {
margin-left: 10px;
}
.accordion_wrapper .accordion-item .accordion-body p {
font-size: 16px;
line-height: 28px;
}
.accordion_wrapper .accordion-item .accordion-body ul li {
font-size: 16px;
line-height: 28px;
}
.blogs {
padding: 50px 0;
}
.blogs .header_sec {
max-width: 100%;
}
.CTA_new {
padding: 50px 0 0;
}
.CTA_new .cta_img .cover_image {
height: auto;
}
.CTA_new .cta_img {
position: relative;
padding: 50px 0 0;
}
.CTA_new .cta_content {
max-width: 100%;
margin-bottom: 80px;
}
.CTA_new .cta_content h2 {
font-size: 34px;
line-height: normal;
}
.CTA_new .cta_content p {
margin-bottom: 30px;
}
.CTA_new .cta_img .shape1 {
bottom: 2%;
width: 70%;
right: -32%;
}
.about_sec {
display: none;
}
.technology_expert {
padding: 80px 0 50px;
}
.technology_expert.hiring {
padding-bottom: 50px;
}
.technology_expert .sec_header {
max-width: 100%;
}
.technology_expert.hiring .sec_header {
max-width: 100%;
}
.technology_expert.magento .sec_header {
max-width: 100%;
}
.technology_expert.hiring .sec_header p {
max-width: 100%;
}
.technology_expert .row {
margin: 0;
}
.technology_expert .row .col-md-4 {
padding: 0;
}
.technology_expert .sec_header h2,
.design-agency .sec_header h2 {
font-size: 34px;
line-height: normal;
}
.technology_expert .technology_outer {
padding: 20px 25px;
}
.technology_expert.magento .technology_outer {
min-height: auto;
}
.technology_expert .technology_outer h3 {
font-size: 20px;
}
.our_expertise {
background: #323131;
}
.our_expertise .expertise_wrapper, .our_expertise.about .expertise_wrapper {
padding: 50px 0 80px;
-webkit-box-shadow: none;
box-shadow: none;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide .slide-content {
row-gap: 10px;
}
.our_expertise.about .expertise_wrapper .expertise_box .logo_slider .slick-slide .slide-content .box {
max-width: calc(50% - 13px);
}
.our_expertise .sec_header {
max-width: 100%;
}
.our_expertise .sec_header h2 {
font-size: 34px;
margin-bottom: 20px;
line-height: normal;
}
.our_expertise .expertise_wrapper .expertise_box {
max-width: 100%;
}
.our_expertise .expertise_wrapper .expertise_box .box, .our_expertise.magento .expertise_wrapper .expertise_box .new_box {
padding: 20px;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.our_expertise .expertise_wrapper .expertise_box .box .content-box h3 {
font-size: 38px;
line-height: normal;
}
.our_expertise.magento .expertise_wrapper .expertise_box .new_box h3 {
font-size: 20px;
}
.our_expertise .expertise_wrapper .expertise_box .box .content-box p {
font-size: 18px;
line-height: normal;
}
.our_expertise .expertise_wrapper .expertise_box .corner_shape {
margin-right: -30%;
margin-bottom: -50%;
width: 70%;
}
.our_expertise.about .expertise_wrapper h3 {
line-height: normal;
}
.our_services {
padding: 50px 0;
}
.our_services .sec_header {
max-width: 100%;
}
.our_services .sec_header h2 {
font-size: 34px;
line-height: normal;
}
.our_services .services_tabs .tab_nav {
max-width: 100%;
margin-bottom: 50px;
}
.our_services .ecommerce_tabs .slider-nav {
display: none;
}
.our_services .ecommerce_tabs .content_wrapper, .our_services.magento .ecommerce_tabs .content_wrapper {
max-width: 100%;
}
.our_services .ecommerce_tabs .content_wrapper .ecomm-tab-content {
border-radius: 20px;
-webkit-box-shadow: 0px 4px 34px rgb(0 0 0 / 10%);
box-shadow: 0px 4px 34px rgb(0 0 0 / 10%);
}
.our_services.magento .ecommerce_tabs .content_wrapper .slick-slide, .our_services .ecommerce_tabs .content_wrapper .slick-slide {
padding: 20px 25px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide h3 {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
line-height: 26px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .service_benefit {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide ul {
display: none;
}
.our_services.magento .ecommerce_tabs .content_wrapper .slick-slide ul {
display: block;
margin: 20px 0;
}
.our_services .ecommerce_tabs .content_wrapper .slick-slide .slide-title {
display: block;
}
.our_services.magento .ecommerce_tabs .content_wrapper .slick-slide .right-image img {
margin: 20px 0 0;
}
.about_tbi {
padding: 50px 0;
}
.about_tbi.hire {
padding: 50px 0;
}
.about_tbi .sec_header {
margin-bottom: 30px;
}
.about_tbi .sec_header h2 {
font-size: 34px;
line-height: normal;
}
.about_tbi .about-us {
margin-bottom: 50px;
}
.about_tbi .about-us li {
margin-bottom: 15px;
font-size: 18px;
}
.about_tbi .about-us li .website {
font-size: 18px;
}
.about_tbi .our-experts {
margin: 0;
row-gap: 30px;
}
.about_tbi .our-experts .expert {
max-width: 100%;
padding: 0;
}
.about_tbi .clutch p {
font-size: 18px;
margin-left: 15px;
line-height: normal;
}
.about_tbi .about-us .clutch {
display: none;
}
.about_tbi .for_mobile {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-top: 30px;
}
.about_tbi .our-experts .expert .expert-detail h3 {
font-size: 20px !important;
}
.top-section {
padding: 50px 0;
}
.page-template-portfolio-new .top-section {
padding: 0 0 50px;
}
.top-section .top-content h1,
.page-template-portfolio-new .top-section .top-content h1 {
font-size: 34px;
line-height: 51px;
max-width: 100%;
}
.top-section .top-content h1 span {
display: block;
}
.top-section .breadcrumb-wrap,
.page-template-portfolio-new .top-section .breadcrumb-wrap {
margin-bottom: 50px;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-content .tab-content ul li {
max-width: 50%;
}
.portfolio-wrapper .content .portfolio-sidebar {
display: none;
position: absolute;
right: 0;
background: #fff;
z-index: 9999;
padding: 20px;
width: 100%!important;
}
.portfolio-wrapper .content .portfolio-sidebar.show-portfolio {
display: block;
}
.portfolio-mobile-select {
display: block;
margin-bottom: 20px;
width: 100%;
position: relative;
text-align: right;
}
.filter-overlay {
content: '';
width: 100%;
height: 0;
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0;
}
.filter-overlay.active {
z-index: 9999;
opacity: 1;
height: 100%;
}
.applyfilter-text, .filter-text {
color: #000;
font-size: 16px;
font-weight: 500;
background: #40FFDC;
padding: 10px 20px;
border-radius: 26px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
right: 0;
display: block;
z-index: 9999;
bottom: 0;
border: none;
}
.filter-text {
padding: 10px 35px 10px 20px;
}
.filter-text:after {
content: '';
width: 0;
height: 0;
position: absolute;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
top: 1px;
bottom: 0;
margin: auto;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid #000;
right: 18px;
}
.applyfilter-text {
right: 130px;
border-radius: 0;
background: #fff;
}
.filter-text.btn-no-brdr {
border-radius: 0;
background: #fff;
}
.portfolio-wrapper .content .portfolio-content {
width: 100%;
padding-left: 0;
}
.portfolio-wrapper .content .portfolio-content .bricklayer {
margin: 0 -10px;
}
.portfolio-wrapper .content .portfolio-content #datalord>.box {
width: 100%;
}
.portfolio_pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.portfolio_pagination .page-numbers,
.portfolio_pagination .dots {
width: 40px;
height: 40px;
margin-right: 10px;
margin-bottom: 10px;
}
.portfolio-wrapper .portfolio-category-wrapper {
top: 71px;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-nav .container .categories,
.portfolio-wrapper .portfolio-category-wrapper .tabs-nav .container .filtered-lists {
max-width: 100%;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-nav .container .filtered-lists {
margin: 15px 0;
display: none;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-nav .categories ul li a {
padding: 10px 0;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-content .tab-content {
padding-top: 30px;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-content .tab-content ul {
row-gap: 15px;
}
.portfolio-wrapper .portfolio-category-wrapper .tabs-content .tab-content ul li label {
font-size: 16px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer,
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer {
margin: 0;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .bricklayer-column {
padding: 0;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box,
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .bricklayer .box {
margin-bottom: 50px;
}
.portfolio-wrapper .content .portfolio-content #datalord>.box {
width: 100%;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-info h3 {
font-size: 26px;
line-height: 36px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .arrow {
width: 50px;
height: 50px;
}
.portfolio-wrapper .content .portfolio-content .bricklayer .box .portfolio-image .arrow svg {
width: 26px;
}
.portfolio-detail .portfolio-banner .title {
margin-top: 0;
}
.portfolio-detail .portfolio-banner h1 {
font-size: 30px;
line-height: normal;
}
.portfolio-detail .portfolio-banner .post-categories {
margin: 15px 0 30px;
}
.portfolio-detail .content .case-study-list .casestudy-phead {
font-size: 26px;
line-height: 36px;
margin: 40px 0 10px;
}
.portfolio-detail .content .case-study-list .main-list {
font-size: 22px;
line-height: 32px;
margin: 20px 0 10px;
}
.portfolio-detail .content .case-study-list.tech ul {
margin: 10px 0 0;
grid-template-columns: auto;
}
.portfolio-detail .content .case-study-list .features-list {
margin: 20px 0;
}
.portfolio-detail .content .case-study-list .features-list .feature,
.portfolio-detail .content .case-study-list .features-list.four-column .feature {
max-width: 100%;
padding: 10px;
border-right: 0;
}
.portfolio-detail .content .case-study-list .features-list .feature:nth-last-child(-n + 3) {
border-bottom: 1px solid #E2E9F1;
}
.portfolio-detail .content .case-study-list .features-list .feature:last-child {
border-bottom: 0;
}
.portfolio-detail .content .case-study-list .features-list.four-column .feature:nth-child(3n) {
border-right: 0;
}
.portfolio-detail .content .image-wrapper {
padding: 15px;
margin: 20px 0 50px;
}
.portfolio-detail .content .image-wrapper video,
.portfolio-detail .content .image-wrapper img {
padding: 6px;
}
.portfolio-detail .content .image-wrapper:before {
display: none;
}
.portfolio-detail .content .case-study-list .image-content {
gap: 30px;
margin: 0 0 50px;
}
.portfolio-detail .content .case-study-list .image-content.content-right {
flex-direction: column-reverse;
}
.portfolio-detail .content .case-study-list .image-content .left-content,
.portfolio-detail .content .case-study-list .image-content .right-image {
max-width: 100%;
}
.portfolio-detail .content .case-study-list .image-content .right-image img {
height: auto;
}
.portfolio-detail .content .feedback-wrapper {
padding: 50px 20px 30px;
}
.portfolio-detail .content .feedback-wrapper:before {
width: 35px;
height: 25px;
left: 20px;
top: 20px;
background-size: cover;
}
.portfolio-detail .content .feedback-wrapper .comment {
max-width: 100%;
padding-right: 0;
border-right: 0;
margin-bottom: 30px;
}
.portfolio-detail .content .feedback-wrapper .rating-sec {
max-width: 100%;
padding-left: 0;
}
.portfolio-detail .content .feedback-wrapper .comment p {
font-size: 20px;
line-height: 30px;
margin: 0 0 10px;
text-align: center;
}
.portfolio-detail .content .feedback-wrapper .rating-sec span {
font-size: 20px;
}
.portfolio-detail .content .feedback-wrapper .rating-sec img {
margin: 10px 0 20px;
max-width: 150px;
}
.portfolio-detail .content .feedback-wrapper .rating-sec .name {
font-size: 24px;
}
.page-template-portfolio-new .portfolio-wrapper .content .portfolio-content .old-section .left-content p {
font-size: 16px;
line-height: 25px;
margin-bottom: 15px;
}
.portfolio-cta {
padding: 30px 20px;
background-position: center right;
}
.portfolio-cta .content h3 {
font-size: 26px;
}
.portfolio_pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.portfolio_pagination .page-numbers,
.portfolio_pagination .dots {
width: 40px;
height: 40px;
margin-right: 10px;
margin-bottom: 10px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper {
padding: 20px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .portfolio-heading {
font-size: 24px;
line-height: normal;
margin-bottom: 30px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .ready-to-discuss {
padding: 20px;
}
.modal.portfolio .modal-dialog .modal-content .modal-body .portfolio-wrapper .ready-to-discuss p {
font-size: 24px;
line-height: normal;
}
.contact-outer {
padding: 50px 0;
}
.contact-outer .top-content h1 {
font-size: 34px;
line-height: normal;
margin-bottom: 10px;
}
.contact-outer .contact-wrapper .contact-desc h2, .contact-outer .contact-wrapper .contact-desc h3, .contact-outer .contact-wrapper .contact-desc p {
position: relative;
z-index: 99;
}
.contact-outer .contact-wrapper .contact-desc h3 {
margin-top: 30px;
}
.contact-outer .contact-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.contact-outer .contact-wrapper .contact-desc {
max-width: 100%;
padding: 60px 15px;
}
.contact-outer .contact-wrapper .contact-form {
max-width: 100%;
padding: 30px 15px;
}
.contact-outer .contact-wrapper .contact-form iframe {
min-height: 550px !important;
}
/*Contact Page New css start*/
.contact-wrapper {
flex-direction: column-reverse;
}
.contact-wrapper .contact-desc,
.contact-wrapper .contact-form {
max-width: 100%;
padding: 30px 20px;
}
.contact-wrapper .contact-desc:before,
.contact-wrapper .contact-form:before {
display: none;
}
.contact-wrapper .contact-desc h1 {
font-size: 28px;
line-height: normal;
margin-bottom: 30px;
}
.contact-wrapper .contact-desc ul li {
margin-bottom: 30px;
}
.contact-wrapper .contact-desc:after {
display: none;
}
.contact-wrapper .contact-form h2 {
font-size: 28px;
line-height: normal;
margin-bottom: 20px;
max-width: 100%;
}
/*Contact Page New css end*/
.thankyou_wrapper {
padding: 150px 0 60px;
}
.thankyou_wrapper .thankyou_inner img {
max-width: 150px;
margin-top: -90px;
}
.thankyou_wrapper .thankyou_inner {
padding: 0 15px 50px 15px;
}
.thankyou_wrapper .thankyou_inner h1 {
font-size: 34px;
line-height: normal;
}
.thankyou_wrapper .thankyou_inner p {
line-height: 24px;
margin: 25px 0;
}
.thankyou_wrapper .thankyou_inner .thankyou-btns a {
margin: 0;
}
.about-top_section .top-content {
max-width: 100%;
margin: 0 auto 50px;
}
.about-top_section .top-content h1 {
margin-bottom: 30px;
font-size: 34px;
line-height: normal;
}
.about-top_section .top-content .line {
margin: 0 auto 30px;
}
.about-top_section .top-content h2 {
margin-bottom: 30px;
}
.about-top_section .image-grid .left-image, .about-top_section .image-grid .right-image {
max-width: 100%;
}
.about-top_section .image-grid .left-image {
margin-bottom: 10px;
}
.about-top_section .image-grid .left-image img {
height: auto;
}
.who-we {
padding: 50px 0;
}
.who-we .content h2 {
max-width: 100%;
}
.who-we .content .line {
width: 190px;
height: 4px;
margin-bottom: 20px;
}
.who-we .content .right-content {
max-width: 100%;
padding-left: 0;
}
.who-we .content .right-content p {
margin-bottom: 20px;
}
.leadership-team {
padding: 50px 0;
}
.leadership-team .sec_header {
max-width: 100%;
}
.leadership-team .team-outer {
max-width: 100%;
}
.leadership-team .team-outer .row {
margin: 0;
row-gap: 30px;
}
.leadership-team .team-outer .col-md-4 {
padding: 0;
}
.leadership-team .team-outer .team-box>img {
margin-bottom: 20px;
}
.technology_expert.about {
padding: 80px 0;
}
.teamwork {
padding: 50px 0;
}
.teamwork .content-left {
margin-bottom: 50px;
}
.teamwork .content-left p {
max-width: 100%;
}
.teamwork .content-left .btns .btn-alternate {
margin-left: 0;
margin-top: 20px;
}
.teamwork .teamwork-img {
padding-left: 0;
}
.our-team {
padding: 50px 0;
}
.our-team .sec_header {
max-width: 100%;
}
.our-team .row {
row-gap: 40px;
}
.our-team .member-box {
margin: 0;
}
.our-team .member-box img {
height: 250px;
}
.our-team .member-box h3 {
font-size: 18px;
line-height: normal;
margin-bottom: 5px;
}
.our-team .member-box p {
line-height: normal;
font-size: 14px;
}
.career-top_section {
padding: 50px 0;
}
.career-top_section .top-content {
margin-bottom: 50px;
text-align: center;
}
.career-top_section .top-content h1 {
margin-bottom: 30px;
font-size: 34px;
line-height: normal;
}
.career-top_section .top-content .line {
margin: 0 auto 30px;
}
.career-top_section .top-content p {
max-width: 100%;
margin: 0 auto 30px;
}
.career-top_section .career-video video {
height: 250px;
}
.our_expertise.career {
padding: 0;
}
.door-open {
padding: 50px 0;
}
.door-open .sec_header {
max-width: 100%;
}
.door-open .sec_header p {
max-width: 100%;
}
.door-open .career-slider .content .item img {
height: 515px;
}
.door-open .career-slider .content .item-1 .wbox img, .door-open .career-slider .content .item-3 .wbox img {
height: 250px;
}
.latest-jobs .sec_header {
max-width: 100%;
}
.latest-jobs .jobs .row {
row-gap: 30px;
}
.latest-jobs .jobs .job-detail a {
padding: 10px;
}
.latest-jobs .jobs .job-detail .position-name span {
width: 50px;
height: 50px;
}
.latest-jobs .jobs .job-detail .position-name span img {
width: 25px;
}
.latest-jobs .jobs .job-detail .position-name h3 {
font-size: 18px;
line-height: normal;
margin-left: 10px;
}
.tbi-events .sec_header {
max-width: 100%;
}
.tbi-events .event-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.tbi-events .event-grid .event {
padding: 25px 20px;
}
.tbi-events .event-grid .event .event-content h3 {
font-size: 24px;
line-height: normal;
}
.blog-home-bg .top-heading,
body.category .top-heading {
max-width: 100%;
}
.blog-home-bg .top-heading h1 {
font-size: 34px;
line-height: 50px;
}
.blog-home-bg .blog-navigation #blog_menu {
display: inline-block;
border-radius: 4px;
position: relative;
width: 100%;
}
.blog-home-bg .blog-navigation #blog_menu li {
display: none;
cursor: pointer;
padding: 5px 10px;
min-width: 150px;
}
.blog-home-bg .blog-navigation #blog_menu .menu-item:first-child a {
display: inline-block;
}
.blog-home-bg .blog-navigation #blog_menu .menu-item a {
display: block;
padding: 0;
border-radius: 0;
background: transparent;
color: #000;
}
.blog-home-bg .blog-navigation #blog_menu li:first-child:after {
content: "";
width: 25px;
height: 25px;
position: absolute;
right: 10px;
top: 5px;
background: url(https://api.iconify.design/gridicons/dropdown.svg) no-repeat center center / contain;
}
.blog-home-bg .blog-navigation #blog_menu li:first-child {
display: block;
}
.blog-home-bg .blog-navigation #blog_menu.open li {
display: block;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item:before {
display: none;
}
.blog-home-bg .blog-listing .row {
margin: 0;
}
.blog-home-bg .blog-listing .post.type-post {
max-width: 100%;
padding: 0;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow {
padding: 20px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .entry-meta {
font-size: 12px;
}
.template-new .blog_detail .post_content .entry-content p {
font-size: 16px;
line-height: 26px;
}
.blog-home-bg .blog-listing .post.type-post .bp-shadow .tags-links ul li a {
font-size: 12px;
}
.template-new .blog_detail .sidebar {
max-width: 100%;
display: none;
}
.template-new .blog_detail .sidebar .post-heading {
font-size: 18px;
}
.template-new .blog_detail .sidebar .post-title {
margin: 0 0 20px;
}
.template-new .blog_detail .sidebar .post-title li {
margin-bottom: 20px;
font-size: 16px;
}
.blog_detail {
padding: 40px 0;
}
.article-breadcrumbs {
margin: 10px 0 0;
}
.blog_detail .post_content .bp-shadow .entry-title {
font-size: 24px;
line-height: normal;
}
.template-new .blog_detail .post_content .bp-shadow .entry-title {
font-size: 28px;
line-height: normal;
}
.blog_detail .post_content .bp-shadow .entry-meta {
display: block;
margin: 10px 0 30px;
}
.template-new .blog_detail .post_content .bp-shadow .entry-meta .entry-date {
margin-bottom: 10px;
}
.blog_detail .post_content .entry-content blockquote {
margin: 0 0 30px;
padding: 15px 20px 15px 60px;
}
.blog_detail .post_content .entry-content blockquote:before {
width: 30px;
height: 30px;
left: 20px;
background-size: contain;
}
.blog_detail .post_content .entry-content h2 {
font-size: 24px;
}
.template-new .blog_detail .post_content .entry-content h2 {
font-size: 24px;
line-height: normal;
}
.blog_detail .post_content .entry-content ul {
padding: 20px 40px;
}
.template-new .blog_detail .post_content .entry-content ol li h3 {
font-size: 20px;
}
.blog_detail .post_content .entry-content p {
font-size: 16px;
}
.blog_detail .post_content .entry-content ul li, .blog_detail .post_content .entry-content ol li {
font-size: 16px;
line-height: 26px;
}
.blog_detail .post_content .entry-content .icon-list .col-md-6:nth-child(5) .list-content {
margin: 0 0 28px;
}
.privacy-content, .terms-content {
padding-top: 50px;
}
.privacy-content .privacy-block h1, .terms-content .terms-block h1 {
font-size: 34px;
line-height: normal;
margin-bottom: 20px;
}
.privacy-content .privacy-block h2, .terms-content .terms-block h2 {
font-size: 30px;
line-height: 42px;
}
.privacy-content .wp-block-columns, .terms-content .wp-block-columns {
margin-bottom: 30px;
}
.referral-outer {
padding: 50px 0 0;
}
.referral-outer .top_section {
max-width: 100%;
margin: 0 auto 50px;
}
.referral-outer .top_section h1, .referral-outer .top_section h1 span {
font-size: 34px;
line-height: normal;
}
.referral-outer .content-outer .referral-content {
max-width: 100%;
margin-bottom: 50px;
}
.referral-outer .content-outer .referral-img img {
margin-top: 0;
}
.footer {
padding-top: 30px;
margin-bottom: 50px;
}
.footer.contact {
padding-top: 50px;
}
.footer .ft-inner-links:first-child {
margin-bottom: 30px;
}
.footer-menuu {
margin-bottom: 15px;
}
.footer-btm {
margin-top: 0;
}
.footer-btm p {
text-align: center;
}
.footer-btm .social-icon {
margin: 10px 0;
}
.footer-btm .terms ul {
justify-content: center;
}
.footer.contact .footer-btm {
margin-top: 20px;
}
.footer .support ul {
margin: 0 0 30px;
}
.newsletter-popup .wrapper {
max-width: 350px;
}
.newsletter-popup .wrapper .modal-content {
padding: 20px;
}
.newsletter-popup .wrapper .modal-content form p {
font-size: 18px;
}
.error-404 {
padding: 50px 0;
}
.error-404 .outer-404 img {
margin-bottom: 30px;
}
.error-404 .outer-404 h1 {
font-size: 34px;
line-height: normal;
}
.coming-soon {
padding: 50px 0;
}
.coming-soon .content {
margin-bottom: 50px;
}
.coming-soon .content h1 {
font-size: 34px;
line-height: normal;
margin-bottom: 10px;
}
.coming-soon .content p {
margin-bottom: 30px;
max-width: 100%;
}
#carrerpopup .modal-dialog .modal-content .modal-body {
padding: 20px 25px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .career-heading {
font-size: 28px;
line-height: normal;
}
#carrerpopup .modal-dialog .modal-content .modal-body .sub-heading {
margin-bottom: 20px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group {
margin-bottom: 20px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .two-field .form-group {
max-width: 100%;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .file-upload {
height: 80px;
}
#carrerpopup .modal-dialog .modal-content .modal-body .wpcf7-form .form-group .custom-file {
padding: 15px 10px;
}
.top-head.landing .top-header-menu #menu .header_contact {
justify-content: center;
row-gap: 20px;
}
.top-head.landing .top-header-menu #menu .header_contact .contact {
margin-right: 0;
max-width: 300px;
width: 100%;
}
.top-head.landing .top-header-menu #menu .header_btn .btn-alternate {
margin-right: auto;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo {
margin-bottom: 20px;
}
.top-head.landing {
padding: 0;
}
.page-template-shopify-landing-page .hero_wrapper,
.about_shopify,
.rating_sec,
.about_tbi.landing,
.technology_expert.landing {
padding: 50px 0;
}
.services_sec {
padding: 90px 0 50px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-logo .logo img {
max-width: 150px;
}
.page-template-shopify-landing-page .hero_wrapper ul li {
font-size: 18px;
line-height: 24px;
}
.page-template-shopify-landing-page .hero_wrapper p {
font-size: 18px;
line-height: 30px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm {
border-radius: 10px;
padding: 20px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .heading {
font-size: 28px;
}
.page-template-shopify-landing-page .hero_wrapper .banner-block #zcampaignOptinForm .form-group {
margin-bottom: 20px;
}
.about_shopify .about-outer .about-box {
padding: 50px 20px;
}
.about_shopify .about-outer .about-box h2,
.about_shopify .about-outer .about-box .expertise_box_heading {
font-size: 48px;
}
.about_shopify .about-outer .about-box p {
max-width: 100%;
}
.about_shopify .row,
.rating_sec .rating {
row-gap: 50px;
}
.rating_sec .rating .left-widget, .rating_sec .rating .right-widget {
max-width: 100%;
width: 100%;
}
.rating_sec .sec_header,
.rating_sec .rating,
.services_sec .sec_header,
.services_sec .expertise_box,
.rating_sec .reviews_slider,
.testimonial_outer.landing .sec_header,
.testimonial_outer.landing .client-testimonial,
.about_tbi.landing .sec_header,
.design-agency.landing .sec_header,
.our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.testimonial_outer.landing .client-testimonial .client-wrapper {
max-width: 100%;
}
.testimonial_outer.landing .client-testimonial {
margin: 0;
}
.testimonial_outer.landing .client-testimonial .client-wrapper {
padding: 0;
}
.services_sec .top_shape {
top: -13%;
right: 2%;
width: 70%;
}
.rating_sec .reviews_slider .slick-next {
right: -12px;
}
.rating_sec .reviews_slider {
padding: 0 30px 0 0;
}
.our_work.landing .porftfolio .portfolio-outer {
background-position: 0;
min-height: 500px;
}
.services_sec .expertise_box {
position: relative;
z-index: 99;
}
.services_sec .expertise_box .box {
max-width: 100%;
padding: 20px;
}
.services_sec .expertise_box .box .content-box h3 {
font-size: 20px;
line-height: normal;
}
.our_work.landing .sec_header {
max-width: 100%;
}
.our_work.landing {
padding: 50px 0 0;
}
.rating_sec .rating .right-widget .clutch-widget {
margin-bottom: 50px;
}
.rating_sec .rating .left-widget .btn_yellow {
display: none;
}
.rating_sec .rating .left-widget .clutch-widget {
margin-bottom: 0;
}
.rating_sec .rating .right-widget .btn_yellow.mobile {
display: inline-flex;
}
.page-template-shopify-landing-page-new h2,
.page-template-shopify-landing-page-new-2 h2,
.page-template-hire-template-new h2,
.page-template-services-template-new h2 {
font-size: 28px;
line-height: 42px;
}
.page-template-shopify-landing-page-new h2 br,
.page-template-shopify-landing-page-new-2 h2 br,
.page-template-hire-template-new h2 br,
.page-template-services-template-new h2 br {
display: none;
}
.top-head.landing-new {
padding: 0;
}
.landing-new .site-branding img {
width: 120px;
}
.top-head.landing-new .top-menu .hamburger {
display: flex;
}
.page-template-shopify-landing-page-new .hero_wrapper {
padding: 50px 0 100px;
}
.page-template-shopify-landing-page-new .hero_wrapper .banner-content h1 {
font-size: 34px;
line-height: normal;
margin-bottom: 15px;
}
.page-template-shopify-landing-page-new .hero_wrapper h1 span {
font-size: 28px;
}
.page-template-shopify-landing-page-new .hero_wrapper p {
font-size: 18px;
margin-bottom: 20px;
line-height: 28px;
}
.page-template-shopify-landing-page-new .hero_wrapper .btn_common {
padding: 12px 30px;
font-size: 20px;
}
.trusted_sec {
padding: 100px 0 50px;
}
.trusted_sec.shopify {
padding: 100px 0;
}
.page-template-shopify-landing-page-new p,
.page-template-shopify-landing-page-new-2 p,
.page-template-hire-template-new p,
.page-template-services-template-new p {
font-size: 18px;
line-height: 28px;
}
.trusted_sec .sec_content {
max-width: 100%;
margin-bottom: 50px;
}
.trusted_sec .rating {
max-width: 100%;
row-gap: 50px;
}
.trusted_sec .rating .left-widget, .trusted_sec .rating .right-widget {
max-width: 100%;
width: 100%;
}
.trusted_sec .rating .right-widget {
text-align: center;
}
.trusted_sec .rating .right-widget:before {
display: none;
}
.shopify_services,
.shopify_services.shopify {
padding: 50px 0;
}
.page-template-clutch-landing-page .shopify_services.shopify {
padding: 50px 0 100px;
}
.shopify_services .header img {
display: none;
}
.shopify_services .service_wrapper .image, .shopify_services .service_wrapper .content {
max-width: 100%;
}
.shopify_services .service_wrapper .image img {
height: 250px;
object-fit: cover;
width: 100%;
}
.shopify_services .service_wrapper .content {
padding: 20px;
}
.shopify_services .service_wrapper .content h3 {
font-size: 20px;
margin-bottom: 15px;
}
.why-our,
.why-our.shopify {
padding: 50px 0 130px;
}
.why-our .row .col-12.col-md-12.col-lg-7.col-xl-7,
.why-our .row .col-12.col-md-12.col-lg-5.col-xl-5 {
max-width: 100%;
}
.why-our .sec_content {
max-width: 100%;
margin-bottom: 50px;
}
.why-our .sec_content h2 {
line-height: normal;
}
.why-our .advantages-wrapper {
width: 100%;
}
.why-our .advantages-wrapper .advantages:first-child .advantage:first-child,
.why-our .advantages-wrapper .advantages:last-child .advantage:last-child,
.why-our .advantages-wrapper .advantages .advantage {
padding: 30px 20px;
}
.why-our .advantages-wrapper .advantages .advantage h3 {
font-size: 30px;
}
.why-our .advantages-wrapper .advantages .advantage p {
font-size: 16px;
line-height: 24px;
}
.our-work {
font-size: 18px;
width: 100%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer {
min-height: 550px;
background-position: 70%;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row {
margin: 0 -12px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6 {
padding: 0;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6.content,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .row .col-md-6.content {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
display: flex;
align-items: center;
height: 100%;
padding: 0 12px;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content {
margin-top: 0;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer img,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer img {
height: 580px;
object-fit: cover;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:first-child,
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer:nth-child(3),
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:first-child,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:nth-child(3),
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:first-child,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:nth-child(3),
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:last-child {
background-position: 20%;
}
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer:before,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer:before,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer:before {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.80);
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.page-template-shopify-landing-page-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.page-template-shopify-landing-page-new-2 .our_work.landing .porftfolio .portfolio-outer .wrapper-content,
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content {
max-width: 100%;
position: relative;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content {
margin-top: 0;
}
.page-template-hire-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3,
.page-template-services-template-new .our_work.landing .porftfolio .portfolio-outer .wrapper-content h3 {
font-size: 26px;
line-height: 40px
}
.experts_sec {
padding: 50px 0;
}
.experts_sec .sec_content {
margin-bottom: 50px;
}
.hiring_models {
padding: 50px 0;
}
.hiring_models .header img {
display: none;
}
.hiring_models .technology_outer {
padding: 0 20px 30px;
}
.hiring_models .row {
row-gap: 50px;
}
.hiring_models .technology_outer h3,
.hiring_models.hire .technology_outer h3 {
font-size: 25px;
}
.contact_wrapper {
padding: 50px 0;
}
.contact_wrapper .contact_outer {
margin: 0;
}
.contact_wrapper .contact_outer .content-outer,
.contact_wrapper .contact_outer .form-outer {
max-width: 100%;
padding: 0;
}
.contact_wrapper .contact_outer .content-outer {
margin-bottom: 30px;
}
.contact_wrapper .contact_outer .form-outer .contact-form {
margin-top: 0;
padding: 20px 15px;
}
.contact_wrapper .contact_outer .form-outer .contact-form h3 {
font-size: 28px;
line-height: normal;
margin-bottom: 10px;
}
.contact_wrapper .contact_outer .content-outer h2 {
font-size: 30px;
line-height: normal;
margin-bottom: 15px;
}
.contact_wrapper .contact_outer .content-outer h2 span {
font-size: 25px;
}
.btn_common {
padding: 12px 30px;
}
.hero_wrapper.landing-2 {
padding: 50px 0 120px;
}
.hero_wrapper.landing-2 .banner-content h1 {
font-size: 34px;
line-height: 50px;
margin: 0 0 20px;
}
.hero_wrapper.landing-2 .banner-content h1 span {
display: inline;
}
.hero_wrapper.landing-2 .banner-content p {
font-size: 18px;
line-height: 28px;
margin: 0 auto 20px;
}
.hero_wrapper.landing-2 .banner-content ul {
flex-wrap: wrap;
}
.hero_wrapper.landing-2.hire .banner-content ul {
margin-bottom: 30px;
gap: 15px;
}
.hero_wrapper.landing-2 .banner-content ul li {
padding-left: 30px;
line-height: 25px;
font-size: 18px;
}
.hero_wrapper.landing-2 .banner-content ul li:before {
width: 25px;
height: 25px;
background-size: contain;
}
.shopify_services.landing-2 .service_wrapper .content h3 {
font-size: 20px;
line-height: 30px;
}
.shopify_services.landing-2 .service_wrapper .content {
margin-top: 20px;
}
.shopify_services.landing-2 .service_wrapper .content p {
margin-bottom: 15px;
}
.experts_sec .sec_content h2 {
font-size: 30px;
}
.experts_sec .client-testimonial #dp-slider .video_wrapper .video_container {
height: 250px;
border-radius: 10px;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content {
margin-top: 10px;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content .name {
font-size: 20px;
}
.experts_sec .client-testimonial #dp-slider .testimonial_content span {
font-size: 16px;
}
.experts_sec .client-testimonial #dp-slider {
height: 310px;
}
.footer.landing-new .footer-left-sec.company-ft {
margin-bottom: 30px;
}
.hero-hire-new {
padding: 50px 0;
}
.hero-hire-new .left-content,
.hero-hire-new .right-form,
.page-template-clutch-landing-page .hero-hire-new .left-content,
.page-template-clutch-landing-page .hero-hire-new .right-form {
max-width: 100%;
}
.hero-hire-new .left-content {
margin-bottom: 30px;
}
.hero-hire-new .banner-content span {
font-size: 18px;
line-height: 26px;
}
.hero-hire-new .banner-content h1, .page-template-clutch-landing-page .hero-hire-new .left-content .banner-content h1 {
font-size: 28px;
line-height: 38px;
margin: 15px 0;
}
.hero-hire-new .left-content .banner-content .rating-logo {
gap: 20px;
margin-top: 20px;
}
.hero-hire-new .left-content .banner-content .rating-logo img {
max-width: 70px;
}
.hero-hire-new .banner-content h1 br {
display: none;
}
.hero-hire-new .banner-content p {
margin: 0 0 15px;
}
.hero-hire-new .banner-content ul li,
.page-template-clutch-landing-page .hero-hire-new .left-content .banner-content ul li {
font-size: 16px;
line-height: 26px;
padding-left: 40px;
margin-bottom: 15px;
}
.hero-hire-new .banner-content .hero-btns {
margin-top: 20px;
}
.hero-hire-new .banner-content .hero-btns .partner-btn {
padding: 12px 15px 12px;
}
.hero-hire-new .banner-content .hero-btns .download-btn {
padding: 14px 15px;
}
.hero-hire-new .banner-form .form {
padding: 20px;
}
.hero-hire-new .banner-form h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.hero-hire-new .banner-form p {
font-size: 15px;
line-height: 20px;
margin-bottom: 15px;
}
.hero-hire-new .banner-form .form #_form_150_ {
margin: 15px auto 0;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._form_element ._form-label {
font-size: 16px;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper input,
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
height: 45px !important;
}
.hero-hire-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
height: 100px !important;
}
.top-head.landing-new .top-header-menu {
background: #fff;
}
.top-head.landing-new .top-header-menu #menu .header_contact {
justify-content: center;
row-gap: 20px;
}
.top-head.landing-new .top-header-menu #menu .header_contact .contact {
max-width: 300px;
width: 100%;
margin: 0;
}
.page-template-shopify-landing-page-new #menu .btn_common {
max-width: 100%;
margin: 20px auto 0;
max-width: 300px;
display: block;
text-align: center;
}
.top-head.landing-new .top-header-menu #menu .header_contact .contact:last-child {
margin-right: 0;
color: #000;
}
.top-head.landing-new .hamburger-inner, .top-head.landing-new .hamburger-inner::after, .top-head.landing-new .hamburger-inner::before {
background: #fff;
}
.top-head.landing-new.fixed .hamburger-inner, .top-head.landing-new.fixed .hamburger-inner::after, .top-head.landing-new.fixed .hamburger-inner::before {
background: #000;
}
/*blog detail page new*/
.detail-new .blog_detail .sidebar {
position: static;
max-width: 100%;
}
.detail-new .blog_detail .sidebar.mobile {
display: block !important;
margin-top: 50px;
}
.detail-new .blog_detail .sidebar.mobile .widget-area .wp-block-columns {
margin: 0;
}
.detail-new .blog_detail .sidebar .widget-area {
display: none;
}
.detail-new .blog_detail .sidebar.mobile .widget-area {
display: block;
}
.detail-new .blog_detail .featured-image {
margin-bottom: 30px;
}
.detail-new.article .blog_detail .post-thumbnail {
min-height: 430px;
}
.detail-new .blog_detail .post-thumbnail .content {
margin: 0 auto 120px;
}
.detail-new .blog_detail .post-thumbnail .entry-meta .entry-date,
.detail-new .blog_detail .post-thumbnail .entry-meta .entry-date-modified {
font-size: 16px;
}
.detail-new .blog_detail .post-thumbnail .entry-title {
font-size: 26px;
line-height: 39px;
}
.detail-new.article .blog_detail .post-thumbnail .entry-title {
font-size: 24px;
line-height: 34px;
}
.detail-new .blog_detail .post-thumbnail .line {
margin: 15px auto;
}
.detail-new .blog_detail .post-thumbnail .content .post-author .author a {
font-size: 16px;
}
.detail-new .blog_detail .post_content .entry-content p {
font-size: 18px;
line-height: 34px;
}
.detail-new .blog_detail .post_content .entry-content blockquote {
margin: 25px 0 30px;
padding: 25px 30px;
}
.detail-new .blog_detail .post_content .entry-content h2 {
font-size: 24px;
line-height: 34px;
margin-bottom: 40px;
}
.detail-new .blog_detail .post_content .entry-content h3 {
font-size: 22px;
line-height: 30px;
}
.detail-new .blog_detail .post_content .entry-content ul li {
padding-left: 35px;
}
.detail-new .blog_detail .post_content .entry-content .icon-list .list-content {
padding: 20px 25px;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section {
padding: 15px 0;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-question {
font-size: 18px;
line-height: 28px;
}
.detail-new .blog_detail .post_content .entry-content .schema-faq-section .schema-faq-answer {
padding-top: 10px;
font-size: 16px;
line-height: 26px;
}
.blog-cta .content {
max-width: 100%;
}
.blog-cta .left-sec {
padding: 25px 20px;
text-align: center;
}
.blog-cta .left-sec h3 {
font-size: 22px;
margin: 0 0 10px;
}
.blog-cta .right-sec:before {
display: none;
}
.blog-cta .left-sec form .form-group .form-control {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.blog-cta .left-sec form .form-group .submit {
width: 100%;
}
.blog-cta .left-sec form .form-group .submit .subscribe {
width: 100%;
}
.blog-cta .right-sec {
display: none;
}
.detail-new .blog_detail .recent-blogs {
padding: 50px 0;
background: #F9F8F6;
margin-top: 50px;
}
.detail-new .blog_detail .related-posts .related {
font-size: 26px;
line-height: 34px;
}
.detail-new .blog_detail .post-thumbnail .content-new {
text-align: left;
}
.detail-new .blog_detail .post-thumbnail .content-new .post-categories li a {
margin: 20px 0 10px;
}
.detail-new .blog_detail .post-thumbnail .content-new .blog-post-meta {
margin: 15px 0;
padding-bottom: 20px;
gap: 10px 15px;
}
/*blog detail page new*/
/*blog listing page new*/
body.category .top-heading h1 {
margin-bottom: 20px;
line-height: normal;
}
.blog-detail-new .blog-listing {
padding: 50px 0;
}
.blog-detail-new .heading-wrapper {
padding: 50px 0;
}
.blog-detail-new .heading-wrapper .breadcrumb-wrap {
margin-bottom: 30px;
padding: 5px 0;
}
.blog-detail-new .featured-post .entry-header {
padding: 15px;
}
.blog-detail-new .featured-post .entry-header .post-thumbnail, .blog-detail-new .featured-post .entry-header .bp-shadow {
max-width: 100%;
}
.blog-detail-new .featured-post .entry-header .bp-shadow h2 {
font-size: 24px;
line-height: 35px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .read-more-btn a {
padding: 10px 45px 10px 20px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow .read-more-btn a svg {
right: 20px;
}
.blog-detail-new .featured-post .entry-header .bp-shadow {
padding: 20px;
}
.blog-detail-new .blog-category {
top: 71px;
}
.blog-detail-new .blog-listing .post.type-post .entry-header {
padding: 20px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow {
padding: 0 !important;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .entry-title {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.blog-detail-new .blog-listing .post.type-post .bp-shadow .list-content .read-more-btn a {
padding: 10px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec {
padding: 25px 30px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec h3 {
font-size: 26px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec p {
font-size: 18px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .form-control {
font-size: 18px;
padding: 10px 20px;
margin-bottom: 20px;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .submit {
position: static;
}
.blog-detail-new .blog-listing .blog-cta .left-sec form .form-group .submit .subscribe {
font-size: 18px;
padding: 10px 30px;
}
.blog-cta-new {
padding: 0 0 50px;
}
.blog-cta-new .cta-wrapper .left-sec {
display: none;
}
.blog-cta-new .cta-wrapper .right-sec {
max-width: 100%;
padding: 30px 50px;
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
text-align: center;
}
.blog-cta-new .cta-wrapper .right-sec h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
.popular-wrapper, .category-wrapper, .category-posts {
padding: 20px 0;
}
.popular-wrapper .heading h2, .category-wrapper .heading h2, .category-posts .heading h2 {
font-size: 26px;
line-height: 38px;
}
.popular-wrapper .heading .slick-arrows .slick-arrow,
.category-wrapper .heading .slick-arrows .slick-arrow,
.category-posts .heading .slick-arrows .slick-arrow {
padding: 5px;
width: 34px;
height: 34px;
}
.popular-wrapper .slick-slide .content,
.category-wrapper .slick-slide .entry-header,
.category-posts .slick-slide .entry-header {
padding: 20px;
}
.popular-wrapper .content .post-banner img {
height: auto;
}
.category-posts .blog-detail-new .blog-listing .post.type-post .post-thumbnail img {
height: 110px;
}
.popular-wrapper .content h3, .category-wrapper .entry-header h3 {
font-size: 18px;
line-height: 26px;
margin: 0 0 20px;
}
.category-wrapper .entry-header h3 {
margin: 0;
min-height: auto;
}
.popular-wrapper .content .read-more-btn a,
.category-wrapper .entry-header .read-more-btn a {
padding: 8px 20px;
font-size: 16px;
line-height: 24px;
}
/*blog listing page new*/
/*Hire page new*/
.sec-cta {
width: 100%;
padding: 12px 15px;
clip-path: none;
padding-right: 15px;
}
.sec-cta p {
text-align: center;
}
.sec-cta p a {
font-size: 20px;
}
.hero_wrapper.landing-2.hire,
.hire-us,
.faq-new,
.expert_sec {
padding: 50px 0;
}
.faq-new.home h2 {
font-size: 28px;
line-height: normal;
margin: 0;
}
.hiring_models.hire {
padding: 50px 0 130px;
}
.hiring_models .header {
margin-bottom: 30px;
}
.hiring_models .header .content {
max-width: 100%;
}
.hire-us .sec_header {
max-width: 100%;
margin: 0 auto 30px;
}
.hire-us .row {
row-gap: 30px;
}
.hire-us .contact-btn {
margin-top: 30px;
}
.faq-new .sec_header {
max-width: 100%;
margin: 0 auto 20px;
}
.expert_sec .row {
flex-direction: column-reverse;
}
.expert_sec .experts_wrapper .experts .expert-wrapper {
max-width: 100%;
}
.expert_sec .content {
padding-left: 0;
margin-bottom: 30px;
}
.expert_sec .content h3, .expert_sec .content h2 {
font-size: 28px;
line-height: normal;
}
.expert_sec .experts_wrapper h2 {
font-size: 20px;
line-height: normal;
margin-bottom: 15px;
}
.contact_wrapper.hire .contact_outer .content-outer img {
display: none;
}
/*Hire page new*/
.mobile-button {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
}
.mobile-button .btn_common {
width: 100%;
border-radius: 0;
background: #F6E339;
}
/*Homepage new css start*/
.hero-section {
padding: 120px 0 50px;
}
.hero-section #particles-js {
display: none;
}
.hero-section .content h1 {
font-size: 28px;
line-height: 44px;
margin-bottom: 50px;
}
.hero-section .content h1 br {
display: none;
}
.cd-headline.rotate-2 .cd-words-wrapper {
font-size: 26px;
width: auto !important;
}
.about-sec {
padding: 50px 0;
}
.about-sec h2 {
font-size: 28px;
line-height: 38px;
margin: 0 0 10px;
}
.about-sec p {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
}
.about-sec .clutch-cta {
gap: 30px;
padding: 0;
}
.about-sec .clutch-cta .logo {
max-width: 100%;
padding: 30px 20px;
margin-top: 0;
gap: 20px;
}
.about-sec .clutch-cta .logo .clutch-logo {
width: 130px;
}
.about-sec .clutch-cta .content {
max-width: 100%;
}
.clutch-cta h2 {
font-size: 20px;
line-height: 30px;
}
.casestudy-new {
padding: 50px 15px;
padding-left: 15px;
}
.casestudy-new h2 {
font-size: 30px;
margin: 0 0 30px;
}
.casestudy-new .projects-wrapper .project-tabs {
width: 100%;
position: static;
margin-bottom: 50px;
}
.casestudy-new .projects-wrapper .projects-panel {
width: 100%;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image:before {
bottom: -10px;
left: -5px;
font-size: 45px;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image .mobile {
display: block;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-image .desktop {
display: none;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content {
margin: 30px 0 0 0;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-list,
.casestudy-new .projects-wrapper .projects-panel .project-panel .panel-content .panel-summary {
max-width: 100%;
}
.casestudy-new .projects-wrapper .projects-panel .project-panel:last-child {
margin-bottom: 0;
}
.services-new {
padding: 50px 0;
}
.services-new h2 {
font-size: 30px;
margin: 0 0 30px;
}
.services-new .service_wrapper .content {
margin-top: 20px;
}
.services-new .service_wrapper .content h3 {
font-size: 24px;
line-height: 30px;
margin: 0 0 20px;
}
.services-new .service_wrapper.cta {
padding: 20px;
}
.services-new .service_wrapper.cta .content {
padding: 0;
}
.services-new .service_wrapper.cta .content h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 30px;
}
.services-new .service_wrapper.cta .content p {
max-width: 100%;
}
.services-new .service_wrapper.cta:before {
display: none;
}
.testimonial-new {
padding: 50px 0;
}
.testimonial-new h2 {
font-size: 28px;
margin: 0 0 30px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-video {
margin-bottom: 30px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-video,
.testimonial-new .testimonial-wrapper .slide-content .testomial-content {
max-width: 100%;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content {
margin: 0;
}
.testimonial-new .testimonial-wrapper .slide-content .video_wrapper video {
height: 300px;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
text-align: center;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .logo img {
margin: 0 auto;
}
.testimonial-new .testimonial-wrapper .slide-content .testomial-content .detail {
text-align: center;
}
.testimonial-new .testimonial-wrapper .slide-content .video_wrapper .play_button-new svg {
width: 50px;
height: 50px;
}
.testimonial-new .testimonial-wrapper .slick-arrows {
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.technology {
padding: 50px 0 100px;
}
.technology h2 {
font-size: 30px;
}
.technology .row {
margin: 0;
row-gap: 30px;
}
.technology .row .col-md-3 {
padding: 0;
}
.technology .technology-wrapper span {
font-size: 20px;
}
.technology .technology-wrapper h3 {
font-size: 20px;
margin: 15px 0;
}
.technology .technology-wrapper ul li {
margin-bottom: 10px;
}
.home-cta {
margin-top: -50px;
}
.home-cta .content-wrapper {
padding: 30px 25px;
}
.home-cta .content-wrapper .content {
max-width: 100%;
}
.home-cta .content-wrapper .content h2 {
font-size: 28px;
line-height: 38px;
margin: 0 0 10px;
}
.home-cta .content-wrapper .content h2 br {
display: none;
}
.home-cta .content-wrapper .content p {
margin-bottom: 20px;
}
.advantages-new {
padding: 230px 0 50px;
margin-top: -180px;
}
.advantages-new h2 {
font-size: 30px;
margin: 0 0 50px;
}
.advantages-new .row {
margin: 0;
row-gap: 50px;
}
.advantages-new .row .col-md-4 {
padding: 0;
}
.advantages-new .advantage h3 {
font-size: 20px;
margin: 20px 0 10px;
}
.popular-wrapper.home {
padding: 50px 0;
}
.popular-wrapper.home .heading {
margin-bottom: 30px;
row-gap: 10px;
justify-content: end;
}
.popular-wrapper.home .heading h2 {
font-size: 26px;
}
.popular-wrapper.home .heading .content {
max-width: 100%;
}
.popular-wrapper.home .slick-slide .content {
padding: 20px 20px 30px;
}
.popular-wrapper .slick-list, .category-wrapper .slick-list {
margin: 0;
}
.popular-wrapper .slick-slide, .category-wrapper .slick-slide {
margin: 0;
}
.popular-wrapper.home .slick-slide .content .post-banner img {
height: 133px !important;
}
.popular-wrapper.home .slick-slide .content h3 {
font-size: 20px;
margin-bottom: 10px;
}
.popular-wrapper.home .slick-slide .content p {
font-size: 16px;
}
.contact_wrapper.home .contact_outer .content-outer .content {
max-width: 100%;
}
.contact_wrapper.home .contact_outer .content-outer h2 {
font-size: 30px;
line-height: normal;
}
.contact_wrapper.home .contact_outer .content-outer p {
max-width: 100%;
}
.contact_wrapper.home .contact_outer .content-outer img {
display: none;
}
/*Homepage new css end*/
/*Services page new css start*/
.services_hero {
padding-left: 0;
padding: 50px 15px;
}
.services_hero .banner-content,
.services_hero .banner-image {
max-width: 100%;
}
.services_hero .banner-content {
margin-bottom: 50px;
padding: 0;
}
.services_hero .banner-content h1 {
font-size: 34px;
line-height: normal;
margin-bottom: 25px;
}
.services_hero .banner-content ul li {
font-size: 18px;
line-height: 26px;
padding-left: 40px;
margin-bottom: 15px;
}
.services_hero .banner-content ul li:before {
width: 30px;
height: 30px;
}
.technology_sec {
padding: 50px 0 130px;
}
.technology_sec .technology_wrapper {
padding: 30px 20px 40px;
}
/*Services page new css end*/
.top-header-menu #menu .header_btn .btn_yellow.btn-alternate {
border: 1px solid #fff;
color: #fff;
margin-right: auto;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item {
border-right: 0;
border-left: 0;
padding: 5px 20px;
}
.blog-detail-new .blog-navigation #blog_menu .menu-item a:after {
display: none;
}
.blog-detail-new .blog-navigation #blog_menu .more_categories a:before {
right: 0;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item {
max-width: 50%;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item:nth-child(even) {
border-right: 0;
}
.blog-detail-new .blog-category .subcategories-list ul .menu-item:nth-child(odd) {
border-left: 0;
}
/*Hire page new*/
.hero_wrapper.landing-2.hire,
.hire-us,
.faq-new,
.expert_sec {
padding: 50px 0;
}
.hire-us .sec_header {
max-width: 100%;
margin: 0 auto 30px;
}
.hire-us .row {
row-gap: 30px;
}
.hire-us .contact-btn {
margin-top: 30px;
}
.faq-new .sec_header {
max-width: 100%;
margin: 0 auto 20px;
}
.expert_sec .experts_wrapper .experts .expert-wrapper {
max-width: 100%;
}
.expert_sec .content {
padding-left: 0;
}
.expert_sec .content h3 {
font-size: 30px;
line-height: 46px;
}
.contact_wrapper.hire .contact_outer .content-outer img {
display: none;
}
/*Hire page new*/
#floatingmodal .modal-dialog .modal-content .modal-body {
padding: 20px 15px;
}
#floatingmodal .modal-dialog .modal-content .modal-body .form-heading {
font-size: 28px;
line-height: normal;
margin-bottom: 10px;
}
/*New Landing Page Css Start*/
.hero-landing-new {
padding: 100px 0 50px;
}
.hero-landing-new .left-content {
max-width: 100%;
margin-top: 0;
margin-bottom: 30px;
}
.hero-landing-new .left-content .banner-content h1 {
font-size: 34px;
line-height: 50px;
margin: 15px 0;
}
.hero-landing-new .left-content .banner-content p {
margin: 0;
}
.hero-landing-new .right-form {
max-width: 100%;
}
.hero-landing-new .right-form .banner-form {
margin-bottom: 0;
}
.hero-landing-new .right-form .banner-form .form {
padding: 20px;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._field-wrapper textarea {
height: 100px;
}
.hero-landing-new .banner-form .form #_form_150_ ._form-content ._field-wrapper input {
height: 50px;
padding: 10px 15px;
}
.clutch-rating-landing .rating-content {
max-width: 100%;
gap: 30px 20px;
}
.clutch-rating-landing .rating-content p {
max-width: 100%;
}
.clutch-rating-landing {
padding: 30px 0;
}
.ecommerce-solution {
padding: 50px 0 80px;
}
.ecommerce-solution:before {
display: none;
}
.ecommerce-solution .solutions-content {
max-width: 100%;
padding-right: 12px;
margin-bottom: 30px;
position: static;
}
.ecommerce-solution .solutions-content h2 {
font-size: 30px;
line-height: 40px;
margin: 15px 0;
}
.ecommerce-solution .solutions-content p,
.ecommerce-solution.feb-template .solutions-content p {
margin-bottom: 20px;
}
.ecommerce-solution .all-solutions {
max-width: 100%;
}
.ecommerce-solution .all-solutions .content {
padding: 12px 15px;
}
.ecommerce-solution .all-solutions .content .text p {
font-size: 16px;
line-height: 24px;
}
.ecommerce-solution .all-solutions a .solution .content .read-more {
right: 5px;
bottom: 5px;
width: 35px;
height: 35px;
}
.client-testimonials {
padding: 50px 0;
}
.client-testimonials .testimonial-content {
max-width: 100%;
margin-bottom: 30px;
}
.client-testimonials .testimonial-content h2 {
font-size: 30px;
line-height: 40px;
}
.client-testimonials .all-testimonial {
max-width: 100%;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials {
max-width: 100%;
}
.client-testimonials .all-testimonial .testimonials-box .testimonials .testimonial-box {
padding: 15px 20px;
}
.shopify_services.new-landing {
padding: 50px 0;
}
.our-process {
padding: 50px 0;
}
.our-process .process-content {
max-width: 100%;
margin-bottom: 30px;
}
.our-process .process-image {
max-width: 100%;
}
.our-process .process-image img {
margin-top: 0;
}
.our-process .process-content h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.our-process .progress-steps .process-step:before {
display: none;
}
.our-process .progress-steps .process-step {
margin-bottom: 30px;
}
.our-process .progress-steps .col-md-4:last-child .process-step {
margin: 0;
}
.our-process .progress-steps .process-step h3 {
font-size: 20px;
line-height: 30px;
margin: 15px 0 5px;
}
.Shopify-experts {
padding: 50px 0;
}
.Shopify-experts .expert-image, .Shopify-experts .expert-content {
max-width: 100%;
}
.Shopify-experts .expert-image {
margin-bottom: 30px;
}
.Shopify-experts .expert-content h2 {
font-size: 30px;
line-height: 40px;
margin: 20px 0;
}
.Shopify-experts .expert-content p {
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.Shopify-experts .expert-content ul {
gap: 0;
}
.Shopify-experts .expert-content ul li {
max-width: 100%;
font-size: 16px;
}
.Shopify-experts .expert-content ul li:nth-child(2) {
border-top: 1px solid rgba(0, 0, 0, .1);
}
.landing-portfolio {
padding: 50px 0;
}
.landing-portfolio .portfolio-content, .landing-portfolio .portfolio-image {
max-width: 100%;
}
.landing-portfolio .portfolio-content h2 {
font-size: 30px;
line-height: 40px;
}
.landing-portfolio .portfolio-content p {
font-size: 16px;
line-height: 28px;
}
.landing-portfolio .row {
flex-direction: column-reverse;
gap: 30px;
}
.communication-sec {
padding: 50px 0;
}
.communication-sec .portfolio-image, .communication-sec .portfolio-content {
max-width: 100%;
}
.communication-sec .portfolio-image {
margin-bottom: 30px;
}
.communication-sec .portfolio-content h2 {
font-size: 30px;
line-height: 40px;
}
.communication-sec .portfolio-content p {
font-size: 16px;
line-height: 28px;
}
.footer.landing-new .footer-left-sec.company-ft {
margin-bottom: 30px;
}
.footer.landing-new {
margin-bottom: 0;
}
/*New Landing Page Css End*/
/*New Service Page Css Start*/
.services_hero_new {
padding: 50px 0;
}
.services_hero_new .wrapper {
gap: 30px;
}
.services_hero_new .wrapper .banner-content {
max-width: 100%;
padding-right: 0;
}
.services_hero_new .wrapper .banner-content span {
letter-spacing: 0.1rem;
}
.services_hero_new .wrapper .banner-content h1 {
font-size: 34px;
line-height: normal;
margin: 15px 0 20px;
}
.services_hero_new .wrapper .banner-image {
max-width: 100%;
width: 100%;
}
.services_hero_new .wrapper .banner-image .image-frame {
padding: 10px;
}
.technology-logo {
padding: 30px 0;
}
.ecommerce-solution .solutions-content>span {
font-size: 16px;
line-height: 20px;
}
.ecommerce-solution .solutions-content .ranked-logos {
margin: 20px 0 30px;
gap: 25px;
}
/*New Service Page Css End*/
/*New Service Page Feb Css Start*/
.services_hero_feb {
padding: 50px 12px 0;
}
.services_hero_feb.ecommerce {
padding-bottom: 100px;
padding-top: 50px;
}
.services_hero_feb.ecommerce.ai {
background-position: 90%;
}
.services_hero_feb.ecommerce.ai video {
object-position: 90%;
z-index: 1;
}
.services_hero_feb.ecommerce.ai:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(180deg,rgba(41, 0, 77, 0) 0%, rgba(41, 0, 77, 1) 100%);
z-index: 2;
}
.services_hero_feb .wrapper {
gap: 30px;
}
.services_hero_feb .wrapper .banner-content,
.services_hero_feb .wrapper .banner-image {
max-width: 100%;
width: 100%;
margin-top: 0;
position: relative;
}
.services_hero_feb .wrapper .banner-image {
display: none;
}
.services_hero_feb.ecommerce .wrapper .banner-image {
display: block;
}
.services_hero_feb .wrapper .banner-image.mobile {
display: block;
}
.services_hero_feb .wrapper .banner-content>span {
font-size: 34px;
line-height: 40px;
margin: 15px 0;
}
.services_hero_feb .wrapper .banner-content p {
font-size: 18px;
line-height: 28px;
margin: 15px 0;
}
.services_hero_feb .wrapper .banner-content .btn-home {
padding-right: 70px;
}
.services_hero_feb .wrapper .banner-image .image-frame img {
height: 400px;
}
.services_hero_feb .wrapper .banner-image .image-frame img {
height: 280px;
}
.services_hero_feb .wrapper .banner-image .banner-tech {
padding: 5px 10px;
}
.services_hero_feb .wrapper .banner-image .banner-tech img {
width: 28px;
}
.services_hero_feb .wrapper .banner-image .banner-tech.second {
top: 21%;
right: 0;
}
.services_hero_feb .wrapper .banner-image .banner-tech.third {
top: 42%;
right: 25%;
}
.services_hero_feb .wrapper .banner-image .banner-tech.fourth {
top: 63%;
}
.services_hero_feb .wrapper .banner-image .banner-tech.fifth {
bottom: 3%;
}
.top-rated {
padding: 30px 0;
border-radius: 30px 30px 0 0;
z-index: 3;
}
.top-rated h2 {
font-size: 20px !important;
line-height: 32px !important;
margin-bottom: 20px;
padding: 0 12px;
}
.top-rated h2 img {
width: 110px;
}
.top-rated .logos-wrapper .slick-track {
gap: 30px;
}
.our-process.feb-template {
padding: 50px 0 130px;
}
.communication-sec.feb-template {
padding: 50px 0 130px;
}
.ecommerce-solution.feb-template {
padding: 50px 0 100px;
}
.ecommerce-solution.feb-template .solutions-content {
padding-top: 0;
}
.ecommerce-solution.feb-template .solutions-content .btn-home {
padding-right: 65px;
}
.our-work-process .our-work-process-wrapper {
padding: 60px 0 30px;
}
.our-work-process .our-work-process-wrapper .row {
gap: 20px;
}
.our-work-process .our-work-process-wrapper .our-work-process-number,
.our-work-process .our-work-process-wrapper .our-work-process-content {
max-width: 100%;
}
.our-work-process .our-work-process-wrapper:nth-child(even) .our-work-process-number {
text-align: left;
}
.our-work-process .our-work-process-wrapper .our-work-process-number p {
font-size: 80px;
line-height: 80px;
padding: 0;
}
.our-work-process .our-work-process-wrapper .our-work-process-content h3 {
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
.our-work-process .our-work-process-wrapper .our-work-process-content ul li {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
}
.our-work-process .our-work-process-wrapper.process1 .row:after,
.our-work-process .our-work-process-wrapper.process2 .row:after,
.our-work-process .our-work-process-wrapper.process3 .row:after,
.our-work-process .our-work-process-wrapper.process4 .row:after,
.our-work-process .our-work-process-wrapper.process5 .row:after {
display: none;
}
.technology-stack {
padding: 50px 0;
}
.technology-stack .technology-stack-wrapper {
margin-top: 30px;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-name {
max-width: 100%;
align-items: center;
padding: 20px 15px;
}
.technology-stack .technology-stack-wrapper .technology-stack-item:first-child .technology-stack-logos-wrapper {
margin-top: 0;
}
.technology-stack .technology-stack-wrapper .technology-stack-item:last-child .technology-stack-logos-wrapper {
margin-bottom: 0;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos-wrapper {
max-width: 100%;
}
.technology-stack .technology-stack-wrapper .technology-stack-item .technology-stack-logos-wrapper .technology-stack-logos {
max-width: 100%;
padding: 25px 15px;
gap: 20px 10px;
grid-template-columns: 1fr 1fr 1fr;
}
.technology_sec.ai .technology_wrapper h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
}
.shopify_services.landing-2.ai {
padding: 50px 0;
}
/*New Service Page Feb Css End*/
/*New Hire Page Css start*/
.hero-hire-2025 {
padding: 50px 0 120px;
}
.hero-hire-2025 .left-content, .hero-hire-2025 .right-image {
max-width: 100%;
width: 100%;
}
.hero-hire-2025 .left-content {
margin-bottom: 30px;
}
.hero-hire-2025 .left-content .banner-content>span {
font-size: 18px;
line-height: 26px;
}
.hero-hire-2025 .left-content .banner-content h1 {
font-size: 28px;
line-height: 38px;
margin: 15px 0;
}
.hero-hire-2025 .left-content .banner-content p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
}
/*New Hire Page Css End*/
/*Homepage new sections css start*/
.testimonial-home {
padding: 50px 0;
}
.testimonial-home h2 {
font-size: 28px;
margin: 0 0 30px !important;
}
.testimonial-home .testimonial-box-wrapper {
gap: 30px 25px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box {
max-width: 100%;
padding: 15px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-info .testimonial-info-content .name {
font-size: 16px;
line-height: 18px;
}
.testimonial-home .testimonial-box-wrapper .testimonial-box .testimonial-content h3 {
margin: 10px 0 15px;
}
.our-blogs {
padding: 50px 0;
}
.our-blogs .content {
margin-bottom: 30px;
}
.our-blogs .content h2 {
font-size: 28px;
line-height: 38px;
}
.our-blogs .our-blog-wrapper {
gap: 40px 32px;
}
.our-blogs .our-blog-wrapper .blog-wrapper {
max-width: 100%;
}
.our-blogs .our-blog-wrapper .blog-wrapper .category-name {
padding: 9px 0 20px;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box {
padding: 10px 10px 20px;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box h3 {
font-size: 16px;
line-height: 24px;
}
.our-blogs .our-blog-wrapper .blog-wrapper .blog-post-box .blog-post-thumbnail img {
height: auto;
}
.our-blogs .view-more {
margin-top: 40px;
}
/*Homepage new sections css end*/
/*Blog template august css start*/
.detail-new.august .blog_detail .post-thumbnail .entry-title {
font-size: 30px;
line-height: 40px;
}
.detail-new.august .blog_detail .post_content .entry-content h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 20px;
}
.detail-new.august .blog_detail .post_content .entry-content h2 {
padding-top: 100px;
}
.detail-new.august .blog_detail .post_content .entry-content h3 {
font-size: 24px;
line-height: 30px;
margin: 40px 0 20px;
}
.detail-new.august .blog_detail .post_content .entry-content p {
line-height: 30px;
margin-bottom: 20px;
}
.detail-new.august .blog_detail .post_content .entry-content .schema-faq {
padding: 20px;
}
.detail-new.august .blog_detail .post_content .entry-content table thead th:first-child {
width: auto;
border-right: 1px solid #EAECEE;
}
.detail-new.august .blog_detail .post_content .entry-content table thead th {
padding: 16px;
font-size: 18px;
line-height: 24px;
}
.detail-new.august .blog_detail .post_content .entry-content table tbody tr td {
padding: 10px 15px;
}
.detail-new.august .blog_detail .post_content .entry-content table tbody tr td:first-child {
font-size: 16px;
line-height: 20px;
}
/*Blog template august css end*/
}
.dp-wrap {
margin: 0 auto;
position: relative;
perspective: 1000px;
height: 100%;
}
.dp-slider {
height: 100%;
width: 100%;
position: absolute;
transform-style: preserve-3d;
}
.dp-slider div {
transform-style: preserve-3d;
}
.dp_item {
position: absolute;
text-align: center;
transition: transform 1.2s;
}
#dp-slider .dp_item:first-child {
z-index: 10 !important;
transform: rotateY(0deg) translateX(0px) !important;
}
.dp_item[data-position="2"] {
z-index: 9;
transform: rotateY(0deg) translateX(10%) scale(0.9);
}
.dp_item[data-position="3"] {
z-index: 8;
transform: rotateY(0deg) translateX(20%) scale(0.8);
}
.dp_item {
width: 90%;
}
#post-38290 {
display: none;
}