@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,600i,700,700i,800,800i&display=swap');







@font-face {



    font-family: 'Graphik-LightItalic';



    src: url('fonts/Graphik-LightItalic.eot?#iefix') format('embedded-opentype'),



         url('fonts/Graphik-LightItalic.otf')  format('opentype'),



         url('fonts/Graphik-LightItalic.woff') format('woff'),



         url('fonts/Graphik-LightItalic.ttf')  format('truetype'),



         url('fonts/Graphik-LightItalic.svg#Graphik-LightItalic') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



font-family: 'Graphik-Medium';



    src: url('fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),



         url('fonts/Graphik-Medium.otf')  format('opentype'),



         url('fonts/Graphik-Medium.woff') format('woff'),



         url('fonts/Graphik-Medium.ttf')  format('truetype'),



         url('fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'Graphik-Regular';



    src: url('fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),



         url('fonts/Graphik-Regular.otf')  format('opentype'),



         url('fonts/Graphik-Regular.woff') format('woff'),



         url('fonts/Graphik-Regular.ttf')  format('truetype'),



         url('fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');



    font-weight: normal;



    font-style: normal;



  }







  @font-face {



    font-family: 'Graphik-Semibold';



    src: url('fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),



         url('fonts/Graphik-Semibold.otf')  format('opentype'),



         url('fonts/Graphik-Semibold.woff') format('woff'), 



         url('fonts/Graphik-Semibold.ttf')  format('truetype'), 



         url('fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');



    font-weight: normal;



    font-style: normal;



  }







  @font-face {



    font-family: 'BentonModDisp-SemiboldItalic';



    src: url('fonts/BentonModDisp-SemiboldItalic.eot?#iefix') format('embedded-opentype'),



         url('fonts/BentonModDisp-SemiboldItalic.otf')  format('opentype'),



         url('fonts/BentonModDisp-SemiboldItalic.woff') format('woff'), 



         url('fonts/BentonModDisp-SemiboldItalic.ttf')  format('truetype'), 



         url('fonts/BentonModDisp-SemiboldItalic.svg#BentonModDisp-SemiboldItalic') format('svg');



    font-weight: normal;



    font-style: normal;



  }



  







/* font-family: 'Montserrat', sans-serif;



font-family: 'Proza Libre', sans-serif; */







body{font-family: 'Montserrat', sans-serif; font-weight: 400; color: #343535;}







.nooverflow{ overflow: hidden; position: relative;}







.wrapper{ width: 80%; padding: 0 30px; display: inline-block;}



h1{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 60px;}







.error-msg{transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 2s;-webkit-animation: blurFadeInOut 3s ease-in backwards;-moz-animation: blurFadeInOut 3s ease-in backwards;-ms-animation: blurFadeInOut 3s ease-in backwards;animation: blurFadeInOut 3s ease-in backwards;width: 100%;



     float: left;



     margin-top: 5px;}







a.cButton-new:after, button.cButton-new:after {content: "";width: 60px;height: 60px;border-radius: 50%;background: #020a56 !important;}/*---ishwar-4-9-20---*/

a.cButton-new, button.cButton-new {color: #c8fe50 !important;}/*---ishwar-4-9-20new---*/

a.cButton-new:before, button.cButton-new:before { border-top: 2px solid #c8fe50 !important;}/*---ishwar-4-9-20new---*/



.new-slideArrow {position: absolute;bottom: 51px;right: 230px;}/*---ishwar-4-9-20new---*/

.new-slideArrow a {margin: 0 10px;}/*---ishwar-4-9-20new---*/





a.cButton, button.cButton{ background: none; border: none; display: inline-block; font-size: 18px; color: #000; font-family: 'Graphik-Medium'; letter-spacing: 0.5px; position: relative; height: 60px;  line-height: 60px; cursor: pointer; padding: 0 0 0 15px;margin-left: 12px;}



a.cButton span, button.cButton span{ position: relative; z-index: 1;}



a.cButton span:after, button.cButton span:after{ content: ""; width: 12px; height: 2px; border-top: 2px solid #000; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; position: relative; z-index: 1; position: absolute; left: calc(100% + 5px); top: calc(50% - 1px); transform: scaleX(0); transform-origin: left center; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



a.cButton:before, button.cButton:before{ content: ""; width: 12px; height: 2px; border-top: 2px solid #000; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; position: relative; z-index: 1; position: absolute; left: 0; top: calc(50% - 1px); transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



a.cButton:after, button.cButton:after{ content: ""; width: 60px; height: 60px; border-radius: 50%; background: #f0f0f1; position: absolute; left: -24px; top: 50%; transform: translateY(-50%); transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}







.btnCnt {



    margin-bottom: 30px !important; 



}/*---ishwar-3-9-20new---*/







.sliderAwardNew{margin-bottom: 60px;}



.sliderAwardNew img{max-width: 100%; display: block;}



.sliderAwardNew .item{margin: 0 8px;}







a.cButton:hover:after, button.cButton:hover:after{left: calc(100% - 15px);}



a.cButton:hover:before, button.cButton:hover:before{ transform: scaleX(0); transform-origin: right center;}



a.cButton:hover span:after, button.cButton:hover span:after{ transform: scaleX(1); }







.scrollTxt{ position: absolute; right: 100px; width: 350px; bottom: 0px; text-align: right; z-index: 1;}



.scrollTxt p { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: right center; -moz-transform-origin: right center;-webkit-transform-origin: right center; transform-origin: right center; color: #9fdb1e; font-size: 13px; letter-spacing: 3px; margin-left: 0; padding: 0; text-transform: uppercase; float: right; font-weight: 600;}



.scrollTxt p:before{ content: ""; width: 50px; height: 1px; background: #9fdb1e; display: inline-block; vertical-align: middle; margin: 0 10px 3px 0;}



.scrollTxtBack{ position: absolute; bottom: 0px; text-align: right; z-index: 1;cursor:pointer;}

.scrollTxtBack p { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: right center; -moz-transform-origin: right center;-webkit-transform-origin: right center; transform-origin: right center; color: #9fdb1e; font-size: 13px; letter-spacing: 3px; margin-left: 0; padding: 0; text-transform: uppercase; float: right; font-weight: 600;}

.scrollTxtBack p:after{ content: ""; width: 50px; height: 1px; background: #9fdb1e; display: inline-block; vertical-align: middle; margin: 0 10px 3px 0;}









.hamburger{width: 60px; height: 60px; padding: 0; border-radius: 50%; background: #c8fe50; text-align: center;}



.hamburger-box { width: 20px; height: 30px;}



.hamburger--spring .hamburger-inner { top: 24px;}



.hamburger--spring .hamburger-inner::before{ top: 8px;}



.hamburger--spring .hamburger-inner::after{ top: 16px;}



.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{ width: 20px; height: 3px;}



.hamburger--spring.is-active .hamburger-inner{ top: 21px;}



.hamburger.is-active:hover, .hamburger:hover{ opacity: 1;}







.secTitle{ text-align: left; position: relative; z-index: 1;}



.secTitle span{font-weight: 700; width: 100%; float: left; margin: 0 0 7px; font-size: 18px; color: #9b9898; letter-spacing: 0px; text-transform: uppercase;}



.secTitle h3{ width: 100%; float: left; margin: 0; font-size: 30px; font-weight: 300; color: #212121; letter-spacing: 0.5px; }

.secTitle p.fill{ width: 100%; float: left; margin: 0; font-size: 30px; font-weight: 300; color: #212121; letter-spacing: 0.5px; }



.secTitle h2{ width: 100%; float: left; margin: 0; font-size: 40px; font-weight: 800; color: #081577;}



.secTitle h2 abbr{ position: relative; display: inline-block;}



.secTitle h2 abbr:after{ position: absolute; right: -19px; /*top: -4px;*/top: -14px; z-index: -1; content: ""; width: 35px; height: 35px; background: url(../images/title_after.png) no-repeat center center; background-size: cover;}





.secTitle h3.cw{ width: 100%; float: left; margin: 0; font-size: 40px; font-weight: 800; color: #081577;}/*24-9-21-*/



.secTitle h3.cw abbr{ position: relative; display: inline-block;}/*24-9-21-*/



.secTitle h3.cw abbr:after{ position: absolute; right: -19px; /*top: -4px;*/top: -14px; z-index: -1; content: ""; width: 35px; height: 35px; background: url(../images/title_after.png) no-repeat center center; background-size: cover;}/*24-9-21-*/







.secTitle h2.square-position abbr:after{/*right: 280px*/right: -20px;}/*---ishwar-17-8-20---*/



.header{ width: 100%; float: left; padding: 30px 100px; display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; z-index: 50;}



.header .logo{ width: 50%; float: left; text-align: left;}



.header .logo a{ width: 100px; float: left;}



.header .logo a img{ max-width: 100%;}



.header .navigationWrap{ width: 50%; float: left; text-align: right; position: fixed; right: 100px;}



.header .navigationWrap a{ display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; background: #c8fe50; color: #1c2a72; text-align: center; font-size: 22px;}



.header .navigationWrap a i{ line-height: 50px;}







.homeBanner{ position: relative; /* background: url(../images/Home-banner-again-new.jpg) no-repeat center center;background-size: cover; height: 98vh; */}



.homeBanner img{max-width: 100%;z-index: 1;}



.homeBanner .homeslider .item .img-div img{max-width: 100%;}



.homeBanner .bannerCnt{ position: absolute; bottom: 10%; left: 100px; text-align: left;}



.homeBanner .bannerCnt .bannerInner{ width: 100%; float: left; padding: 0 0 20px 17%;}



.homeBanner .bannerCnt .bannerInner p{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 40px; color: #fff;}



.homeBanner .bannerCnt .bannerInner h2{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 70px; color: #c8fe50;}



.homeBanner .bannerCnt a{ display: flex; align-items: center; justify-content: flex-start; width: 100%; float: left; font-size: 18px; color: #fff; padding: 0 0 0 20px;}



.homeBanner .floatA{ position: absolute; right: 17%; top: 15%; width: 15%;z-index: 2;}



.homeBanner .floatA img{ max-width: 100%;}



.homeBanner .bannerCnt .floatB{ position: absolute; left: 0; bottom: -6px; width: 20%;z-index: 2;}



.homeBanner .bannerCnt .floatB img{ max-width: 100%;}







.homeBanner-mobile{ display: none; position: relative;/* background: url(../images/home-banner-mobile1.jpg) no-repeat center center;background-size: cover; height: 98vh;*/ }



.homeBanner-mobile img{max-width: 100%;z-index: 1;}



.homeBanner-mobile .homeslider .item .img-div img{max-width: 100%;}



.homeBanner-mobile .bannerCnt{ position: absolute; bottom: 10%; left: 100px; text-align: left;}



.homeBanner-mobile .bannerCnt .bannerInner{ width: 100%; float: left; padding: 0 0 20px 17%;}



.homeBanner-mobile .bannerCnt .bannerInner p{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 40px; color: #fff;}



.homeBanner-mobile .bannerCnt .bannerInner h2{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 70px; color: #c8fe50;}



.homeBanner-mobile .bannerCnt a{ display: flex; align-items: center; justify-content: flex-start; width: 100%; float: left; font-size: 18px; color: #fff; padding: 0 0 0 20px;}



.homeBanner-mobile .floatA{ position: absolute; right: 17%; top: 15%; width: 15%;z-index: 2;}



.homeBanner-mobile .floatA img{ max-width: 100%;}



.homeBanner-mobile .bannerCnt .floatB{ position: absolute; left: 0; bottom: -6px; width: 20%;z-index: 2;}



.homeBanner-mobile .bannerCnt .floatB img{ max-width: 100%;}











.aboutChimp{ display: flex; align-items: center; justify-content: center; position: relative; min-height: 80vh;}



.aboutChimp .aboutInner{ width: 80%; display: inline-block;}



.aboutChimp h1{ font-style: italic; color: #081577; margin-bottom: 25px; font-weight: 800;}



.aboutChimp p{color: #494a4a; margin-bottom: 50px; width: 70%; max-width: 890px; letter-spacing: 0.5px; font-size: 16px; display: inline-block; line-height: 1.7;}



/*amit edit*/ .aboutChimp .floatA{ right: 0; top: 145px; position: absolute; width: 12%; text-align: right;}

.aboutWrapper .aboutImg .floatElemA{ width: 15%; position: absolute; top: 50%; left: 0;  /*   transform: translate(-70%, -20%);*/transform: translate(25%, -20%)}/*---ishwar-9-9-20---*/

.aboutChimp .floatA img{ max-width: 100%;}



.aboutChimp .floatB{ left: 0; bottom: 10%; position: absolute; width: 9%; text-align: left;}/*amit edit*/ 

.aboutWrapper .aboutImg .floatElemB{ width: 15%; position: absolute; bottom: 0; right:30px; /*transform: translate(75%, 5%);*/    transform: translate(-1%, 5%);}/*---ishwar-9-9-20---*/

.aboutChimp .floatB img{ max-width: 100%;}



.aboutChimp .floatC{ right: 12%; bottom: 22%; position: absolute; width: 9%; text-align: left;}



.aboutChimp .floatC img{ max-width: 100%;}



/********* Code By Gaurav ************/

.aboutWrapper .aboutImg video.mobvideo{display:none;}

/************* End Code By Gaurav 2020-09-09 *********/



.fineshcase{ padding: 50px 0 150px 0; position: relative;}



/* .fineshcase .floatA{ right: 0; bottom: 0; position: absolute; width: 9%; text-align: left;} */



.fineshcase .floatA img{ max-width: 100%;}



.fineshcase .floatB img{ max-width: 100%;}



.fineshcase .floatC img{ max-width: 100%;}



.fineshcase .floatA {right: 0; top: 145px; position: absolute; width: 12%; text-align: right;}



.fineshcase .floatB { left: 0; bottom: 6%;position: absolute;width: 6%; text-align: left;}



.fineshcase .floatC {right: 6%; bottom: 15%; position: absolute; width: 9%; text-align: left;}



















.fineshcase .masonry { display: flex; flex-direction: column; justify-content: space-between; margin-top: 40px;}



@media only screen and (min-width: 640px) {



    .fineshcase .masonry {  flex-direction: row; }



}



.fineshcase .column { display: flex; flex-flow: column wrap; width: 100%;}



@media only screen and (min-width: 640px) {



    .fineshcase .column { width: calc(33.33% - 20px);}



}



.fineshcase .item { box-sizing: border-box; counter-increment: item-counter; margin: 15px 0; width: 100%; float: left;}



.fineshcase .item.dislink{ margin-top: 50%;}



.fineshcase .item__content { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; }



.fineshcase .item__content img{ max-width: 100%;}



.fineshcase .item__content .titleCnt{ text-align: left;margin-top: 8px;}



.fineshcase .item__content .titleCnt h4{ font-size: 30px; color: #000; font-family: 'Graphik-Semibold';}



.fineshcase .item__content .titleCnt p{ font-size: 17px; color: #000; font-family: 'Graphik-LightItalic'; letter-spacing: 0.5px;}



.fineshcase .item__content .titleCnt.bottomLft{left: -25px; bottom: 15px; }



.fineshcase .item__content .titleCnt.topRight{right: -15px; top: 25px; }



.fineshcase .item__content .titleCnt.bottomRight{right: -60px; bottom: 25px; }







.serviceCase{ margin: 75px 0; position: relative; padding: 50px 0; overflow: hidden;}



.serviceCase .floatElemA{ width: 7%; position: absolute; right: 35%; top: 0;}



.serviceCase .floatElemA img{ width: 100%;}











.serviceCase .grayOverlay{ background: #fafafa; width: 42%; height: 100%; position: absolute; left: 0; top: 0;}



.serviceCase .serviceSlider{ width: calc(98% + 30px); float: right; margin: 30px -10% 30px 0;}



.serviceCase .serviceSlider .item{ background: rosybrown; margin: 0 25px; padding: 50px 0; color: #fff;}



.serviceCase .serviceSlider .item .icon{ text-align: right; position: relative; overflow: hidden; margin-bottom: 85px;}



.serviceCase .serviceSlider .item .icon img{ display: inline-block;}



.serviceCase .serviceSlider .slick-track{counter-reset: my-sec-counter;}



.serviceCase .serviceSlider .item .icon:before{ position: absolute; color: #000; font-size: 180px; z-index: 1; counter-increment: my-sec-counter; content: "0" counter(my-sec-counter) ""; opacity: 0.1; left: -12%; top: 0; font-family: 'BentonModDisp-SemiboldItalic'; line-height: 0.8;}



.serviceCase .serviceSlider .item:nth-child(4n+1) { background-color: #162497}



.serviceCase .serviceSlider .item:nth-child(4n+2) { background-color: #f4bc15}



.serviceCase .serviceSlider .item:nth-child(4n+3) { background-color: #f7f6f5; color: #000;}



.serviceCase .serviceSlider .item:nth-child(4n+4) { background-color: #4c1cbc}



.serviceCase .serviceSlider .item .scontent{ width: 100%; float: left; padding: 0 25px; text-align: left;}



.serviceCase .serviceSlider .item .scontent h2{ font-size: 40px; font-weight: 500; width: 100%; float: left; margin: 0 0 20px; font-weight: 700; min-height: 100px;;}



.serviceCase .serviceSlider .item .scontent p{ width: 100%; float: left;  min-height: 100px; letter-spacing: 0.5px; font-size: 14px; line-height: 1.8; font-weight: normal; letter-spacing: 0.5px;}



.serviceCase .serviceSlider .item .scontent .btnCnt{ margin: 30PX 0 0 20PX; width: 100%; float: left;}



.serviceCase .serviceSlider .item .scontent .btnCnt a{ color: #fff;}



.serviceCase .serviceSlider .item .scontent .btnCnt a.cButton:before{ border-color: #fff;}



.serviceCase .serviceSlider .item .scontent .btnCnt a.cButton:after{ background: rgba(0,0,0,0.1);}



.serviceCase .serviceSlider .item .scontent .btnCnt a.cButton span:after{ border-color: #fff;}



.serviceCase .serviceSlider .item:nth-child(4n+3) .scontent .btnCnt a{ color: #000;}



.serviceCase .serviceSlider .item:nth-child(4n+3) .scontent .btnCnt a.cButton:before{ border-color: #000;}



.serviceCase .serviceSlider .item:nth-child(4n+3) .scontent .btnCnt a.cButton span:after{ border-color: #000;}



.serviceCase .slliderAction{ margin: 40px 0 0;}



.serviceCase .slliderAction .btnCnt{ width: calc(50% - 4px); display: inline-block; vertical-align: middle; text-align: left;}



.serviceCase .slliderAction .slideArrow{ width: calc(50% - 4px); display: inline-block; vertical-align: middle; text-align: right;}



.serviceCase .slliderAction .slideArrow a{ display: inline-block; margin: 0 10px;}







.ourClient{/* margin: 0 0 50px 0;*/    margin: 0 0 0px 0; padding: 60px 0; background: #081375; position: relative;}/*---ishwar-12-8-20---*/







a.va-btn:after, button.cButton:after{ content: ""; width: 60px; height: 60px; border-radius: 50%; background: #e7e7e7 !important; position: absolute; left: -24px; top: 50%; transform: translateY(-50%); transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}















.ourClient .secTitle{ text-align: center;}



.ourClient .secTitle span, .ourClient .secTitle h2{ color: #c8fe50;}



.ourClient .secTitle h3{ color: #fff;}



.ourClient .secTitle h2 abbr:after { background: url(../images/title_afterw.png) no-repeat center center; background-size: cover;}



.ourClient ul{ width: 100%; float: left; text-align: center; margin: 50px 0 0;}



.ourClient ul li{ width: calc(20% - 104px); display: inline-block; vertical-align: middle; margin: 50px; text-align: center;}



.ourClient ul li img{ max-width: 100%; display: inline-block;}



.ourClient .floatA{ position: absolute; left: 5%; top: 5%; width: 8%;}



.ourClient .floatA img{ max-width: 100%;}



.ourClient .floatB{ position: absolute; right: 5%; bottom: 5%; width: 8%;}



.ourClient .floatB img{ max-width: 100%;}







.blogWrap{ margin: 75px 0; position: relative; padding: 50px 0; overflow: hidden;}



.blogWrap .grayOverlay{ background: #fafafa; width: 42%; height: 100%; position: absolute; left: 0; top: 0;}



.blogWrap .blogSlider{ width: calc(98% + 30px); float: right; margin: 30px -10% 30px 0;}



.blogWrap .blogSlider .item{ margin: 0 25px; position: relative; text-align: left;}



.blogWrap .blogSlider .item .imgBox{ width: 100%; float: left; position: relative;}



.blogWrap .blogSlider .item .imgBox img{ width: 100%; float: left;}



.blogWrap .blogSlider .item .blogCnt{ padding: 25px 30px 25px 0; width: 100%; float: left;}



.blogWrap .blogSlider .item .blogCnt span.date{ color: #a7a6a7; font-size: 13px; font-family: 'Graphik-Medium'; width: 100%; float: left; letter-spacing: 0.5px; margin-bottom: 20px;}



.blogWrap .blogSlider .item .blogCnt h2{ color: #323131; font-size: 18px; font-family: 'Graphik-Medium'; width: 100%; float: left; line-height: 1.3;}



.blogWrap .slliderAction{ margin: 10px 0 0;}



.blogWrap .slliderAction .btnCnt{ width: calc(50% - 4px); display: inline-block;  text-align: left;}



.blogWrap .slliderAction .blog-slideArrow{ width: calc(50% - 4px); display: inline-block; vertical-align: middle; text-align: right;}



.blogWrap .slliderAction .blog-slideArrow a{ display: inline-block; margin: 0 10px;}



.blogWrap .floatA{ position: absolute;  right: 0; bottom: 0; width: 9%; text-align: right;}



.blogWrap .floatA img{ max-width: 100%;}







.knowmore{background: #fff; position: relative; margin: 50px 0 0; height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center;}



.knowmore .secTitle{ text-align: center;}



.knowmore .secTitle span{ color: #9b9898;}



.knowmore .secTitle h2{ color: #081577; font-style: italic;    font-size: 34px;}



.knowmore .btnCnt{ width: 100%; float: left; margin: 50px 0 0;}



.knowmore .btnCnt a.cButton span{ color: #081577;font-weight: bold;}



.knowmore .btnCnt a.cButton:after{ background: #cafe57;}



.knowmore .btnCnt a.cButton:before{ border-color: #081577; }



.knowmore .btnCnt a.cButton span:after{  border-color: #081577;}







.knowmore .floatA{ position: absolute; left: 10%; top: 28%; width: 10%;}



.knowmore .floatA img{ max-width: 100%;}



.knowmore .floatB{ position: absolute; right: 5%; top: 10%; width: 10%;}



.knowmore .floatB img{ max-width: 100%;}



.knowmore .floatC{ position: absolute; right: 22%; bottom: 15%; width: 10%;}



.knowmore .floatC img{ max-width: 100%;}



.knowmore .floatBot img{max-width: 100%;}



.knowmore .floatTop img{max-width: 100%;}



.knowmore .floatBot {position: absolute;  right: 0px;bottom: 0; /*bottom: -110px;*/width: 10%;text-align: right;}/*---ishwar-17-8-20---*/



.floatBot2 { position: absolute;/*top: 468px;*/bottom: 206px;right: 0;/*width: 100%;*/ z-index: -1;}/*---ishwar-17-8-20---*/



.floatBot2 img {width:100%;right: 0;}/*---ishwar-17-8-20---*/



.knowmore .floatTop { position: absolute; left: 0px;top: -14%; width: 7%; text-align: left;z-index: 1;}



.knowmore.knowmoreInner{ background: #fff;}



.knowmore.knowmoreInner .secTitle span{ color: #a8a7a8;}



.knowmore.knowmoreInner .secTitle h2{ color: #1b2bae;}















.footer{ background: #f8f8f8; padding: 50px 0 0;}



.footer .footerInner{ width: 90%; display: inline-block; border-bottom: 1px solid #e4e4e4;}



.footer .footerInner .wrapper{ text-align: left; width: 100%;}



.footer .footerInner h3{ font-size: 15px; font-weight: 800; color: #000; width: 100%; float: left; margin: 0 0 25px;}



.footMenuBlk{/* width: calc(56% - 4px);*/ width: calc(40% - 4px); display: inline-block; vertical-align: top; text-align: left; font-family: 'Graphik-Semibold';}/*---ishwar-5-2-21---*/



.footMenuBlk ul{ width: 80%; float: left;}



.footMenuBlk ul li{ display: inline-block; vertical-align: middle; border-right: 1px solid #bdbaba; margin-bottom: 20px;}



.footMenuBlk ul li:last-child{ border-right: none;}



.footMenuBlk ul li a{ width: 100%; float: left; /*font-size: 25px;*/ font-size: 23px; font-family: 'Graphik-Semibold'; color: #bdbaba; padding: 0 30px; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s; font-weight: 700;}/*---ishwar-5-2-21---*/



.footMenuBlk ul li:p:nth-child(4) a, .footMenuBlk ul li:first-child a{ border-right: none; padding-left: 0;}



.footMenuBlk ul li a:hover{ color: #1b2bae;}



/* .footContactBlk .crow a.contactTel{width: 45%;float: left; } */



/* .crow.contactTelDiv { width: 86% !important; float: left !important;  display: flex; justify-content: space-between;} */







.footContactBlk{ /*width: calc(42% - 4px);*/width: calc(60% - 4px); display: inline-block; vertical-align: top; text-align: left;}/*---ishwar-5-2-21---*/



.footContactBlk ul {width: 100%;float: left; display: flex; align-items: flex-start;justify-content: center;}



.footContactBlk ul li {width: 50%;float: left;border-right: 1px solid #f5f5f5;text-align: left;display: flex; align-items: center;flex-direction: column;}



.footContactBlk ul li div.colWrap {width: auto;float: left; display: flex; flex-direction: column;}



.footContactBlk ul li h3 {width: 100%;float: left;font-size: 22px;font-weight: 700;margin: 0 0 20px;color: #1b2bae;}



.footContactBlk ul li p {width: 100%;float: left;line-height: 1.9; font-size: 16px; color: #000; font-family: 'Graphik-Regular'; margin: 0 0 10px;}



.footContactBlk ul li p a{font-size: 16px;}



.footContactBlk ul li p strong {



    width: 100%;



    float: left;



    text-transform: uppercase;



}



/* .footContactBlk .crow{ width: 100%; float: left; margin-bottom: 25px;}



.footContactBlk .crow a{ width: 100%; float: left; font-size: 17px; font-family: 'Graphik-Regular'; letter-spacing: 0.5px;}



.footContactBlk .crow a i{ width: 15px; margin-right: 15px; font-size: 20px; display: inline-block; vertical-align: middle;} */







.footcopy{ padding: 15px 0;}



.footcopy .copyCnt{ width: calc(70% - 4px); display: inline-block; vertical-align: top; text-align: left; font-size: 12px; font-family: 'Graphik-Regular'; letter-spacing: 0.5px; color: #000;}



.footcopy .copyMenu{ width: calc(30% - 4px); display: inline-block; vertical-align: top; text-align: left;}



.footcopy .copyMenu ul{ width: 100%; float: left;}



.footcopy .copyMenu ul li{ display: inline-block; vertical-align: middle; border-right: 1px solid #000;}



.footcopy .copyMenu ul li a{ padding: 0 15px; font-size: 11px; font-family: 'Graphik-Regular'; letter-spacing: 0.5px; color: #000;}



.footcopy .copyMenu ul li:first-child a{ padding-left: 0;}



.footcopy .copyMenu ul li:last-child{ border: none;}



.footcopy .copyMenu ul li:last-child a{ padding-right: 0;}







.socialWrap{ margin: 30px 0 40px;width: 80%; float: left;} /* Edited by Amit on 24-1-2020 */



.socialWrap .footsocial a{ width: 40px; height: 40px; text-align: center; background: #aeadae; border-radius: 50%; color: #fff; display: inline-block; margin: 0 10px 0 0; font-size: 18px;  transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.socialWrap .footsocial a i{ line-height: 40px;}



.socialWrap .footsocial a:hover{ background: #081375;}











.aboutBanner{ position: relative; background: #081375;height: 62vh;}



.aboutBanner img{max-width:100%;}



.aboutBanner-mobile{ display:none;}



.aboutBanner-mobile img{width:100%;}



.aboutBanner .wrapper{ position: relative; height: 100%;}



.aboutBanner .bannerCnt{ position: absolute; bottom: 10%; left: 0; text-align: left; width: 100%;}



.aboutBanner .bannerCnt .bannerInner{ width: 100%; float: left; padding: 0 0 20px 9%;/*padding: 0 0 50px 9%;*/}/*---ishwar-17-8-20---*/



.aboutBanner .bannerCnt .bannerInner p{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 50px; color: #fff;}

.aboutBanner .bannerCnt .bannerInner h1.Team{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 50px; color: #fff;}/*24-9-21-*/



.aboutBanner .bannerCnt .bannerInner h1.contacts{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 50px; color: #fff;}/*24-9-21-*/



.aboutBanner .bannerCnt .bannerInner h1.Care{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 50px; color: #fff;}/*24-9-21-*/



.aboutBanner .bannerCnt .bannerInner h1{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 50px; color: #fff;position: relative;z-index: 1;}



.aboutBanner .bannerCnt .bannerInner h1.yellow{color: #c8fe50;font-weight: 700;}











.aboutBanner .bannerCnt .bannerInner h2{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 55px; color: #c8fe50;}



.aboutBanner .floatA{ position: absolute; right: 15%; top: 15%; width: 15%;}



.aboutBanner .floatA img{ max-width: 100%;}



.aboutBanner .bannerCnt .floatB{ position: absolute; left: 0; top: 15px; width: 12%;}



.aboutBanner .bannerCnt .floatB img{ max-width: 100%;}



.aboutBanner.commonBanner{ height: 70vh;}



.aboutBanner.commonBanner.newsBanner{ height: auto;}



.aboutBanner.commonBanner .bannerCnt{ bottom: 20%;}







.aboutBanner .floatM{ position: absolute; right: 10%; bottom: -136px; width: 19%;}



.aboutBanner .floatM img{ max-width: 100%;}







.aboutWrapper{ position: relative;}



.aboutWrapper .aboutBg{/*background: #081375;*/ width: 100%; height: 15vh; position: absolute; left: 0; top: 0;}/*---ishwar-17-8-20---*/



.aboutWrapper .wrapper{ z-index: 1; position: relative;}



.aboutWrapper .aboutImg{ position: relative;    margin-top: -62px;}/*---ishwar-24-8-20---*/







.aboutWrapper .aboutImg img{ max-width: 100%; position: relative;}



/*.aboutWrapper .aboutImg .floatElemA{ width: 15%; position: absolute; top: 50%; left: 0;     transform: translate(-70%, -20%);}*/



.aboutWrapper .aboutImg .floatElemA img{ max-width: 100%;}



/*.aboutWrapper .aboutImg .floatElemB{ width: 15%; position: absolute; bottom: 0; right:30px; transform: translate(75%, 5%);}*/



.aboutWrapper .aboutImg .floatElemB img{ max-width: 100%;}







.aboutWrapper .aboutCnt{ margin: 80px 0 0; display: flex; align-items: flex-start; justify-content: space-between; position: relative;flex-flow: row wrap;}



.aboutWrapper .aboutCnt .halfCnt{ width: calc(100% - 50px); text-align: left;}



.aboutWrapper .aboutCnt .halfCnt h3{ font-weight: 700; font-size: 20px; width: 100%; float: left; text-transform: uppercase; margin: 0 0 20px; color: #1b2bae;}



.aboutWrapper .aboutCnt .halfCnt p{ width: 100%; float: left; margin: 15px 0; font-size: 17px; font-family: 'Graphik-Regular'; letter-spacing: 0.5px; line-height: 1.6;}



.aboutWrapper .aboutCnt .halfCnt p strong{ text-transform: uppercase;}



.aboutWrapper .aboutCnt .floatElemA{ position: absolute; bottom: 10%; right: 20%;}



.aboutWrapper .aboutCnt p.center{width: 100%; float: left; margin: 15px 0; font-size: 17px; font-family: 'Graphik-Medium'; letter-spacing: 0.5px; line-height: 1.6;text-transform: uppercase;padding: 10px 100px;}







.founderWrap{ margin: 100px 0 200px; position: relative; margin-bottom: 100px;}



.founderWrap .floatElemA{position: absolute; width: 12%; bottom: 0; right: 0; transform: translate(0, 58%);}



.founderWrap .floatElemA img{width: 100%;}



.founderWrap .branches{ position: absolute; overflow: hidden;  top: 27px;left: 0; z-index: 1; }/*---ishwar-21-12-20---*/



/*AMIT EDIT START*/



.founderWrap .branches h2{ font-size: 3vw; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; /*-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #c8fe50;*/ font-family: 'Graphik-Regular';  color:#c8fe50;}/*AMIT EDIT END*//*---ishwar-21-12-20---*/



.founderWrap .bg{ background: url(../images/founderDot.jpg) repeat center center; height: 85%; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.founderWrap .wrapper{ position: relative; z-index: 1;}



.founderWrap ul{ width: 100%; float: left;/*AMIT EDIT START*/ margin: 8% 0 0; /*AMIT EDIT END*/ display: flex; align-items: flex-start; justify-content: space-between;}



.founderWrap ul li{ width: calc(50% - 40px); float: left; text-align: left; display: flex; flex-flow: row wrap;}



.founderWrap ul li h2{ width: 100%; float: left; font-size: 28px; font-weight: 700; color: #c8fe50; margin:15px 0 5px;}



.founderWrap ul li span{ width: 100%; float: left; font-size: 15px; font-family: 'Graphik-Medium'; color: #fff; margin: 0 0 15px;}



.founderWrap ul li:first-child{ padding: 10% 0 0;}



.founderWrap ul li:last-child .imgBx{ order: 1;}



.founderWrap ul li:last-child h2{ order: 2;}



.founderWrap ul li:last-child span{ order: 3;}



.founderWrap ul li .imgBx{ width: 100%; float: left; position:relative;}



.founderWrap ul li .imgBx img{ max-width: 100%;}







.awardWrap{ margin: 0 0 100px;}



.awardWrap .awardSlider{ margin: 50px 0 0;}



.awardWrap .item{ width: 100%; margin: 0 40px; text-align: left; padding: 40px 0 0; position: relative;}



.awardWrap .item .year{ font-size: 75px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #1b2bae; font-family: 'Graphik-Semibold'; position: absolute; left: 40px; top: 0;}



.awardWrap .item img{ max-width: 100%; display: inline-block;}



.awardWrap .item h2{ font-size: 22px; color: #081577; width: 100%; float: left; margin: 20px 0 0; font-weight: 700;padding-bottom: 8px;}



.awardWrap .item p.desc{font-size: 15px;}



/*AMIT EDIT START*/







.awardWrap .slideArrow{ width: calc(90% - 4px); display: inline-block; vertical-align: middle; text-align: right;    margin-top: 50px;}



.awardWrap .slideArrow a{ display: inline-block; margin: 0 10px;}



/*AMIT EDIT END*/







.addressList{ padding: 90px;}



.addressList ul{ width: 100%; float: left; display: flex; align-items: flex-start; justify-content: center;}



.addressList ul li{ width: 50%; float: left; border-right: 1px solid #f5f5f5; text-align: left; display: flex;  align-items: center; flex-direction: column;}



.addressList ul li:last-child{border-right: none; }



.addressList ul li div.colWrap{width: auto; float: left; display: flex; flex-direction: column;}



.addressList ul li h3{ width: 100%; float: left; font-size: 22px; font-weight: 700; margin: 0 0 20px; color: #1b2bae;}



.addressList ul li p{ width: 100%; float: left; line-height: 1.9; font-size: 16px; color: #000; font-family: 'Graphik-Regular'; margin: 0 0 10px;}



.addressList ul li p strong{ width: 100%; float: left; text-transform: uppercase;}



.addressList ul li a.btnGet{ background: #f3f3f3; border-radius: 25px; padding: 10px 20px; font-family: 'Graphik-Medium'; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; width: 160px;margin-left: -21px;}







.socialList{ width: 100%; float: left; display: flex; flex-direction: row; margin: 0 0 60px;}



.socialList .socBx{ background: #fff; border: 1px solid #e1e1e1; border-left: none; height: 200px; width: 25%; display: flex; align-items: center; justify-content: center; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s; cursor: pointer;}



.socialList .socBx a{ width: 40px; height: 40px; text-align: center; background: #081375; border-radius: 50%; color: #fff; display: inline-block; margin: 0 10px 0 0; font-size: 18px;  transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.socialList .socBx a i{ line-height: 40px;}



.socialList .socBx:hover{ background: #081375;}



.socialList .socBx:hover a{ background: #c8fe50; color: #081375; }







.enquireWrap{ padding: 100px 0; }



.enquireWrap .wrapper{display: flex; justify-content: space-between; align-items: flex-start; margin: 0px auto;}



.enquireWrap .enqFrmInner{ width: calc(45% - 60px);margin-top: 60px;}



.enquireWrap .enqImg{ width: calc(60% - 60px); padding: 0 0px; position: relative;z-index: 1;}



.enquireWrap .enqImg img{ width: 100%; display: inline-block; position: relative; z-index: 1;}



.enquireWrap .enqImg .floatElemA{ width: 15%; position: absolute; top: 15%; left: 0; transform: translate(-13%, -50%);}



.enquireWrap .enqImg .floatElemA img{ max-width: 100%;}



.enquireWrap .enqImg .floatElemB{ width: 15%; position: absolute; top: 80%; right: 0; transform: translate(15%, -50%);}



.enquireWrap .enqImg .floatElemB img{ max-width: 100%;}











.enqFrmInner ul{ width: 100%; float: left; display: flex; justify-content: space-between; flex-flow: row wrap; margin: 30px 0 0;}



.enqFrmInner ul li{ width: 100%; float: left; margin: 15px 0; text-align: left;}



.enqFrmInner ul li.half{ width: calc(50% - 30px); float: left;}



.enqFrmInner ul li .text{ width: 100%; float: left; border: 1px solid #bfbfbf; font-family: 'Graphik-Regular'; font-size: 15px; color: #000000; padding: 15px;}







.clientWrapper{ position: relative; padding: 100px 0 0; overflow: hidden;}



.clientWrapper .floatA{ position: absolute; right: 0; top: 0; width: 10%;}



.clientWrapper .floatA img{ max-width: 100%;}



.clientWrapper .secTitle{ text-align: center;}



.clientCnt{ margin: 10px 0 25px 0;}



.clientCnt p{ font-size: 17px; font-family: 'Graphik-Regular';  line-height: 1.8; width: 88%; display: inline-block; margin: 10px 0 25px 0;}



.clientList ul{ width: 100%; float: left; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap;}



.clientList ul li{ width: calc(16.6% - 30px); float: left; margin: 15px;}



.clientList ul li img{ width: 100%; float: left;}







.teamList{ padding: 70px 0; position: relative;}



.teamList .secTitle h2 abbr:after{ background: none;}



.teamList ul{ padding: 30px 0 0; width: 100%; float: left; display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row wrap;}



.teamList ul li{ width: calc(25% - 60px); float: left; margin: 30px 0;}



.teamList ul li div.imgBx{ width: 100%; float: left; margin: 0 0 20px;}



.teamList ul li div.imgBx img{ width: 100%; float: left;}



.teamList ul li h2{ width: 100%; float: left; font-weight: 700; font-size: 20px; text-transform: uppercase; margin: 0 0 10px;}



.teamList ul li span{ width: 100%; float: left; font-weight: 300; font-size: 16px;}



.teamList .floatElem1{ position: absolute; right: 0; top: 0; width: 10%; text-align: right;}



.teamList .floatElem1 img{ max-width: 100%;}



.teamList .floatElem2{ position: absolute; left: 0; top: 40%; width: 10%; text-align: left;}



.teamList .floatElem2 img{ max-width: 100%;}







.workListWrap{ margin: 0px 0 0; position: relative;}



.workListWrap .wrapper{ max-width: 1200px;}



.workListWrap .workCnt{ position: relative;margin-bottom: 15px;}



.workListWrap .workCnt p{ width: 95%; float: left; text-align: left; font-size: 18px; font-family: 'Graphik-Regular'; line-height: 1.7;}



.workListWrap .workCnt .floatElem1{ position: absolute; right: -6%; top: 82px; width: 10%;}



.workListWrap .workCnt .floatElem1 img{ max-width: 100%;}



.workListWrap ul{ width: 100%; float: left; display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row wrap; margin: 50px 0 0;}



.workListWrap ul li{ width: calc(50% - 42px); margin: 0 0 40px; position: relative;}



.workListWrap ul li:nth-child(even){ margin-top: 40px;}



.workListWrap ul li img{ width: 100%;}



.workListWrap ul li .cntDiv{ /*position: absolute; right: -20px; bottom: 20px; */text-align: left; margin-top: 8px;}



.workListWrap ul li .cntDiv h2{ color: #091677; font-size: 26px; font-family: 'Graphik-Semibold'; margin-top: 5px; display: block;}



.workListWrap ul li .cntDiv span{ color: #a9a9a9; font-size: 15px; font-family: 'Graphik-Regular'; display: block;}







.workListWrap .floatElem2{width: 7%; top: 3%; left: 5%; position: absolute;}



.workListWrap .floatElem2 img{ width: 100%;}



.workListWrap .floatElem3{width: 6%; top: 32%; left: 0; position: absolute;}



.workListWrap .floatElem3 img{ width: 100%;}



.workListWrap .floatElem4{width: 7%; top: 58%; left: 5%; position: absolute;}



.workListWrap .floatElem4 img{ width: 100%;}



.workListWrap .floatElem5{width: 6%; bottom: 0; left: 0; position: absolute;}



.workListWrap .floatElem5 img{ width: 100%;}



.workListWrap .floatElem6{width: 4%; top: 0; right: 0; position: absolute;}



.workListWrap .floatElem6 img{ width: 100%;}



.workListWrap .floatElem7{width: 7%; top: 45%; right: 5%; position: absolute;}



.workListWrap .floatElem7 img{ width: 100%;}



.workListWrap .floatElem8{width: 7%; top: 75%; right: 5%; position: absolute;}



.workListWrap .floatElem8 img{ width: 100%;}







.workDetailBanner.aboutBanner .bannerCnt .bannerInner{ width: 50%;}



.workDetailBanner.aboutBanner .bannerImg{ width: 55%; position: absolute; right: -8%; bottom: 0;}



.workDetailBanner.aboutBanner .bannerImg img{ width: 80%;}







.workDetWrap{ padding: 90px 0; position: relative;}



.workDetWrap .section1{ width: 80%; display: inline-block; margin-bottom: 100px;}



.workDetWrap .section1 .clieSer{ display: inline-block; vertical-align: middle; width: calc(50% - 3px); text-align: left;}



.workDetWrap .section1 .clieSer span{ color: #9a9a9b;font-size: 17px; font-family: 'Graphik-Regular'; width: 100%; float: left; margin-bottom: 5px;}



.workDetWrap .section1 .clieSer p{ color: #343535;font-size: 19px; font-family: 'Graphik-Regular'; width: 100%; float: left;}



.workDetWrap .section1 .clieSer .spacer{ height: 30px; width: 100%; float: left;}



.workDetWrap .section1 .synopsis1{ display: inline-block; vertical-align: middle; width: calc(50% - 3px); text-align: left;}



.workDetWrap .section1 .synopsis1 p{ color: #343535; font-size: 20px; font-family: 'Graphik-Medium'; width: 100%; float: left; line-height: 1.6;}



.workDetWrap .section2{ margin-bottom: 50px;}



.workDetWrap .section2 img{ width: 100%; margin-bottom: 50px;}



.workDetWrap .section2 p{ width: 100%; float: left; font-size: 19px; line-height: 1.6; font-family: 'Graphik-Medium'; text-align: left;}



.workDetWrap .section3{ margin-bottom: 50px;}



.workDetWrap .section3 img{ width: 100%; margin-bottom: 50px;}



.workDetWrap .section3 p{ width: 100%; float: left; font-size: 19px; line-height: 1.6; font-family: 'Graphik-Medium'; text-align: center;}







.workDetWrap .floatElem2{ width: 7%; top: 6%; left: 5%; position: absolute;}



.workDetWrap .floatElem2 img{ width: 100%;}



.workDetWrap .floatElem3{ width: 4%; top: 3%; right: 0; position: absolute;}



.workDetWrap .floatElem3 img{ width: 100%;}



.workDetWrap .floatElem4{ width: 7%; top: 70%; left: 1%; position: absolute;}



.workDetWrap .floatElem4 img{ width: 100%;}



.workDetWrap .floatElem5{ width: 6%; bottom: 3%; left: 0; position: absolute;}



.workDetWrap .floatElem5 img{ width: 100%;}



.workDetWrap .floatElem6 { width: 6%; top: 37%; right: 5%; position: absolute;}



.workDetWrap .floatElem6 img{ width: 100%;}



.workDetWrap .floatElem7 { width: 6%; bottom: -2%; right: 5%; position: absolute;}



.workDetWrap .floatElem7 img{ width: 100%;}







.moreWorks{background: #fafafa; padding: 38px 0;}



.moreWorks ul{ width: 100%; float: left; display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row wrap; margin: 50px 0 0;}



.moreWorks ul li{ width: calc(50% - 40px); margin: 0 0 80px; position: relative;}



.moreWorks ul li:nth-child(even){ margin-top: 80px; margin-bottom: 30px;}



.moreWorks ul li img{ max-width: 100%;}



.moreWorks ul li .cntDiv{text-align: left;margin-top: 12px;}



.moreWorks ul li .cntDiv h2{ color: #091677; font-size: 26px; font-family: 'Graphik-Semibold'; margin-bottom: 4px; display: block;}



.moreWorks ul li .cntDiv span{ color: #091677; font-size: 15px; font-family: 'Graphik-Regular'; display: block;} 



.moreWorks .moreWorkslider{width: 100%;float: left;margin-top: 50px;}



.moreWorks .moreWorkslider .item {margin: 0 25px; position: relative; text-align: left;}



.moreWorks .moreWorkslider .item:nth-child(even){ margin-top: 60px; margin-bottom: 30px;}



.moreWorks .moreWorkslider  .item .imgBox {width: 100%; float: left; position: relative;}



.moreWorks .moreWorkslider .item .imgBox img{ max-width: 100%;}



.moreWorks .moreWorkslider .cntDiv{/* position: absolute; right: -20px; bottom: 20px; */text-align: left;margin-top: 12px;width: 100%;float: left;}



.moreWorks .moreWorkslider .cntDiv h2{ color: #091677; font-size: 26px; font-family: 'Graphik-Semibold'; margin-bottom: 4px; display: block;}



.moreWorks .moreWorkslider .cntDiv span{ color: #091677; font-size: 15px; font-family: 'Graphik-Regular'; display: block;}







.moreWorks .slliderAction{margin-top: 30px;}



.moreWorks .slliderAction .slideArrow {width: calc(100% - 4px); display: inline-block; vertical-align: middle; text-align: right;}



.moreWorks .slliderAction .slideArrow a {display: inline-block;  margin: 0 10px;}















.careerWrapper{ position: relative;}



.careerWrapper .careerInfo{ width: calc(50% - 4px); display: inline-block; vertical-align: middle;}



.careerWrapper .careerInfo .infoInner{ width: 70%; display: inline-block; text-align: left;}



.careerWrapper .careerInfo .infoInner p{ margin-top: 40px; width: 100%; float: left; font-size: 17px; font-family: 'Graphik-Regular'; line-height: 1.7;}



.careerWrapper .careerFrmWrap{width: calc(50% - 4px); display: inline-block; vertical-align: middle; background: #f5f5f5; padding: 100px;}



.careerWrapper .careerFrmWrap ul{ width: 100%; float: left; display: flex; justify-content: space-between; flex-flow: row wrap; margin: 30px 0 0;}



.careerWrapper .careerFrmWrap ul li{ width: 100%; float: left; margin: 15px 0; text-align: left;}



.careerWrapper .careerFrmWrap ul li.half{ width: calc(50% - 30px); float: left;}



.careerWrapper .careerFrmWrap ul li .text{ width: 100%; float: left; border: 1px solid #e8e8e8; font-family: 'Graphik-Regular'; font-size: 15px; color: #000000; padding: 15px;}



.careerWrapper .careerFrmWrap ul li textarea{ height: 120px; resize: none;}



.careerWrapper .careerFrmWrap ul li button.cButton:after{ background: #e7e7e7;}







.careerWrapper .careerFrmWrap ul li .inputfile { width: 0.1px; height: 0.1px;  opacity: 0;  overflow: hidden; position: absolute;  z-index: -1; }



.careerWrapper .careerFrmWrap ul li .inputfile + label{ position: static; pointer-events: inherit; cursor: pointer;}



.careerWrapper .careerFrmWrap ul li .inputfile + label .svgWrap{display: inline-block; vertical-align: middle; border: 1px solid #7e7e7f; border-radius: 50%; padding: 12px; margin: 0 10px 0 0;}



.careerWrapper .careerFrmWrap ul li .inputfile + label svg{ fill: #7e7e7e; width: 1.6em; display: inline-block; vertical-align: middle;}



.careerWrapper .careerFrmWrap ul li .inputfile + label span{ display: inline-block; vertical-align: middle; color: #7e7e7f; font-size: 14px; text-transform: none;}



.careerWrapper .careerFrmWrap ul li .inputfile + label span abbr{ width: 100%; float: left; }



.careerWrapper .careerFrmWrap ul li .inputfile + label span abbr.color{color: #93bd3a; font-weight: bold;font-size: 15px;}











.careerWrapper .floatElem1{ width: 7%; position: absolute; top: 0; left: 0;}



.careerWrapper .floatElem1 img{ width: 100%;}



.careerWrapper .floatElem2{ width: 7%; position: absolute; bottom: 12%; left: 5%;}



.careerWrapper .floatElem2 img{ width: 100%;}







.blogWrapper{ padding: 100px 0 0; position: relative;}



.blogWrapper .floatElem1{ position: absolute; right: 0; top: 0; width: 7%;}



.blogWrapper .floatElem1 img{ width: 100%;}



.bloglist{ margin: 60px 0 0;}



.bloglist .blogMenu{ margin: 0 0 60px;}



.bloglist .blogMenu ul{ width: 100%; float: left; display: flex; align-items: center; justify-content: space-between;}



.bloglist .blogMenu ul li{ display: inline-block;}



.bloglist .blogMenu ul li a{ color: #848484; font-family: 'Graphik-Regular'; font-size: 20px; }



.bloglist .blogMenu ul li a:hover, .bloglist ul li a.active{ color: #000; border-bottom: 2px solid #ccfe5c;}











.blogWrapper .blogListInner ul{ width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;}



.blogWrapper .blogListInner ul li{width: calc(33.3% - 30px); margin-bottom: 30px; text-align: left;}



.blogWrapper .blogListInner .item{ width: 100%; float: left;}



.blogWrapper .blogListInner .item .imgBox{ width: 100%; float: left; position: relative;}



.blogWrapper .blogListInner .item .imgBox img{ width: 100%; float: left;}



.blogWrapper .blogListInner .item .blogCnt{ padding: 25px 30px 25px 0; width: 100%; float: left;}



.blogWrapper .blogListInner .item .blogCnt span.date{ color: #a7a6a7; font-size: 13px; font-family: 'Graphik-Medium'; width: 100%; float: left; letter-spacing: 0.5px; margin-bottom: 20px;}



.blogWrapper .blogListInner .item .blogCnt h2{ color: #323131; font-size: 18px; font-family: 'Graphik-Medium'; width: 100%; float: left; line-height: 1.3;}



.blogWrapper .blogListInner .loadmoreBtn{ margin: 50px 0 0;}







.blogMobDD{ display: none;}



#blogMenuDD{ width: 100%; float: left; text-align: left;}



.select2-container{ text-align: left;}



.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#081475; font-weight: 600; font-size: 16px;}



.select2-container--default .select2-selection--single .select2-selection__arrow b{ background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 15px; height: 15px;}



.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 34px;}



.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 36px;}



.select2-container .select2-selection--single{ height: 36px;}







.blogDetailWrap{ max-width: 1200px; display: inline-block; text-align: left;}



.blogDetailWrap .spanHead{ color: #959495; font-family: 'Graphik-Medium'; font-size: 16px; margin-bottom: 20px;}



.blogDetailWrap .spanHead span{ margin: 0 10px; display: inline-block; vertical-align: middle;}



.blogDetailWrap .spanHead span:first-child{margin-left: 0;}



.blogDetailWrap .spanHead a{ margin: 0 10px; display: inline-block; vertical-align: middle;}







.blogDetailWrap h1.blogTitle{ font-size: 40px; width: 100%; float: left; margin-bottom: 20px; font-family: 'Graphik-Semibold';}



.blogDetailWrap .readSpan{ margin-bottom: 50px; color: #959495; font-family: 'Graphik-Medium'; font-size: 16px; display: flex; align-items: center;}



.blogDetailWrap .readSpan img{ display: inline-block; vertical-align: middle;}



.blogCnt p{ float: left; font-family: 'Graphik-Regular'; font-size: 16px; letter-spacing: 0.5px; line-height: 1.7; margin-bottom: 30px; width: 85%;}



.blogCnt .imgGrid2{ width: 100%; float: left; margin: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}



.blogCnt .imgGrid2 .imgBx{ width: calc(50% - 20px); margin-bottom: 40px;}



.blogCnt .imgGrid2 .imgBx img{ width: 100%;}







.commentList{ width: 100%; float: left; margin: 40px 0 0;}



.commentList h1{ width: 100%; float: left; padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #000; font-size: 18px;}







.relatedBx{ margin: 60px 0 0;}



.relatedBx h1{width: 100%; float: left;  margin: 0 0 25px; font-size: 27px; text-align: left;}











.navigationPop{ background: #081475; position: fixed; left: 0; top: 0; height: 100%; display: none; align-items: center; justify-content: center; flex-flow: row wrap; z-index: 8;}



.navigationPop .wrapper{width: 90%;}



.navigationPop ul{ width: 100%; float: left; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap;}



.navigationPop ul li{width: calc(20% - 60px); text-align: left; margin: 60px 30px;}



.navigationPop ul li a{ display: inline-block; font-size: 33px; font-weight: 700; color: #fff; text-transform: uppercase; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.navigationPop ul li span{ font-size: 15px; color: #fff; width: 100%; float: left; margin-bottom: 10px; font-weight: 600; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.navigationPop ul li:hover a, .navigationPop ul li:hover span{ color: #c8fe50;}



.navigationPop ul li:hover a{transform: scale(1.3);}



.active1{transform: scale(1.2);}



a.active1{color: #c8fe50 !important;}



.navigationPop .navSocial{ position: absolute; left: 30px; bottom: 40px;}



.navigationPop .navSocial .wrapper{ text-align: left;}



.navigationPop .navSocial a{ width: 30px; height: 30px; text-align: center; background: #fff; border-radius: 50%; color: #081375; display: inline-block; margin: 0 18px 0 0; font-size: 16px;  transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.navigationPop .navSocial a i{ line-height: 30px;}



.navigationPop .navSocial a:hover{ background: #c8fe50;}







.sayHelloPop{ background: #081475; position: fixed; left: 0; top: 0; height: 100%; display: none; align-items: center; justify-content: center; flex-flow: row wrap; z-index: 45;}



.sayHelloPop .addrHalf{ width: 45%; float: left; height: 100%; position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: left;}



.sayHelloPop .addrHalf .addressWrap{ width: 70%; float: left;}



.sayHelloPop .addrHalf .addressWrap span{color: #c8fe50; font-size: 14px; width: 100%; float: left; font-family: 'Graphik-Medium'; letter-spacing: 2px; margin-bottom: 10px;}



.sayHelloPop .addrHalf .addressWrap p, .sayHelloPop .addrHalf .addressWrap a{ width: 100%; float: left; color: #fff; font-size: 20px; font-family: 'Graphik-Medium'; line-height: 1.7;}



.sayHelloPop .addrHalf .addressWrap a{ margin-bottom: 10px; text-decoration: underline;}



.sayHelloPop .addrHalf .addressWrap .addrInner{ margin-bottom: 80px; width: 100%; float: left;}







.sayHelloPop .formHalf{ width: 55%; float: left; height: 100%; position: relative; background: #fff; display: flex; align-items: center; justify-content: center; text-align: left;overflow-y: scroll;}



.sayHelloPop .formHalf .formInner{ width: 70%; height: 65vh; float: left;}



.sayHelloPop .formHalf .formInner .helloNav{ margin-bottom: 100px;}



.sayHelloPop .formHalf .formInner .helloNav a{font-family: 'Graphik-Regular'; font-size: 17px; color: #999898; display: inline-block; vertical-align: middle; margin: 0 30px 0 0;}



.sayHelloPop .formHalf .formInner .helloNav a.active{ color: #081475;}



.confirmation{ text-align: center;}



.confirmation p{ margin-bottom: 40px;}







.tabCnt ul{ width: 100%; float: left;}



.tabCnt ul li{ width: 100%; float: left; margin-bottom: 40px; position: relative;}



/****  floating-Lable style start ****/



.tabCnt ul li .floating-label { position:relative; margin-bottom:5px; }



.tabCnt ul li .floating-input , .tabCnt ul li .floating-select { font-size:14px; padding:10px 0; display:block; width:100%; height:40px; background-color: transparent; border:none;   border-bottom:1px solid #757575; font-family: 'Graphik-Regular'; font-size: 18px; color: #000;}



.tabCnt ul li .floating-input:focus , .tabCnt ul li .floating-select:focus { outline:none; border-bottom:1px solid #757575; }



.tabCnt ul li label { color:#000; font-family: 'Graphik-Medium'; font-size:14px; font-weight:normal; position:absolute; pointer-events:none; left:0; top:5px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; letter-spacing: 1px;}



.tabCnt ul li .floating-input:focus ~ label, .tabCnt ul li .floating-input:not(:placeholder-shown) ~ label { top:-22px; }



.tabCnt ul li .floating-select:focus ~ label , .tabCnt ul li .floating-select:not([value=""]):valid ~ label { top:-22px;}



/* active state */



.tabCnt ul li .floating-input:focus ~ .bar:before, .tabCnt ul li .floating-input:focus ~ .bar:after, .tabCnt ul li .floating-select:focus ~ .bar:before, .tabCnt ul li .floating-select:focus ~ .bar:after { width:50%; }



*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



.tabCnt ul li .floating-textarea { min-height: 30px; max-height: 260px; overflow:hidden; overflow-x: hidden; }



/* highlighter */



.tabCnt ul li .highlight { position:absolute; height:50%; width:100%; top:15%; left:0; pointer-events:none; opacity:0.5;}



/* active state */



.tabCnt ul li .floating-input:focus ~ .highlight , .tabCnt ul li .floating-select:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;     animation:inputHighlighter 0.3s ease;}



/* animation */



@-webkit-keyframes inputHighlighter {



     from { background:#5264AE; }



     to{ width:0; background:transparent; }



}



@-moz-keyframes inputHighlighter {



     from { background:#5264AE; }



     to     { width:0; background:transparent; }



}



@keyframes inputHighlighter {



     from { background:#5264AE; }



     to     { width:0; background:transparent; }



}



/****  floating-Lable style end ****/


/*---ishwar-25-6-22---*/

/* 
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
} */
/*---ishwar-25-6-22---*/





/*---ishwar-3-9-20---*/



.left-img-sec { position: absolute !important; float: left!important;left: 110px;}



.left-img-sec img{width: 100% !important; float: left;}



.right-img-sec {position: absolute  !important; width: 20%; float: right;right: 160px; top: 91px !important;}



.right-img-sec img{width: 100% !important; float: left;}



.top-ban-cont{width: 100%; float: left; top: 30px;}



.top-ban-cont h2{font-size: 26px; color:#081375;font-weight: 600; margin-top: 30px;}



.top-ban-cont h3{font-size: 24px; color:#333333;font-weight: 600;}



/*---ishwar-3-9-20---*/







.tabCnt ul li .inputfile { width: 0.1px; height: 0.1px;  opacity: 0;  overflow: hidden; position: absolute;  z-index: -1; }



.tabCnt ul li .inputfile + label{ position: static; pointer-events: inherit; cursor: pointer;}



.tabCnt ul li .inputfile + label .svgWrap{display: inline-block; vertical-align: middle; border: 1px solid #7e7e7f; border-radius: 50%; padding: 12px; margin: 0 10px 0 0;}



.tabCnt ul li .inputfile + label svg{ fill: #7e7e7e; width: 1.6em; display: inline-block; vertical-align: middle;}



.tabCnt ul li .inputfile + label span{ display: inline-block; vertical-align: middle; color: #7e7e7f; font-size: 14px; text-transform: none;}



.tabCnt ul li .inputfile + label span abbr{ width: 100%; float: left; text-transform: uppercase;}







.tabCnt ul li  div.note{position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #7e7e7f; font-size: 15px;}







.confirmation p{ color: #888889; font-size: 17px; letter-spacing: 0.5px;  width: 100%; float: left; text-align: center; line-height: 1.7; font-family: 'Graphik-Medium';}











.serviceListWrap{ margin: 0px 0 0; position: relative;}



.serviceListWrap .floatElemA{ width: 7%; position: absolute; left: 7%; top: 30px;}



.serviceListWrap .floatElemA img{ width: 100%;}



.serviceListWrap .floatElemB{ width:5%; position: absolute; right: 0; top: 2%;}



.serviceListWrap .floatElemB img{ width: 100%;}



.serviceListWrap .floatElemC{ width: 7%; position: absolute; left: 0; top: 63%;}



.serviceListWrap .floatElemC img{ width: 100%;}



.serviceListWrap .floatElemD{ width: 7%; position: absolute; right: 5%; top: 35%;}



.serviceListWrap .floatElemD img{ width: 100%;}



.serviceListWrap .floatElemE{ width: 7%; position: absolute; right:0; bottom: 104px;}



.serviceListWrap .floatElemE img{ width: 100%;}







.serviceListWrap .wrapper{ max-width: 1200px;}



.serviceListWrap .serviceCnt{ position: relative;}



.serviceListWrap .serviceCnt p{ width: 80%; display: inline-block; text-align: center; font-size: 25px; font-family: 'Graphik-Regular'; line-height: 1.7;}



.serviceListWrap ul.serviceList{ margin-top: 30px; text-align: left;}



.serviceListWrap ul.serviceList li{ width: calc(33.3% - 4px); text-align: center; display: inline-block; vertical-align: middle; position: relative;}



.serviceListWrap ul.serviceList li img.circleBg{ width: 100%; opacity: 0;}



.serviceListWrap ul.serviceList li .serCnt{ width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



.serviceListWrap ul.serviceList li .serCnt .imgBx{ width: 100%; display: inline-block; margin-bottom: 20px;}



.serviceListWrap ul.serviceList li .serCnt .imgBx img{ width: 100%;}



.serviceListWrap ul.serviceList li .serCnt h2{font-family: 'Graphik-Medium'; font-size: 19px; width: 100%; float: left;}







/* .serviceDetWrap{ padding: 100px 0;}



.serviceDetWrap .serTitle h1{ color: #4941a2; font-family: 'Graphik-Semibold'; font-size: 120px; width: 100%; float: left; text-align: left; padding: 0 0 0 100px; position: relative;}



.serviceDetWrap .serTitle h1 span{opacity: 0.06; }



.serviceDetWrap .serTitle h1:after{ background: #F7F7FF; position: absolute; left: 0; top: 0; width: 30%; height: 100%; content: ""; z-index: -1;}



.serviceDetWrap .serviceImg{ width: 40%; float: left; padding: 0 10% 0 0;}



.serviceDetWrap .serviceImg img{ width: 100%;}



.serviceDetCnt{ width: 60%; float: left; padding: 20px 0; text-align: left;}



.serviceDetCnt p{font-family: 'Graphik-Regular'; line-height: 1.5; font-size: 18px; width: 85%; float: left; padding: 20px 0;} */







.relService{ margin-top: 20px;}



.relService h2{ font-size: 18px; width: 100%; float: left; margin-bottom: 15px; font-family: 'Graphik-Medium';}



.relService ul{ width: 100%; float: left; }



.relService ul li{ font-size: 16px; width: 33.3%; float: left; margin: 10px 0; padding: 0 0 0 20px; position: relative;}



.relService ul li:after{ content:""; width: 5px; height: 5px; border-radius:50%; background-color:#fba70b; position: absolute; left: 0; top:calc(50% - 2px); }







.bgOverlayLighrGreen { float: left; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: #fff; z-index: 4; -webkit-backface-visibility: hidden; backface-visibility: hidden;}



.bgOverlayGray { float: left; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: #f0f0f0; z-index: 4; -webkit-backface-visibility: hidden; backface-visibility: hidden;}







#enquiry-modal, #careers-modal{ background: #fff; max-width: 600px; width: 100%; padding: 50px; text-align: center; display: inline-block; position: relative;}



#enquiry-modal p, #careers-modal p{ font-size: 18px; line-height: 1.7; width: 100%; float: left;}







.newsRoomWrap{ padding: 100px 0 0; position: relative;}



.floatElem1{ width: 7%; position: absolute; right: 0; top: 0;}



.floatElem1 img{ max-width: 100%;}







.newsRoomWrap ul{ width: 100%; float: left; margin-bottom: 50px; text-align: left; display: flex; justify-content: flext-start; flex-flow: row wrap;}



.newsRoomWrap ul li { width: calc(33.3% - 0px); display: inline-block; vertical-align: top;  padding: 50px 20px; text-align: left;}



.newsRoomWrap ul li.grid-sizer{ display: none;}



.newsRoomWrap ul li .imgBx{ width: 100%; float: left; margin-bottom: 5px;}



.newsRoomWrap ul li .imgBx img{ width: 100%; float: left;}



.newsRoomWrap ul li span{ color: #9a9a9b; font-size: 14px; font-family: 'Graphik-Medium'; width: 100%;  float: left;  margin: 5px 0 5px 0; }



.newsRoomWrap ul li p{ color: #000; font-size: 14px; font-family: 'Graphik-Medium'; width: 100%;  float: left;  margin: 10px 0 0 0; }







.newsRoomWrap ul li .imgBx{position: relative;z-index: 4;}



.newsRoomWrap ul li .imgBx img{position: relative;z-index: 3;}



.newsRoomWrap ul li .imgBx .loader-div{background: url('../images/35.gif') no-repeat center center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}







.newsNav{ margin: 55px 0 0; text-align: left; }



.newsNav a{ display: inline-block; color: #9f9d9d; font-size: 17px; text-transform: uppercase; padding: 0 15px 15px 0; position: relative; transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}



.newsNav a:last-child{ padding: 0 0 15px 15px;}



.newsNav a.active, .newsNav a:hover{ color: #313131;}



.newsNav a.active:after, .newsNav a:hover:after{ content: ""; position: absolute; bottom: 6px; left: 50%; width: 60%; height: 2px; transform: translateX(-50%); background: #9fdb1e;}



.newsNav a:last-child:before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 60%; background: #313131;}



.secTitle h3.green{color: #c8fe50;}







/*ishwar css - newsroom*/



span.pippeSymbol {



   padding: 10px 10px 10px 0px;



   font-size: 20px;



}



span.pippeSymbol:last-child{



    display:none;



}



    /*end*/



/*AMIT CSS */



.section-do.ourClient .wrapper{width: 60%;}



.section-do.ourClient .secTitle { text-align: left;color: #fff;margin-bottom: 40px;}



.section-do.ourClient .secTitle h2{ color: #fff;}



.section-do.ourClient .secTitle h3{color: #fff;;}



.section-do.ourClient .secTitle h2 abbr:after { background: url(../images/title_after.png) no-repeat center center; background-size: cover;}



.section-do .wrapper .serviceSlider1{width: 100%;float: left;display: flex;justify-content: space-between;align-items: flex-start;}



.section-do .wrapper .serviceSlider1 .item{width: calc(27% - 15px);margin-right:20px;float: left;display: inline-block}



.section-do .wrapper .serviceSlider1 .item .icon{background: #010c62; display: inline-block;vertical-align: middle;text-align: center;width: 100%;padding: 50px;}



.section-do .wrapper .serviceSlider1 .item .icon img{max-width: 75%;}



.section-do .wrapper .serviceSlider1 .item .scontent{text-align: left;margin-top: 30px;width: 100%; float: left;}



.section-do .wrapper .serviceSlider1 .item .scontent h2{color: #c8fe50;font-size: 23px;font-weight: bold;}



.section-do .wrapper .serviceSlider1 .item .scontent p{color: #fff;font-size: 25px;padding: 10px 0;}







.section-do .wrapper .slliderAction{text-align: left;margin: 20px 0 20px 0;}







.section-do .wrapper .slliderAction.knowmore1{height: auto;}



.section-do .wrapper .slliderAction.knowmore1 .btnCnt{ width: 100%; float: left; margin: 32px 0 0;}



.section-do .wrapper .slliderAction.knowmore1 .btnCnt a.cButton span{ color: #c8fe50;font-weight: 500;}



.section-do .wrapper .slliderAction.knowmore1 .btnCnt a.cButton:after{ background: #030e5f;}



.section-do .wrapper .slliderAction.knowmore1 .btnCnt a.cButton:before{ border-color: #c8fe50; }



.section-do .wrapper .slliderAction.knowmore1 .btnCnt a.cButton span:after{  border-color: #c8fe50;}







.ourClient_new{ margin: 0px 0; padding: 60px 0; background: #fafafa; position: relative;}



.ourClient_new .secTitle{ text-align: center;}



.ourClient_new .secTitle .ourClient .secTitle h2{ color: #081577;}



.ourClient_new .secTitle span{color: #9b9898;text-transform: uppercase;font-size: 14px;}



.ourClient_new .secTitle h3{ color: #212121;}



.ourClient_new .secTitle h2 abbr:after { background: url(../images/title_afterw.png) no-repeat center center; background-size: cover;}



.ourClient_new ul{ width: 100%; float: left; text-align: left; margin: 50px 0 0;}



.ourClient_new ul li{ width: calc(20% - 104px); display: inline-block; vertical-align: middle; margin: 50px; text-align: center;}



.ourClient_new ul li img{ max-width: 100%; display: inline-block;}



.ourClient_new .floatA{ position: absolute; left: 5%; top: 5%; width: 8%;}



.ourClient_new .floatA img{ max-width: 100%;}







/* .ourClient_new .floatB{ position: absolute; right: 5%; bottom: 5%; width: 8%;}



.ourClient_new .floatB img{ max-width: 100%;} */



.ourClient_new .floatBC {position: absolute;right: 1px;top: -2%;width: 6%;text-align: right;}



.ourClient_new .floatBC img{max-width: 100%;}



 



.section-award.ourClient{padding-bottom: 0;z-index: 1;}



.section-award.ourClient .floatAP {right: 0; bottom: -20%;position: absolute; width: 12%;text-align: left;z-index: 1;display: none;}



.section-award.ourClient .floatAP img{max-width: 100%;}



.section-award.ourClient .secTitle { text-align: left;color: #fff;margin-bottom: 40px;}



.section-award.ourClient .secTitle h2{ color: #fff;}



.section-award.ourClient .secTitle h2 abbr:after { background: url(../images/title_after.png) no-repeat center center; background-size: cover;}



.section-award  .serviceSlider1{width: 100%;float: left;display: flex;justify-content: center;align-items: flex-start;background: #010c62}



.section-award  .serviceSlider1 .item{width: 43%; margin-right:0px;float: left;display: inline-block;margin: 0;}



.section-award  .serviceSlider1 .item .icon-normal{vertical-align: middle;text-align: center;width: 100%;padding: 0px;}



.section-award  .serviceSlider1 .item .icon-mobile{vertical-align: middle;text-align: center;width: 100%;padding: 0px;display: none;}



.section-award  .serviceSlider1 .item .scontent{text-align: left;margin-top: 30px;width: 100%; float: left;}



.section-award  .serviceSlider1 .item .scontent h2{color: #c8fe50;font-size: 28px;font-weight: bold;}



.section-award  .serviceSlider1 .item .scontent p{color: #fff;font-size: 25px;padding: 10px 0;}



/* .section-award  .serviceSlider1 .item .icon .img1{width:849px;height:519px}



.section-award  .serviceSlider1 .item .icon .img2{width:370px;height:519px}



.section-award  .serviceSlider1 .item .icon .img3{width:701px;height:519px} */



/* .section-award  .serviceSlider1 .item .icon1{width: 100%;float: left;}



.section-award  .serviceSlider1 .item .icon2 {width: 100%;float: left;}



.section-award  .serviceSlider1 .item .icon3 {width: 100%;float: left;} */



.section-award  .serviceSlider1 .item  img{max-width: 100%;}















.sec-partners .floatB {left: 0; bottom: 0%;position: absolute; width: 7%;text-align: left;}



.sec-partners .floatB img{max-width: 100%;}







.sec-partners .wrapper ul{ width: 100%; float: left; text-align: left; margin: 30px 0 0 ;}



.sec-partners .wrapper ul li{ width: 16%; display: inline-block; vertical-align: middle; margin:30px 30px 30px 0; text-align: left;}



.sec-partners .wrapper ul li img{ max-width: 100%; display: inline-block;}







.section-instagram{background: #081577; margin: 50px 0 0 0;padding-bottom: 50px;position: relative;z-index: 5;}



.section-instagram .floatA{ position: absolute;  right: 0; top: -20%; width: 10%; text-align: right;}



.section-instagram .floatA img{ max-width: 100%;}



.section-instagram .secTitle{ text-align: center;padding: 50px 0;}



.section-instagram .secTitle h2{ color: #fff;}



.section-instagram .secTitle span{color: #c8fe50;text-transform: uppercase;font-size: 14px;}



.section-instagram .secTitle h3{ color: #fff;}



.section-instagram .secTitle h2 abbr:after { background: url(../images/title_after.png) no-repeat center center; background-size: cover;}



.section-instagram .insta-slider{width: 100%;float: left;/*display: flex;*/ display: inline-block; margin-bottom: 50px;}/*---ishwar-22-5-20--*/



.section-instagram .insta-slider .imgBox{ width:20% !important; float: left; padding: 0 0px;display: block;}/*---ishwar-22-5-20--*/



.section-instagram .insta-slider .imgBox ul{ width:100% !important; background-color: #152434;  float: left;height: 205px; padding: 20px;display: block;}/*---ishwar-22-5-20--*/



.section-instagram .insta-slider .imgBox ul li{ width:100% !important; display: block;}



.section-instagram .insta-slider .imgBox ul li .instaimgicon {width: 100%; float: left;margin-left: 52px; margin-top: 30px;}



.section-instagram .insta-slider .imgBox ul li .instaimgicon img {max-width: 23% !important;display: block;margin-left: 12px;}



.section-instagram .insta-slider .imgBox ul li h3{font-family: 'Montserrat', sans-serif; color: #fff; font-weight: 600; padding-top: 30px; padding-bottom:10px;}



.section-instagram .insta-slider .imgBox ul li h4{font-family: 'Montserrat', sans-serif; color: #cffe68; font-weight: 600; padding-bottom:10px;}







.section-instagram .insta-slider .imgBox img{ max-width: 100%;border-radius: 0px;}/*---ishwar-22-5-20--*/



.section-instagram .insta-slider .imgBox:nth-child(even){/*padding-top: 30px;*/}/*---ishwar-22-5-20--*/



/*.section-instagram .slick-slider button.slick-prev {background: url(../images/a-left.png) no-repeat center; left: -20px; }



.section-instagram .slick-slider button.slick-next {background: url(../images/a-right.png) no-repeat center;right: -20px; }*//*---ishwar-22-5-20--*/







.sayHelloPop .enqImg { width: calc(100% - 00px);padding: 0 00px;position: relative;     margin-top: 18%;}



.sayHelloPop .enqImg img {width: 100%;display: inline-block;position: relative;z-index: 2; }



.sayHelloPop .enqImg .contactImgCnt {position: absolute;left: 30px;top: 70px;text-align: left;z-index: 11; }



.sayHelloPop .enqImg .contactImgCnt h2 {color: #c8fe50;width: 100%;float: left;font-size: 35px;font-family: 'Montserrat', sans-serif;font-weight: 700;



}

.sayHelloPop .enqImg .contactImgCnt p.popForm {color: #c8fe50;width: 100%;float: left;font-size: 35px;font-family: 'Montserrat', sans-serif;font-weight: 700;



}



.sayHelloPop .enqImg .contactImgCnt p {color: #fff;width: 100%;float: left;font-size: 18px;font-family: 'Montserrat', sans-serif;margin-top: 10px;



}







.enquireWrap .enqImg .contactImgCnt {position: absolute;left: 42px;top: 35px;text-align: left;z-index: 11; }



 .enquireWrap .enqImg .contactImgCnt h2 {color: #c8fe50;width: 100%;float: left;font-size: 35px;font-family: 'Montserrat', sans-serif;font-weight: 700;



 }



 .enquireWrap .enqImg .contactImgCnt p {color: #fff;width: 100%;float: left;font-size: 18px;font-family: 'Montserrat', sans-serif;margin-top: 10px;



 }







 .sec-client-say{margin: 0;padding: 30px 0;}



.sec-client-say .floatB {left: 0; bottom: 0%;position: absolute; width: 9%;text-align: left;z-index: 1;}



.sec-client-say .floatB img{max-width: 100%;}



.sec-client-say .floatAB{ position: absolute; right: 6%; top: 0%; width: 10%;}



.sec-client-say .floatAB img{ max-width: 100%;}



.sec-client-say .wrapper .sliderTesti{margin-top: 50px;position: relative;}



.sec-client-say .wrapper .sliderTesti .tesimonial{width: 100%; float: left;text-align: right;position: relative;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-img{position: absolute;width: 20%;top: 0;left: 1px;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-img img{max-width: 100%;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-testimonial{width: 89%;text-align: left;display: inline-block;background: #fafafa;margin-top: 70px;padding: 30px 90px 80px 150px;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-testimonial p{padding: 30px; color: #000;line-height: 1.5rem;font-family: 'Montserrat', sans-serif;color: #000;line-height: 1.5rem;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-testimonial h2{font-family: 'Montserrat', sans-serif;color: #000;font-size: 12px;font-weight: 700;text-align: left;padding:0 30px;margin-top: 50px;text-transform: uppercase;margin-bottom: 5px;}



.sec-client-say .wrapper .sliderTesti .tesimonial .client-testimonial h3{font-family: 'Montserrat', sans-serif;color: #000;font-size: 13px;text-align: left;padding:0 30px;text-transform: uppercase;}







 .sec-client-say .wrapper{position: relative;}



.sec-client-say .wrapper  .slliderAction{position: absolute;bottom: 0px;right: 30px;margin: 0;z-index:1}



.sec-client-say .wrapper  .slliderAction .slideArrow{width: 100%;float: left;}



.sec-client-say .wrapper .slliderAction .slideArrow a{margin: 0 0px;padding: 30px 32px;}



.sec-client-say .wrapper  .slliderAction .slideArrow a.norm{display: none;}



.sec-client-say .wrapper .slliderAction .slideArrow a:hover{background: #081577;}



.sec-client-say .wrapper .slliderAction .slideArrow a:hover a.norm {display: inline-block;}



.sec-client-say .wrapper  .slliderAction .slideArrow a:hover a.gray{display: none;}







.section-filter{display: flex;justify-content: center;align-items: center;margin: 70px 0;}



.section-filter .filter-div{width: 70%;float: left;}



.section-filter .filter-div ul{width: 100%;float: left;display: flex;justify-content: center;align-items: center;    margin-bottom: 20px;}



.section-filter .filter-div ul li{display: inline-block;padding: 0 30px;text-align: center;position: relative;    cursor: pointer;}



.section-filter .filter-div ul li:first-child .icon-div.normal{margin-top:0px;}



.section-filter .filter-div ul li:first-child  .icon-div.overlay{margin-top: 0px;}



.section-filter .filter-div ul li:first-child .text-div h3{padding-top: 14px;}



.section-filter .filter-div ul li  .icon-div.normal{width: 100%;float: left;}



.section-filter .filter-div ul li  .icon-div.overlay{width: 100%;float: left;display: none;}



.section-filter .filter-div ul li  .icon-div.normal img{max-width: 100%;}



.section-filter .filter-div ul li  .icon-div.overlay img{max-width: 100%;}



.section-filter .filter-div ul li  .text-div{width: 100%;float: left;}



.section-filter .filter-div ul li  .text-div h3{width: 100%;float: left;font-family: 'Graphik-Regular';font-size: 18px;color: #bdbaba;padding-top: 15px;text-transform: uppercase;letter-spacing: 1px;}



/* .section-filter .filter-div ul li:after{content: ""; border-right: 1px solid #c8fe50;width: 20%;position: absolute;top: 50%;right: 0;display: inline-block;} */



.section-filter .filter-div ul li:after{content: "";position: absolute;top: 38px; left: 0;width: 2px;height: 28%;background: #c8fe50;}



.section-filter .filter-div ul li:first-child:after{display: none;}



.section-filter .filter-div ul li:hover .text-div h3{font-family: 'Graphik-Semibold';color: #081375}



.section-filter .filter-div ul li:hover .icon-div.overlay{display: block;}



.section-filter .filter-div ul li:hover .icon-div.normal{display: none;}



.section-filter .filter-div ul li.active-work .text-div h3{font-family: 'Graphik-Semibold';color: #081375}



.section-filter .filter-div ul li.active-work .icon-div.overlay{display: block;}



.section-filter .filter-div ul li.active-work .icon-div.normal{display: none;}







.section-filter .filter-div ul li.active-service .text-div h3{font-family: 'Graphik-Semibold';color: #081375}



.section-filter .filter-div ul li.active-service .icon-div.overlay{display: block;}



.section-filter .filter-div ul li.active-service .icon-div.normal{display: none;}















.section-filter{display: flex;justify-content: center;align-items: center;margin: 70px 0;}



.section-filter .wrapper .text-div{width: 100%;float: left;}



.section-filter .wrapper .text-div p{width: 100%;float: left;padding: 60px 0 40px 0;font-family: 'Montserrat', sans-serif;font-style: italic;    line-height: 1.3rem;font-size:16px}



.section-filter .wrapper .digital-div{float: left;width: 100%;text-align: left;padding: 30px 0;}



.section-filter .wrapper .digital-div h2{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #010c62;font-size: 25px ;width: 100%;float: left;padding: 15px 0 5px 0;}



.section-filter .wrapper .digital-div h3{font-family: 'Montserrat', sans-serif;color: #fb4242;width: 100%;float: left;font-weight: 500;}



.section-filter .wrapper .digital-div .digital-icon{width: 35%;float: left;padding-left: 15px;}



.section-filter .wrapper .digital-div .digital-icon img{max-width: 23%;}



.section-filter .wrapper .digital-div .service-icons{width: 100%;float: left;padding: 35px 0;}



.section-filter .wrapper .digital-div .service-icons ul{width: 100%;float: left;display: flex;justify-content: flex-start;flex-flow: row wrap;align-items: center;}



.section-filter .wrapper .digital-div .service-icons ul li{display: inline-block;padding: 0 35px 0 0;text-align: center;width: 16%;margin-bottom:25px;}



.section-filter .wrapper .digital-div .service-icons ul li img{max-width:100%;}



.section-filter .wrapper .digital-div .service-icons ul li .icon-div{margin-bottom: 20px;}



.section-filter .wrapper .digital-div .service-icons ul li .icon-name-div h4{font-family: 'Montserrat', sans-serif;color: #010c62;font-weight: 500;font-size: 13px;}







.section-filter .wrapper .martech-div{float: left;width: 100%;text-align: left;padding: 0px 0 20px 0;}



.section-filter .wrapper .martech-div h2{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #010c62;font-size: 25px ;width: 100%;float: left;padding: 15px 0 5px 0;}



.section-filter .wrapper .martech-div h3{font-family: 'Montserrat', sans-serif;color: #fb4242;width: 100%;float: left;font-weight: 500;}



.section-filter .wrapper .martech-div .digital-icon{width: 35%;float: left;padding-left: 12px;}



.section-filter .wrapper .martech-div .digital-icon img{max-width: 23%;}



.section-filter .wrapper .martech-div .service-icons{width: 100%;float: left;padding: 35px 0;}



.section-filter .wrapper .martech-div .service-icons ul{width: 100%;float: left;display: flex;justify-content: flex-start;flex-flow: row wrap;align-items: center;}



.section-filter .wrapper .martech-div .service-icons ul li{display: inline-block;padding: 0 35px 0 0;text-align: center;width: 16%;margin-bottom:25px;}



.section-filter .wrapper .martech-div .service-icons ul li img{max-width:100%;}



.section-filter .wrapper .martech-div .service-icons ul li .icon-div{margin-bottom: 20px;}



.section-filter .wrapper .martech-div .service-icons ul li .icon-name-div h4{font-family: 'Montserrat', sans-serif;color: #010c62;font-weight: 500;font-size: 13px;}







.section-filter .wrapper .performance-div{float: left;width: 100%;text-align: left;padding: 20px 0 20px 0;}



.section-filter .wrapper .performance-div h2{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #010c62;font-size: 25px ;width: 100%;float: left;padding: 15px 0 5px 0;}



.section-filter .wrapper .performance-div h3{font-family: 'Montserrat', sans-serif;color: #fb4242;width: 100%;float: left;font-weight: 500;}



.section-filter .wrapper .performance-div .digital-icon{width: 35%;float: left;padding-left: 12px;}



.section-filter .wrapper .performance-div .digital-icon img{max-width: 23%;}



.section-filter .wrapper .performance-div .service-icons{width: 100%;float: left;padding: 35px 0;}



.section-filter .wrapper .performance-div .service-icons ul{width: 100%;float: left;display: flex;justify-content: flex-start;flex-flow: row wrap;align-items: center;}



.section-filter .wrapper .performance-div .service-icons ul li{display: inline-block;padding: 0 35px 0 0; text-align: center;width: 16%;margin-bottom:25px;}



.section-filter .wrapper .performance-div .service-icons ul li img{max-width:100%;}



.section-filter .wrapper .performance-div .service-icons ul li .icon-div{margin-bottom: 20px;width: 100%;float: left;}



.section-filter .wrapper .performance-div .service-icons ul li .icon-name-div h4{font-family: 'Montserrat', sans-serif;color: #010c62;font-weight: 500;font-size: 13px;float: left;width: 100%;height: 30px;}











.serviceDetWrap{display: flex;justify-content: center;align-items: center;margin: 70px 0;position: relative;}



.serviceDetWrap .floatElemA {width: 7%; position: absolute; left: 4%; top: -29px;}



.serviceDetWrap .floatElemA img {width: 100%;}



.serviceDetWrap .floatElemB {width: 7%; position: absolute; left: 0%; top: 48%;}



.serviceDetWrap .floatElemB img {width: 100%;}



.serviceDetWrap .floatElemC {width: 7%; position: absolute; right: 0%; top: -12%;}



.serviceDetWrap .floatElemC img {width: 100%;}



.serviceDetWrap .floatElemD {width: 7%; position: absolute; right: 16%; bottom: 42%;}



.serviceDetWrap .floatElemD img {width: 100%;}



.serviceDetWrap .wrapper {padding: 0 100px;}



.serviceDetWrap .wrapper .text-div{width: 100%;float: left;text-align: left;}



.serviceDetWrap .wrapper .text-div p{width: 100%;float: left;padding: 40px 0 15px 0;font-family: 'Montserrat', sans-serif;line-height: 1.3rem;text-align: left;color: #000;font-size: 15px;}



.serviceDetWrap .wrapper .text-div h2{font-family: 'Montserrat', sans-serif;font-weight: 700;color: #a7a5a5;font-size: 26px ;width: 100%;float: left;padding: 15px 0;}



.serviceDetWrap .wrapper .serviceDesc{float: left;width: 100%;text-align: left;}



.serviceDetWrap .wrapper .serviceDesc .related{width: 100%;float: left;text-align: left;margin-top: 30px;}



.serviceDetWrap .wrapper .serviceDesc .related h3{font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size: 12px;font-weight: 700;color: #000;}



.serviceDetWrap .wrapper .serviceDesc .service-icons{width: 100%;float: left;padding: 35px 0;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul{width: 100%;float: left;display: flex;justify-content: flex-start;flex-flow: row wrap;align-items: center;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul li{display: inline-block;padding: 0 20px 0 0;width: 20%;text-align: center;margin-bottom:25px;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul li img{max-width:70%;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul li .icon-div{margin-bottom: 20px;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul li .icon-name-div{text-align: center;}



.serviceDetWrap .wrapper .serviceDesc .service-icons ul li .icon-name-div h4{font-family: 'Montserrat', sans-serif;color: #010c62;font-weight: 650;font-size: 12px;height: 30px;}











.float{position:fixed;width:90px;height:90px;bottom:40px; z-index: 5;   left:40px;color:#FFF;border-radius:50px;text-align:center;}



.float img{max-width: 100%;}







/* ishwar - 30-12*/







.head-nav{width:100%; float:left; /*background-color:#e6e6e6;*/ padding: 20px; display:flex; justify-content: center;}



.head-nav .wrapper{width:100%; max-width:1300px; float:left; /*background-color: #000;*/}



.head-nav .wrapper .nav-in{width:100%; float:left; display:flex; justify-content:space-between;align-items: center;}



.head-nav .wrapper .nav-in .left-nav{width: calc(50% - 0px); float:left;}







.head-nav .wrapper .nav-in .logo{width: calc(50% - 0px); float:left; display: flex; justify-content: center; }







.head-nav .wrapper .nav-in .right-nav{width: calc(50% - 0px); float:right;}



.head-nav .wrapper .nav-in .right-nav img{max-width:100%; float:right; }







.section-1{width:100%; float:left;align-items: center;display: flex; justify-content: center; align-content: center;margin-top: 100px; }



.section-1 .bg-text {width:100%; float:left; position:relative;display: flex;justify-content: center;}



.section-1 .bg-text h2{width: 100%;float: left;font-size: 500px; font-family: 'Montserrat', sans-serif; color: #d0d0d0;position: relative;opacity: 0.2;display: flex; justify-content: center; font-weight: 800}



.section-1 .bg-text .section-1-in{



     width: 24%;



     float: left;



     position: absolute;



     display: flex;



     flex-direction: column;



     top: 42%;



     left: 53%;



     transform: translateX(-50%);}



.section-1 .bg-text .section-1-in h1{text-align: left; color:#081577; font-weight:700; font-size:50px; font-family: 'Montserrat', sans-serif;}



.section-1 .bg-text .section-1-in h3{text-align: right; color:#fd4c4d; font-weight:600;letter-spacing: 1px;font-size:14px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; margin:15px 58px 15px 0px;}



.section-1 .bg-text .section-1-in h4{color:#081577; font-size:12px; text-transform:uppercase;  font-weight:700; text-align: center;}



.section-1 .bg-text .section-1-in h4:before {content: " ";display: inline-block; padding:30px;width: 9%; vertical-align: middle; margin-right:-31px; background-color: #fd4c4d; border-radius: 50%;}







.buttonWrap.errorPage a.cButton{color: #081577;}



.buttonWrap.errorPage a.cButton:after{content: "";width: 60px; height: 60px; border-radius: 50%; background: #fd4c4d;position: absolute; left: -24px;



     top: 50%; transform: translateY(-50%); transition: all .35s ease 0s; -moz-transition: all .35s ease 0s; -webkit-transition: all .35s ease 0s; }



 .buttonWrap.errorPage  a.cButton:hover:after{left: calc(100% - 15px);}



 .buttonWrap.errorPage  a.cButton:hover:before{ transform: scaleX(0); transform-origin: right center;}



 .buttonWrap.errorPage  a.cButton:hover span:after{ transform: scaleX(1); }











iframe.lightwidget-widget.iframe-sec {



    width: -290%;



    width: 80% !important;



    border: 0px;



    overflow: hidden;



    height: 255px;



}











/*---ishwar-12-8-20---*/



.ourClient_new ul li.right-b{border-right: solid 0px #d1d1d1;



    margin-right: 20px;}







.ourClient_new ul li.bott-b{border-right: solid 0px #d1d1d1;



    margin-right: 20px;}







.border-left {position: absolute;top: 276px;left: 402px;}



.border-left img {width:100%;}



.border-left2 {position: absolute;top: 276px; left: 690px;}



.border-left2 img {width:100%;}



.border-left3 {position: absolute;top: 276px;left:954px;}



.border-left3 img {width:100%;}



.border-left4 {position: absolute; top: 275px;right: 538px;}



.border-left4 img {width:100%;}







.border-bot {position: absolute; top: 522px;left: 401px;}



.border-bot img {width:100%;}







.border-bot2 {position: absolute; top:522px;left: 694px;}



.border-bot2 img {width:100%;}







.border-bot3 {position: absolute; top: 522px;left: 954px;}



.border-bot3 img {width:100%;}







.border-bot4 {position: absolute;top: 522px;right: 537px;}



.border-bot4 img {width:100%;}



.cont-color{color: #000;}



.shape-icon {position: absolute;bottom: 200px;right: 134px;}







/*---ishwar-12-8-20---*/







/*---ishwar-17-8-20---*/



.team-sec{width: 100%; float: left;display: flex;justify-content: center;margin-top:62px;}



.team-sec .wrapper .team-sec-in{width: 100%; float: left; display: flex; justify-content: center;}



.team-sec .wrapper .team-sec-in ul{width: 100%;float: left;display: flex;justify-content: center;flex-flow: row wrap;}



.team-sec .wrapper .team-sec-in ul li{width: 22%; float: left; margin-right:30px; display: flex; flex-direction: column; list-style: none;}



.team-sec .wrapper .team-sec-in ul li .team-img{width:100%; float: left; margin-bottom: 10px; margin-right:30px; display: flex; flex-direction: column; list-style: none;}



.team-sec .wrapper .team-sec-in ul li .team-img img{width:100%; float: left; }



.team-sec .wrapper .team-sec-in ul li .team-cont{width: 100%; float: left; margin-bottom:40px;}



.team-sec .wrapper .team-sec-in ul li .team-cont h2{font-size:26px; color:#081375; text-align: center; font-weight:600;}



.team-sec .wrapper .team-sec-in ul li .team-cont p{font-size:17px; color:#555555; text-align: center;padding: 5px 0px;}



.team-sec .wrapper .team-sec-in ul li .team-cont h4{font-size:16px; color:#222222; text-align: center;}



/*.scrollTxt.new-scroll {top: 340px;}*/



/*.color{color: #081375 !important;}*/



/*.scrollTxt.new-scroll p:before {content: "";width: 50px;height: 1px; background:  #081375;display: inline-block;vertical-align: middle;margin: 0 10px 3px 0;}*/



/*---ishwar-17-8-20---*/



















/*---ishwar-25-8-20---*/







ul.insta-sec {width: 100% !important;background-color: #152434; float: left;height: 296px !important;}



ul.insta-sec h3 {font-size: 30px;}



ul.insta-sec h4 {font-size: 20px;}







ul.insta-sec .instaimgicon {



    width: 100%;



    float: left;



     margin-left:0px !important; 



    margin-top: 30px;



    display: flex;



    justify-content: center;



}



/*ul li .insta-sec .instaimgicon img {



    max-width: 100% !important;



    display: block;



    margin-left: 12px;



}*/



.section-instagram .insta-slider .imgBox ul li .instaimgicon img {



    max-width: 100% !important;



    display: block;



    margin-left: 12px;



}



/*---ishwar-21-12-20---*/







.social-sec {

    width: 50%;

    float: left;

    display: flex;

    justify-content: center;margin-top: 15px;

    /*margin-left: 48px;*/

}



.social-sec ul {

    width: 100%;

    float: left;

    display: flex;

    justify-content:space-between;

}



.social-sec ul li {

       /* padding: 14px; */

    background-color: #081375;

    border-radius: 50px;

    color: #fff;

    /* width: 11%; */

    margin-right: 5px;

}

.social-sec ul li:hover {background-color: #c8fe50; color:#081375;}



.social-sec ul li a {

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    /* margin-right: 1px; */

}





.social-sec ul li a i {

    line-height: 40px;

    font-size: 18px;

}



/* sahil 07.04.2021 */

.homeSlider .slick-dots {bottom: 35px;}

.homeSlider .slick-dots li.slick-active button {background: #b7ff6c;}

.homeSlider .slick-dots li button {border: 1px solid #b7ff6c;}









body{ -webkit-tap-highlight-color: transparent;}

.cwrapper {max-width: 890px;width: 100%;display: inline-block;padding: 0 15px;text-align: center;}



.testSection{background: url(../images/bannerNew.jpg)no-repeat center center/cover;position: relative;}

.testSection .cwrapper .mainSection{padding: 100px 0px;}

.testSection .cwrapper .mainSection .infoDiv{width: 100%;float: left;text-align: center;margin-bottom: 120px;}

.testSection .cwrapper .mainSection .infoDiv .dText{font-size: 14px;font-weight: 600;color: #9c9c9c;text-transform: uppercase;margin-bottom: 20px;}

.testSection .cwrapper .mainSection .infoDiv .clientTxt{font-size: 33px;font-weight: 300;color: #c8fe50;margin-bottom: 20px;}

.testSection .cwrapper .mainSection .infoDiv .head{font-size: 45px;font-weight: 600;color: #fff;}

.testSection .cwrapper .mainSection .centerImg{width: 100%;float: left;}

.testSection .cwrapper .mainSection .centerImg img{max-width: 100%;}

.testSection .cwrapper .mainSection .sliderSection{width: 100%;float: left;padding: 40px 33px;}

.testSection .cwrapper .mainSection .sliderSection .item{width: 100%;float: left;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 {width: 30%;}



.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 .img{margin-bottom: 15px;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 .name{margin-bottom: 15px;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 .name h3{font-size:24px ;color:#fff ;font-weight: 500;text-transform: uppercase;margin-bottom: 10px;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 .name h4{font-size:19px ;color:#c8fe50 ;font-weight: 300;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div1 .sery .box{font-size:19px ;color:#fff ;font-weight: 300;letter-spacing: 2px;text-transform: uppercase;background: #000;padding: 12px 20px;display: inline-block;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div2 p{font-size: 18px;color: #fff;font-weight: 300;line-height: 1.7;letter-spacing: 0.03rem;}

.testSection .cwrapper .mainSection .sliderSection .item .itemwrap .div2 {width: 70%;text-align:left;padding-left: 75px;}



.slick-dots li button {background: #fff;border: 1px solid #fff;}

.slick-dots li.slick-active button {background: #767775;border: 4px solid #fff;padding: 0;margin: 0;}

.slick-slide img {display: inline-block}

.slick-dots {left: 0;}



.leafDiv{position: absolute;left: -65px;bottom: -74px;z-index: 5;}

.leafDiv2{position: absolute;right: 0px;top: 45px;}



/*---ishwar-21-12-20---*/



/*---ishwar-2-2-22---*/

select.service-s {width: 100%;

    float: left;

    border: 1px solid #bfbfbf;

    font-family: 'Graphik-Regular';

    font-size: 15px;

    color: #757575; -webkit-appearance: none;

    padding: 15px;}

img.d-arrow {max-width: 100%;float: right;     margin-top: -35px;

    margin-right: 12px;}




/*---ishwar-2-2-22---*/

/*---ishwar-21-10-22---*/

.h1titleNew {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #8d8b8b;
    margin: 0 0 7px;
    text-transform: uppercase;
    font-weight: 700;
}

/*---ishwar-21-10-22---*/



/* 2-3-23 */
.mfp-content{background-color: #fff; padding:50px 20px; width: 470px !important;}
.pop-cont h2 {text-align: center; font-size: 20px;color: #000; text-transform: uppercase; font-weight: 600; margin-bottom: 20px;}
.btn-list {width: 100%;float: left; display: flex;justify-content: center;}
.btn-list ul {width: 100%;float: left; display: flex; justify-content: center;}
.btn-list ul li{padding: 0px 10px;}
.btn-list ul li a{padding:11px 15px; border-radius: 8px; font-size: 16px; font-weight: 600; background-color: #081375; color: #fff;}
.btn-list ul li a:hover{padding:11px 15px;  background-color: #c8fe50; color: #000;}
.btn-list {width: 100%;float: left;margin-top: 20px;}
.p-logo { width:100%; float: left; margin-bottom:20px;}
.p-logo img { width: 26%;}
.pop-title h2 abbr:after {
    background: url(../images/title_afterw.png) no-repeat center center;
    background-size: cover;}


/* Prashant 11/9/24 */
.psKnowmore{display: flex; justify-content: space-between; margin-top: 15px;}
.newPopup .cButton{float: right;}
.mfp-content{width: 1140px !important;}
.mfp-no-scroll{overflow: hidden;}
.psDislink{margin-top: 20px !important; display: flex; justify-content: space-between;}
.psDisItemCont{margin-bottom: 15px !important; }
.disNewPopup .cButton{float: none !important;}
.psAward{width: 90% !important;}
/* .psMedia{display: none;} */
.psGetPopup{text-align: left !important;}



@media screen and (max-width:1600px){



     .section-1 .bg-text .section-1-in {width: 32%;top: 42%; left: 55%;}



     .section-1 .bg-text .section-1-in h3 {text-align: center;font-size: 17px;margin: 15px 58px 15px 0px;}



    /*---ishwar-12-8-20---*/



.border-left {top: 248px;left: 330px;}



.border-left2 {top: 248px;left: 560px;}



.border-left3 {top: 248px;left: 764px;}



.border-left4 {top: 248px;right: 449px;}







.border-bot {top: 476px;left: 330px;}



.border-bot2 {top: 476px;left: 561px;}



.border-bot3 {top: 476px;left: 764px;}



.border-bot4 {top: 476px;right: 452px;}



.shape-icon { position: absolute;bottom: 180px; right: 134px;}



/*---ishwar-12-8-20---*/







.floatBot2 { bottom: 121px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 13px;}/*---ishwar-17-8-20---*/







ul.insta-sec {



    height: 247px !important;}/*---ishwar-25-8-20---*/



 }    



@media screen and (max-width:1440px){



/*---ishwar-12-8-20---*/



.border-left {top: 251px;left: 290px;}



.border-left img {width:90%;}



.border-left2 {top: 251px;left: 488px;}



.border-left2 img {width:90%;}



.border-left3 {top: 251px;left: 671px;}



.border-left3 img {width:90%;}



.border-left4 {top: 251px;right: 406px;}



.border-left4 img {width:90%;}



.border-bot {top: 456px;left: 292px;}



.border-bot2 {top: 456px;left: 490px;}



.border-bot3 {top: 456px;left: 673px;}



.border-bot4 {top: 456px;right: 402px;}



/*---ishwar-12-8-20---*/







.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 12px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 23px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont p {font-size: 13px;}/*---ishwar-17-8-20---*/











ul.insta-sec h3 {font-size:20px;}/*---ishwar-25-8-20---*/



ul.insta-sec h4 {font-size:15px;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox ul li .instaimgicon img {max-width: 81% !important;}/*---ishwar-25-8-20---*/





ul.insta-sec {height: 220px !important;}/*---ishwar-25-8-20---*/



select.service-s { font-size: 13px;padding: 14px;}/*---ishwar-2-2-22---*/

img.d-arrow {margin-top: -31px; margin-right: 13px;}/*---ishwar-2-2-22---*/



 } 



 @media screen and (max-width:1366px){

 /*---ishwar-21-10-22---*/
    
/*---ishwar-21-10-22---*/

     .section-1{margin-top: 0px; }



     .section-1 .bg-text .section-1-in {width: 35%;}



    /*---ishwar-12-8-20---*/



.border-left {position: absolute;top: 226px;left: 287px;}



.border-left img {width:60%;}



.border-left2 {position: absolute;top: 216px; left: 490px;}



.border-left2 img {width:70%;}



.border-left3 {position: absolute;top: 216px; left: 671px;}



.border-left3 img {width:70%;}



.border-left4 {position: absolute;top: 216px;right: 298px;}



.border-left4 img {width:70%;}







.border-bot {position: absolute;top: 370px;left: 287px;}



.border-bot img {width:70%;}







.border-bot2 {position: absolute;top: 370px;left: 490px;}



.border-bot2 img {width:70%;}







.border-bot3 {position: absolute;top: 370px;left: 671px;}



.border-bot3 img {width:70%;}







.border-bot4 {position: absolute;top: 370px;right: 298px;}



.border-bot4 img {width:70%;}



.cont-color{color: #000;}



.shape-icon {position: absolute;bottom: 180px;right: 54px;}



.shape-icon img {width:70%;}



/*---ishwar-12-8-20---*/







.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 18px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 11px;}/*---ishwar-17-8-20---*/



.floatBot2 {bottom: 74px;}/*---ishwar-17-8-20---*/



ul.insta-sec {height: 205px !important;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox ul li .instaimgicon img {max-width: 60% !important;}/*---ishwar-25-8-20---*/



.instaimgicon.insta-img {margin-top: 13px !important;}/*---ishwar-25-8-20---*/



 } 



 @media screen and (max-width:1280px){



     .section-1 .bg-text .section-1-in h1 {font-size: 46px;}



    /*---ishwar-12-8-20---*/



.border-left {top: 226px;left: 217px;}



.border-left img {width: 67%;}







.border-left2 {top: 226px;left: 450px;}



.border-left2 img {width: 67%;}



.border-left3 {top: 226px;left: 658px;}



.border-left3 img {width: 67%;}



.border-left4 {position: absolute;top: 226px;right: 230px;}



.border-left4 img {width: 67%;}







.border-bot {top: 378px;left: 217px;}



.border-bot2 {top: 378px;left: 452px;}



.border-bot3 {top: 378px;left: 660px;}



.border-bot4 {position: absolute;top: 378px;right: 230px;}







/*---ishwar-12-8-20---*/







.section-1 .bg-text .section-1-in h1 {font-size: 46px;}/*---ishwar-17-8-20---*/



.floatBot2 { bottom: 157px; width: 10%;}/*---ishwar-17-8-20---*/



.aboutWrapper .aboutImg img { max-width: 88%;}











ul.insta-sec {height: 220px !important;}/*---ishwar-25-8-20---*/



 } 



 @media screen and (max-width:1170px){



     .section-1 {margin-top: 372px;}



     .section-1 .bg-text h2 {font-size: 400px;}



     .section-1 .bg-text .section-1-in h1 {font-size: 35px;}



     .section-1 .bg-text .section-1-in h3 {font-size: 13px;}



     .section-1 .bg-text .section-1-in {top: 41%; left: 57%;}



   



 } 



 @media screen and (max-width:1024px){







/*---ishwar-12-8-20---*/



.border-left {



    top: 212px;



    left: 153px;



}



.border-left img {width: 60%;}



.border-left2 {top: 212px;left: 331px;}



.border-left2 img {width: 60%;}



.border-left3 {top: 212px;left: 483px;}



.border-left3 img {width: 60%;}



.border-left4 {top: 212px;right: 210px;}



.border-left4 img {width: 60%;}







.border-bot {top: 346px;left: 153px;}



.border-bot2 {top: 346px;left: 332px;}



.border-bot3 {top: 346px;left: 486px;}



.border-bot4 {top: 346px;right: 208px;}



/*---ishwar-12-8-20---*/







.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 9px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li {width: 21%;}/*---ishwar-17-8-20---*/



.floatBot2 {bottom: 401px;width: 10%;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 15px;}/*---ishwar-17-8-20---*/



.aboutBanner {height: 30vh;}/*---ishwar-17-8-20---*/



.floatBot2 {top: 410px;}/*---ishwar-17-8-20---*/







iframe.lightwidget-widget.iframe-sec.imgleft-sec { margin-left:25px;}/*---ishwar-25-8-20---*/







.insta-slider.insta-slider-new {width: 100%; justify-content: center;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox {width: 20% !important;}/*---ishwar-25-8-20---*/



ul.insta-sec h3 {font-size: 17px;}/*---ishwar-25-8-20---*/



.instaimgicon.insta-img {margin-top: 5px !important;}/*---ishwar-25-8-20---*/



ul.insta-sec {height: 148px !important;margin-left: 63px;}/*---ishwar-25-8-20---*/


.mfp-content{width: 100% !important;}
}


 @media screen and (max-width: 800px){



     .section-1 {margin-top: 60px;}



     .section-1 .bg-text h2 { font-size: 358px;}



     .section-1 .bg-text .section-1-in h1 {font-size: 29px; }



     .section-1 .bg-text .section-1-in h3 { font-size: 12px;}



     



    /*---ishwar-12-8-20---*/







.ourClient_new ul li {width: calc(36% - 74px) !important;}



.border-left {top: 220px;left: 191px;}



.border-left img {width:67%;}



.border-left2 {top: 218px;left: 427px;}



.border-left2 img {width:67%;}



.border-left3 {top: 495px;left: 191px;}



.border-left3 img {width:67%;}



.border-left4 {top: 495px; right: 213px;}



.border-left4 img {width:67%;}



.border-bot { top: 382px; left: 193px;}



.border-bot4 {top: 466px;right: 212px;}



.border-bot2 {top: 381px;left: 428px;}



.border-bot3 {top: 465px; left: 191px;}



.shape-icon img {width: 90%;}



.shape-icon {bottom: 180px;right: 33px;}



/*---ishwar-12-8-20---*/



.team-sec .wrapper .team-sec-in ul {display: inline-block;justify-content: center; flex-wrap: wrap;}/*---ishwar-17-8-20---*/







.team-sec .wrapper .team-sec-in ul li {width: 45%;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li {



    width: 97%;



}/*---ishwar-17-8-20---*/







.team-sec .wrapper .team-sec-in ul li {    width: 98%;}



.floatBot2 {top: 238px;}/*---ishwar-17-8-20---*/



.floatBot2 {top: 238px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 28px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont p {font-size: 25px; }



.team-sec .wrapper .team-sec-in ul li .team-cont p {    font-size: 19px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {    font-size: 31px;}/*---ishwar-17-8-20---*/







.section-instagram .insta-slider .imgBox {width: 16% !important;}/*---ishwar-25-8-20---*/



ul.insta-sec h4 {font-size: 10px;}/*---ishwar-25-8-20---*/







.section-instagram .insta-slider .imgBox ul li .instaimgicon img {max-width: 25% !important; margin-left: 27px;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox ul {padding: 5px;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox ul li h4 { padding-bottom: 4px;}/*---ishwar-25-8-20---*/



ul.insta-sec { height: 89px !important; margin-left: 116px;}/*---ishwar-25-8-20---*/







 }



 @media screen and (max-width: 640px){



    .section-1 {margin-top: 250px;}



    .section-1 .bg-text h2 { font-size: 218px;}



    



    /*---ishwar-12-8-20---*/



.border-left {top: 183px;left: 129px;}



.border-left2 { top: 183px;left: 325px;}



.border-bot {top: 335px;left: 130px;}



.border-bot2 {top: 335px;left: 326px;}



.border-bot3 {top: 415px;left: 131px;}



.border-bot4 {top: 415px;right: 152px;}



.border-left3 {top: 441px;left: 131px;}



.border-left4 {top: 441px;right: 152px;}







.shape-icon img {width: 76%;}



/*---ishwar-12-8-20---*/



.section-1 {margin-top: 250px;}/*---ishwar-17-8-20---*/



    .section-1 .bg-text h2 { font-size: 218px;}/*---ishwar-17-8-20---*/







iframe.lightwidget-widget.iframe-sec.imgleft-sec { margin-left: 67px; width: 60% !important;}/*---ishwar-25-8-20---*/



ul.insta-sec {height: 89px !important; margin-left: 77px;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox {width: 17% !important;}/*---ishwar-25-8-20---*/







iframe.lightwidget-widget.iframe-sec.imgleft-sec {margin-left: 25px; width: 60% !important;}/*---ishwar-25-8-20---*/



ul.insta-sec { height: 89px !important;/*    margin-left: 23px;*/margin-left: 78px;}/*---ishwar-25-8-20---*/



.section-instagram .insta-slider .imgBox ul li .instaimgicon img { max-width: 19% !important;margin-left: 36px;margin-top: -8px;}/*---ishwar-25-8-20---*/
.pop-cont h2 {font-size: 16px;}/* 2-3-23 */
.psAward{width: 85% !important;}

 }

 @media screen and  (max-width:550px){
    .psAward{width: 100% !important;}
    .new-slideArrow{bottom: 102px !important;}
 }


 @media screen and (max-width:500px){



     .section-1 {margin-top: 140px;}



     .section-1 .bg-text .section-1-in h1 {font-size: 20px !important; }



     .section-1 .bg-text h2 {font-size: 150px !important; }



     .section-1 .bg-text .section-1-in h3 {margin: 15px 0px 15px 0px; font-size: 12px; text-align: left; }



     



    /*---ishwar-12-8-20---*/



.ourClient_new ul li {width: calc(61% - 71px) !important;}



.border-left {top: 155px;left: 114px;}







.border-left img {width: 54%;}



.border-bot img {width: 54%;}



.border-bot {top: 275px;left: 114px;}



.border-bot3 img {width: 54%;}



.border-bot3 {top: 345px;left: 114px;}



.border-bot4 img {width:54%;}



.border-bot4 { top: 408px;right: 141px;}



.border-left2 {display: none;}



.border-left4 img {width: 54%;}



.border-left4 {top: 429px;right: 141px;}



.border-left3 img {width: 54%;}



.border-left3 {top: 497px;left: 113px;}



.border-bot2 img {width: 54%;}







.border-bot2 {top: 615px;left: 114px;}



.shape-icon img {width: 76%;display: none;}



/*---ishwar-12-8-20---*/


/* 2-3-23 */
.btn-list ul {width: 100%; float: left; display: flex; justify-content: center;flex-wrap: wrap;}
.btn-list ul li {padding: 5px 10px;  width: 100%;}
.mfp-content {background-color: #fff;padding: 50px 20px;width: 320px !important;}
.btn-list ul li a {padding: 11px 15px; width: 100%;float: left;}
.btn-list ul li a:hover {padding: 11px 15px !important;  width: 100%;float: left;}


.mfp-content{width: 100% !important;}
.btnCnt{text-align: left;} 
.newPopup{text-align: right;}
.psDisItemCont{margin-bottom: 0px !important;}
.disNewPopup{display: flex !important; justify-content: center ;}

.new-slideArrow{bottom: 124px !important;}
 }


@media screen and (max-width:414px){ 



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 22px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 15px;}/*---ishwar-17-8-20---*/



.floatBot2 { top: 221px;}/*---ishwar-17-8-20---*/



.team-sec { margin-top: 10px;}/*---ishwar-17-8-20---*/















}



  @media screen and (max-width:375px){ 



.aboutWrapper .wrapper {margin-top: 2px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 24px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h4 {font-size: 16px;}/*---ishwar-17-8-20---*/



.team-sec .wrapper .team-sec-in ul li .team-cont h2 {font-size: 21px;}/*---ishwar-17-8-20---*/



.knowmore .floatBot {bottom:0px;}/*---ishwar-17-8-20---*/



.floatBot2 {top: 200px;}/*---ishwar-17-8-20---*/



}



 @media screen and (max-width:360px){



    .section-1 {margin-top: 150px;}



    



    /*---ishwar-12-8-20---*/



.border-left img {width: 50%;}



.border-left {top: 151px;left: 85px;}



.border-bot img {width: 50%;}







.border-bot {top: 269px; left: 86px;}



.border-bot3 img {width: 50%;}



.border-bot3 {top: 334px; left: 86px;}



.border-bot4 img {width: 50%;}



.border-bot4 {top: 399px;right: 112px;}



.border-left4 img {width: 50%;}



.border-left4 {top: 420px;right: 111px;}



.border-left3 img {width: 50%;}



.border-left3 {top: 486px;left: 88px;}



.border-bot2 img {width: 50%;}



.border-bot2 {top: 585px;left: 88px;}



/*---ishwar-12-8-20---*/







.section-1 {margin-top: 150px;}/*---ishwar-17-8-20---*/



.floatBot2 {top: 192px;}/*---ishwar-17-8-20---*/



 }

 @media screen and (max-width:320px){



/*---ishwar-12-8-20---*/



.border-left img {width: 42%;}   



.border-left {top: 154px;left: 59px;}



.border-bot img {width: 42%;}



.border-bot {top: 251px;left: 59px;}



.border-bot3 img {width: 42%;}



.border-bot3 {top: 312px;left: 60px;}



.border-bot4 img {width: 42%;}



.border-bot4 {top: 365px;right: 100px;}



.border-left4 img {width: 42%;}



.border-left4 {top: 382px;right: 100px;}



.border-left3 img {width: 42%;}



.border-left3 {top: 440px; left: 60px;}



.border-bot2 img {width: 42%;}



.border-bot2 {top: 540px;left: 60px;}



/*---ishwar-12-8-20---*/



.floatBot2 {top: 170px;}/*---ishwar-17-8-20---*/







.new-slideArrow { position: absolute;/* bottom: 20px;*/ float: right; right: 170px;bottom: 6%;transform: translate(-50%, -50%);}/*---ishwar-3-9-20new---*/



.new-slideArrow a{margin: 0 10px;}/*---ishwar-3-9-20new---*/







}







/****************** Code Ishwar 2020-07-09 *****************/



.bg-img{background: url(../images/thank-img.jpg) no-repeat center center/cover;position: relative; display: flex;justify-content: center; height:100vh;}



.bg-img .in-cont{width: 80%; float: left; display: flex; justify-content: center;flex-direction: column;}



.bg-img .in-cont h2{width: 100%; float: left;text-align: center;margin: 0px;font-family: 'Montserrat', sans-serif;color:#081577; font-size: 72px;}



.bg-img .in-cont h3{width: 100%; float: left;font-family: 'Graphik-Medium';text-align: center;margin: 0px;letter-spacing: 4px; color:#fd4c4d; font-size: 18px; margin-top:15px;}



.buttonWrap{width: 100%; float: left; display: flex;justify-content: center;margin: 0px;margin-top: 30px;



}















/*a.cButton:before, button.cButton:before {content: ""; width: 12px;height: 2px;border-top: 2px solid #c8fe50;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;position: relative; z-index: 1;position: absolute;left: 0; top: calc(50% - 1px); transition: all .35s ease 0s;-moz-transition: all .35s ease 0s; -webkit-transition: all .35s ease 0s;}*//*---ishwar-3-9-20new---*/







/*a.cButton:after, button.cButton:after {content: "";width: 60px;height: 60px;border-radius: 50%;background:#010955;position: absolute; left: -24px;top: 50%;transform: translateY(-50%); transition: all .35s ease 0s; -moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}*//*---ishwar-3-9-20new---*/







a.cButton, button.cButton {background: none;border: none;display: inline-block;font-size: 18px;color: #081577;font-family: 'Graphik-Medium';letter-spacing: 0.5px;position: relative;height: 60px;line-height: 60px;cursor: pointer;padding: 0 0 0 15px;margin-left: 12px; text-decoration: none;



}







a.cButton:before, button.cButton:before {content: ""; width: 12px;height: 2px;border-top: 2px solid #081577;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;position: relative; z-index: 1;position: absolute;left: 0; top: calc(50% - 1px); transition: all .35s ease 0s;-moz-transition: all .35s ease 0s; -webkit-transition: all .35s ease 0s;}







a.cButton span, button.cButton span {position: relative;z-index: 1;}



*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}







a.cButton span:after, button.cButton span:after { content: "";width: 12px;height: 2px;border-top: 2px solid #000;display: inline-block; vertical-align: middle;margin: 0 10px 0 0; position: relative;z-index: 1; position: absolute;left: calc(100% + 5px);top: calc(50% - 1px);transform: scaleX(0);transform-origin: left center;transition: all .35s ease 0s;-moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}







a.cButton:after, button.cButton:after {content: "";width: 60px;height: 60px;border-radius: 50%;background: #fd4c4d;position: absolute; left: -24px;top: 50%;transform: translateY(-50%); transition: all .35s ease 0s; -moz-transition: all .35s ease 0s;-webkit-transition: all .35s ease 0s;}























@media screen and (max-width:414px){



.bg-img .in-cont h2 {font-size: 41px;}



.bg-img .in-cont h3 {font-size: 15px;}



.bg-img {height: 30vh;margin-top: 190px;}



select.service-s {font-size: 11px;}/*---ishwar-2-2-22---*/



}



/**************** End Code Ishwar 2020-07-09 ***************/