.mobOn{display:none}
.mobOff{display:block}
.cupcPage h1, .cupcPage h2, .cupcPage h3, .cupcPage h4, .cupcPage h5{font-family: 'Open Sans', sans-serif; font-style: normal;}
.cupcPage h2.headT{font-style: normal;font-weight: 700;font-size: 40px;line-height: 56px; }

.cupcPage .container{max-width:90% !important;}
.cupcPage p{font-weight: 400;font-size: 16px;line-height: 28px;color: #000000; font-family: 'Open Sans', sans-serif;font-style: normal;}

.overViewSec{padding:70px 0px; position:relative; clear:both;}
.overviewWrap{display:flex; }
.overviewWrap .ov1{width:58%; align-self: center; padding-right:70px;}
.overviewWrap .ov2{width:42%;}
.overViewSec h1{font-style: normal;font-weight: 700;font-size: 50px;line-height: 66px; margin-bottom:16px;}
.overViewSec p{font-size: 18px; max-width:90%;}
a.gtBtn{padding: 15px 40px 15px 39px;background: #E3000F;border-radius: 4px; font-style: normal;font-weight: 700;font-size: 15px;line-height: 20px;color: #FFFFFF; font-family: 'Open Sans', sans-serif; display:table; margin-top:37px;}
.featureBlock ul{width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.featureBlock li{ padding:0px; flex-basis: calc(50% - 6px); text-align:center; display: inline-block; position:relative;vertical-align: top; margin-bottom:10px;}

.casSec{padding:15px 0px 45px 0px; position:relative; clear:both;}
.casSec .row{max-width:70%; margin:0 auto;}
.casSec h2{margin-bottom:16px; text-align:center;}
.casSec p{   text-align:center;}

.projectsSec{padding:25px 0px 75px 0px; position:relative; clear:both;}
.projectListWrap{display:flex; }
.projectListWrap .projectList{width:65%;  position:relative; padding-right:160px;  padding-left:45px;}
.projectListWrap .projectList::before{background: linear-gradient(180deg, #E3000F 0%, rgba(227, 0, 15, 0) 100%); content:""; position:absolute; left:0px; top:22px;width: 8px;height: 200px;}
.projectListWrap .projectListImg{width:35%; margin-top:15px;}
.proPics{position:relative; }
.proPics .pimg1{position:relative; width: 90%;}
.proPics .pimg2{position:absolute; right: 0;top: 62%;width: 41%;}

.projectList h3{font-weight: 700;font-size: 28px;line-height: 32px; color: #000000;}
a.sampleP{color: #E3000F;font-style: normal;font-weight: 700;font-size: 15px;line-height: 20px; display:table; margin:40px 0px 20px 0px;}
.accordion_headOX {color: #000; cursor: pointer; margin: 0 0 1px 0;   padding: 20px 0px;  font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 700;font-size: 28px;position: relative;line-height: 32px;}

.accordion_headOX b{font-style: normal;font-weight: 700;padding-right: 40px;line-height: 32px; display:flex;}
.accordion_bodyOX {  padding-top: 20px;}
.plusminusOX {padding-right: 5px;color: #000;font-size: 42px;font-weight: 300;position: absolute;right: 0;top: 17px;}

.coeSec{padding:75px 0px 50px 0px;position:relative;clear:both;background:linear-gradient(179.22deg, #EBF4FC 0.64%, #F9F9F9 89.43%);margin-top:50px;}
p.coeP{max-width:825px; margin:0 auto; text-align:center;}
ul.coeList{width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between; margin-top:80px;}
.coeList li{flex-basis: calc(33% - 50px); position:relative;vertical-align: top; margin-bottom:20px; font-family: 'Open Sans', sans-serif; }
.coeList li a{color: #E3000F; font-size: 15px;line-height: 20px;}
.coeList li a b{font-size: 16px;font-weight: 700;}
.coeList li h4{font-size: 26px;line-height: 34px;color: #000000; font-weight: 700; margin:0px 0px 10px 0px; min-height: 70px;}

.bridgingSec{padding:100px 0px 45px 0px; position:relative; clear:both;}
.bridgingWrap{display:flex;  margin:0 auto;}
.bridgingWrap .bridgingList{width:70%;  position:relative; padding-right:160px;}
.bridgingWrap .bridgingImg{width:30%; margin-top:15px; align-self:center;}
ul.servicesList{display: flex;flex-wrap: wrap; justify-content: space-between; margin:80px auto 0px;}
.servicesList li{flex-basis: calc(50% - 50px); position:relative;vertical-align: top; margin-bottom:20px; font-family: 'Open Sans', sans-serif; padding-left:35px; max-width:80%}
.servicesList li::before{background: linear-gradient(180deg, #E3000F 0%, rgba(227, 0, 15, 0) 100%); content:""; position:absolute; left:0px; top:6px;width: 8px;height: 169px;}
.servicesList li h3{font-weight: 700;font-size: 28px;line-height: 32px; color: #000000;}

.mousSec{padding:45px 0px 45px 0px; position:relative; clear:both; display:none;}
.mousWrap{display:flex;  margin:0 auto;}
.mousWrap .mousList{width:60%;  position:relative; padding-right:160px;align-self: center;}
.mousWrap .mousImg{width:40%; margin-top:15px;}
.mousPics{position:relative; }
.mousPics .mousImg1{position:relative; width: 80%; right: 0;}
.mousPics .mousImg2{position:absolute; left: 0;bottom: 0%;width: 80%;}

.recruitersSec{padding:45px 0px 45px 0px; position:relative; clear:both;}
.recruitersSec h2{text-align:center;}
.recruitersSec p{text-align:center; max-width:92%; margin:20px auto 40px;}

.getintouchSec{padding:45px 0px 45px 0px; position:relative; clear:both; background: #F9F9F9;}
.getintouchSec p{}

.contactCav{display:flex;}
.cavSec1{width:20%;}
.cavSec2{width:80%; padding-left:30px;}

.cavSec1 img{border-radius:100%; border:18px solid #f1f1f1;}

.getintouchSec .cList li{border-top:1px solid #acacac; padding:18px 0px;}
.getintouchSec .cList li h3{font-style: normal;font-weight: 600;font-size: 34px;line-height: 40px;color: #ce1518;}
.getintouchSec .cList li h4{font-style: normal;font-weight: 600;font-size: 28px;line-height: 40px;color: #000000;}
.getintouchSec .cList li p{margin-bottom:0px;}
.getintouchSec .cList li:first-child a{color: #E3000F;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.overViewSec h1{font-size: 36px;line-height: 52px;}
	.cupcPage h2.headT{font-size: 32px;line-height: 44px;}
	.casSec .row{max-width: 100%;}
	.projectListWrap .projectList{padding-right: 80px;}
	.accordion_headOX{font-size: 24px;}
	.coeList li h4{line-height: 36px;}
	.coeList li{flex-basis: calc(33% - 20px);}
	.bridgingWrap{width: 100%;}
	.bridgingWrap .bridgingList{padding-right: 50px;}
	ul.servicesList{width: 100%;}
	.servicesList li h3{font-size: 24px;}
	.servicesList li{flex-basis: calc(50% - 30px);}
	.mousWrap{width: 100%;}
	.mousWrap .mousList{padding-right: 50px;}
	.recruitersSec p{max-width: 100%;}
	.getintouchSec .cList li{padding: 20px 0px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.overViewSec h1{font-size: 36px;line-height: 52px;}
	.overviewWrap{flex-wrap: wrap;}
	.overviewWrap .ov1{width: 100%;padding-right: 0px; order: 2;}
	.overviewWrap .ov2{width: 100%; margin-top:30px;}
	.cupcPage h2.headT{font-size: 32px;line-height: 44px;}
	.casSec .row{max-width: 100%;}

	.projectListWrap .projectList{padding-right: 80px;}
	.accordion_headOX{font-size: 24px;}
	.coeList li h4{line-height: 36px;}
	.coeList li{flex-basis: calc(33% - 20px);}
	.bridgingWrap{width: 100%;}
	.bridgingWrap .bridgingList{padding-right: 50px;}
	ul.servicesList{width: 100%;}
	.servicesList li h3{font-size: 24px;}
	.servicesList li{flex-basis: calc(50% - 30px);}
	.mousWrap{width: 100%;}
	.mousWrap .mousList{padding-right: 50px;}
	.recruitersSec p{max-width: 100%;}
	.getintouchSec .cList li{padding: 20px 0px;}
}


@media only screen and (max-width: 767px)
{	
	
	.cupcPage .container{max-width: 100% !important;}
	.cupcPage h2.headT{font-size: 30px;line-height: 40px;}
	.mobOn{display:block;}
	.mobOff{display:none;}
	.overViewSec{padding: 70px 0px 35px 0px;}
	.overviewWrap{flex-wrap: wrap;}
	.overviewWrap .ov1{width: 100%;padding-right: 0px; order: 2;}
	.overviewWrap .ov2{width: 100%; margin-top:30px;}
	.overViewSec h1{font-size: 30px;line-height: 40px;}
	.overViewSec p{max-width: 100%;font-size: 16px;}
	.casSec{padding: 15px 0px 25px 0px;}
	.casSec .row{max-width: none;margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5); }
	.casSec h2, .casSec p{text-align:left;}
	.projectsSec{padding: 0px 0px 25px 0px;}
	.projectListWrap{flex-wrap: wrap;}
	.projectListWrap .projectList{width: 100%;padding-right: 0px; order: 2; padding-left: 26px;}
	.projectListWrap .projectListImg{width: 100%; margin-top:0px; margin-bottom: 30px;}
	.projectListWrap .projectList::before{height: 150px;}
	.projectList h3{font-size: 22px;line-height: 32px;}
	.accordion_headOX{font-size: 22px;line-height: 40px;}
	.coeSec{padding: 33px 0px 0px 0px;margin-top: 0px;}
	.coeSec .text-center{text-align: left !important;}
	p.coeP{text-align: left;}
	ul.coeList{margin-top: 30px;margin-bottom: 0;}
	.coeList li{flex-basis: calc(100% - 0px);}
	.coeList li h4{font-size: 22px;line-height: 34px;min-height: auto;margin-bottom: 0;}
	.bridgingSec{padding: 40px 0px 25px 0px;}
	.bridgingWrap{flex-wrap: wrap;}
	.bridgingWrap .bridgingList{width: 100%;padding-right: 0px; order: 2; margin-top:30px;}
	.bridgingWrap .bridgingImg{width: 100%; margin-top: 0px;}
	.servicesList li h3{font-size: 22px;line-height: 36px;}
	ul.servicesList{margin-top: 5px;}
	.servicesList li{flex-basis: calc(100% - 0px);max-width: none; padding-left: 28px; margin-bottom: 10px;}
	.servicesList li::before{height: 151px;}
	.recruitersSec{padding: 0px 0px 0px 0px;}
	.recruitersSec h2, .recruitersSec p{text-align: left;}
	.recruitersSec p{max-width: 100%;}
	.contactCav{flex-wrap:wrap;}
	.cavSec1, .cavSec2{width:100%; padding-left: 0px;}
	.cavSec1{text-align: center;}
	.cavSec1 img{border-radius:100%; border:12px solid #f1f1f1; max-width:40%; margin:0 auto}
	.getintouchSec .cList li{border-top: 0px solid #acacac;padding: 10px 0px;}
	.getintouchSec .cList li h4{font-size: 26px;line-height: 40px;}
	.getintouchSec{padding: 45px 0px 0px 0px;}
	ul.cList1{ display: flex; margin-top:0px;}
	.cList1 li{background:#f1f1f1;text-align:center; padding:15px 15px; }
	.cList1 li p{margin:0px; font-size:14px;}
	.cList1 li:first-child{flex: 0 0 60%; border-right:1px solid #ccc}
	.cList1 li:last-child{flex: 0 0 40%;}
	.cList1 li h4{color:#ce1518; font-size:16px; margin-bottom:0px;}
	.cList2{text-align: center;}
	.cList2 h3{color:#ce1518; font-size:20px; margin-top:20px; position: relative; margin-bottom:15px;}
	.cList2 h3:before {content : "";position: absolute;left:0;bottom:0;height:1px;width:50px; border-bottom:2px solid #000;margin: -10px auto; right:0px;}
}


