@charset "utf-8";
/*include font here*/
@font-face { font-family: 'Poppins-Bold'; src: url('../fonts/Poppins-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins-Light'; src: url('../fonts/Poppins-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins-Medium'; src: url('../fonts/Poppins-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins-Regular'; src: url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins-SemiBold'; src: url('../fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
:root { --blue1: #143060;
--blue2: #091e42;
--blue3: #244379;
--grey1: #efefef;
--pink1: #facbcb;
--yellow1: #ffc864;
--yellow2: #fdbb44;
--yellow3: #fff0d4;
scroll-behavior: unset;
}
.poppins-bold { font-family: 'Poppins-Bold'; }
.poppins-light { font-family: 'Poppins-Light'; }
.poppins-medium { font-family: 'Poppins-Medium'; }
.poppins-regular { font-family: 'Poppins-Regular'; }
.poppins-semibold { font-family: 'Poppins-SemiBold'; }
b,strong{font-family: 'Poppins-Bold'; font-weight: normal !important;}

* { outline: none !important; }
body { overflow: hidden; overflow-y: auto; font-family: 'Poppins-Regular'; counter-reset: numbers; background: var(--grey1); }
*, body, p { margin: 0px; padding: 0; }
textarea { resize: vertical; }
a, button { text-decoration: none !important; }
.container-1500 { max-width: 1500px !important; }
.container-1170 { max-width: 1170px !important; }
p { font-size: 18px; line-height: 1.5; color: #686868; }
.page { opacity: 0; }
.btn-black-1,.btn-blue-1, .btn-blue-2 { background: var(--blue1); color: #fff !important; font-family: 'Poppins-Bold'; font-size: 18px; line-height: 1; padding: 16px 45px; border-radius: 0px; }
.btn-blue-1:hover, .btn-blue-1:focus, .btn-blue-1:active, .btn-blue-2:hover, .btn-blue-2:focus, .btn-blue-2:active { background: var(--blue2); }
.btn-blue-2 { font-size: 16px; padding: 13px 40px; }
.btn-yellow-1 { background: var(--yellow1); color: var(--blue1) !important; font-family: 'Poppins-Bold'; font-size: 18px; line-height: 1; padding: 16px 45px; border-radius: 0px; }
.btn-yellow-1:hover, .btn-yellow-1:focus, .btn-yellow-1:active { background: var(--yellow2); }
.btn-black-1{background: #151515; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); transition: all 0.3s;}
.btn-black-1:hover{background: #000000;}
.form-control { min-height: 50px; }
.object-fit-cover { object-fit: cover; }
.title1,.title4 { font-size: 25px; font-family: 'Poppins-Bold'; line-height: 1; margin-bottom: 20px; font-weight: normal; }
.title4{font-size: 30px;}
.bg-yellow1 { background: var(--yellow1) !important; }
.bg-yellow2 { background: var(--yellow3) !important; transition: all 0.3s;}
.bg-yellow2:hover { background: #fff !important; }
.bg-blue1 { background: var(--blue3) !important; }
.bg-blue1::placeholder {
color: #fff !important;
opacity: 0.6;
}
.text-yellow1{color: var(--yellow1) !important;}
.text-blue1{color: var(--blue1) !important;}
.title2, .title3 { display: table; font-size: 40px; color: #000; font-family: 'Poppins-Bold'; text-align: center; position: relative; padding: 0px 28px; margin-bottom: 0; line-height: 1.3; position: relative;z-index: 0; text-align: left;}
.title3 { font-size: 50px; padding: 0px; text-align: left; }
.title-bg-square-yellow-1 { width: 92px; height: 92px; display: block; background: var(--yellow1); position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; margin: auto 0; }
.cb-cursor {
	z-index: 1050;
}
.titlewithline1 {
	width: 100%;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.titleline1 {
	display: table;
	height: 2px;
	background: gray;
	flex-basis: 0;
	flex-grow: 1;
	margin-left: 30px;
}
.subtitle1 {
	font-size: 20px;
	color: #151515;
	font-family: 'Poppins-Medium';
}
.titleline2 {
	height: 1px;
	width: 30px;
	background: #151515;
	display: inline-block;
	vertical-align: middle;
}
.badge-1 {
	font-size: 16px;
	color: #151515;
	font-family: 'Poppins-Medium';
	line-height: 1;
	font-weight: normal; padding: 10px 25px; cursor: pointer;
}
/*================== header ================*/
.header { padding: 17px 65px; transition: all 0.3s; box-shadow: 0px 2px 20px 0px rgba(0,0,0,0); background: var(--grey1); }
.headerfixed { background: #fff; transition: all 0.3s; padding-top: 5px; padding-bottom: 5px; box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1); }
.navbar-brand { width: 77px; display: table; transition: all 0.3s; }
.navbar-brand > img { transition: all 0.3s; max-width: 100% !important; }
.headerfixed .navbar-brand > img { max-width: 60px !important; transition: all 0.3s; }
.nav-item { padding: 0px 24px !important; }
.nav-link { font-size: 19px; color: #1d1d1d !important; padding: 0px 0px 0px 0px !important; line-height: 1; opacity: 0.8; font-family: 'Poppins-Bold'; transition: all 0.3s; position: relative; }
.nav-link::before { content: ""; position: absolute; left: 0; bottom: -9px; height: 4px; background: var(--blue1); width: 0px; transition: all 0.3s; }
.nav-link.active::before, .nav-link:hover::before { width: 30px; transition: all 0.3s; }
.nav-link.active, .nav-link:hover { opacity: 1; transition: all 0.3s; }
/*================== first-section ================*/
.introimgholder { max-height: 851px; overflow: hidden; max-width: 700px; width: 100%; }
.intro-section1 { padding-top: 380px; margin-bottom: 50px; }
.introsectioninnersec1 { background: var(--pink1); width: 100%; max-width: calc(100% - 65px); }
.introsectioninnersec2 { position: absolute; width: 100%; left: 0; top: 0; padding-top: 150px; }
.introsectiontitle1 { font-size: 89px; line-height: 1; color: #000000; font-family: 'Poppins-Bold'; }
.introsectioncntntholder { background: var(--blue1); padding: 75px 65px; max-width: 1030px; margin-left: auto; height: auto !important; }
.introsectionform { max-width: 560px; }
/*============ CP Animate css ===============*/
.cp-animate-shutter-to-right { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
.cp-animate-shutter-to-left { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); }
.cp-animate-shutter-to-bottom { -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); }
[class*="cp-animate-shutter-"] { -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.5s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.5s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.5s; }
[class*="cp-animate-shutter-"].cp-animate-active { width: 100%; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); height: 100%; }
/*============= BACK TO TOP ====================*/
#to-top { opacity: 0; filter: alpha(opacity=0); position: fixed; right: -59px; width: 55px; z-index: 1; display: block; top: unset; bottom: 115px; font-size: 11px; color: var(--red2); text-align: center; padding: 10px 0 7px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; height: 100px; }
#to-top::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 30%; background: var(--yellow1); z-index: -1; transition: all 0.3s; }
#to-top:hover::after { bottom: -5px; height: calc(100% + 15px); transition: all 0.3s; }
#to-top > svg { fill: var(--blue1); width: 30px; transform: translateY(20px); transition: all 0.3s; }
#to-top:hover > svg { transform: translateY(0px); transition: all 0.3s; }
#to-top.on { right: 15px; opacity: 0.9; filter: alpha(opacity=90); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#to-top.off { right: -59px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#to-top:hover { opacity: 1; filter: alpha(opacity=100); }
#to-top i { font-size: 14px; }
/*=========== home page - sec section css ==================*/
.service-content-col { position: relative; padding-top: 30px; padding-bottom: 30px; z-index: 1; }
.service-img-col-inner { overflow: hidden; min-width: calc(100% + 80px); max-height: 575px; }
.service-content-col-inner { padding: 65px 0px; box-shadow: 0px 3px 62px 0px rgba(0,0,0,0.02); }
.service-content-col-inner > * { padding-left: 60px; padding-right: 60px; }
.service-coltitle1 { position: relative; font-size: 49px; font-family: 'Poppins-Bold'; color: var(--blue1); padding-bottom: 15px; margin-bottom: 40px; }
.service-coltitle1::after { content: ""; position: absolute; height: 2px; width: 100%; background: #cac8c4; left: 0; bottom: 0; max-width: 542px; }
/*============  home page - our process section ==============*/
.our-process-section-img-holder { max-height: 750px; overflow: hidden; }
.our-process-col-inner { background: var(--yellow1); padding: 50px 0px; position: relative; overflow: hidden; }
.our-process-col-inner > * { padding-left: 40px; padding-right: 40px; }
.our-process-col-inner-content-holder > p { font-size: 16px; color: #474747 }
.our-process-col-title { font-size: 28px; color: var(--blue1); font-family: 'Poppins-Bold'; position: relative; display: table; padding-right: 15px; padding-bottom: 10px; }
.our-process-col-title::after { content: ""; position: absolute; height: 2px; width: 100%; background: #ddad57; left: 0; bottom: 0; }
.our-process-col-inner::after { font-size: 15px; counter-increment: numbers; content: counter(numbers); position: absolute; display: table; text-shadow: 0px 3px 16px rgba(0,0,0,.60); font-family: 'Poppins-Bold'; font-size: 265px; bottom: -40px; right: 0; opacity: 0.1; color: var(--blue1); font-style: italic; line-height: 0.8; z-index: 0; }
.our-process-container { margin-top: -100px; }
/*=================== home page - portfolio section css ===============*/
.portfolio-col-img-holder { height: 415px; overflow: hidden; width: 92%; position: relative; }
.portfolio-col-cntnt-holder { padding: 0px 30px; margin-top: -30px; position: relative; z-index: 1; }
.portfolio-col-cntnt-holder-inner { padding: 45px; box-shadow: 0px 3px 62px 0px rgba(0,0,0,0.02); }
.portfolio-col-title { font-size: 25px; color: #000000; font-family: 'Poppins-Bold'; }
.portfolio-col-content { font-size: 16px; }
.home-portfolio-container::before { content: ""; position: absolute; height: 625px; background: #fff; width: 100vw; top: 25px; left: 0; z-index: 0; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s; }
.home-portfolio-container.cp-animate-active::before { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.home-portfolio-container::after { content: ""; position: absolute; height: 660px; background: var(--blue1); width: 100vw; top: 75px; right: 0; z-index: 0; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.4s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.4s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.4s; }
.home-portfolio-container.cp-animate-active::after { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.section-header-1, .portfolio-holder { position: relative; z-index: 1; }
.divider1 { height: 2px; width: 100%; display: table; background: #cacaca; }
/*====================== testimonial section css ==================*/
.testimonialslider .slick-dots { position: relative; left: unset; bottom: unset; width: auto; list-style: none; padding: 0; margin: 0; text-align: center; flex-basis: 107px; max-width: 107px; flex-grow: 0; background: var(--blue1); display: flex; align-items: center; flex-wrap: wrap; justify-content: center; align-content: center; -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.4s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.4s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.4s; }
.testimonialslider .slick-dots.cp-animate-active { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.testimonialslider .slick-dots li { cursor: pointer; position: relative; margin: 5px 0px; padding: 0px !important; width: auto; list-style: none; height: auto; }
.testimonialslider .slick-dots li button::before { display: none; }
.testimonialslider .slick-dots li button { display: flex; width: 70px; height: 70px; border: solid 3px transparent; background-color: transparent; font-size: 16px; color: #d3ddf0; font-weight: 600; text-align: center; outline: none; position: relative; opacity: 0.5; padding: 0px !important; border-radius: 100%; overflow: hidden; transition: all 0.3s; }
.testimonialslider .slick-dots li.slick-active button { opacity: 1; border-color: #ffc864; transition: all 0.3s; }
.testimonialsenderholder { flex-basis: 295px; max-width: 295px; flex-grow: 0; z-index: 1; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s; }
.slick-active .testimonialsenderholder.cp-animate-active { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); height: 100%; }
.testimonialpostholder { flex-basis: 0; max-width: none; flex-grow: 1; }
.testimonialsenderimgholder { padding-top: 100%; position: relative; overflow: hidden;}
.testimonialsenderimgholder > img, .testimonialsenderimg { position: absolute; top: 0; left: 0; }
.testimonialsendername { margin-top: 30px; font-family: 'Poppins-Bold'; font-size: 25px; color: var(--blue1); margin-bottom: 10px; line-height: 1.2; }
.testimonialsenderdesignation { font-size: 15px; font-family: 'Poppins-SemiBold'; color: #686868; line-height: 1.2; margin: 0; }
.testimonialpostholder { padding-top: 50px; }
.testimonialpostholderinner { min-width: calc(100% + 65px); padding: 70px 45px 130px 125px;  transform: translateY(90%); opacity: 0; transition: all 0.4s linear 0.4s;  }
.slick-active .testimonialpostholderinner.cp-animate-active { transform: translateY(0px); transition: all 0.4s linear 0.4s; opacity: 1; }
.testimonialslider .slick-list { order: 12; flex-basis: 0; max-width: none; flex-grow: 1; }
.testimonialslide { padding-left: 35px; }
.testimonialslidernav { position: absolute; right: 45px; bottom: 45px; z-index: 1; }
.testimonialslidernavbtn { background: transparent; border: none; padding: 0px 10px; opacity: 0.7; transition: all 0.3s; transform: scale(1.0); }
.testimonialslidernavbtn:hover, .testimonialslidernavbtn:active, .testimonialslidernavbtn:focus { opacity: 1; transform: scale(1.3); transition: all 0.3s; }
/*================= contact section css =============*/
.contact-section-img-holder { max-width: calc(100% - 65px); position: relative; height: 800px !important; }
.contact-section-img-holder::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0; z-index: 1; }
.contact-sec-col-inner { background: var(--yellow1); padding: 80px 40px; overflow: hidden; position: relative; max-width: calc(100% - 65px); }
.contact-sec-col-inner::after { content: ""; position: absolute; width: 410px; height: 410px; background: transparent; border-radius: 100%; border: solid 70px var(--blue1); bottom: -30%; right: -20%; transform: translate(60%, 70%); -webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.7s; -o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.7s; transition: .8s cubic-bezier(.45, .05, .45, .93) 0.7s; }
.cp-animate-active.contact-sec-col-inner::after { transform: translate(0, 0); }
.address1 { font-size: 15px; color: #3a3a3a; font-family: 'Poppins-SemiBold'; line-height: 1.3; }
.address2 { font-size: 15px; color: #3a3a3a; font-family: 'Poppins-Regular'; line-height: 1.3; }
.contactseclink1 { display: table; text-decoration: none !important; font-size: 15px; color: #3a3a3a; font-family: 'Poppins-SemiBold'; transition: all 0.3s; margin-bottom: 5px; }
.contact-section-social-link { font-size: 27px; color: #3a3a3a; transform: scale(1.0); margin: 0px 12px; transition: all 0.3s; }
.contact-section-social-link:hover, .contactseclink1:hover { color: #000; transition: all 0.3s; }
.contact-section-social-link:hover { transform: scale(1.3); transition: all 0.3s; }
.contact-section-social-link:first-child { margin-left: 0px; }
.contact-section-container { margin-top: -430px; position: relative; z-index: 1; }
/*============== footer ===============*/
.footer { padding: 0px 65px; }
.footer-address1, .footer-contactlink1 { font-size: 18px; display: table; text-decoration: none; transition: all 0.3s; color: #151515; font-family: 'Poppins-SemiBold'; }
.footer-address2 { font-size: 16px; color: #1d1d1d; opacity: 0.8; font-family: 'Poppins-Regular'; }
.footer-social-link { font-size: 29px; opacity: 0.9; color: #151515; transition: all 0.3s; margin: 0px 12px; }
.footer-social-link:first-child { margin-left: 0px; }
.footer-contactlink1:hover, .footer-social-link:hover { color: #000; transition: all 0.3s; }
.footer-col-title { font-size: 19px; color: #151515; font-family: 'Poppins-Bold'; margin-bottom: 40px; }
.footerlink1 { display: table; font-size: 16px; color: #1d1d1d; opacity: 0.8; transition: all 0.3s; padding: 5px 0px; }
.footerlink1:hover, .footerlink1:active, .footerlink1:focus, .footerlink1.active { color: #000; opacity: 1; transition: all 0.3s; }
.bottomline { font-size: 15px; color: #151515; font-family: 'Poppins-Bold'; }

/*============== service listing page - top section css ================*/

.service-list-top-section {
	margin-top: 200px; position: relative;
}
.btn2 {
	display: table;border: none; outline: none; box-shadow: none !important;

	
}
.btn2-img {
	width: 30px; margin-right: 20px; float: left;
}
.btn2:hover .btn2-img {
	animation-name: slow-down-shake; animation-duration: 0.4s; animation-iteration-count: 1;
}
@keyframes slow-down-shake {
  0% {transform: translateY(0px);}
  50% {transform: translateY(30px);}
  100% {transform: translateY(0px);}
}
.btn2-span {float: left;
	font-size: 22px;
	color: var(--blue1);
	font-family: 'Poppins-Bold'; line-height: 1.2;
	text-align: left;
}
.service-list-top-col-left-inner {
	height: 760px;
	overflow: hidden;
	width: 90%;
}
.service-list-top-col-right{margin-top: -40px;}
.service-list-top-section::before {
	content: "";
	position: absolute;
	background: #fff;
	top: 0;
	right: 0;
	height: 610px;
	width: 0;
	z-index: -1;-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
}
.service-list-top-section.cp-animate-active::before {width: calc(100% - 65px);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}
.service-list-top-col-left-inner{ margin-top: 68px;}

.service-listing-item-img-holder{height: 700px;}
.service-listing-item-row {
	position: relative;
	padding: 80px;
	margin-top: -700px;
}
.service-listing-item-col-cntnt {padding: 80px 50px 50px 50px; min-height: 720px;}

/*============== applications page - cases slider css ================*/
.case-slider-item-img-col {
	padding-left: 65px;
	padding-top: 60px;
	overflow: hidden;
}
.case-item-title-img-holder {
	max-width: 50px;
	flex-basis: 50px;
	flex-grow: 0;
}
.case-slider-item-img-col-inner {
	max-height: 500px;
}
.case-item-title-img-holder{
	box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.18);
}
.case-item-title{text-shadow: 0px 7px 16px rgba(0,0,0,0.18);}
.case-item-title-title-holder {
	flex-basis: 0; padding-left: 15px;
	flex-grow: 1;
}

.case-item-btn-title {
	font-size: 16px;
	font-family: 'Poppins-SemiBold';
	margin-bottom: 5px;
}
.case-slider-item-cntnt-col {
	padding-top: 75px;
	padding-bottom: 60px;
	padding-left: 35px;
	padding-right: 55px;
}
.cases-slider .slick-list  {
	width: 100% !important;
	max-width: 1500px; margin: 0px auto ; overflow: visible;
}
.case-slider-item {
	padding: 30px; opacity: 0.5; transition: opacity 0.3s; height: auto !important;
}
.case-slider-item.slick-center {
	opacity: 1; transition: opacity 0.3s;
}
.case-slider-item .case-slider-item-inner{box-shadow: 0px 7px 35px 0px rgba(0, 0, 0, 0);transition: box-shadow 0.3s;}
.case-slider-item.slick-center .case-slider-item-inner{box-shadow: 0px 7px 35px 0px rgba(0, 0, 0, 0.18);transition: box-shadow 0.3s;}
.case-slider-item,.cases-slider .slick-track{display: flex !important;}
.small-link1{font-size: 20px;font-family: 'Poppins-Bold'; transition: all 0.3s; line-height: 1; text-decoration: none !important;}
.big-link1 {
	font-size: 60px;
	font-family: 'Poppins-Bold';
	opacity: 0.8; transition: all 0.3s; line-height: 1;
}
.big-link1:hover {
	opacity: 1;animation-name: slow-down-shake; animation-duration: 0.4s; animation-iteration-count: 1;
}
@keyframes slow-down-shake {
  0% {transform: translateX(0px);}
  50% {transform: translateX(5px);}
  100% {transform: translateX(0px);}
}
/*============== about page css ================*/
.about-top-section,.privacy-top-section{max-width: calc(100% - 65px); width: 100%; margin-top: 138px;}
.about-top-section-img-holder{height: 760px;}
.about-top-section-cntnt-container{ padding: 60px 75px 60px 55px; }
.about-top-section-cntnt-holder {
	margin-top: -185px;
	position: relative;
}
.who-do-we-serve-col-inner {
	height: 650px; position: relative; border-right: solid 1px #868686; cursor: pointer;
}
.who-do-we-serve-col:last-child .who-do-we-serve-col-inner{border-right: none;}

.who-do-we-serve-col-content-holder {
	position: absolute;
	top: 0;
	left: 0;
	padding: 35px 35px 45px 35px;
	background: rgba(0,0,0,0.5);
}

.btn-slideup-on-hover{transform: translateY(50px); opacity: 0; transition: all 0.3s;}
.who-do-we-serve-col:hover .btn-slideup-on-hover{transform: translateY(0px); opacity: 1; transition: all 0.3s;}
.who-do-we-serve-col,.who-do-we-serve-col-hover{opacity: 1; transition: all 0.3s;}
.who-do-we-serve-col-hover-sibling{opacity: 0.7; transition: all 0.3s;}


/*============= portfolio page  css ================*/
.portfolio-top-section{margin-top: 130px;}
.portfolio-top-section-2 { max-width: calc(100% - 65px); width: 100%; }
.portfolio-top-section-2::before{content: "";
	position: absolute;
	background: #fff;
	top: 0;
	right: 0;
	height: 560px;
	width: 0;
	z-index: -1;
	-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
	-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
	transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
}
.portfolio-top-section-2.cp-animate-active::before {width: calc(100% - 65px);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}
.portfolio-top-section-img-col{ position: relative; padding-left: 100px; }

.portfolio-top-section-img-col::before {
	position: absolute;
	background: var(--yellow1);
	width: calc(100% - 100px);
	padding-top: calc(100% - 100px);
	top: 0;
	right: 0;
	content: "";
	z-index: -1;
	border-radius: 10px;-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);
	-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
	-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
	transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
}
.cp-animate-active.portfolio-top-section-img-col::before{-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;
	-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;
	transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}
.portfolio-top-section-img-col >img{margin-top: 150px; margin-left: 50px;}


/*=============== process page css ==================*/
.process-top-section{margin-top: 65px; padding-top: 65px;}
.process-container::before{position: absolute; content: ""; top: 0; left: 0; width: 100vw; height: 100%; background: var(--yellow1); z-index: 0;-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}

.cp-animate-active.process-container::before{-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

.process-row-on-right .process-container::before{right: 0; left:unset;-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;	transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}
.process-row-on-right .cp-animate-active.process-container::before{-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;	-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}
.process-img-col-inner{ height: 660px; box-shadow: 0px 20px 38px 0px rgba(0, 0, 0, 0.20); overflow: hidden; margin-top: -50px;}
.process-row {margin-top: 150px;}

/* ==================== contact page css ================== */
.contact-top-section-main{padding: 0px 65px; overflow: hidden;}
.contact-top-section{margin-top: 195px;}
.contact-top-section::before{position: absolute; content: ""; top: 0; right: 0; width: 100vw; height: 100%; max-height: 98%; background: var(--yellow1); z-index: 0;-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}
.cp-animate-active.contact-top-section::before,.cp-animate-active.contact-col-right::before{-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

.contact-col-right::before{position: absolute; content: ""; top: 0; left: 0; width: 100vw; height: 100%; background: var(--blue1); z-index: 0;-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}
.contact-page .contact-page-title-holder .introsectiontitle1{margin-top: -45px;}

/*============= portfolio detail page css ===============*/
.portfolio-details-top-section {
	margin-top: 65px;
	padding-top: 65px;
}
.quickstattitle {
	font-size: 80px;
	color: #151515;
	font-family: 'Poppins-Bold';
	line-height: 1;
}
.quickstatp {
	font-size: 20px;
	color: #151515;
	font-family: 'Poppins-SemiBold';
}
.portfolio-detail-sec-row-img-inner {
	margin-top: -150px;
}
.portfolio-detail-slider .slick-list  {
	width: 100% !important;
	max-width: 1170px; margin: 0px auto ; overflow: visible;
}
.portfolio-detail-slider-item{ padding:15px;}
.portfolio-detail-slider .slick-slide {opacity: 0.5; transition: opacity 0.3s;}
.portfolio-detail-slider .slick-slide.slick-center,.portfolio-detail-slider .slick-slide.slick-active,.portfolio-detail-slider .slick-slide.slick-current {opacity: 1; transition: opacity 0.3s;}
.portfolio-content-slider {
	background: var(--blue1);
	width: 100%;
	max-width: 445px;
	/* margin-top: -400px; */
	position: relative;
	padding: 45px 30px 115px 30px;
	margin-left: auto;
	margin-right: 30px;
}
.portfolio-content-slider-container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -130px;
}
[class*="portfolio-content-slider-btn"] {
	position: absolute;
	bottom: 45px;
	top: unset;
	left: 45px;
	background: transparent;
	border: none;
}
.portfolio-content-slider-btn-next {
	left: unset;
	right: 45px;
}
.portfolio-content-slider-item {
	padding: 0px 15px;
}
.case-details-holder{margin-top: 300px;}

.case-details-container{padding-left: 85px;}

.case-details-container::before{position: absolute; content: ""; top: 0; left: 0; width: 100vw; height: 100%; background: #fff; z-index: 0;-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;}


.cp-animate-active.case-details-container::before{-webkit-transition: .8s cubic-bezier(0.65, .05, .45, 0.93) 0.1s;-o-transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;transition: .8s cubic-bezier(.45, .05, .45, .93) 0.1s;-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

.tech-img-holder{height: 65px;}
.case-details-card-col-inner {
	margin-top: -70px;
}
.case-nav-col-btn {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center; padding: 40px; max-width: 500px;
}
.case-nav-col-btn-img-holder {
	flex-basis: 59px;
	max-width: 59px;
	flex-grow: 0;
}
.case-nav-btn-cntnt {
	padding-left: 30px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 320px;
}
.case-nav-col-right .case-nav-btn-cntnt {
	padding-right: 30px;
	padding-left: 0px;
}
.case-nav-col-right .case-nav-col-btn {
	justify-content: flex-end;
}
.case-nav-col-btn-yellow{background: var(--yellow1); transition: all 0.3s;}
.case-nav-col-btn-yellow:hover{background: var(--yellow2);}
.case-nav-col-btn-blue{background: var(--blue1); transition: all 0.3s;}
.case-nav-col-btn-blue:hover{background: var(--blue2);}
.menu-open{overflow: hidden !important;}