@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
:root { --titilliumWeb: "Titillium Web", sans-serif; --barlow: "Barlow", sans-serif; --primaryColor: #6531F1; --secondaryColor: #25222E; --whiteColor: #fff; --blackColor: #000; --xxxlFont: 56px; --xxlFont: 48px; --xlFont: 32px; --largeFont: 26px; --mediumFont: 18px; --normalFont: 16px; --smallFont: 14px; }
body { font-family: var(--barlow); margin: 0; padding: 0; box-sizing: border-box; color: var(--secondaryColor); }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: var(--titilliumWeb); color: var(--secondaryColor); }

/* common css */
.daCenter { display: flex; align-items: center; }
.primaryBtnWrap { position: relative; width: max-content; }
.primaryBtnWrap:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(180deg, #8D59FF 0%, #553599 100%); z-index: -1; border-radius: 12px; }
.primaryBtn { position: relative; z-index: 1; background-color: var(--primaryColor); padding: 12px 20px; display: flex; align-items: center; color: var(--whiteColor); text-decoration: none; line-height: 1; border-radius: 12px; transition: all 0.3s; }
.primaryBtn:hover { color: var(--primaryColor); background-color: transparent; }
.secondaryBtnWrap { position: relative; width: max-content; }
.secondaryBtnWrap:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(180deg, #32383C 0%, #0A1014 100%); z-index: -1; border-radius: 16px; }
.secondaryBtn { position: relative; z-index: 1; background-color: var(--secondaryColor); padding: 12px 20px; display: flex; align-items: center; color: var(--whiteColor); text-decoration: none; line-height: 1; border-radius: 12px; font-weight: 500; font-size: var(--mediumFont); transition: all 0.3s; }
.secondaryBtn:hover { color: var(--secondaryColor); background-color: transparent; }
.btnArrow { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin: 0 0 0 16px; transition: all 0.3s; }
.primaryBtn:hover .btnArrow, .secondaryBtn:hover .btnArrow { transform: rotate(360deg); }
.btnArrow img { width: 10px; height: auto; }
.bannerHeading { font-size: var(--xxxlFont); font-weight: 400; color: var(--secondaryColor); font-family: var(--titilliumWeb); line-height: 130%; }
.sectionHeading { font-size: var(--xxlFont); font-weight: 700; color: var(--secondaryColor); font-family: var(--titilliumWeb); margin: 0; }
.titleHeading { font-size: var(--xlFont); font-weight: 700; color: var(--whiteColor); font-family: var(--titilliumWeb); }
.subHeading { font-size: var(--largeFont); font-weight: 600; color: var(--secondaryColor); text-decoration: none; }
.description { font-size: var(--mediumFont); font-weight: 400; color: var(--secondaryColor); font-family: var(--barlow); display: inline-block; }
.smalldescription { font-size: var(--normalFont); font-weight: 400; color: var(--secondaryColor); font-family: var(--barlow); display: inline-block; }
.specialTag { display: inline-block; background-color: var(--whiteColor); padding: 4px 16px; border-radius: 24px; }
.specialTagWrap { position: relative; z-index: 1; display: inline-block; }
.specialTagWrap::before { content: ''; position: absolute; top: -1px; left: -1px; background: linear-gradient(91.11deg, #6531F1 0%, rgba(255, 255, 255, 0) 51%, #DA78F1 100%); animation: animatedgradient 5s ease alternate infinite; z-index: -1; background-size: 300% 300%; width: calc(100% + 2px); height: 90%; border-radius: 22px; }
@keyframes animatedgradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.specialTagImage { margin: 0px 5px 0 0; display: inline-block; object-fit: cover; }
.text-center { text-align: center; }
.img-fluid { max-width: 100%; height: auto }
img { vertical-align: middle; }
.toggleBtn { display: none; width: 30px; height: 30px; align-items: flex-end; justify-content: space-around; flex-direction: column; }
.toggleBtn span { background-color: var(--blackColor); width: 30px; height: 1px; display: block; }
.toggleBtn span:nth-child(2) { width: 20px; }

/* header css */
header { font-family: var(--titilliumWeb); background: linear-gradient(103.38deg, rgba(101, 49, 241, 0.1) 1%, rgba(218, 120, 241, 0.1) 98.49%); position: fixed; top: 0; left: 0; right: 0; z-index: 9; width: 100%; transition: all 0.3s; }
header.stickyHeader { background: unset; }
header.stickyHeader .headerInner { margin: 0 150px; padding: 0 12px; box-shadow: 0px 4px 10px -3px #00000047; }
header.stickyHeader .headerInner::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #ffffff2e; backdrop-filter: blur(10px); top: 0; left: 0; z-index: -1; border-radius: 0 0 20px 20px; }
.headerInner { justify-content: space-between; transition: all 0.3s; border-radius: 0 0 20px 20px; position: relative; }
.bottomInfoBox { display: flex; align-items: center; }
.infoBoxContent a { display: block; padding: 0 !important; color: var(--whiteColor) !important; }
.infoBoxContent span { font-weight: 700; font-size: var(--mediumFont); display: inline-block; color: var(--whiteColor) !important; }
.infoBoxIcon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background-color: var(--whiteColor); margin: 0 16px 0 0; }
.stickyHeader .heroMenu > .row { padding: 40px 16px; }
.stickyHeader .subMenuCard { padding: 8px 8px 16px 8px; }
.smallMenu { right: 0 !important; left: auto !important; width: auto !important; }

/* banner css */
section.banner { position: relative; overflow-x: clip; height: 100vh; display: flex; align-items: center; }
.bannerImageWrap { position: absolute; top: 69px; right: 0; width: 60vw; }
.banner .secondaryBtn { margin: 48px 0 0 0; }
.maarqee:before { content: ''; position: absolute; width: 20vw; height: 100%; background: linear-gradient(90deg, #ffffff, transparent); top: 0; left: 0; z-index: 1; }
.maarqee:after { content: ''; position: absolute; width: 20vw; height: 100%; background: linear-gradient(270deg, #ffffff, transparent); top: 0; right: 0; z-index: 1; }
.maarqee { overflow-x: clip; padding: 100px 0; margin: -180px 0 0 0; position: relative; z-index: -1; }
.marqueeWrap { animation: maarquee 25s linear infinite; }
@keyframes maarquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

/* counter css */
.counterItem { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.counterItem .bannerHeading { font-weight: 700; }
.counterInner { position: relative; border-radius: 50px; }
.counterInner:before { content: ''; position: absolute; top: -2px; left: -2px; background: linear-gradient(91.11deg, #6531F1 0%, rgba(255, 255, 255, 0) 51%, #DA78F1 100%); animation: animatedgradient 5s ease alternate infinite; z-index: -1; background-size: 300% 300%; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50px; }
.counerInenrWrap { background-color: var(--whiteColor); padding: 48px 88px; border-radius: 50px; }
.counter { padding: 80px 0; }
.odometer.plus { position: relative; }
.odometer.plus::after { content: "+"; position: absolute; top: 50%; transform: translateY(-50%); right: -40px; font-size: var(--xxlFont); }

/* recentWork css */
.recentWork { margin: 120px 0; }
.recentWorkTop { justify-content: space-between; }
.recentWorkTop .secondaryBtnWrap { margin: 0 0 0 20px; }
.recentWorkList { background: linear-gradient(103.38deg, #6531F1 1%, #DA78F1 98.49%); border-radius: 30px; overflow: clip; margin: 0 0 32px 0; }
.recentWorkList:last-child { margin: 0; }
.recentWorkContent { padding: 60px 0 60px 60px; }
.recentWorkContent .description { color: var(--whiteColor); }
.workCatagoty { font-family: 'Titillium Web'; width: max-content; color: #fff; padding: 8px 16px; background-color: #ffffff1a; font-size: 14px; border-radius: 8px; }
.recentWorkText { margin: 0 0 60px 0; }
.workCatagoty { margin: 0 0 16px 0; }
.recentWorkListing { margin: 48px 0 0 0; }
.recentWorkImageWrap { height: 100%; }
.recentWorkImageWrap img { width: 100%; height: 100%; object-fit: cover; }

/* valueAddSeriveTop css */
.valueAddSeriveTop { width: 60%; margin: 0 auto; }
.valueServiceListing { margin: 48px 0 0 0; }
.valueServiceListing .col-4 { margin: 0 0 30px 0; }
.valueServiceList { position: relative; padding: 40px; border-radius: 30px; --transform: translateX(-101%); overflow: clip; z-index: 1; border: 1px solid #DDD5F7; background-color: #EEEAFB; }
.valueServiceList::before { content: ''; background: linear-gradient(103.38deg, #6531F1 1%, #DA78F1 98.49%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: var(--transform); transition: transform 0.5s ease; z-index: -1; }
.globalBtn { margin: 48px 0 0 0; display: flex; justify-content: center; }
.serviceIcon { width: 75px; height: 75px; background-color: #ffffff; border-radius: 16px; box-shadow: 6px 9px 6px 0px #00000008; display: flex; align-items: center; justify-content: center; }
.serviceText { margin: 16px 0 0 0; }
.serviceText .subHeading { transition: all 0.3s; }
.valueServiceList:hover .serviceText .subHeading { color: var(--whiteColor); }
.secondaryBtnWrap .secondaryBtnWrap { position: absolute; width: 100%; top: 0; }
.serviceDescription { position: relative; margin: 16px 0; }
.serviceDescription .secondaryBtnWrap { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s; }
.serviceDescription .description { transition: all 0.3s; }
.valueServiceList:hover .serviceDescription .description { opacity: 0; visibility: hidden; }
.valueServiceList:hover .serviceDescription .secondaryBtnWrap { opacity: 1; visibility: visible; }

/* faq css */
.faq { margin: 120px 0; }
.faqTop { padding: 0 0 36px 0; }
.faqList { border: 1px solid #DDD5F7; border-radius: 10px; overflow: clip; }
.faqHeading { padding: 24px 75px 24px 24px; background-color: #F0F0F0; font-weight: 600; position: relative; margin: 0; cursor: pointer; width: 100%; box-sizing: border-box; }
.faqHeading:before { content: ''; position: absolute; top: 50%; width: 16px; height: 2px; background-color: var(--secondaryColor); right: 30px; }
.faqHeading:after { content: ''; position: absolute; top: 51%; width: 2px; height: 16px; background-color: var(--secondaryColor); right: 37px; transform: translateY(-50%); transition: all 0.3s; }
h4.faqHeading.active::after { transform: translateY(-50%) rotate(90deg); }
.faqAnswer { padding: 24px 24px }
.faqList { margin: 0 0 16px 0 }

/* insightsSwiper css */
.insightsSwiper .recentWorkList { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, #DDD5F7 100%); border: 1px solid #DDD5F7; backdrop-filter: blur(24px); }
.insightsSwiper .recentWorkText * { color: var(--secondaryColor) !important; }
.insightsSwiper .workCatagoty { background-color: #0000001a; }
.insightsTop { justify-content: space-between; margin: 0 0 36px 0; }
.swiperBtn { width: 54px; height: 54px; background-color: var(--secondaryColor); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 0 0 30px; }
.insightsSwiperController { display: flex; align-items: center; }
.swiperBtn img { width: 26px; }

/* footer css */
footer { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, #DDD5F7 100%); padding: 56px 0 0 0; border-top: 1px solid #DDD5F7 }
.copyRight { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 16px 0; border-top: 1px solid #FFFFFF80; margin: 20px 0 0 0; }
.copyRight a { text-decoration: none; color: var(--secondaryColor); }
footer ul { margin: 0; padding: 0; list-style: none; }
.footerOptionHeading { font-size: var(--mediumFont); text-transform: uppercase; position: relative; padding: 0 0 4px 0; display: inline-block; margin-bottom: 24px; }
.footerOptionHeading:before { content: ''; position: absolute; bottom: 0; width: 100px; background-color: var(--primaryColor); height: 2px; border-radius: 20px; }
footer ul a { text-decoration: none; color: #555555; padding: 8px 0; display: inline-block; }
.socialMedia ul { display: flex; }
.socialMedia a { display: flex; align-items: center; border: 1px solid #DDD5F7; font-size: var(--mediumFont); padding: 8px 16px; background-color: var(--whiteColor); border-radius: 30px; margin: 0 24px 0 0; }
.socialMedia a div { width: 10px; height: 10px; display: flex; margin: 0 0 0 8px; }
.socialMedia a div img { width: 100%; height: 100%; object-fit: contain; }
.reviewDivWrap { margin: 40px 0 0 0; }
.col-lg-12:first-child .footerOptionBox ul { column-count: 2; }
.footerOptionBox { margin: 0 0 32px 0; }
.footerOptionBox.socialMedia { margin: 0; }
footer ul a { display: flex; align-items: flex-start; }
footer ul a .ulIcon { margin: 0 12px 0 0; }

/* imageText css */
.imageTextInner .row { justify-content: space-around; align-items: center; }

/* form css */
form { padding: 30px 24px; background-color: #0000000a; border: 1px solid rgb(0 0 0 / 9%); border-radius: 30px; }
form input:not([type="submit"]), form textarea { display: block; width: 100%; border: 1px solid #DDD5F7; padding: 12px 12px; border-radius: 12px; box-sizing: border-box; font-size: 16px; margin: 0 0 20px 0; font-family: 'Titillium Web'; }
input[type="submit"] { border: none; box-shadow: none; outline: none; cursor: pointer }
span.wpcf7-not-valid-tip { position: absolute; bottom: -20px; width: max-content; display: block; font-weight: 600; font-size: 14px; left: 5px; font-family: 'Titillium Web'; }
.wpcf7-response-output { background-color: #FFB900; padding: 8px 12px !important; display: block; border-radius: 8px; margin: 0 !important; }
.wpcf7 form.sent .wpcf7-response-output { background-color: #46B450; color: #fff; }
form .titleHeading { margin: 0 0 16px 0; color: #000; }

/* responsive css */
@media (max-width:1440px) {
	.bannerImageWrap { position: absolute; top: 80px; right: -50px; width: 65vw; }
}
@media (max-width:1366px) {
	:root { --xxxlFont: 50px; --xxlFont: 36px; --xlFont: 24px }
	.titleHeading { line-height: 1.3; }
}
@media (min-width:1025px) {
	.headerOption ul { margin: 0; padding: 0; list-style: none; }
	.headerOption ul a { text-decoration: none; color: var(--secondaryColor); font-weight: 500; }
	.headerOption > ul a { padding: 28px 16px; display: inline-block; }
	.headerCta { margin: 0 0 0 20px; }
	.heroMenu, .smallMenu { position: absolute; top: 100%; left: 0; right: 0; width: 100%; min-height: 480px; background-color: #ffffffb3; backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transition: all 0.3s; border-radius: 20px; border: 2px solid #ededed; box-shadow: 0px 6px 11px -2px #0000000f; transform: translateY(20px); overflow: clip; }
	.headerOption li:hover .heroMenu, .heroMenu:hover, .headerOption li:hover .smallMenu, .smallMenu:hover { opacity: 1; visibility: visible; transform: translateY(0); }
	.heroMenu > .row, .smallMenu > .row { padding: 48px; margin: 0; }
	.headerMenuHeading { font-family: var(--titilliumWeb); font-weight: 600; font-size: var(--mediumFont); }
	.heroMenu ul, .smallMenu ul { margin: 0; padding: 0; list-style: none }
	.heroMenu ul a, .smallMenu ul a { padding: 5px 0; font-weight: 400; font-family: var(--barlow); display: block; position: relative; }
	.heroMenu ul a:before, .smallMenu ul a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--primaryColor); transition: all 0.3s; }
	.heroMenu ul a:hover::before, .smallMenu ul a:hover:before { width: 35%; }
	.heroMenu ul a:hover, .smallMenu ul a:hover { font-weight: 500; }
	.heroMenuUl { margin: 0 0 40px 0; }
	.subMenuCard { background-color: #fff; padding: 16px; border-radius: 20px; border: 2px solid #efefef; }
	.menuCardImage { border-radius: 8px; overflow: clip; }
	.menuCardImage img { width: 100%; height: 100%; object-fit: cover; }
	.subMenuCardContent { padding: 16px 0 0 0; }
	.subMenuCardContent strong { font-weight: 600; }
	.subMenuCardContent a { display: block; padding: 0 !important; margin: 16px 0 0 0; }
	.heroMenu .row:first-child div .heroMenuUl:last-child { margin: 0; }
	.heroMenuBottom { padding: 28px 48px; background-color: var(--primaryColor); position: relative; z-index: 1; }
	.heroMenuBottom:before { content: ''; position: absolute; right: 0; top: 0; background: url(../images/linear-logo.png)center center no-repeat; background-size: cover; width: 40%; height: 100%; z-index: -1; }
	.mobileMenuTop { display: none; align-items: center; justify-content: space-between; }
}
@media (max-width:1024px) {
	:root { --xxxlFont: 42px; --largeFont: 22px; --xxlFont: 30px; }
	.recentWorkContent { padding: 40px 0 40px 40px; }
	header.stickyHeader .headerInner { margin: 0 16px; }
	.toggleBtn { display: flex; }
	.headerInner { padding: 12px !important; }
	.headerOption { position: fixed; top: 0; right: 0; background-color: var(--whiteColor); width: 50%; height: 100vh; flex-direction: column; align-items: flex-start; box-shadow: -5px 0px 10px #0000001c; box-sizing: border-box; padding: 20px; transform: translateX(100%); transition: all 0.3s; }
	.openSubMenu { transform: translateX(0); }
	.heroMenuBottom, .subMenuCard { display: none; }
	.heroMenu, .smallMenu { display: none; }
	.heroMenuUl ul { display: none; list-style: none; margin: 0; padding: 0; }
	.headerOption > ul { display: block; width: 100%; margin: 50px 0 0 0; padding: 0; list-style: none; height: 100%; overflow-y: auto; overflow-x: clip; }
	.headerOption > ul li a { display: block; text-decoration: none; color: var(--blackColor); padding: 20px 0; font-size: var(--normalFont); font-weight: 400; }
	.headerOption > ul > li > a { border-bottom: 1px solid #DDD5F7; font-size: var(--mediumFont); font-weight: 600; position: relative; }
	.headerOption > ul > li.hasUl > a:before { content: ''; position: absolute; top: 23px; right: 20px; background: url(../images/drop-down-arrow.svg)center center no-repeat; background-size: contain; width: 20px; height: 20px; }
	.headerOption > ul > li:last-child a { border: none; }
	.heroMenuUl h4 { margin: 0; padding: 12px 0; font-size: var(--mediumFont); font-weight: 600; position: relative; padding-right: 50px; }
	.headerMenuHeading::before { content: ''; position: absolute; top: 15px; right: 20px; background: url(../images/drop-down-arrow.svg)center center no-repeat; background-size: contain; width: 20px; height: 20px; }
	.heroMenuUl h4 br { display: none; }
	.heroMenu { margin: 0 0 0 20px; }
	.heroMenuUl ul { margin: 0 0 0 20px }
	.headerCta { margin: 20px 0 0 0; display: block; width: 100%; }
	.headerCta .primaryBtnWrap { width: 100%; }
	.headerCta .primaryBtnWrap a { justify-content: center; }
	.mobileMenuTop { display: flex; width: 100%; justify-content: space-between; }
	.stickyHeader .heroMenu > .row { padding: 0; }
	.closeBtn { width: 30px; height: 30px; }
	.closeBtn span { width: 30px; height: 2px; background-color: var(--blackColor); display: block; top: unset; position: relative; border-radius: 20px; }
	.closeBtn span:first-child { transform: rotate(45deg); top: 14px; }
	.closeBtn span:last-child { transform: rotate(-45deg); top: 12px; }
	.bannerImageWrap { position: absolute; top: 80px; right: -120px; width: 85vw; }
	.description { font-size: var(--normalFont); }
	.valueServiceList { padding: 20px; }
}
@media (max-width:768px) {
	.recentWorkTop { flex-direction: column; align-items: flex-start; }
	.topBannerWarp { margin: 20px 0 0 0; }
	.headerOption { width: 70%; }
	.bannerImageWrap { position: unset; }
	.counerInenrWrap { padding: 30px; }
	.counterItem .bannerHeading { font-size: var(--xxlFont); }
	.valueAddSeriveTop, .weServeTop { width: 95%; }
}
@media (max-width:480px) {
	:root { --xxxlFont: 36px; --xxlFont: 26px; }
	.socialMedia ul { flex-wrap: wrap; gap: 10px; }
	.recentWorkList { border-radius: 20px; }
	.recentWorkContent { padding: 30px 20px; }
	.headerOption { width: 100%; }
	.counterItem { margin: 0 0 40px 0; }
	.counerInenrWrap { padding: 30px 0; border-radius: 70px; }
	.counterInner:before { border-radius: 60px 60px; }
	.topBannerWarp { flex-direction: column; align-items: flex-start; }
	.topBannerWarp .secondaryBtnWrap { margin: 16px 0 0 0; width: 100%; }
	.topBannerWarp .secondaryBtnWrap a { justify-content: center; }
	.socialMedia a { margin: 0; }
	.reviewDiv { margin: 0 0 10px 0; }
	.copyRight { flex-direction: column; }
	.valueAddSeriveTop, .weServeTop { width: 100%; }
}

/* after development CSS */
.service .counter, .page-child .counter { margin: -50px 0 100px 0; }

/* detail page css */
.detailPageBanner { margin: 150px 0 0 0; }
.thumbnail { border-radius: 40px; overflow: clip; width: 100%; height: 600px; }
.thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.singlePost { margin: 100px  0 40px 0; }
.singlePost .bannerHeading { font-weight: 700; }
.post-meta { margin: 0; font-size: 18px; font-weight: 500; opacity: 0.5; }
.singlePost strong { font-weight: 600; }
.singlePost ul { list-style: decimal-leading-zero; padding: 0 0 0 25px; }
.widget-area ul { list-style: unset; margin: 0; padding: 0 0 0 15px; }
.widget-area ul a { text-decoration: none; color: #000; margin: 5px 0; display: block; }
.widget-area { background-color: #f7f7f7; padding: 20px; border-radius: 20px; border: 1px solid #dbdbdb; box-shadow: 0px 0px 10px -2px #dbdbdb; position: sticky; top: 100px; }
.workProjectListing .col-6 { margin-bottom: 30px; }
.workProjectListing .workProjectList { border: 1px solid #DDD5F7; padding: 30px; border-radius: 40px; transition: all 0.3s; height: 100%; box-sizing: border-box; }
.workProjectListing .workProjectList:hover { background: linear-gradient(180deg, #FFFFFF 50%, #DDD5F7 100%); }
.workProjectListing .workCatagoty { font-family: 'Titillium Web'; width: max-content; color: #000000; padding: 8px 16px; background-color: #0000000D; font-size: 14px; border-radius: 8px; }
.workProjectListing  .wplimage { width: 100%; height: 300px; border-radius: 20px; overflow: clip; }
.workProjectListing  .wplimage img { width: 100%; height: 100%; object-fit: cover; }
.workProjectListing  .recentWorkContent { padding: 40px 0 0 0; }
.workProjectListing  .recentWorkContent .titleHeading { line-height: 44px; }
.workProjectListing  .recentWorkContent .titleHeading, .workProjectListing  .recentWorkContent .description { color: #000; }

/* detail page css */
.entry-content img { width: 100%; object-fit: cover; }
@media (max-width:480px) {
	.entry-content img { height: 270px; }
	.workProjectListing .workProjectList { border-radius: 20px; padding: 20px; }
	.workProjectListing .wplimage { height: 240px; border-radius: 10px; }
	.detailPageBanner { margin: 100px 0 0 0; }
	.thumbnail { border-radius: 20px; height: 290px; }
	.singlePost { margin: 50px 0 40px 0; }
}