/* manifesto css */
.manifestoImageWrap { position: absolute; left: 0; top: 0; width: 40vw; }
section.manifesto { position: relative; overflow: clip; display: flex; align-items: center; }
.manifestoImageWrap img { width: 100%; height: 100%; object-fit: contain; }
.manifestoContent { padding: 150px 0; }
.manifestoContent .secondaryBtnWrap { margin: 48px 0 0 0; }

/* serAndTech css */
.serAndTech { background: linear-gradient(180deg, #FFFFFF 0%, #DDD5F7 100%); margin: 120px 0 0 0; padding: 0 0 50px 0; }
.details { background-color: var(--whiteColor); padding: 60px; border-radius: 20px; }
ul.tab-titles { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; padding: 8px; background-color: #fff; border-radius: 20px; position: relative; z-index: 1; }
ul.tab-titles a { display: inline-block; text-decoration: none; padding: 12px 20px; color: var(--secondaryColor); font-size: 18px; font-family: var(--titilliumWeb); border-radius: 16px; transition: all 0.3s; font-weight: 600; position: relative; }
ul.tab-titles a:hover { color: var(--primaryColor); }
ul.tab-titles .active-li a { color: var(--whiteColor); }
.active-indicator { position: absolute; top: 50%; height: 80%; background-color: var(--secondaryColor); border-radius: 16px; z-index: -1; transition: all 0.3s; box-shadow: 0px 4px 4px 0px #6531F13D; transform: translateY(-50%); }
.tabContainer { margin: 16px 0 0 0; }
.serAndTechTop { padding: 0 0 44px 0; }
.subHeading .btnArrow { background-color: var(--primaryColor); margin: 4px 0 0 16px; }
.details .row { justify-content: space-between; }
.details .detailBoxList { height: auto; padding: 0 0 44px 0; margin: 0 0 44px 0; border-bottom: 1px solid #707070; }
.detailBox .description { margin: 16px 0 0 0; }
.details .detailBoxList:nth-last-child(2), .details .detailBoxList:last-child { border-bottom: none; margin: 0; padding: 0; }
.detailBoxListing { display: flex; flex-wrap: wrap; justify-content: space-between; }
.detailBoxList { width: 45%; }

/* whyChoose css */
.whyChoose { background: linear-gradient(180deg, #FFFFFF 0%, #DDD5F7 100%); position: relative; padding: 70px 0; z-index: 1; overflow: clip; }
.whyChoose::before { content: ''; position: absolute; bottom: -30px; right: -190px; width: 50vw; height: 50%; background-color: #FF81F7; z-index: 1; filter: blur(150px); border-radius: 100%; z-index: -1; }
.whyChooseImageWrap { position: absolute; bottom: -50px; right: 0; width: 40vw; height: 100%; }
.whyChooseImageWrap img { width: 100%; height: 100%; object-fit: cover; }
.whyChooseContent .description { margin: 16px 0 48px 0; }

/* contactUs css */
.contactUs { padding: 120px 0; }
.contactUsInner .recentWorkList { position: relative; z-index: 1; }
.contactUsInner .recentWorkList::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../../images/contact-us-bg.png) right center no-repeat; background-size: contain; z-index: -1; }
@media (max-width:1600px) {
	.whyChooseImageWrap { width: 45vw; }
}
@media (max-width:1440px) {
	.whyChooseImageWrap { position: absolute; bottom: -50px; right: 0; width: 45vw; height: 90%; }
}
@media (max-width:1366px) {
	.manifestoContent { padding: 50px 0; }
	ul.tab-titles a { font-size: var(--normalFont); }
}
@media (max-width:1024px) {
	.manifestoImageWrap { display: none; }
	.tabing-main .col-12:first-child { overflow-x: auto; border-radius: 20px; }
	ul.tab-titles { min-width: 1140px; }
	.details { padding: 50px 30px; }
	.whyChooseImageWrap { position: relative; bottom: -50px; right: -50px; width: 100%; height: 100%; display: flex; justify-content: flex-end; }
	.whyChooseImageWrap img { width: 100%; }
	.whyChoose { padding: 0; }
	.recentWork { padding: 120px 0; }
	section.banner { height: 85vh; }
	.maarqee { padding: 50px 0; margin: -100px 0 0 0; }
	.serAndTech { padding: 50px 0; }
}
@media (max-width:768px) {
	section.banner { height: auto; padding: 150px 0 0 0; }
	.odometer.plus::after { right: -20px; }
	.detailBoxList { width: 100%; }
	.details .detailBoxList:nth-child(3) { border-bottom: 1px solid #707070; margin: 0 0 44px 0; padding: 0 0 44px 0; }
	.maarqee { margin: 0; }
}
@media (max-width:480px) {
	.bannerContent br { display: none; }
	.serAndTech { padding: 0 0 50px 0; }
}