@charset "UTF-8";


*{margin: 0; padding: 0;box-sizing: border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
ul, ul li, ol, ol li{list-style: none;}
a, a:hover,a:visited,a:focus{text-decoration: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
html{font-size: 16px;font-family: 'Graphik';}
img{max-width: 100%;display: block;}
.container-fluid{overflow: hidden;max-width: 100rem; padding: 0;}

.main-container{overflow: hidden;}
div,section{position: relative;}
section{position: relative; overflow: hidden;}
/* header css */
header{position: absolute; top: 0;left: 0 ;width: 100vw;z-index: 9;padding: 1.5rem 0;}
.main-menu{display: inline-block;}
.main-header .header-nav {    padding-right: 10px;}
.menu-icon a { color: #fff; font-weight: 600; font-size: 11px; }
.menu-icon span { width: 30px; height: 3px; background: #2e2b2d; display: block; margin:4px 0 }
.menu-icon a div { margin-top: 7px; }
.menu-icon {padding: 0px 0;}
.menu-icon a {color: #fff;font-weight: 600;font-size: 11px;}
.menu-icon span {
  width: 30px;
  height: 3px;
  display: block;
  margin: 5px 0;
}
/* #line1 { animation-name: animation1; animation-duration: 1.6s; animation-iteration-count: infinite; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: animation1; -webkit-animation-duration: 1.6s; -webkit-animation-iteration-count: infinite; animation-delay: 0s; }
#line2 { animation-name: animation2; animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-delay: 0.30s; animation-delay: 0.30s; -webkit-animation-name: animation2; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-delay: 0.30s; }
#line3 { animation-name: animation1; animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-delay: 0.40s; animation-delay: 0.40s; -webkit-animation-name: animation1; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-delay: 0.34s; } */
.tangence-logo{width: 12.38rem;margin-top: 5px;}



/* banner css */
.banner-section{width: 100%;height: 100vh;position: relative;max-height:800px ;}
.bg-grad{position: absolute;z-index: 2;}
.bg-grad-1{background-image: url(../images/backgrounds/gradients/gradient-banner-1.png);width: 43rem;left: 0;bottom: 0;height: 39.1875rem;background-repeat: no-repeat;}
.bg-grad-2{background-image: url(../images/backgrounds/gradients/gradient-banner-2.png);width: 91.9375rem;right: 0;top: 0;height: 46.25rem;background-repeat: no-repeat;}
.bg-grad-3{background-image: url(../images/backgrounds/gradients/gradient-banner-3.png);width: 28.75rem;right: 0;bottom: 0;height: 46rem;background-repeat: no-repeat;}
.hm-new-bg-1{background-image: url(../images/backgrounds/gradients/hm-bnnr-gra-1-1.png);width: 74.625rem;right: -37.3125rem;top: -20rem;height: 86.5625rem;background-repeat: no-repeat;}
.hm-new-bg-2{background-image: url(../images/backgrounds/gradients/hm-bnnr-gra-2-1.png);width: 69rem;left: -34.5rem;top: -15rem;height: 81.9375rem;background-repeat: no-repeat;}



.bnnr-shapes{position: absolute; z-index: 2;}
.bnner-circle-1{width: 1.5rem;height:1.5rem;border: 3px solid #c0bdbd; border-radius: 50%;left: 9.5rem;top: 11.375rem; animation: pulse 1s linear infinite alternate;}
.bnner-circle-2{width: 1.875rem;height:1.875rem;border: 3px solid #fcb0fc; border-radius: 50%;right: 15rem;top: 16.5625rem; animation: updown 3s linear infinite;}
.bnner-circle-3{width: 3rem;height:3rem;border: 2px solid #faccda; border-radius: 50%;left: 12.5rem;bottom: -3rem; animation: pulse 1s linear infinite alternate;}

.bnner-triangle-1{width: 1.125rem;height: 1.125rem;top: 3.5rem;right: 21.5rem; animation: leftright 10s linear infinite;}
.bnner-triangle-2{width: 2.1rem;height: 2.1rem;top: 21.875rem;left: 19.0625rem;transform: rotate(50deg);animation: fltmovetwo 20s alternate infinite linear;}

.bnner-rombus-1{width: 1.875rem;height:1.875rem;border: 2px solid #fcd6fd;left: 17.25rem;bottom: 13.75rem;transform: rotate(45deg);animation: leftright 3s linear infinite;}
.bnner-rombus-2{width: 1.875rem;height:1.875rem;border: 2px solid #f6b988;right: 16.25rem;bottom: 11.25rem;transform: rotate(45deg); animation: rotate 10s linear infinite;}
.bnner-rombus-2::after{content: '';width: 0.75rem;height: 0.75rem;background: #f6b988;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 3;}
.banner-overlay{width:85.625rem ;height:36rem ;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 4;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;}
.star-bnnr { position: absolute;font-size: 1.5rem;}
.star-1 {right: 37.25rem;top: 7.875rem;animation: rotate 10s linear infinite; z-index: 2;}
.star-1:before { content: '\f067';color: #272425;font-family: 'FontAwesome';}
.heading-banner{width:43.5rem ;}
.sub-head-bnnr h4{font-size:2rem; color: #262324; margin-top: 2rem;}
.sub-head-bnnr h4 span{padding-right: 1.5rem;}
.sub-head-bnnr p{font-size: 2.5rem;text-align: center; margin-top: 2rem;}
.cta-bnnr{width: 19rem;height: 4rem; margin-top: 4rem;}
.cta-bnnr::after{content: '';position: absolute;left: -3rem;top: 0px;width: 110%;background-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 ); height: 100%;border-radius: 4rem; border: 1px solid transparent;transform: perspective(500px) rotateX(
	0deg) rotateY(-40deg) scale(1);background-repeat: no-repeat;z-index: 2;}
.cta-bnnr::before{content: '';position: absolute;right: -3rem;top: 3px;width: 110%;height: 90%;border-radius: 4rem; border: 1px solid transparent;transform: perspective(500px) rotateX(0deg) rotateY(40deg) scale(1);background-repeat: no-repeat; background: #fff;z-index: 3;}
.cta-bnnr-custom{color: #191919;font-size: 1.3rem;position: relative;z-index: 4;display: flex; width: 100%;height: 100%;justify-content: center;align-items: center; font-weight: 600;}
.cta-bnnr-custom:hover{color: #191919;}
.black-1{fill:#262324;}
.yellow-1{fill:#FCB817;}


/* .common-sec{padding: 7rem 0;} */
.grey-sec{background: #fff;}
.mb-100{margin-bottom: 6.25rem;}
.order-high{order: 3;}
.order-low{order: 1;}
.mb-60{margin-bottom: 4rem;}
.mt-60{margin-top: 4rem;}

/* client section css */
.sec-head h2,.slide-cntnt-box h2,.on-board-left h2{ font-size: 3.5rem;color: #262324; font-weight: 600;text-align: center; position: relative; text-transform: capitalize;}
.our-client .sec-head h2 span{width: 100%;position: relative;display: block;}
.our-client .sec-head h2 span::after{position: absolute;content: '';width:10rem; height: .185rem;background: #fff;left: 0px; top: 50%;background-image: linear-gradient(to left,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);}
.our-client .sec-head h2 span::before{position: absolute;content: '';width: 10rem; height: .185rem;background: #fff;right: 0px; top: 50%;background-image: linear-gradient(to right,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);}
.client-container{margin-top: 3rem;display: flex;flex-wrap: wrap;justify-content: center;z-index: 3;}
.client-box {width: 25%;display: flex;height: 10rem;justify-content: center;flex-direction: column; align-items: center;}

.client-img{max-height: 4.5rem;width: auto;}

.client-box img {filter: grayscale(100%); cursor: pointer;transition: .5s all ease;max-height: 4.5rem;}
.client-box:hover img {filter: grayscale(0%);transition: .5s all ease;}
.shapes{position: absolute;}
.our-client-circle-1{ width: 2.1875rem; height: 2.1875rem;border: 5px solid #facde3;border-radius: 50%;right: 10rem;top: 19.375rem; animation: pulse 1s linear infinite alternate;}
.our-client-triangle-1{width: 3.0625rem;height: 3.0625rem;left: 2.875rem; bottom: 25rem;transform: rotate(45deg); animation: rotate 10s linear infinite;}
.our-client-triangle-2{width: 4.125rem;height: 4.125rem;right:16.375rem ;bottom:27.75rem ;transform: rotate(24deg);animation: fltmovetwo 20s alternate infinite linear;}
.star-shape{position: absolute;font-size: 1.5rem;}
.star-shape:before {content: '\f067';color: #fff;font-family: 'FontAwesome';}
.our-client-star{color: #b7b5b6; bottom: 6rem;left: 12rem;animation: rotate 10s linear infinite;}
.our-client-star:before{color: #b7b5b6;}


/* advantages section css */
.advantage-content-box{padding: 3rem;}
h3 {text-align: left;color: transparent;-webkit-text-stroke-width: 1.5px;-webkit-text-stroke-color: #4c4648;position: relative;font-size: 3.2rem; font-weight: 900;margin-bottom: 2rem;}
h4{color: #262324; font-size: 2.8rem; margin-bottom: 1.75rem;}
p{color: #262324; font-size:1.3125rem; font-weight: 300;line-height: 1.5em;}
.text-semibold{ font-weight: 600;}
.advantages-sec h2 span{display: inline-block;position: relative;}
.advantages-sec h2 span::after{right: 0px;background-image: linear-gradient(to right,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);content: '';width: 100%;bottom: -10px;height: .25rem; left: 0;position: absolute; margin: 0 auto;}
.advantage-img-box{width: 27.5rem;height: 30.625rem;background: rgba(255, 255, 255, 0.7);border: 1px solid rgba(228, 223, 223, 0.3);border-radius: 2rem;margin: 0 auto;padding: 1.7rem 3.25rem;}


.advntag-gradient-1{background: url(../images/backgrounds/gradients/hm-blobby-2.png);width: 28.25rem;height: 28.9375rem;right:11rem;top: 25.5rem;background-repeat: no-repeat;}
.advntag-gradient-2{background: url(../images/backgrounds/gradients/hm-blobby-3.png);width: 44.75rem;height: 40.3125rem;left:4rem;top: 55rem;background-repeat: no-repeat;}
.advntag-gradient-3{background: url(../images/backgrounds/gradients/hm-blobby-4.png);width: 48.8125rem;height:44rem;right:0rem;bottom: -3.62rem;background-repeat: no-repeat;}


.adv-row-2 h3,.adv-row-2 h4,.adv-row-2 p,.adv-row-2 .advantage-content-box{text-align: right;}
.advantage-content-box h3{position: relative;display: inline-block;}
.advantage-content-box h3::after{content: '';position: absolute;width: 1.25rem;height: 1.25rem;border: 2px solid #4c4648;border-radius: 50%;right: -2rem;top: 1.5rem;background: #fff;}
.advantage-content-box h3::before{content: '';position: absolute;width: 20rem;height: 2px;right: -21rem;top: 2rem;background: #4c4648;}
.adv-row-2 .advantage-content-box h3::after{right: unset;left: -2rem ;}
.adv-row-2 .advantage-content-box h3::before{right: unset;left: -21rem;}
.adv-row-3 .advantage-content-box h3::before{width: 24rem;right: -25rem;}
.advntage-circle-1{width:3.4375rem ;height: 3.4375rem;border-radius: 50%;border: 2px solid #d598c9;left: 5.375rem;top: 0rem; animation: pulse 4s linear infinite alternate;}
.advntage-circle-2{width:2.1875rem ;height: 2.1875rem;border-radius: 50%;border: 2px solid #f5dd9f;right:52rem;top: 50rem; animation: updown-2 9s linear infinite;}
.advntage-circle-3{width:3.4375rem ;height: 3.4375rem;border-radius: 50%;border: 2px solid #d8c081;right: 0rem;top: 16rem; animation: pulse 4s linear infinite alternate;}
.advntage-circle-4{width:2.1875rem ;height: 2.1875rem;border-radius: 50%;border: 2px solid #f5dd9f;right:33rem;top: 62rem; animation: updown-2 9s linear infinite;}
.advntage-triangle-1{width:2.5rem ;height: 2.5rem;top: 0rem;right: 22.5rem;transform: rotate(330deg); animation: rotate 10s linear infinite;}
.advntage-triangle-2{width:2.5rem ;height: 2.5rem;top: 80.625rem;right: 10.5rem;transform: rotate(65deg);;animation: fltmovetwo 20s alternate infinite linear;}
.advntage-triangle-3{width:2.5rem ;height: 2.5rem;top: 82.625rem;right: 16.5rem;transform: rotate(232deg);;animation: fltmovetwo 20s alternate infinite linear;}
.advntage-rombus-1{width: 1.875rem;height:1.875rem;border: 2px solid #c6bbaa;right: 53.75rem;bottom: 37.5rem;transform: rotate(45deg);animation: leftright 3s linear infinite;}
.advntage-rombus-1::after{content: '';width: 0.75rem;height: 0.75rem;background: #ef7325;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 3;}

.advntage-rombus-2{width: 1.875rem;height:1.875rem;border: 2px solid #83e0d5;right: 5rem;top: 36.25rem;transform: rotate(45deg); animation: rotate 10s linear infinite;}
.advntage-rombus-2::after{content: '';width: 0.75rem;height: 0.75rem;background: #d598c9;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 3;}









.service-technology{background:#fff;background-repeat: no-repeat;}
.capsule-cta{display: inline-block; position: relative;
	color: #fff;padding:  1.25rem 4.25rem; border-radius: 50rem; font-size: 1.4rem;line-height: normal; font-weight: 600;text-transform: uppercase;z-index: 2;background-image: linear-gradient(to left, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );background-repeat: no-repeat; margin-bottom: 50px;box-shadow: 10px 20px 20px 0px rgb(28,29,33,.4);}
  
.capsule-cta:after{display: inline-block; position: absolute;
	  color: #fff;border: solid 1px transparent;background: #56596e;content: '';
	  border-radius: 50rem;width: calc(100% - 2px);height: calc(100% - 2px) ;left: 0;top: 0;z-index: -1;bottom: 0;right: 0;margin: auto;}
.white{color: #fff !important;}
.cta-serv{margin-top: 4.5rem;}
.capsule-cta:hover{color: #fff;}
.service-technology p{ color: #262324;font-size: 1.3125rem;line-height: 1.6em;}
.service-grid-container{display: flex; margin: 4.5rem 0;justify-content: space-between;}
.service-grid-out{display: flex;flex-direction: column;width: 31.5rem;}
.service-grid-in{width: 100%; cursor: pointer;margin-bottom: 2.3rem;}
.service-grid-in img{width: 100%;transform: scale(1.025); transition: .4s all ease-in-out; transform-origin: center;}
.srvice-grid-box{overflow: hidden;position: relative;}
.service-grid-in:hover img{transform: scale(1.1); transition: .4s all ease-in-out;}
.sevice-title-box{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 2;}
.sevice-title-box h5{ font-size: 1.125rem;line-height:normal; color: #fff; font-weight: 400;letter-spacing: 1.5px; text-transform: uppercase;}
.sevice-title-box h5 a{ color: #fff; font-weight: 400;width: 100%;padding: 1.25rem; display: inline-block;}
.cta-tech{margin-top: 0rem;}
.service-technology-inner{z-index: 4;}
.flex-container{display: flex;height: 100%;}
.flex-container .row{width: 100%;}
.service-inner-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0; z-index: 1; overflow: hidden;}
.lines {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	width: 100%;
}

.line {
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(173, 173, 173, 0.1);
	overflow: hidden;
}

.line:nth-child(3),.line:nth-child(4){display: none;}



.line::after {
	content: '';
	display: block;
	position: absolute;
	height: 11.75rem;
	width: 3px;
	top: 3.125rem;
	left: 0;
	background-image: linear-gradient(to top,#2881db 0%,#a230dd 22%,#cf15e2 40%,#f15a22 70%,#ffcb05 100%);
	animation: drop 30s 0s infinite;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); opacity: 0.4;
}
.line::before {
	content: '';
	display: block;
	position: absolute;
	height: 15vh;
	width: 3px;
	bottom: 3.125rem;
	left: 0;
	background-image: linear-gradient(to top,#2881db 0%,#a230dd 22%,#cf15e2 40%,#f15a22 70%,#ffcb05 100%);
	animation: drop 30s 0s infinite;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); opacity: 0.4;
}
.line:nth-child(2) {
	left:33%;
}
.line:nth-child(3) {
	left:50%;
}
.line:nth-child(4) {
	left: 50%;
}
.line:nth-child(5) {
	left: 66%;
}
.line:nth-child(6) {
	left:100%;
}

.line:nth-child(2)::after {
	top: 27.75rem;
}
.line:nth-child(3)::after {
  top: 90%;
}
.line:nth-child(4)::after {
  top: 13.75rem;
}
.line:nth-child(5)::after {
	top: 62%;
}
.line:nth-child(6)::after {
	top: 18.75rem;
}

.line:nth-child(2)::before {
	bottom: 25%;
}
.line:nth-child(3)::before {
  bottom: 30%;
}
.line:nth-child(4)::before {
  bottom: 0;
}
.line:nth-child(5)::before {
	bottom: 8%;
}
.line:nth-child(6)::before {
	bottom: 22%;
}

.service-circle-1 {
    width: 2.8125rem;
    height: 2.8125rem;
    border: 5px solid #734a55;
    border-radius: 50%;
    left: 6.625rem;
    top: 8.625rem;animation: updown-2 9s linear infinite;
}
.service-circle-2 {
    width: 2.1875rem;
    height: 2.1875rem;
    border: 5px solid #6e4c4b;
    border-radius: 50%;
    right: 24.375rem;
    bottom: 45.375rem; animation: pulse 1s linear infinite alternate; 
}

.service-rombus-1 {
    width: 1.875rem;
    height: 1.875rem;
    border: 2px solid #90909b;
    left: 23.125rem;
    bottom: 48.375rem;
    transform: rotate(
45deg
);animation: leftright 3s linear infinite;
}
.service-rombus-1::after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background: #ef7325;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}



.service-hexa-1 {
    width: 1.875rem;
    height: 1.875rem;
    right: 21rem;
    top: 12.25rem;
    transform: rotate(
-30deg
);animation: rotate-vertical 6s linear infinite;
}
.service-hexa-2 {
    width: 1.875rem;
    height: 1.875rem;
    right: 8.625rem;
    bottom: 5.6875rem;
    transform: rotate(
-30deg
);animation: rotate-vertical 6s linear infinite;
}




.service-triangle-1 {
    width: 2.1875rem;
    height: 2.1875rem;
    left: 20.625rem;
    bottom: 6rem;
    transform: rotate(
-30deg
);;animation: fltmovetwo 20s alternate infinite linear;
}
.service-technology .fliper-cta-box{width: 13.125rem;margin: 0 auto;}













.h-casestudy-out-box{
	display: flex;
  }
  
  .in-grid-left{width:calc(35% - 6.25rem); padding-top: 12rem;}
  
  .in-grid-right{width: 65%;}
  .in-grid-mid{width: 5rem; display: flex; justify-content: space-evenly;}
  .slide-head-p h5{ color: #262324;font-size: 1.625rem;line-height: 1.5em; margin-bottom:0.25rem;}
  .slide-cntnt-box{display: flex;  flex-direction: column; text-align: right; max-width: 20.5rem;}
  .slide-cntnt-box h2{text-align: right; margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid#a7a9ac;color: transparent;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #4c4648; text-transform: uppercase; font-weight: 900;}
  .slide-container-in{margin-left: 5.75rem;}
  
  
  
  
  
  .slide-btn{transition: .8s ease all;transform: scale(.7); transform-origin: right;}
  .slide-btn.slick-current,.slidernav .slick-slide.slick-current .slide-btn{transform: scale(1.01);}
  
  .slidernav button.slick-arrow{position: absolute;bottom: 1.5rem;z-index: 3; color: transparent;border: none;outline: none;cursor: pointer; background: transparent;}
  .slidernav{cursor: pointer;}
  .slidernav .slick-prev.slick-arrow{ right: 25% !important; left: unset; top: unset;}
  .slidernav .slick-next.slick-arrow{ right: 20%!important; left: unset; top: unset;}
  .slidernav .slick-prev.slick-arrow:after{position: absolute;content:"\f053"; left: 0; top: 0;color: #000000;width: 2.5rem;height: 2.5rem;font-family:'FontAwesome';font-size: 1.625rem; border: 1px solid #e6e7e8; border-radius: 50%;background: #e6e7e8;line-height: 2.5rem;}
  .slidernav .slick-next.slick-arrow:before{  position: absolute;content:"\f054"; left: 0; top: 0;color:#000000;width: 2.5rem;height: 2.5rem;font-family:'FontAwesome';font-size: 1.625rem; border: 1px solid #e6e7e8; border-radius: 50%;background: #e6e7e8;line-height: 2.5rem;}
  .color-slab{margin:0 1.25rem;width: 100%;background-image: linear-gradient(to bottom, #ffca05,#f8830b,#ef5728,#ea4549,#e12c8e,#cd15e2,#8543dc,#3c73db,#2880db );}
  .slidernav ul.slick-dots{position: absolute;left: -6.225rem!important; top: 0;}
  .slidernav ul.slick-dots li{position: relative;display: block;}
  .slidernav ul.slick-dots li a{font-family:'Graphik'; font-size: 1rem;line-height: 1.5em;color: #262324 !important;}
  .slidernav ul.slick-dots li.slick-active{margin-bottom: 2.5rem;position: relative;}
  .slidernav ul.slick-dots li.slick-active a{color: #000000!important; font-weight: 600;}
  .slidernav ul.slick-dots li.slick-active::after{ content: '';position: absolute;bottom: -2.1875rem; right:5px;height: 2.1875rem; width: 2px;background:#aca8a9;}
.cs-hexa-1{
    width: 3rem;
    height: 3rem;
    left: 8.625rem;
    top: 14.75rem;
    transform: rotate(
-30deg
);animation: rotate-vertical 6s linear infinite;
}

.cs-triangle-1 {
    width: 2rem;
    height: 2rem;
    right: 4rem;
    bottom: 6rem;
    transform: rotate(
-30deg
);
}


.cs-triangle-1 svg {animation: change-color 10s alternate infinite linear;
}





.onboard-new-triangle-2 {
    width: 20rem;
    height: 9.125rem;
    right: 9rem;
    top: 7rem;
    transform: rotate(296deg);animation: fltmovetwo 20s alternate infinite linear;
}









  
  
  .sec-head{z-index: 3;}
  .on-board{background-size: cover; background-position: center;}
  .on-board-grid{display: flex; margin-top: 4rem;width: 35rem;}
  .on-board-left{width: 6rem; display: flex;align-items: center;justify-content: center;}
  .on-board-right{width: calc(100% - 6rem);}
  .on-board-left h2{text-align: right;color: transparent; -webkit-text-stroke-width: 1.5px;-webkit-text-stroke-color: #4c4648;margin-bottom: 0;}
  .on-board-img-box{background:rgba(255, 255, 255, 0.5);display: flex;align-items: center;flex-direction: column; padding: 2.5rem 0 2.5rem; border: 1px solid #a7a9ac;border-radius: 1rem; overflow: hidden; position: relative; cursor: pointer;}
  .on-board-cntnt h5{ color: #4c4648; font-size: 1.5rem; line-height: 1.5em; font-weight: 600; padding-top: 0.625rem;}
  
  .on-board-img-box::after{content: ''; position: absolute;left: 0;bottom: 0;width: 100%;height: 1.25rem;background-image: linear-gradient(to left, #ffca05,#f8830b,#ef5728,#ea4549,#e12c8e,#cd15e2,#8543dc,#3c73db,#2880db );}
  .on-board-img-hover{display: inline-block;position: relative}
  .on-board-img-hover img{position: relative;z-index: 2;}
  .on-board-img-hover::after{content:'' ;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 2.8125rem; height: 2.8125rem;border: 1px solid transparent;border-radius: 50%;background: #f6c0fe; transition: .6s all ease;}
  .on-board-right:hover .on-board-img-hover::after{background:#fed07b}
  .whats-new{position: relative;}

  .on-board .fliper-cta-box{width:14rem;margin:0 auto;margin-top: 4.5rem;}
 .on-board-left h2{text-align: right; margin-bottom: 1rem;padding-bottom: 1rem;color: transparent; font-family: 'Neutra Text TF'; font-weight: 300; font-size: 5.75rem;}
.onboard-gradient{position: absolute;background-repeat: no-repeat;background-size: cover!important;}

.onboard-sec .fliper-cta-box{width: 13.125rem;margin: 0 auto;}
.fliper-cta-box.mt-60{margin-top: 4rem;}


.onboard-triangle-1 svg {animation: change-color 10s alternate infinite linear;
}


.onboard-star {
    color: #b7b5b6;
    bottom: 6.4375rem;
   left: 18.625rem;animation: rotate 6s linear infinite;
}
.onboard-star:before {
    color: #e3e4e4;
}
















  
  
  .h-blog-grid{display: flex;}
  .h-blog-col-left{ width: 12.5rem;margin-top: 0px;}
  .h-blog-col-right{width: calc(100% - 12.5rem); position: relative;z-index: 2;margin-left: 12.5rem;}
  .services-content{z-index: 2;position: relative;padding: 1rem 0 2rem 0;}
  .what-new{position: absolute;background-repeat: no-repeat; background-size: cover!important;}
  .what-new-1{width: 44.5rem;height: 47rem;background: url(../images/backgrounds/gradients/gradient-blog-1.png);right: 0;top: 0;}
  .what-new-2{width: 19.9375rem;height: 48.6875rem;background: url(../images/backgrounds/gradients/gradient-blog-2.png);left: 0;top: 0;}
  .what-new-3{width: 45.75rem;height:11.8125rem;background: url(../images/backgrounds/gradients/gradient-blog-3.png);right: 0;bottom: 0;}
  
  
  .blog-head{padding-left: 35%;}
  
  .blog-head h2{color: transparent; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #a7a9ac;} 
  .full-blog-slider .slick-list{padding:0 0 0 0; width: 120%;}
  .full-blog-slider .blog-box{transform: scale(.8);border: 1px solid #424557;border-radius: 1rem; overflow: hidden;transition: .5s all ease;}
  .full-blog-slider .blog-box img{width: 100%;}
  .full-blog-slider .slick-current .blog-box{transform: scale(1);transition: .5s all ease;}
  .full-blog-slider .blog-box .blog-cntnt{display: block; position: absolute; bottom: 0;left: 0;width: 100%;opacity: 0;transition: .5s all ease; background: #525565; padding: 1.25rem 0;text-align: center;}
  .full-blog-slider .blog-box .blog-cntnt h6{font-size: 1.25rem; color: #fff;}
  .full-blog-slider .blog-box .blog-cntnt h6 a,.full-blog-slider .blog-box .blog-cntnt h6 a:hover{color:#fff}
  .full-blog-slider .slick-current .blog-box .blog-cntnt{opacity: 1;transition: .5s all ease;}
  .slide-arrow{font-family: 'fontAwesome';position: absolute; top: 40%;background: transparent;border: none;outline: none; cursor: pointer; font-size: 3rem;z-index: 5;color: #000000;width: 4rem;height: 4rem;background: #e6e7e8; border: 1px solid #e6e7e8; border-radius: 50%;
    box-shadow: 5px 3px 10px 2px rgb(0, 0, 0, 0.5);}

  .slide-arrow{opacity:1;}
  .slide-arrow:hover{opacity: 1; transition:0.7s all ease;}
  .slide-arrow.slick-disabled{opacity: 0;}
  .slide-arrow.prev-arrow{left: 1.875rem;}
  .slide-arrow.next-arrow{right: 1.875rem;}
  .slide-arrow:focus{outline: none;}
  .whats-new::after{position: absolute; left: 0; top: 0; content: '';width: 17.5rem;height: 100%;background-size: cover;}
  .what-new-triangle-1 {
    width: 3.125rem;
    height: 3.125rem;
	left: 3.5rem;
    top: 17.5rem;
    transform: rotate(
30deg
); animation: shake 10s alternate infinite linear;
}
.what-new-triangle-2{
    width: 2.125rem;
    height: 2.125rem;
	right: 42.25rem;
    bottom: 5.3125rem;
    transform: rotate(
-30deg
); animation: shake 8s alternate infinite linear;
}
.what-new-triangle-3 {
    width: 1.5rem;
    height: 1.5rem;
	right: 15.375rem;
    top: 12.8125rem;
    transform: rotate(
50deg
); animation: rotate 6s alternate infinite linear;
}

.slick-initialized .slick-slide{outline: none; cursor: pointer;}

.what-new-rombus-1{
  width: 1.875rem;
  height: 1.875rem;
  border: 3px solid #90909b;
 right: 23.125rem;
  bottom: 4.375rem;
  transform: rotate( 45deg);
}




















/* lets-talk section css */

.lets-talk h2{color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(45deg, #2881db 0%,#a230dd 30%,#cf15e2 40%,#f15a22 60%,#ffcb05 100%);line-height: 1.3em; }
	.email-snd-area{max-width: 30rem;margin: 0 auto;margin-top: 4.5rem;}
	.inpt-snd-email{padding: 1.125rem;border-radius: 0.625rem;font-size: 1rem;text-align: center; border: 1px solid #a7a9ac;}
	.cta-snd-email{margin-top: 1.25rem;}


	.email-snd-area .fliper-cta-box {
		width: 14rem;
		margin: 0 auto;
		margin-top: 1.5rem;
	}
	button.fliper-cta-an{background: transparent;border: none; cursor: pointer;outline: none;}
	.fliper-cta-box{margin-top: 0px;}
	.fliper-cta{width: 13.125rem;height: 7.1875rem; position: relative; display: inline-block;margin: 0 auto;}
	.fliper-cta-an{display: flex;align-items: center;justify-content: center;height: 100%; width: 100%;z-index: 4;position: relative;color: #191919;font-size: 1.25rem;font-weight: 600; text-transform: uppercase;}
	.fliper-cta-an:hover,.fliper-cta-an:focus,.fliper-cta-an:visited{color:#191919 ;transition: 1.1s all ease;transform: rotateY(0deg);}
	.fliper-cta:after{ content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/resources/cta-2-1.png);transition: 1.1s all ease; background-repeat: no-repeat;}
	.fliper-cta::before{ content: '';position: absolute;right: 0px;top: 1rem;width: 100%;height: 100%;background: url(../images/resources/cta-2-2.png);transition: 1.1s all ease; background-repeat: no-repeat;}
	.fliper-cta-box:hover .fliper-cta:after{transition: 1.1s all ease;}
	.fliper-cta-box:hover .fliper-cta::before{transition: 1.1s all ease; right: -3.75rem;}
	.lets-talk-star{color: #b7b5b6; bottom: 6rem;right: 11rem;animation: rotate 6s linear infinite;}
	.lets-talk-star:before{color: #b7b5b6;}

.lets-talk-rombus-1{
  width: 1.875rem;
  height: 1.875rem;
  border: 3px solid #90909b;
 right: 23.125rem;
  bottom: 19.375rem;
  transform: rotate( 45deg);
}
.lets-talk-rombus-1::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}



/* footer css */
footer{background: #414456; position: relative;}
.footer-gradient{position: absolute;background-repeat: no-repeat;background-size: cover !important;}
.footer-gradient-1{top: 0;left: 0;width: 30.3125rem;height: 17.1875rem; background: url(../images/backgrounds/gradients/gradient-footer-1.png);}
.footer-gradient-2{bottom: 0;left: 0;width: 49.25rem;height:27.875rem; background: url(../images/backgrounds/gradients/gradient-footer-2.png);}
.footer-gradient-3{bottom: 0;right: 0;width: 47.375rem;height:19rem; background: url(../images/backgrounds/gradients/gradient-footer-3.png);}
.foot-logo{margin-bottom:1.625rem; width: 11.25rem;}
.footer-cntnt h6,.footer-grid h6,.footer-grid ul li,.footer-grid ul li a,.footer-grid h6 a{color: #fff; font-size: 1.285625rem; line-height: 1.7em; font-weight: 500;}
ul.foot-cntct li a, ul.foot-cntct li a span,ul.foot-cntct li a .fa{color: #fff !important; font-size: 1.88375rem;}


.foot-cntct{padding-top: 1.875rem;}
.foot-cntct li{ font-size: 1.5rem; font-weight: 400;margin-bottom: 0.75rem;}
.footer-social ul li{display: inline-block;padding: 0 0.625rem 0 0;}
.footer-social ul li a{color: #fff!important;width: 3.125rem;height: 3.125rem;border: 1px solid transparent;border-radius: 50%;display: inline-block; font-size: 1.6rem;text-align: center; line-height:3rem;background: transparent; border: 1px solid #fff; border-radius: 50%; cursor: pointer;}
.footer-list{display: flex; margin-top: 3.125rem;}
.footer-grid{width: 50%;}

.footer-grid ul li{padding-left: 1.625rem; position: relative;}
.footer-grid ul li::after{content: '–';position: absolute;left: .5rem;top: 0;color: #fff; font-weight: 200;}
.foot-abt{max-width: 37rem;}
.footer-social{margin: 2.5rem 0;}
.footer-bottom{ background: rgb(0 ,0 , 0, 0.7);padding: 1.88375rem 0; text-align: center;position: absolute;bottom: 0;width: 100%; left: 0;}
.footer-bottom p,.footer-bottom p a{ color: #ffffff;font-size: 1.1425rem;line-height: normal;font-weight: 300;}

.footer-triangle-1{width:2.1875rem;height: 2.1875rem;right: 6.9375rem;bottom: 11.625rem; transform: rotate(-30deg);animation: rotate-vertical 6s linear infinite;}
.footer-hexa-1{width:1.875rem;height: 1.875rem;right: 32.375rem;top:4.25rem; transform: rotate(-30deg);animation: pulse-1 8s linear infinite;}











/* keyframes css and animations */

@keyframes animation1 {  
	0% {
  width: 30px
  }
   50% {
  width: 10px
  }
   100% {
  width: 30px
  }
  }
  @-webkit-keyframes animation1 { 
	 0% {
  width: 30px
  }
   50% {
  width: 10px
  }
   100% {
  width: 30px
  }
  }
   @keyframes animation2 { 
	  0% {
  width: 20px
  }
   50% {
  width: 10px
  }
   100% {
  width: 20px
  }
  }
  @-webkit-keyframes animation2 {  
	0% {
  width: 15px
  }
   50% {
  width: 5px
  }
   100% {
  width: 20px
  }
  }

  .full-navigation { position: fixed; width: 3.125rem; height: 3.125rem; background: #842d7b; right: -3.125rem; top: -3.125rem; border-radius: 50% 50% 50% 50%;  transition: .1s ease-in-out;
    box-shadow: 0 0 0 0 #842d7b, 0 0 0 0 #842d7b; }
  .full-navigation.active { box-shadow: 0 0 0 100vw #4d5168, 0 0 0 100vh #4d5168; border-radius: 0; z-index: 99 }
  .full-navigation { z-index: 99 }
  .full-navigation{transition: all 0.5s;}
  .fixed-navigation { position: fixed; width: 100%; height: 100%; background: red; background: #202020; top: 0; left: 0; z-index: 11 }
  .fixed-navigation{background:none; opacity: 0; visibility: hidden; z-index: -999;}
  .fixed-navigation.active-index{z-index: 999; pointer-events: auto}
  .fixed-navigation{transition:all 0.5s;}
  .fixed-navigation.active-main{opacity: 1; visibility: visible;}
  .fixed-navigation.active-main .menu-container{top: 0; opacity: 1; visibility: visible;}
  .fixed-navigation.active-main .list-navigation{left: 0}
  .fixed-navigation.active-main .top-search{opacity: 1; visibility: visible;}
  .fixed-navigation.active-main .menu-container {z-index: 99;}
  .full-menu { position: fixed; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 1; transition: all 0.5s; }
  .full-menu.open { z-index: 99; opacity: 1; visibility: visible; }
  .full-menu{z-index: 99}
  .full-menu.open .menu-close{opacity: 1; visibility: visible;}
  .full-menu{width: 12.5rem; height: 12.5rem; left: auto; right: 0; top: 0;}
  .full-menu.open{z-index: 999}
  .menu-close { color: #333; position: absolute; font-size: 2.1875rem; right: 3rem; top: 2rem; }
  .menu-close{ transition: all 0.6s; opacity: 0; visibility: hidden; }
  .full-menu.open .menu-close{opacity: 1; visibility: visible;}
  .menu-close,.menu-close:hover,.full-menu.open .menu-close{color: #fff;}
  .darkHeader{ background: #414456; position: fixed;}
  .fixed-navigation.active-main .menu-container {
    z-index: 99;
    width: 100%;
    min-height: 100Vh;
    display: flex;
    align-items: center;
    justify-content: center; text-align: center;
}
.flex-container-menu{position: absolute;}
.flex-container-menu .line::before{width: 1px;}
.flex-container-menu .line::after{width: 1px;}
.fixed-navigation .menu-container {opacity: 0;}
.fixed-navigation.active-main .menu-container ul{opacity: 1;}
.fixed-navigation.active-main .menu-container ul li{margin-bottom: 1.5rem;}
.fixed-navigation.active-main .menu-container ul li a{ font-size: 2.5rem; text-transform: capitalize;color: transparent;-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #a7a9ac; font-weight: 600; transition: 0.6s ease all;}
.fixed-navigation.active-main .menu-container ul li a:hover,.fixed-navigation.active-main .menu-container ul li a:active,.fixed-navigation.active-main .menu-container ul li a:visited,.fixed-navigation.active-main .menu-container ul li a:focus{color: #fff; transition: 0.6s ease all;}
.inner-header{position: relative;background: #e6e7e8;}
.inner-header .menu-icon span{ background: #4c4648;}


/* bread-cum start */
.bread-cum {
  padding: 0.75rem 0;
  display: flex;
  flex-direction: row-reverse;
}
.cd-breadcrumb li{display: inline-block;padding: 0 ;position: relative;}
.cd-breadcrumb li::after {
  content: ">";
  margin: 0 .64rem 0 .512rem;
  vertical-align: top;
  display: inline-block;
  font-style: normal;
  font-weight: normal; font-size: 1.4rem;color: #000000;}
  .cd-breadcrumb li:last-child:after{display: none;}
.cd-breadcrumb li a{ color: #000000; font-size: 1.2rem; font-weight: normal; text-transform: capitalize;}
.sec-inner-page{
  /* padding: 3.5rem 0; */
}
.sec-head-2 h2{color: transparent;-webkit-text-stroke-width: 1.5px;-webkit-text-stroke-color: #a7a9ac; text-transform: uppercase;text-align: left;margin-bottom: 2.75rem;position: relative; font-family: 900;}
.sec-head-2 h2:after{position: absolute;content: '';height: 1px;width: 30rem;background: #a7a9ac;left: -30rem;bottom: 1rem;}


/* blog page */
.main-blog-box{margin-right: 2rem; padding: 2.25rem;
  background: rgb(255,255,255,0.5);
  border: 1px solid transparent;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 6px 6px 11px 2px rgb(204 204 204 / 50%);
  margin-bottom: 3rem;
}

.side-blog-box{
  padding: 1.25rem;
  background: rgb(255,255,255,0.5);
  border: 1px solid transparent;
  overflow: hidden;
  border-radius: .6rem;
  box-shadow: 6px 6px 11px 2px rgb(204 204 204 / 50%);
  margin-bottom: 2rem;
}







.main-blog-img{margin-bottom: .75rem;}
.main-blog-img img{width: 100%;}
.main-blog-cntnt{margin: 2rem 0;}
.main-blog-box h4{ font-size: 2.375rem; font-weight: 500;margin-bottom: 2rem; color: #4c4648;}
.main-blog-cntnt p{font-size: 1.375rem;line-height: 1.7em;margin-bottom: .8rem;color: #4c4648;}
.side-blog-img{margin-bottom: .75rem;}
.side-blog-img img{width: 100%;}

.side-blog-cntnt h6{font-size: 1.375rem;line-height: 1.7em;margin-bottom: .8rem;color: #4c4648;font-weight: 500;}
.side-blog-cntnt h6 a{color: #4c4648;font-weight: 500;text-decoration: none;}
.inner-pages{position: relative;}



/* .inner-pages{background:#f3f4f4 ;position: relative;} */





.blog-page-grad{position: absolute;background-size: cover !important;background-repeat: no-repeat;}
.blog-page-grad-1{background: url(../images/backgrounds/gradients/gradient-blog-inner-1.png); width: 43.6875rem;
  height: 78.5625rem;
  left: -15rem;
  bottom: 4.5rem;background-size: contain !important;background-repeat: no-repeat;}
.blog-page-grad-2{background: url(../images/backgrounds/gradients/gradient-blog-inner-2.png);width: 37.125rem;height: 84.8125rem;right:-9rem;top:20rem; background-size: contain !important;background-repeat: no-repeat;}
.side-blog-col{padding-left: 2rem;}
.blog-circle-1{
  width: 2.8125rem;
  height: 2.8125rem;
  border: 2px solid #fdb913;;
  border-radius: 50%;
  right: 2rem;
  top: 13.625rem;
}

.blog-rombus-1 {
  width: 2rem;
  height:2rem;
  border: 1px solid #90909b;
  left: 3.125rem;
  bottom: 56.375rem;
  transform: rotate( 
45deg
);
 
}

.blog-rombus-1::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

.blog-triangle-1 {
  width: 2.1875rem;
  height: 2.1875rem;
  right: 25rem;
  top: 5.2rem;
  transform: rotate( 
-30deg
);
 
}
.blog-triangle-2 {
  width: 2.1875rem;
  height: 2.1875rem;
  right: 26.625rem;
  bottom: 10rem;
  transform: rotate( 
30deg
);
 
}

.side-blog-col .load-more{font-size: 1.375rem;line-height: 1.7em;margin-bottom: .8rem;color: #4c4648;font-weight: 500;font-style: italic;}
.side-blog-col .load-more a{color: #4c4648;font-weight: 500;font-style: italic;text-decoration: underline;}



.contact-us-page{background-color: #fff;background-position: top;background-size: 100%;padding: 5rem 0; background: transparent;}
.contact-left{padding: 0 6rem;}
.contact-box-cntnt{margin:3rem 0rem 0rem 4rem ; position: relative;padding-bottom: 2rem;}
.contact-box-cntnt:after{background-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );background-repeat: no-repeat;position: absolute;left: 0;bottom: 0;height: 2px; width: 100%;content: '';}
.contact-box-cntnt h4{color: #5d5d5d;font-size: 2.8rem;margin-bottom: 1rem;}
.contact-box-cntnt h5{color: #5d5d5d;font-size: 1.71375rem;margin-bottom: 1rem;margin-bottom: 0rem;font-weight: 300;}
.contact-box-cntnt h6,.contact-box-cntnt h6 a{color: #5d5d5d;font-size: 1.71375rem;margin-bottom: 1rem;margin-bottom: 0rem;font-weight: 500; margin-top: 0.5rem;}
.contact-right h2{font-size: 3.125rem;text-align: left;margin-bottom: 1.5rem;}
.contact-form-box{padding: 2.25rem; background: rgb(255,255,255,0.7);border:1px solid transparent ;overflow: hidden;border-radius: 1rem;box-shadow: 6px 6px 11px 2px rgb(204,204,204,0.5);margin-bottom: 3rem;z-index: 3;}
.contact-page-grad-1{position: absolute;background: url(../images/backgrounds/gradients/gradient-contact-us-page.png);background-repeat: no-repeat;background-size: cover;width: 32rem;height: 34.5rem;right: 0; bottom: 0;z-index: 2;}





.contact-form-box label {
  display: none;
}

.contact-form-box input,
.contact-form-box textarea {
  /* to create space for placing icon*/
  padding-left: 65px;
  border-color: #aeaeae;
  background-color: #fff;
  border-radius: 1rem;
  height: 70px; resize: none;
}
.contact-form-box textarea{height: 128px;padding-top: 1.5rem;}
.form-name{background-image: url(../images/icons/icon-contact-page.png);background-position: 10px 6px;background-repeat: no-repeat;}
.form-email{background-image: url(../images/icons/icon-contact-page.png);background-position: 10px -95px;background-repeat: no-repeat;}
.form-phone{background-image: url(../images/icons/icon-contact-page.png);background-position: 10px -195px;background-repeat: no-repeat;}
.form-company{background-image: url(../images/icons/icon-contact-page.png);background-position: 10px -295px;background-repeat: no-repeat;}
.form-msg{background-image: url(../images/icons/icon-contact-page.png);background-position: 10px -390px;background-repeat: no-repeat;}
.contact-form-box .fliper-cta{margin-top: 1rem;}
.contact-form-box .form-group{margin-bottom: 2rem;}

.contact-form-box input::-webkit-input-placeholder,.contact-form-box textarea::-webkit-input-placeholder { /* Edge */
 font-size: 16px;
}

.contact-form-box input:-ms-input-placeholder,.contact-form-box textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 16px;
}

.contact-form-box input::placeholder,.contact-form-box textarea::placeholder {
  font-size: 16px;
}

/* Presentations section one start */
.presentation-cntnt-box-1{padding-left: 2.5rem;}
.mb-40{margin-bottom:  2.5rem;}
.mb-150{margin-bottom:  9.25rem;}
.presentation-cntnt-box-1 .sec-head h2{text-align: left; margin-top: 2rem;}
.presentation-cntnt-box-1 .fliper-cta-box{margin-top:  4rem; width: 17rem; margin-bottom: 5.5rem;}
.star-Presentnt{right: 6rem;top:6rem;position: absolute;font-size: 1.5rem;}
.sec-Presentnt-1{padding: 7.5rem  0;}
.star-Presentnt:before {
  content: '\f067';
  color: #c2ece7;
  font-family: 'FontAwesome';
}
.Presentnt-triangle-1 {
  width: 2.1rem;
  height: 2.1rem;
 bottom: 11rem;
 right: 19.0625rem;
  transform: rotate(50deg);}
.mb-80{margin-bottom: 5rem;}
.sec-gradient{position: absolute; background-size: cover!important;background-repeat: no-repeat!important;}
.sec-Presentnt-2-gradient-1{width: 100%;height: 72.8125rem;background: url(../images/backgrounds/gradients/presentntion-grad1.png); top: 20rem;left: 0; opacity: 0.5;}
.sec-Presentnt-2-gradient-2{width: 29.25rem;height: 42.8125rem;background: url(../images/backgrounds/gradients/presentntion-grad2.png); top: 104.5625rem;left: 0;}
.sec-Presentnt-2-gradient-3{width: 42.0625rem;height: 30.375rem;background: url(../images/backgrounds/gradients/presentntion-grad3.png);right: 0;bottom: 15.625rem;}
.presentation-row{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.presentation-col{width: 30%;background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  margin: 0 auto;
  padding: 6rem 1.5rem 4rem 1.5rem; text-align: center;position: relative; box-shadow: 0 0 10px 1px rgb(174,174,174,0.5);}
.presentnt-col-box-top{position: absolute;margin: 0 auto;top: -3rem;display: inline-block; padding: 1.5rem; border-radius: 50%;left: 0;right: 0;max-width: 6.5rem;}
.presentnt-col-box{position: static;}
.presentnt-col-box-top h3{display: inline-block; font-size: 3rem; margin-bottom: 0;-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;}
.presentation-preview .fliper-cta-box{width: 13.5rem; margin: 0 auto;margin-top:5rem ;margin-bottom: 6.25rem;}
.presentation-box-outer{margin:3rem 1.5rem;overflow: hidden; cursor: pointer;}
.presentation-box-inner{padding: 3.5rem;}
.presentation-box-inner img{transition: 0.8s all ease;}
.presentation-box-inner-1{background: #8fbfdc;}
.presentation-box-inner-1 img{transform: rotate(-10deg);}
.presentation-box-inner-1:hover img{transform: rotate(0deg) scale(1.15);}
.presentation-box-inner-2{background: #90e7fa;}
.presentation-box-inner-2 img{transform: rotate(10deg);}
.presentation-box-inner-2:hover img{transform: rotate(0deg) scale(1.15);}


.presentation-box-inner-3{background: #e8b6e5;}
.presentation-box-inner-3 img{transform: rotate(6deg);}
.presentation-box-inner-3:hover img{transform: rotate(0deg) scale(1.15);}

.presentation-box-inner-4{background: #f2dcba;}
.presentation-box-inner-4 img{transform: rotate(-10deg);}
.presentation-box-inner-4:hover img{transform: rotate(0deg) scale(1.15);}
.presentation-box-inner-5{background: #cbdeb8;}
.presentation-box-inner-5 img{transform: rotate(15deg);}
.presentation-box-inner-5:hover img{transform: rotate(0deg) scale(1.15);}


.presentation-box-inner-6{background: #ffddda;}
.presentation-box-inner-6 img{transform: rotate(-10deg);}
.presentation-box-inner-6:hover img{transform: rotate(0deg) scale(1.15);}


.presentation-col-1 .presentnt-col-box-top{background:#8128cf ;}
.presentation-col-2 .presentnt-col-box-top{background:#c51ab6 ;}
.presentation-col-3 .presentnt-col-box-top{background:#00b9f2 ;}
h5{color: #262324; font-size: 2.25rem; font-weight: 600; text-transform: capitalize;margin-bottom: 2rem;}


.wide-cta{width:24.875rem; margin: 0 auto; margin-top: 4.25rem; margin-bottom: 10rem;}
.wide-cta-cont {
  width: 24.875rem;
  height: 7.125rem;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.wide-cta-cont::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 1rem;
  width: 100%;
  height: 100%;
  background: url(../images/resources/cta-1-2.png);
  transition: 1.1s all ease;
  background-repeat: no-repeat;
}
.wide-cta-banner-an {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 4;
  position: relative;
  color: #191919;
  font-size: 1.25rem;
  font-weight: 600; text-transform: uppercase;
}

.wide-cta-cont:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/resources/cta-1-1.png);
  transition: 1.1s all ease;
  background-repeat: no-repeat;
}

.wide-cta-banner-an:hover{color: #191919;text-decoration: none;}
.wide-cta:hover .wide-cta-cont::before{ transition: 1.1s all ease;right: -3.75rem;}

.sec-Presentnt-3 h5{color: #414456;}
.presentation-row-3-out{width: 96%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;margin:0 3%;
  margin: 0 auto;
  padding: 6rem 1.5rem 4rem 1.5rem;box-shadow: 0 0 10px 1px rgb(174,174,174,0.5); margin-bottom: 13.5rem;}

.presentation-row-3{
  width: 100%;
  text-align: center;
  position: relative;
  display: flex;flex-direction: row;flex-wrap: wrap;}
.presentation-3-box{width: 33%; text-align: center; padding: 0rem 2.5rem 3.5rem 2.5rem;}
.presentation-3-box img{ text-align: center;margin: 0 auto;}
.presentation-3-box:nth-child(1),.presentation-3-box:nth-child(2),.presentation-3-box:nth-child(3){border-bottom:1px solid  #414456 ;}
.presentation-3-box:nth-child(1),.presentation-3-box:nth-child(2),.presentation-3-box:nth-child(4),.presentation-3-box:nth-child(5){border-right: 1px solid#414456;}
.presentation-3-box .icon-box-in{margin-bottom: 1.25rem;}
.presentation-3-box:nth-child(4),.presentation-3-box:nth-child(5),.presentation-3-box:nth-child(6){padding-top: 3.5rem; padding-bottom: 0;}
.presentation-cta{  margin-top: 4.25rem;}
.presentation-cta.fliper-cta-box{margin: 0 auto;max-width: 13.5rem;}
.sec-Presentnt-3-gradient-1{width: 91.625rem;height: 93.8125rem;background: url(../images/backgrounds/gradients/presentntion-grad4.png);right: 0;top:10rem; left: 0; margin: 0 auto;}
.after-before-work{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.after-before-outer-box{opacity: 1; transition: .5s all ease;}
.after-before-outer-box.slick-active{opacity: 1; transition: .5s all ease;}
.after-before-left,.after-before-right{width: 49%;display: flex;}
.after-before-caption h3{font-size: 2.8125rem;text-transform: uppercase;-webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #000000;padding-right: 1.5rem;margin-bottom: 0;padding-left: 1rem;}
.after-before-caption{display: flex;align-items: center;}
.before-img img{transform: perspective(800px) rotateY(25deg) scale(0.78);transform-origin: center right;transform-style: preserve-3d;display: flex;}
.after-img img{transform: perspective(800px) rotateY(-25deg) scale(0.78); transform-origin: center left;transform-style: preserve-3d;display: flex;}
.after-img{overflow: hidden; padding: 2.5rem 0;}
.before-img{overflow: hidden; padding: 2.5rem 0;}
.after-before-left2 .after-before-caption{order: 2;}
.after-before-left2 .after-before-caption h3{padding-right: 0rem;margin-bottom: 0;padding-left: 1.5rem; padding-right: 1rem;}
.sec-Presentnt-3-gradient-2{width: 15.6875rem;height: 49.875rem;background: url(../images/backgrounds/gradients/presentntion-grad5.png);left: 0;bottom:0rem;}
.slick-after-before .slick-dots{display: flex;margin: 0 auto;position: absolute; bottom: -2rem;right: 0;left: 0;max-width: 330px; text-align: center;justify-content: space-evenly;}

.slick-after-before .slick-dots::after{content: '';position: absolute;margin: 0 auto;bottom: 25%;right: 0;left: 0;background-image: linear-gradient(to right,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05); width: 100%;height: 0.75rem;border: 1px solid transparent;border-radius: 4rem;background-repeat: no-repeat;}
.slick-after-before .slick-dots li{display: inline-block; margin: 0 5px; background: #fff;color: transparent; font-size: 0; border: none;position: relative;z-index: 2;opacity: 0; transition: .6s all ease;}
.slick-after-before .slick-dots li.slick-active{opacity: 1; transition: .6s all ease;}
.slick-after-before .slick-dots li{display: inline-block; margin: 0 5px; background: transparent;}
.slick-after-before .slick-dots li button{ background: #fff;color: transparent; font-size: 0; border: none;position: relative;width: 1.5rem;height: 1.5rem;box-shadow:0 0 10px 1px rgb(174,174,174,0.5);border-radius: 50%;border: 1px solid transparent; outline: none;cursor: pointer;}

.slick-after-before .slick-dots li::after{content: '';position: absolute;width: 0.75rem ;height: 0.75rem;border: 1px solid transparent; border-radius: 50%; background: #fff;left: 0;right: 0;top: 0; background-image: radial-gradient(#2881db,#a230dd);left: 0; right: 0; top: 0; bottom: 0; margin:auto;cursor: pointer;}
.Presentnt-2-rombus-1{
  width: 1.875rem;
  height: 1.875rem;
  border: 3px solid #c6c8ca;
  left: 8.75rem;
  top: 13.875rem;
  transform: rotate(45deg);}
.Presentnt-2-rombus-1::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.Presentnt-2-circle-1 {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 3px solid #ffffff;
 left: 6rem;
  top: 3.75rem;
  animation: updown-2 9s linear infinite;
}
.Presentnt-2-circle-2 {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 3px solid #f5dc9c;
 right:31rem;
  top: 55.5rem;
  animation: updown-2 9s linear infinite;
}
.Presentnt-2-star-1{
  color: #b7b5b6;
 top: 78.375rem;
  left: 7.125rem; font-size: 2rem;
  
}
.Presentnt-2-star-1:before {
  content: '\f067';
  color: #c4c5c6;
  font-family: 'FontAwesome';
}
.Presentnt-2-star-2{
  color: #b7b5b6;
bottom: 3rem;
  left: 21.625rem; font-size: 2rem;
  
}
.Presentnt-2-star-2:before {
  content: '\f067';
  color: #c4c5c6;
  font-family: 'FontAwesome';
}


.Presentnt-2-triangle-1{
  width: 2.5rem;
  height: 2.5rem;
  top: 78.375rem;
  right: 18.75rem;
  transform: rotate(20deg);
}
.Presentnt-2-triangle-2{
  width: 2.5rem;
  height: 2.5rem;
  top: 146.5rem;
  right: 47.75rem;
  transform: rotate(20deg);
}
.sec-Presentnt-3-hexa-1{
  width: 1.875rem;
  height: 1.875rem;
  right: 9.125rem;
  top: 13.875rem;
  transform: rotate(-30deg);
}
.sec-Presentnt-3-rombus-1{
  width: 1.875rem;
  height: 1.875rem;
  border: 3px solid #c6c8ca;
  left: 4.5rem;
  top:38.25rem;
  transform: rotate(45deg);
}
.sec-Presentnt-3-rombus-1::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.sec-Presentnt-3-triangle-3{
  width: 1.5rem;
  height: 1.5rem;
  right: 22.75rem;
  bottom: 54.375rem;
  transform: rotate( 50deg);
}
.sec-Presentnt-3-hexa-2{
  width: 1.875rem;
  height: 1.875rem;
  left: 4.5rem;
  bottom: 58rem;
  transform: rotate(
45deg);}
.sec-Presentnt-3-rombus-2{
  width: 1.875rem;
  height: 1.875rem;
  border: 3px solid #c6c8ca;
  right: 9.75rem;
  bottom: 4rem;
  transform: rotate(45deg);
}

.sec-Presentnt-3-rombus-2::after{
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.sec-Presentnt-3-circle-1{
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 3px solid#f5dc9c;
 right: 20rem;
  bottom:-3rem;
  animation: updown-2 9s linear infinite;
}
.presentation-preview{padding-bottom: 12rem;}
.about-inner-1{padding: 7rem 0;}
.about-inner-1 .sec-head h2{text-align: left;line-height: 1.3em; margin-bottom: 3rem;}
.about-inner-1 .sec-head h2 span{color:#6b6365}
.about-inner-1 p{margin-bottom: 1rem;}
span.strong{font-weight: bold;}
.about-box-grid{display: flex;flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.about-box-col{display: flex;flex-direction: column; width: 22%;background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 2rem ;
  margin: 0 auto;
  padding: 2.25rem 1rem;align-items: center; margin-top: 1.75rem;}
.about-box-icon{width: 10rem;height: 10rem;border: 1px solid #fff;border-radius: 50%;justify-content: center;align-items: center;display: flex;}
.about-box-col-1 .about-box-icon{background: #8128cf}
.about-box-col-2 .about-box-icon{background: #c51ab6}
.about-box-col-3 .about-box-icon{background: #00b9f2}
.about-box-col-4 .about-box-icon{background: #bb8e45}
.about-box-col .about-box-icon h3{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;margin-bottom: 0;font-size: 2.75rem;}
.about-box-head-tag{margin-top: 2rem;}
.about-box-head-tag h4{ font-size: 1.8575rem; font-weight: 600;text-align: center; margin-bottom: 0;}
.about-inner-2 h2{ margin-bottom:3.75rem ;}
.fliper-cta-all{width: 16rem;margin: 0 auto;display: inline-flex;margin-left: 2rem;}
.fliper-cta-abt{width: 15.5625rem;height: 7.0625rem;}
.fliper-cta::before{background: url(../images/resources/cta-3-3.png); top: 0; background-size: contain; background-position:left center;}
.fliper-cta::after{background: url(../images/resources/cta-3-1.png); background-size: contain; background-position:right center; background-repeat: no-repeat;}
.about-inner-2{padding-bottom: 7rem;}
.about-p-circle-1 {
  width: 1.8125rem;
  height: 1.8125rem;
  border: 2px solid #fdb913;
  border-radius: 50%;
  left: 15rem;
  bottom: 7.25rem;
}

.about-p-triangle-2 {
  width: 2.1875rem;
  height: 2.1875rem;
  left: 17.5rem;
  bottom: 52.5rem;
  transform: rotate( 
30deg
);
}

.about-p-rombus-1 {
  width: 2rem;
  height: 2rem;
  border: 1px solid #90909b;
  right: 16.25rem;
  bottom: 56.375rem;
  transform: rotate( 
45deg
);
}
.about-p-rombus-1::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background: #ef7325;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.about-p-star{
  color: #c2ece7;
  top: 7.5rem;
  right: 7.5rem;
  animation: rotate 10s linear infinite;
}

.about-p-star:before {
  color: #c2ece7;
  content: '\f067';
  font-family: 'FontAwesome'; font-size: 1.3rem;
}
.about-page-grad-1{
  background: url(../images/backgrounds/gradients/img-abt-grdnt-2.png);
  width:100rem;
  height: 56.8125rem;
  left: -25rem;
  top: -12rem; background-size: contain !important;background-repeat: no-repeat;
}

.about-page-grad-2{
  background: url(../images/backgrounds/gradients/img-abt-grdnt-1.png);
  width: 94.9375rem;
  height: 51.5625rem;
  right: -70rem;
  top: -16rem;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.about-page-grad-3 {
  background: url(../images/backgrounds/gradients/img-abt-grdnt-1.png);
  width: 94.9375rem;
  height: 51.5625rem;
  right: -18rem;
  bottom: -6rem;
  background-size: contain !important;
  background-repeat: no-repeat;
}






.inner-page-box{text-align: center;margin: 0 auto;width: 13.525rem;}
.inner-page-cta{margin: 2.25rem 0;}
.inner-cta {
  width: 13.125rem;
  height: 7.1875rem;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.inner-cta-an{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 4;
  position: relative;
  color: #191919;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}

.inner-cta::before {
  background: url(../images/resources/cta-3-3.png);
  top: 0;
  background-size: contain;
  background-position: left center;
  content: '';
  position: absolute;
  right: 0px;
  width: 100%;
  height: 100%;
  transition: 1.1s all ease;
}

.inner-cta::after {
  background: url(../images/resources/cta-3-1.png);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 1.1s all ease;
}
.inner-cta-an:hover{color: #191919;}
.inner-page-box:hover .inner-cta::before {
  transition: 1.1s all ease;
  right: -3.75rem;
}
.inner-content-page h2{margin-bottom: 3rem;}
.inner-content-page h3{text-align: center;font-size: 2.875rem;}
.inner-page-content-box{
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  margin: 0 auto;
  padding: 4rem 2.5rem 2.5rem 2.5rem;
  text-align: center;
  position: relative;
  box-shadow: 0 0 10px 1px rgb(174 174 174 / 50%); height: 90%;
}
.inner-page-content-box .inner-page-cta{margin-top: 1.5rem;}
.inner-content-img{text-align: center; padding: 7rem 0 2rem 0;}
.inner-content-img img{margin: 0 auto;}
.inner-page-app-dev{padding: 0 0 7rem 0;}
.inner-page-ul li{color: #262324;font-size: 1.42875rem;font-weight: 300;line-height: 1.5em;text-align: left;padding-bottom: 1rem;position: relative;padding-left: 2rem;}
.inner-page-ul li::after{position: absolute;content: '';width: 1rem;height: 1rem;background: #000; left: 0; top: 0.75rem; border-radius: 50%;}






.internal-common{padding: 4rem 0;}
.internal-common .inner-page-content-box{margin-bottom: 2.5rem;}
.internal-common .inner-page-content-box .inner-page-cta {margin-top: 1.5rem; margin-bottom: 0;}
.internal-common .inner-content-img{padding: 7rem 0;}
.internal-common .internal-feature-sec{width: 96%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  margin: 0 3%;
  margin: 0 auto;
  padding: 6rem 1.5rem 4rem 1.5rem;
  box-shadow: 0 0 10px 1px rgb(174 174 174 / 50%);}
.internal-common-6-box .inner-page-content-box{padding: 4rem 2.5rem 2.5rem 2.5rem;margin-bottom: 2.5rem;}
















/* css svg */
.cls-1{fill:#fff;}
.cls-1-15{
  fill: none;
  stroke: #ac78f5;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}


.cls-1-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}
.cls-1-2 {
  fill: none;
  stroke: #fdc02c;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
}
.cls-2-1 {
  fill: none;
  stroke: #f1e5bd;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}
.cls-3-1 {
  fill: none;
  stroke: #cadfed;
  stroke-miterlimit: 10;
  stroke-width: 1.2px;
}

.cls-foot-1 {
  fill: none;
  stroke: #caa151;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}
.hex-cls-2 {
  fill: none;
  stroke: #7b528e;
  stroke-miterlimit: 10;
  stroke-width: 1.66px;
}

.hex-cls-1 {
  fill: none;
  stroke: #a530b8;
  stroke-miterlimit: 10;
  stroke-width: 1.66px;
}

.cls-cs-1 {
  fill: none;
  stroke: #eeb8f6;
  stroke-miterlimit: 10;
  stroke-width: 1.10px;
}

.hex-cls-cs-1 {
  fill: none;
  stroke: #d2d2d2;
  stroke-miterlimit: 10;
  stroke-width: 1.66px;
}

.cls-8-1 {
  fill: none;
  stroke: #f6bf29;
  stroke-miterlimit: 10;
  stroke-width: 0.92px;
}
.what-new-9-1 {
  fill: none;
  stroke: #f6b501;
  stroke-miterlimit: 10;
  stroke-width: .2px;
}

.what-new-9-2 {
  fill: none;
  stroke: #f6b501;
  stroke-miterlimit: 10;
  stroke-width: .5px;
}

.what-new-9-3 {
  fill: #f6b501;
  stroke: #f6b501;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}
.cls-9-1 {
  fill: none;
  stroke: #f6ae95;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}



.cls-blog-svg-1 {
  fill: none;
  stroke: #e5b9e4;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}
.cls-blog-svg-2 {
  fill: none;
  stroke: #fdb913;
  stroke-miterlimit: 10;
  stroke-width: 1.92px;
}

.cls-cs-2 {
  fill: none;
  stroke: #eeb8f6;
  stroke-miterlimit: 10;
  stroke-width: .1px;
}

.cls-1-in-logo {
  fill: #4c4648;
}
/* .inner-pages.white{background: #fff;} */

/* clientlogo svg css start */
.logo-88{fill:#E1251B;}







/* clientlogo svg css end */

.menu-box{padding-top: 5rem;}
.fixed-navigation.active-main .menu-container .sub-menu{ width: 100%;background: transparent;padding-top: 1rem;visibility: hidden; height: 0;opacity: 0; transform: translateY(20%);}
.fixed-navigation.active-main .menu-container .sub-menu li{margin-bottom: .8rem;}
.fixed-navigation.active-main .menu-container .sub-menu li a{font-size: 1.5rem;color: #6f738a!important;line-height: 1.5em;font-weight: 500;-webkit-text-stroke-width: unset;
  -webkit-text-stroke-color: unset;}
.fixed-navigation.active-main .menu-container .sub-menu li:hover a{color: #fff!important;}
.fixed-navigation.active-main .menu-container .dropdown .sub-menu.is-active{transition: .8s ease all;display: block;padding-top: 1rem;visibility:visible;height: auto;opacity: 1; transform: translateY(0%);}
.inner-container-box{max-width: 100rem; margin:0 auto; position: relative;}
.inner-container-box-banner{height: 100%;position: relative;}
.presentation-box-inner-nbg{background: transparent !important;}
footer .inner-container-box{padding: 6.875rem 0;}









.used-color{color:#2881db - rgba(40, 129, 219, 1);
    color: #a230dd;color:rgba(162, 48, 221, 1);
    color:#cf15e2 ;color:rgba(207, 21, 226, 1);
    color:#f15a22 ;color:rgba(241, 90, 34, 1) ;
    color:#ffcb05 ;color:rgba(255, 203, 5, 1) ;
    }


.advantages-sec .inner-container-box,.our-client  .inner-container-box,.service-technology .inner-container-box,.h-casestudy .inner-container-box,.onboard-sec .inner-container-box,.whats-new .inner-container-box,.lets-talk .inner-container-box,.new-service-section .inner-container-box{padding: 7rem 0;}

.cta-bnnr-new{ width:26rem; margin-top: 1rem;}
.cta-bnnr-new .fliper-cta{width: 24rem;}
.cta-bnnr-new .fliper-cta::before{background: url(../images/resources/cta-1-2.png); top: -.25rem; background-size: contain; background-position:center; background-repeat: no-repeat;}
.cta-bnnr-new .fliper-cta::after{background: url(../images/resources/cta-1-1.png); background-size: contain; background-position:center; background-repeat: no-repeat;width: 100%;}
.h-casestudy .inner-container-box{overflow-x: hidden;}
.service-gradient-new{background: url(../images/backgrounds/gradients/hm-blobby-5.png);width: 74.9375rem;height:39.5625rem; position: absolute;} 
.service-gradient-new-1{left:-32%;top: 12rem;background-repeat: no-repeat;}
.service-gradient-new-2{left:0;top: 75rem;background-repeat: no-repeat;}
.service-gradient-new-3{right:-50%;bottom: 46rem;background-repeat: no-repeat;}

.cs-gradient-new-1{left:-40%;top: -4rem;background-repeat: no-repeat;}
.onboard-gradient-1{background: url(../images/backgrounds/gradients/hm-blobby-6.png);width: 29.9375rem;top: 20rem;height: 26.25rem; left: 15rem;}

.onboard-gradient-2{background: url(../images/backgrounds/gradients/hm-blobby-7.png);width: 28.8125rem;top: 20rem;height: 25.25rem; right: 6.5rem;}
.onboard-new-triangle-3 {
  width: 1.5rem;
  height: 1.5rem;
  right: -5.375rem;
  bottom: 24rem;
  transform: rotate(350deg);
  animation: rotate 6s alternate infinite linear;
}
.hm-blog-gradient-new-2{left: 18px;top: 13rem;background-repeat: no-repeat;background-size: contain; width: 70rem;}
.hm-blog-circle-1 {
  width: 10rem;
  height: 10rem;
  border: 2px solid #f5c12f;
  border-radius: 50%;
  left: 10rem;
  top: 14rem; animation: left-to-right 8s linear infinite;
}
.hm-blog-triangle-1 {
  width: 3.125rem;
  height: 3.125rem;
  right: 7.625rem;
  bottom: 4.625rem;
  transform: rotate(-30deg);
}
.lets-talk-gradient-new{background: url(../images/backgrounds/gradients/gra-12.png);width: 44rem;height:39.5625rem; position: absolute;}
.lets-talk-gradient-new-1{ right: 0; top: 17rem; background-size: contain;}
.lets-talk .inner-container-box{overflow: hidden;}
.email-snd-area .fliper-cta-box{margin-bottom: 5rem;}
.lets-talk-triangle-1{ width: 3.1875rem;height: 3.1875rem; left: 18rem;top: 0.5rem;transform: rotate(-30deg);}
.bg-grad,.service-gradient-new{background-size: contain;}
.advntag-gradient{position: absolute;background-size: cover !important;}
.advntag-gradient-1,.advntag-gradient-2,.advntag-gradient-3{background-size: contain!important;}
.darkHeader .cls-1-in-logo{fill: #fff;}

.darkHeader .menu-icon a{color: #fff;}
.darkHeader .menu-icon span{background: #fff;}


.banner-head-opt2{width: 56rem; margin: 2rem 0;}

.heading-banner-opt-3{ width: 100%;}

.heading-head-full{display: flex; height: 9.375rem; }
.heading-head-half{width: 50%; display: flex;}
.head-half-right{align-items: flex-start;}
.head-half-right h1{text-align: right;}
.head-half-left h1{text-align: left;}
.head-half-left{align-items: flex-end;}
.mb-zero{margin-bottom: 0;}



.heading-banner-opt h1 {
  font-size: 4.5rem;
  font-weight: 600;
  text-transform: capitalize; width: 100%;
}







.heading-head-full::after {
  position: absolute;
  content: '';
  left: 49.8%;
  
  top: -1.7rem;
  background-color: #fcb816;
  height: 13rem;
  width: .5rem;
  margin: 0 auto;
  transform: rotate(35deg); z-index: 3;
}

.heading-head-full::before {
  position: absolute;
  content: '';
  left: 49%;
 
  top: -1.8rem;
  background-color: #ffffff;
  height: 14rem;
  width: 1.6rem;
  margin: 0 auto;
  transform: rotate(35deg); z-index: 2;
}
.heading-banner-opt{margin: 4rem 0;}


.service-circle-1 {
  width: 1.6rem;
  height:1.6rem;
  border: 2px solid #faccda;
  border-radius: 50%;
  left: 9.5rem;
  top: 5rem;
  animation: pulse 1s linear infinite alternate;
}

.service-circle-2 {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  border: 2px solid #d8c081;
  right: 6rem;
  top: 0rem;
  animation: pulse 4s linear infinite alternate;
}
.service-triangle-1-new {
  width: 3.125rem;
  height: 3.125rem;
  right: 25.625rem;
  top: 13.625rem;
  transform: rotate(
-30deg
);
}

.star-service-new {
  left: 34.25rem;
  top: 0rem;
  animation: rotate 10s linear infinite;
  z-index: 2;
}

.star-service-new:before {
  content: '\f067';
  color: #272425;
  font-family: 'FontAwesome';
}

.service-hexa-3{
  width: 1.875rem;
  height: 1.875rem;
  left: 24.625rem;
  top: 15.6875rem;
  transform: rotate( 
-30deg
);
  animation: rotate-vertical 6s linear infinite;
}
.Presentnt-main.sec-Presentnt-3{ padding-bottom: 10rem;}
.inner-content-page.sec-inner-page .presentation-cntnt-box-1{ margin-bottom: 10.5rem;}
.inner-content-page.sec-inner-page .sec-head{margin-bottom: 5.5rem;}
.inner-content-page.sec-inner-page .inner-content-img{padding:7rem 0;}
















/* new internal page css start */
.inner-page-container{max-width: 2000px;margin: 0 auto;position: relative;}
.inner-page-container{padding: 6rem 0;}
.internal-pages-common{padding-bottom: 5rem;}
.inner-page-sec-intro-content .sec-head h2{text-align: left; margin-bottom: 2.5rem;}
.inner-page-sec-intro-content .fliper-cta-box{margin-top: 2.5rem;margin-top: 2rem;width: 17rem;}
.common-head-x{margin-bottom: 5rem;}
.sec-gradient {
  position: absolute;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.x-content-box{text-align: center;width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  position: relative;
  box-shadow: 0 0 10px 1px rgb(174 174 174 / 50%); padding: 4rem 2.5rem  3rem 2.5rem;display: flex;
  flex-direction: column;
  height: 100%;}
.x-inner-cta{margin-top: 0rem;}
.internal-page-detail-box-out{display: flex;height: 100%;padding-bottom: 4rem;}
.internal-page-detail-box-in{padding:0 0.5rem; display: flex; height: 100%;}
.in-mid-banner img{margin: 0 auto;}
.specialties-sec-outer{width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2rem;
  margin: 0 auto;
  padding: 3rem;
  box-shadow: 0 0 10px 1px rgb(174 174 174 / 50%);
 
}
.specialties-sec-inner{width: 100%;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.specialties-sec-box {
  width: 33.33%;
  text-align: center;
  padding: 2.5rem;
}

.specialties-sec-box:nth-child(1), .specialties-sec-box:nth-child(2), .specialties-sec-box:nth-child(4), .specialties-sec-box:nth-child(5) {
  border-right: 1px solid#414456;
}
.specialties-sec-box:nth-child(1), .specialties-sec-box:nth-child(2), .specialties-sec-box:nth-child(3) {
  border-bottom: 1px solid #414456;
}
.specialties-sec-box:nth-child(4), .specialties-sec-box:nth-child(5), .specialties-sec-box:nth-child(6) {
  padding-top: 3.5rem;
  padding-bottom: 0;
}
.icon-box-in{margin-bottom: 2.5rem;}
.icon-box-in img {
  text-align: center;
  margin: 0 auto;
}
.specialties-sec-cta{padding: 4rem 0 2rem 0;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.menu-grid h6 a,.menu-grid h6  {
  font-size: 3rem;
  text-transform: capitalize;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #a7a9ac;
  font-weight: 600;
  transition: 0.6s ease all;
}
.menu-grid h6{margin-bottom: 1.25rem;}
.fixed-navigation.active-main .menu-grid ul li,.fixed-navigation.active-main .menu-grid ul li a{font-size: 1.285625rem; font-weight: 500; color: #a7a9ac;-webkit-text-stroke-width: 0;
  -webkit-text-stroke-color:  #fff;transition: 0.6s ease all; line-height: 1.7em;}

.fixed-navigation.active-main .menu-grid ul li a:hover,.fixed-navigation.active-main .menu-grid ul li a:focus{color: #fff;transition: 0.6s ease all;}

.whole-menu{display: flex; width: 100%;}
.menu-grid{width: 33.33%;}
.fixed-navigation .menu-grid ul li{ line-height: 2.5rem;}
.menu-box {padding-top: 0rem;width: 100%; text-align: left;}
.fixed-navigation.active-main .menu-container{flex-direction: column;}


.internal-pages-common section{overflow: unset;}
.internal-specialties-sec-1 {
  width: 91.625rem;
  height: 93.8125rem;
  background: url(../images/backgrounds/gradients/presentntion-grad4.png);
  right: 0;
  top: 10rem;
  left: 0;
  margin: 0 auto;
}
.internal-page-detail-gradient-1 {
  background: url(../images/backgrounds/gradients/hm-blobby-5.png);
  width: 74.9375rem;
  height: 39.5625rem;
  right: 0;
  top: 35rem;
  left: 0;
  margin: 0 auto;
}
.fixed-navigation .menu-head{padding: 2rem 0;}
.fixed-navigation .menu-head .cls-1-in-logo{fill: #ffffff;}
.menu-box{ height: 80vh; display: flex;align-items: center;flex-wrap: wrap;}
.menu-grid-in:hover  h6,.menu-grid-in:hover  h6 a{ color: #fff;-webkit-text-stroke-width: 0;-webkit-text-stroke-color:  #fff;}
.menu-bg-pattern{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.flex-container-menu{left: 0; right: 0; margin: 0 auto;}
.main-banner-img{text-align: center;margin: 0 auto; max-width:40rem;}
.main-banner-img img{margin: 0 auto; max-width:40rem ;}
.menu-grid-in ul{padding-left: 1.5rem;}

.shape-star {animation: rotate 10s linear infinite;}
.shape-star-1 { top: 28.5rem;right: 27.5rem;}
.shape-star:before {content: '\f067';font-family: 'FontAwesome';font-size: 1.3rem;}
.shape-circle-1{
  width: 1.6rem;
  height: 1.6rem;
  border: 2px solid #faccda;
  border-radius: 50%;
  left: 40.5rem;
  bottom: 0rem;
  animation: pulse 1s linear infinite alternate;
}
.shape-rombus {
  width: 2rem;
  height: 2rem;
  
  transform: rotate( 
45deg
);
}
.shape-rombus::after {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.shape-rombus-1{border: 1px solid #90909b;right: 6.25rem;bottom: -1rem;}
.shape-rombus-1::after{background: #ef7325;}
.inner-page-sec-intro-img{padding-right: 3rem;}
.portfolio-box-img{margin-top: 5rem;}
.portfolio-box{padding: 0 1.6rem;}
.portfolio-box-img img{width: 100%;}
/* .internal-portfolio-gradient-1{
  background: url(../images/backgrounds/gradients/hm-blobby-5.png);
  width: 74.9375rem;
  height: 39.5625rem;
  right: -20rem;
  top: 35rem;
  left: unset;
  margin: 0 auto;
} */
.internal-portfolio-gradient-1{
  background: url(../images/backgrounds/gradients/gra-12.png);
  width: 44.9375rem;
  height: 38.625rem;
  top: 30rem;
  left: 3rem;
  margin: 0 auto;
}



.internal-portfolio-gradient-2{
  background: url(../images/backgrounds/gradients/hm-blobby-8.png);
  width: 44.9375rem;
  height: 39.5625rem;
  right: 0rem;
  bottom: 5rem;
  left: unset;
  
}



/* inner soecific page css */

.presentation-inner-page .internal-page-detail-box-out,.app-dev-inner-page .internal-page-detail-box-out,.ebook-inner-page .internal-page-detail-box-out,.infographics-inner-page .internal-page-detail-box-out,.Marketing-Automation-inner-page .internal-page-detail-box-out,.Mobile-Designs-inner-page .internal-page-detail-box-out,.web-creative-inner-page .internal-page-detail-box-out,.web-dev-inner-page .internal-page-detail-box-out{padding-bottom: 0rem;}
.zero-top-margin{margin-top: 0;}
.zero-bottom-padd{padding-bottom: 0;}





/* color of shapes */

.green1{color: #c2ece7;}
.green1:before {color: #c2ece7;}




/* banner new */
.banner-new-home{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main-heading-banner-inner h1{font-size: 6.5rem; font-weight: 600;line-height: 1em;}
.main-heading-banner{width: 100%; position: relative;}
.main-heading-banner-out{width: 100%; display: flex;}
.main-heading-banner-inner{width: 50%;}
.heading-banner-inner-left{text-align: right;padding-bottom:6rem; padding-right: .5rem;}
.heading-banner-inner-right{text-align:left; padding-top:6rem; padding-left: .5rem;}
.banner-seprater{width: 2.25rem; background: #ffffff; height: 26.5rem; display: inline-block;position: absolute; left: 0; right: 0;margin: 0 auto; bottom: -1rem; transform: rotate(20deg);}
.banner-seprater:after{background: #fcb816; position: absolute;left: 0;right: 0; margin: 0 auto; content: ''; height: 100%; width: 4px; top: 1.5rem;}
.heading-banner-inner-right h1:nth-child(2){margin-left: -6rem;}
.heading-banner-inner-left h1:nth-child(2){margin-right: 2rem;}
.heading-banner-inner-left h1:nth-child(1){margin-right: -3rem;}
.work-page-gradient-1{ background: url(../images/backgrounds/gradients/work-bg.png);height:66.25rem;width: 108.125rem; background-repeat: no-repeat;   right: -32rem;top: -13rem; background-position: top right;}
.work-page-gradient-2{ background: url(../images/backgrounds/gradients/work-bg.png);height:66.25rem;width: 108.125rem; background-repeat: no-repeat;   left: -25rem;top: 52rem; background-position: top right;}


.work-sec-1 .sec-head h2 span { color: #6b6365;}
.work-sec-1 .sec-head h2 {
  text-align: left;
  line-height: 1.3em;
  margin-bottom: 3rem;
}
.work-desc-row{display: flex;border: none;
  border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
  border-image-slice: 1; border-top:3px solid transparent; ;}
  .work-desc-row:last-child{ border-bottom:3px solid transparent;}


.work-desc-col{padding: 4rem; display: inline-block;}
.work-desc-col-1{ width: 66.66%;border: none;
  border-image: linear-gradient(to bottom, #2881db,#a230dd);
  border-image-slice: 1; border-right: 3px solid transparent;}
.work-desc-col-2,.work-desc-col-6{width:33.33%;}
.work-img-box img{width: 100%;}
.work-desc-col-3,.work-desc-col-4,.work-desc-col-5,.work-desc-col-8,.work-desc-col-9,.work-desc-col-10{width: 33.33%;}
.work-desc-col-7{ width: 66.66%;}
  .work-desc-col-3{border: none;
    border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2);
    border-image-slice: 1; border-right:3px solid transparent; }
.work-desc-col-4{border: none;
    border-image: linear-gradient(to bottom,#a230dd,#cf15e2 ,#f15a22 );
    border-image-slice: 1;border-right: 3px solid transparent;}
.work-desc-col-6{ border: none;
      border-image: linear-gradient(to bottom,#cf15e2 ,#f15a22);
      border-image-slice: 1; border-right: 3px solid transparent;}

.work-desc-col-8{border: none;
        border-image: linear-gradient(to bottom, #f15a22 ,#ffcb05 );
        border-image-slice: 1;border-right: 3px solid transparent;}

.work-desc-col-9{border: none;
          border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);
          border-image-slice: 1;border-right: 3px solid transparent;}
.work-inner-page{background: #f3f4f4;}
.work-content-box h6{color: #969495; font-size: 1.7rem; line-height: 1.4em; margin-top: 1.8rem;}
.cta-box-work{text-align: center;}
.cta-box-work .cta-work-new{margin: 0 auto; width: 21rem; margin-top:5rem;}
.cta-work-new .fliper-cta {width: 20rem;}
.cta-work-new-custom {
  color: #191919;
  font-size: 1rem;
  position: relative;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.cta-work-new .fliper-cta::before {
  background: url(../images/resources/cta-1-2.png);
  top: -.25rem;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.cta-work-new .fliper-cta::after {
  background: url(../images/resources/cta-1-1.png);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  width: 110%;
}
.cta-work-new-custom:hover{color: #191919;}
.menu-grid-in ul li a{color: #fff;}
section{overflow:visible;}
.internal-page-intro{
  background: url(../images/backgrounds/gradients/presentntion-grad3.png);
   background-size: contain; background-repeat: no-repeat; background-position: right center; padding-top: 5rem;
}
.work-sec-2{ background:url(../images/backgrounds/gradients/presentntion-grad4.png); background-position: center center; background-size: contain; background-repeat: no-repeat;}






  /* .work-desc-col-1,.work-desc-col-7{ width: 66.66%;border: none;
    border-image: linear-gradient(to bottom,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1; border-right: 3px solid transparent;} */



.service-wrapper{display: flex;flex-wrap: wrap; justify-content: space-between;}
.service-col{width: calc(33% - 1.25rem);}


.service-col-1{width: 67.1%; padding-right: 1.25rem;}
.service-col-2{width: 32.9%; padding-left:1.25rem;}
.serv-row-1{display: flex;}
.serv-col{width: 50%;}
.serv-img h5{ font-size: 1.2rem; text-transform: uppercase; position: absolute;left: 0; bottom: 0; width: 100%; margin-bottom: 0;transition: .4s all ease-in-out;}
.serv-img h5 a,.serv-img h5 a:hover{color: #fff;}
.serv-img h5 a{
  color: #fff;
  font-weight: 400;
  width: 100%;
  padding: 1.25rem;
  display: inline-block;border: 1px solid transparent;
  border-radius: 5px; font-size: 1rem;
}
.serv-col-1{padding-right:1.25rem;}
.serv-col-2{padding-left:1.25rem;}
.serv-img img{width: 100%;}
.service-box{padding-bottom: 2.5rem; overflow: hidden;}
.service-sec-top p {
  color: #262324;
  font-size: 1.3125rem;
  line-height: 1.5em;
}
.service-wrapper{margin-top: 4.5rem;}
.bg-gradient{background-size: contain!important; position: absolute; background-repeat: no-repeat !important;}
.service-bg-gradient-1{width: 46.875rem; height: 70.625rem;background: url(../images/backgrounds/gradients/gra-bolb-img-1.png);top: 23rem;
  left: 0;}
.service-bg-gradient-2{width: 42.9375rem; height: 54.5rem;background: url(../images/backgrounds/gradients/gra-bolb-img-2.png);top: 20rem;
    right: 0;}

.service-bg-gradient-3{width: 44.1875rem; height: 54.5rem;background: url(../images/backgrounds/gradients/gra-bolb-img-3.png);top: 75rem;
      left: 0rem;}

.service-bg-gradient-4{width: 52.4375rem; height: 66.125rem;background: url(../images/backgrounds/gradients/gra-bolb-img-4.png);top: 55rem;
      right: 0rem;}

.service-bg-gradient-5{width:74.9375rem; height: 39.5625rem;background: url(../images/backgrounds/gradients/hm-blobby-5.png);top: -15rem;
        left: -30rem;}

.service-nw-circle-1 {
          width: 3.4375rem;
          height: 3.4375rem;
          border-radius: 50%;
          border: 2px solid #d598c9;
          left: 33rem;
          top: -5rem;
          
      }
.service-nw-circle-2{
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 2px solid #f5dd9f;
  right: 36rem;
  top: 15rem;
  
}

.service-nw-hex-1 {
  width: 3.1875rem;
  height: 3.1875rem;
  right: 18rem;
  top: 0.5rem;
  transform: rotate(
-30deg
);
}

.service-nw-triangle-1 {
  width: 2.5rem;
  height: 2.5rem;
  top: 5rem;
  left: 10.5rem;
  transform: rotate(
330deg
);
 
}
.h-casestudy.common-sec .inner-container-box{overflow-x: unset;}
.serv-img{overflow: hidden;}
.service-box img{
  transform: scale(1);
  transition: .4s all ease-in-out; position: relative;display: block;
}
.service-box .serv-img a::after{content: ''; position: absolute;left: 0;top: 0;width: 100%; height: 100%; background-color: rgba(0,0,0,0);z-index: 0;}
.service-box .serv-img a{position: relative; display:block;}
.service-box .serv-img a span{position: relative; z-index: 2;}
.service-box:hover img{
  transform: scale(1.1);
  transition: .4s all ease-in-out;
}
.service-box h5 a{
 
  border: 3px solid transparent;transition: .4s all ease-in-out;}

.service-box:hover h5{transform: translate(2.5rem, .5rem);transition: .4s all ease-in-out;}
.service-box:hover h5 a{
 
  border: 3px solid transparent;
  border-image: linear-gradient(to left,  #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);
  border-image-slice: 1;transition: .4s all ease-in-out;
}

.service-box:hover .serv-img h5 a::after {
  background-color:transparent
}




.service-box:hover .serv-img a::after{background-color: rgba(0,0,0,.7);}


/* .portfolio-website .portfolio-box .portfolio-box-img,.portfolio-print-n-package .portfolio-box .portfolio-box-img,.portfolio-app-dev .portfolio-box .portfolio-box-img{border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);
  border-image-slice: 1;
  border-top: 5px solid transparent;}  */






.internal-port-grad-1{width:16.5625rem; height: 65.75rem;background: transparent;top: 0rem;
  right: 0rem;}

.internal-port-grad-2{width:43.6875rem; height: 42.375rem;background: url(../images/backgrounds/gradients/inner-page-left-gr.png);top: 60rem;
    left: 0rem;}

.internal-port-grad-3{width:33.5625rem; height: 39.625rem;background: url(../images/backgrounds/gradients/inner-page-gr-1.png);bottom: 20rem;
      left: 0rem;}

.portfolio-app-dev     .internal-port-grad-3{left: unset; right: 0; bottom: 10rem;}
  
.menu-grid-in ul li{position: relative; padding-left: 30px;}
.menu-grid-in ul li::after{position: absolute;left: -5px; top:50%;content: ''; background:#a7a9ac;width: 10px ;height: 1px;}
.menu-grid-in ul li:hover::after{background: #fff;}
.menu-grid-in ul li:hover a{color:  #fff !important;}


.table-section table th{font-size: 18px;font-family: 'Graphik'; color: #333333; font-weight: 600; text-align: center; line-height: 1.5em; text-transform: uppercase;}
.b2b-job-input{ color: #262324; font-size: 14px; font-weight: 500; border: 1px solid transparent; border-radius: 5px; padding: 1rem; margin: 1.7rem 0;}
.refresh-btn{font-size: 16px; color: #fff; background: #000; outline: none; border: 1px solid transparent; padding: 1rem; border-radius: 5px; cursor: pointer;}
.srch-btn-area{display: flex; align-items: center;}
.refresh-btn-area{margin-left: 1rem;}
.search-btn-area{margin-left: 2rem;}
.add-apply-job{font-size: 20px; color: #fff; background: #000; outline: none; border: 1px solid transparent; padding: 1rem; border-radius: 5px;margin: 1.7rem; background: linear-gradient(to top right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);cursor: pointer;}

.job-table{ background-color: rgb(255,255,255,0.5); padding: 2rem;}
.job-col span{font-size: 18px;font-family: 'Graphik'; color: #333333; font-weight: normal; text-align: center; line-height: 1.5em; text-transform: capitalize; padding: 0.25rem 0; font-weight: 600; text-transform: uppercase; display: inline-block; width: 100%;}
.job-head{display: flex; margin-bottom: 2rem;}
.job-col{width: 20%; text-align: center;}
.job-row{display: flex; margin-bottom: 2rem;box-shadow: 0 0 10px 1px rgba(0,0,0,.1); border-radius: 5px; border: 1px solid transparent;}
.job-row .job-col{padding: 1.5rem 0;}
.job-row .tap1,.job-row .tap2,.job-row .tap3{border-right: 2px solid #333333;}
.job-row .job-col span{ font-weight: normal; text-transform: none;min-height: 3rem;padding: 0.25rem; font-weight: 500;font-size: 0.875rem;}
.cta-detail{font-size: 14px; color: #fff; background: #333333; padding: 1rem 1.5rem; border: 1px solid transparent; border-radius: 5px; text-transform: uppercase;}
.cta-detail:hover,.cta-detail:focus{color: #fff; text-decoration: none;}
.b2bjob-sec-1 .sec-head h2 span{ color: #6b6365; font-size: 3rem; line-height: 1.5em;}
.b2bjob-sec-1 .sec-head{margin-bottom: 5rem;}
.job-table{margin-top: 4rem;}
.job-table-foot .fliper-cta-box{text-align: center;}
.job-table-foot .fliper-cta-box .fliper-cta{margin: 0 2rem;}
.footer-job{margin: 5rem 0 3rem 0;}
.popular-job-search{padding-top: 2rem;}
.popular-job-search h6, .popular-job-search p,.popular-job-search a{font-size: 18px;font-family: 'Graphik';color: #333333;}
.popular-job-search h6{font-weight: bold;margin-bottom: 0.75rem;}
.blog-indiv-box{width:33.5rem; margin: 0 auto; margin-bottom: 6rem;}
.blog-indi-cntnt{margin:0 2rem; margin-top: -3.75rem; padding: 2rem; background-color: #fff; box-shadow: 0 0 10px 1px rgb(0 ,0 , 0, 0.2); 
  border: 1px solid transparent; border-radius: 1rem; overflow: hidden;}
.blog-indi-cntnt h3{ font-size: 1.625rem;color: #333132; font-weight: 500; line-height: 1.5em; margin-bottom: 1rem;}
.blog-indi-cntnt h3 a{color: #333132;}
.blog-indi-cntnt p{color: #333132; font-weight: normal; line-height: 1.7em; font-size: 1.125rem;}
.blog-indi-cntnt p a{color: #333132;text-decoration: none;}
.indi-blog-options{margin-top: 1.5rem; display: flex;}
.blog-cta,.blog-social-media{display: flex;width: 50%;}
.read-more-blog{font-size: 1.2rem; font-weight: bold; color: #fff; padding: 0.8rem; background-color: #3a3a3a; border: 1px solid #3a3a3a;border-radius: 0 0.8rem 0.8rem 0;position: relative; display: inline-block; transition: .4s all ease-in-out; }
.read-more-blog:hover{color: #fff;background-color: #7833b2;border: 1px solid #7833b2; transition: .4s all ease-in-out;}
.read-more-blog:after {
  position: absolute;
  right: -0.4rem;
  background-color: #f9a720;
  border: 1px solid #f9a720;
  border-radius: 0 0.5rem 0.5rem 0;
  width: .3rem;
  height: 1.8rem;
  margin: auto;
  top: 0;
  bottom: 0;
  content: '';
}
.blog-social-media ul li{display: inline-block; padding: 0.5rem;}
.blog-social-media ul li a{font-size: 1.5rem;line-height: 1.5em; color: #58595b;}
.blog-social-media{justify-content: flex-end; align-items: center;}
.blog-indi-cntnt::after{background-image: linear-gradient(to right,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);  content: ''; width: 85%; height: 0.75rem; bottom: 0rem;left: 0;right: 0; margin: 0 auto; position: absolute;border-radius:0.8rem 0.8rem 0 0; transform: translateY(1rem);transition: .4s all ease-in-out;}
.blog-indiv-box:hover .blog-indi-cntnt::after{transform: translateY(0rem);transition: .4s all ease-in-out;}
.blog-indi-img{overflow: hidden;}
.blog-indiv-box .blog-indi-img img{transform: scale(1);transition: .4s all ease-in-out; width: 100%;}
.blog-indiv-box:hover .blog-indi-img img{transform: scale(1.1);transition: .4s all ease-in-out;}
.blog-main-page .load-more a{ color: #4c4648; font-style: italic; font-size: 1.4rem; line-height: 1.4em; text-decoration: underline;}
.blog-main-page{padding-bottom: 5rem;}
.portfolio-infographic-box{ padding: 1.25rem;border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);
  border-image-slice: 1;
  border-top: 5px solid transparent;}
.portfolio-infographic-box .info-box-head h4{font-size:2.625rem; line-height: 1.4em; color: rgb(255,255,255,0.2); font-weight: bold; text-align: center; margin-bottom: 0.5rem;}

.portfolio-infographic-box .info-box-body{height: 35rem; overflow-y: scroll;overflow-x: hidden;}
.infographic-box-1{background-color: #1c2121;}
.infographic-box-2{background-color: #057aa4;}
.infographic-box-3{background-color: #27103d;}
.infographic-box-4{background-color: #430594;}
.infographic-box-5{background-color: #00406b;}
.infographic-box-6{background-color: #a31e1c;}

.portfolio-infographic-box .info-box-body::-webkit-scrollbar {
  width: 10px;
}

.portfolio-infographic-box .info-box-body::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.portfolio-infographic-box .info-box-body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d; 
}
.footer-job{display: flex;flex-wrap: wrap; justify-content: space-evenly;}
.footer-job .fliper-cta-box{width: 15rem;}











/* .table-section{background:#ffffff; padding: 0 2rem;}
.table-section table th{padding: 1.25rem 0;}
.table-section table td{font-size: 18px;font-family: 'Graphik'; color: #333333; font-weight: normal; text-align: center; line-height: 1.5em; text-transform: capitalize; padding: 1.7rem;}
.read-m-cta{ font-size: 14px; font-weight: 600;background: #333333; color: #fff; text-transform: uppercase; padding: 1rem; border: 1px solid transparent; border-radius: 5px;}
.table-section table tr{ box-shadow: 0 0 10px 1px rgba(0,0,0,.1); border-radius: 5px; border: 1px solid transparent; margin-bottom: 1.5rem;}
.table-section table tr:first-child{box-shadow:none} */


img {
  max-width: 100%;
}

/*.btn {
  font-size: 30px;
  color: black;
  text-decoration: none;
  
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}*/

.next {
  right: -50px;
}

.prev {
  left: -50px;
}




/* new internal page css end */

@media (max-width: 767px){
.inner-page-container {padding: 6rem 0 3rem 0;}
.inner-page-sec-intro-img{max-width:40rem; margin: 0 auto; margin-bottom: 2rem; padding-right: 0;}
.internal-page-detail-box-out{display: block; margin-bottom: 4rem;}
.x-content-box{padding: 4rem; display: block;}
.inner-page-sec-intro-content .fliper-cta-box{margin: 0 auto;margin-top: 2rem;}
.specialties-sec-box{width: 50%;border-bottom: 1px solid#414456!important;border-right: none!important;}
.specialties-sec-box:nth-child(1), .specialties-sec-box:nth-child(3), .specialties-sec-box:nth-child(5){border-right: 1px solid#414456!important;}
.specialties-sec-box:nth-child(5), .specialties-sec-box:nth-child(6){border-bottom: none!important;}
.internal-page-detail-box-in{ display: block;}
.internal-page-detail-box-out{padding-bottom: 0rem; height: auto;}

}

@media (max-width: 440px){

  .specialties-sec-box{width: 100%;border: none!important;border-bottom: 1px solid#414456!important;}
  .specialties-sec-box:nth-child(1), .specialties-sec-box:nth-child(3), .specialties-sec-box:nth-child(5){border-right: none!important;}
  .x-inner-cta{ margin-top: 0rem;}
  .shape-circle-1{bottom: 35rem;}
  .shape-star-1{right: 15.5rem;}
}

.internal-page-mid-banner{display: none;}
.home-banner{background-image: linear-gradient(to right,rgba(40, 129, 219, 1),rgba(162, 48, 221, 1),rgba(207, 21, 226, 1) ,rgba(241, 90, 34, 1) ,rgba(255, 203, 5, 1));}






.h-casestudy.common-sec{display: none;}

.menu-icon .fa-bars{font-size: 2rem; color: #4c4648;}
.darkHeader .menu-icon .fa-bars{ color: #fff;}
.unique-page .blog-main-page{ padding-top: 5rem;}
.unique-page .sec-head{padding-top: 6rem;}
.work-desc-wrapper{max-width: 2000px; margin: 0 auto;}
.contact-box-img{margin-top: 4rem;}
.about-inner-1{padding-bottom: 3rem;}

.unique-page .about-inner-2 .sec-head{ padding-top: 1rem;}
.full-w {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
min-height: 25rem;
}
.v-img{ display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;}
.v-img img{max-width:50% ; width: 25rem;}
.unique-page .blog-main-page .sec-head{ padding-top:7rem; padding-bottom: 2rem;padding-left: 4%;}
.blog-main-page .sec-head-2 h2,.blog-inner-main .sec-head-2 h2{color: #262324;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: unset;}






/* 14-07-21 */
.work-new-wrap{display: flex; flex-wrap: wrap;}
.work-page-col{display: flex;}
.work-page-col-66{width: 66.66%;border: none;
  border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
  border-image-slice: 1;
  border-right: 3px solid transparent;}
.work-page-col-33{width: 33.33%;}
.workpage-row-box{width: 100%;display: flex;}
.work-page-col-66{flex-direction: column;}
.work-page-col-50{width: 50%;}
.work-page-col-33{flex-direction: column;}
.work-desc-box{padding: 4rem; width: 100%;}
.work-img-box,.work-img-box img{width: 100%;}
.workpage-row-box{width: 100%;}
.work-page-col-100{width: 100%;}
.work-content-box h6 a{color: #969495;}
.main-work-row,.col-alone{border: none;
  border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
  border-image-slice: 1;
  border-top: 3px solid transparent;border-bottom: 3px solid transparent;}
.work-page-col-33 .workpage-row-box,.work-page-col-66 .workpage-row-box{border: none;
  border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
  border-image-slice: 1;
  border-bottom: 3px solid transparent;}
.work-page-col-33 .workpage-row-box:last-child,.work-page-col-66 .workpage-row-box:last-child{border-bottom: none;}
.col-mid{border: none;
  border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
  border-image-slice: 1;
  border-left: 3px solid transparent;border-right: 3px solid transparent;}
.ebook-box-body iframe{max-width: 100%; width: 100%;}





/* portfolio background colors start */
.carbonite-bg {background-color: #1c2121;}
.honeywell-bg{background-color:#dc202e}
.abilis-bg{background-color:#ea7600}
.te-bg{background-color:#c46e00}
.Thomson-Reuters-bg{background-color:#fa6400}
.rsam-bg{background-color:#afbd20}
.intact-bg{background-color:#00b311}
.csr-bg{background-color:#0071b8}
.Hubspot-bg{background-color:#ff7a59}
.Unbounce-bg{background-color:#0098db}
.danaher-bg{background-color: #003c82;}
.Fujitsu-bg{background-color: #e60012;}
.Netsuite-bg{background-color: #a4b9ca;}
.Volterra-bg{background-color: #4f73ff;}
.Anderson-bg{background-color: #38ab32;}
.Fortive-bg{background-color: #65b02f;}
.Fortive-bg{background-color: #c41230;}
.Solidwork-bg{background-color: #f13323;}
.Dynapar-bg{background-color:#c41230}
.Symantac-bg{background-color:#fdc20e}
.DicComm-Grid-bg{background-color:#037bad}




.email-landing-box-body {
  max-height: 17rem;
  overflow: hidden;
  overflow-y: scroll;
}
.email-landing-box-body::-webkit-scrollbar {
  width: 10px;
}

.email-landing-box-body::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.email-landing-box-body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d; 
}






.error{color:red}
.contact-form-box .form-group .error{padding-top: 1rem;}
/* portfolio background colors end */
.modal-dialog {
  width: 400px;
  border: none;
  border-radius: 0px;
}
.modal-header {
  padding: 20px;
  text-transform: uppercase;
  border-bottom: none;
}
.modal-body button {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  display: inherit;
  margin: 0 auto;
  border: 1px solid #000;
  margin-top: 40px;
  font-size: 1.2rem;
  font-weight: 500;
}
#myModal .modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.modal-header .close{cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 30px;
}
#myModal .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 6px 0px;
}
#myModal .modal-content{min-height:auto; padding: 20px 40px;}
#myModal .sbmt-btn {position: relative; top: unset;}
.blog-indiv-box:hover .read-more-blog{
  color: #fff;
  background-color: #7833b2;
  border: 1px solid #7833b2;
  transition: .4s all ease-in-out;
}
.appy-for{
  font-size: 0.875rem;
  color: #fff;
  background: #333333;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
  border-radius: 5px;
  text-transform: uppercase;
}
.appy-for:hover{color: #fff;}
.info-sec-new .col-lg-12 .internal-page-detail-box-out{padding-bottom: 5rem;}
#videoModal video,#videoModal2 video,#videoModal3 video,#videoModal4 video{ max-width: 100%;}
#videoModal .modal-dialog,#videoModal2 .modal-dialog,#videoModal3 .modal-dialog,#videoModal4 .modal-dialog{ width: 75rem; max-width: 80%;}
.img-vdo .modal-body button{margin-top: 0px; margin-bottom: 5px;padding: 5px 10px;font-weight: 900;font-size: 2rem;}
.img-vdo .modal-body{ background-image: linear-gradient(to right,rgba(40, 129, 219, .5),rgba(162, 48, 221, .5),rgba(207, 21, 226, 1) ,rgba(241, 90, 34, .5) ,rgba(255, 203, 5, .5));}
.portfolio-video .img-vdo .btn.video{ display: inline-block;width: 100%;}
.main-blog-box ul li,.main-blog-box ol li{
  font-size: 1.375rem;
  line-height: 1.7em;
  margin-bottom: .8rem;
  color: #4c4648;
}
strong{font-weight: bold;}
.main-blog-cntnt h3{
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: #4c4648;-webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: unset;
}




.cover {
 
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 60%;
  margin-bottom: 50px;cursor: pointer; box-shadow: 0 0 10px 10px rgb(0 ,0 , 0, 0.4);
}
.cover video {
  opacity: 0;
  width: 100%;
  transition: 1s;
  position: absolute;
  z-index: -1; height: 100%;background-color: #000;
} 
.cover-TE{ background-image: url(../images/resources/vdo-te.jpg);}
.cover-danaher{ background-image: url(../images/resources/vdo-danaher.jpg);}
.cover-fujitsu{ background-image: url(../images/resources/vdo-fujitsu.jpg);}
.cover-netsuite{ background-image: url(../images/resources/vdo-netsuite.jpg);}
.cover-netsurion{ background-image: url(../images/resources/vdo-netsurion.jpg);}
.cover-dg{ background-image: url(../images/resources/vdo-dg.jpg);}

.vdo-portfolio-re-in{
  position: absolute;
  top: 10rem;
  left: 0;
  width: 60%;
  right: 0;
  margin: 0 auto;z-index: 2;
}
.vdo-portfolio-re img,.ppt-revamp-in img{width: 100%;}
.vdo-portfolio-re,.ppt-revamp-in{margin-bottom: 7rem;box-shadow: 15px 20px 15px -6px rgb(119,119,119, 0.5);}
.vdo-portfolio-re:last-child,.ppt-revamp-in:last-child{margin-bottom: 0;}
.mob-vis{display: none;}
.mob-vis h2{text-align: center;}

.event-revamp,.print-revamp,.print-box{
  display: flex;
  flex-wrap: wrap;
}
.event-box-ind,.print-box-in{padding: 1.5rem;}
.event-box-ind-68{width: 67.5%;}
.event-box-ind-32{width: 32.5%;}
.event-box-ind-70{width: 70%;}
.event-box-ind-30{width: 30%;}
.event-box-ind-58{width: 58%;}
.event-box-ind-42{width: 42%;}
.event-box-ind-27{width: 27%;}
.event-box-ind-35{width: 36.5%;}
.event-box-ind-100{width: 100%;}
.event-box-ind img,.print-box-in img{width: 100%;}
.print-box-out{width: 50%;display: flex; flex-wrap: wrap;}
.print-box-in,.print-box{width: 100%;}
.print-box-out-52{width: 52%;}
.print-box-out-48{width:48%;}
.market-auto-revamp-in{margin-bottom: 7rem;box-shadow: 15px 20px 15px -6px rgb(119,119,119,0.5);}
.market-auto-revamp-in img{width: 100%;}
.m-50w{max-width: 50%;margin: 0 auto;margin-bottom: 7rem;}
.market-auto-col-5{width: 46%;}
.market-auto-col-7{width: 50%;}
.market-auto-row{justify-content: space-between;}
.digital-revamp-row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dig-box{margin-bottom: 5rem;box-shadow: 15px 20px 15px -6px rgb(119,119,119,0.5);}
.dig-box img{width:100%}
.digi-col-30{width: 30.5%;}
.digi-col-66{width: 66.5%;}
.digi-col-48{width: 54.5%;}
.digi-col-41{width: 41%;}
.digi-col-16{width: 16.5%;}
.digi-col-54{width: 54%;}
.digi-col-100{width: 100%;}
.digi-col-42{width: 42%;}
.digi-col-48{width: 48%;}
.digi-col-53{width: 53%;}
.digi-col-51{width: 51%;}
.digi-col-45{width: 45%;}
.digi-col-49{width: 49%;}
.email-snd-area .wpcf7-not-valid-tip.error{display: inline-block;padding-top: 1rem;}
.blog-indi-cntnt{min-height: 460px;}






/* logo options start */
.log-1-1{fill:#E1251B;}
.log-2-1{fill:#73BF43;}
.log-2-2{fill:#465666;}
.sttn{fill:#002163;}
.honey-log{fill:#EE3325;}
.intel-log{fill:#0071C5;}
.info-log-1{fill:#003565;}
.intel-log-1{fill:#706F6F;}
.intel-log-2{fill:url(#SVGID_1_);}
.intel-log-3{fill:url(#SVGID_2_);}
.intel-log-4{fill:url(#SVGID_3_);}
.intel-log-5{fill:url(#SVGID_4_);}
.intel-log-6{fill:url(#SVGID_5_);}
.pan-log-1{fill-rule:evenodd;clip-rule:evenodd;fill:#2866AD;}
.sun-log-1{fill-rule:evenodd;clip-rule:evenodd;}
.sun-log-2{fill:#ab2328}
.symentec-log-1{fill:#FCB215;}
.netsuite-log-1{fill:#003B71;}
.netsuite-log-2{fill:#A7BAC9;}
.twc-log-1{fill:#22B6F0;}
.inta-log-1{fill:#706F6F;}
.inta-log-2{fill:url(#SVGID_1_);}
.inta-log-3{fill:url(#SVGID_2_);}
.inta-log-4{fill:url(#SVGID_3_);}
.inta-log-5{fill:url(#SVGID_4_);}
.inta-log-6{fill:url(#SVGID_5_);}
/* logo options end */





.client-box svg{max-width: 100%;}
.client-box svg{
  filter: grayscale(100%);
  cursor: pointer;
  transition: .5s all ease;
  max-height: 4.5rem;
}
.client-box:hover svg {
  filter: grayscale(0%);
  transition: .5s all ease;
}
.data-1 ul {padding-left: 25px;margin-bottom: 2rem;}



.data-1 ul li{
  font-size: 1.4rem;line-height: 1.5em;font-weight: 300;list-style: disc;
}


.col-mid-new { border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1; border-right: 3px solid transparent;}

 .top-br {
    border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1;border-top: 3px solid transparent;}
  .right-0 {border-right: none;}
  .work-page-col-49 {width: 49.99%;}
  .br-left {border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1;
    border-left: 3px solid transparent;}
    .work-page-col-30-per {width: 33%;flex-direction: column;}
    .work-in {background: url(../images/work/work-bg.jpg);background-position: top; background-size: cover; background-repeat: no-repeat;}
    .w-in-49 {display: inline-block; width: 49.8%;vertical-align: top;}
    .w-in-box {padding-top: 45px}
    .wi-br-ri {border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1;
    border-right: 2px solid transparent;}

    .wi-br-top {    border-top: 2px solid transparent;
    border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
    border-image-slice: 1;}
    .pading-r-20 {padding-right:28px;}
    .pading-l-20 {padding-left:28px;}
    .w-in-content-box h6 {font-size: 20px; color: #525252; padding: 20px 0; text-align: left;}
    .w-in-content-box h6 a {font-size: 20px; color: #525252; }
    /*.w-in-img-box {width: 522px; height: 330px;}*/
    .w-in-33 { display: inline-block;}
    .pa-20 {padding: 0 15px;}
    
    .row-2 {    padding-top: 60px; text-align: center;}
    .pad-top-0 {padding-top: 0;}
    .w-in-img-box a {display: inline-block;}
    .wi-br-bottom {    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 ); border-image-slice: 1;}
 .w-in-box2 {    padding-top: 40px;}
.print-box-in img {border-radius: 5px;}
.with-32 {width: 32%; display: inline-block;}
.with-35 {width: 35%; display: inline-block;}
.with-33 {width: 33%; display: inline-block;}
.p-r-20 {padding-right: 20px;}
.pa-20 {padding: 0 23px;padding-top: 40px;}
.pa-l-20 {padding-left: 20px;}


/* Limerick css start*/
.limerick-container-box:hover:after { transform: translateY(0rem); transition: .4s all ease-in-out;}
.limerick-container-box::after {
    background-image: linear-gradient(to right,#2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05);
    content: ''; width: 85%; height: 0.75rem;  bottom: 0rem; left: 0;    right: 0;
    margin: 0 auto; position: absolute; border-radius: 0.8rem 0.8rem 0 0; transform: translateY(1rem); transition: .4s all ease-in-out;}


.limerick-container{width: 100%;padding:30px 0px 30px 0px;box-sizing: border-box;} 
.limerick-container-inner{display: flex;flex-wrap:wrap; width:100%;justify-content: space-between;}
.limerick-container-box {
      display: flex;
    flex-wrap: wrap;
    width: 47%;
    padding: 150px 20px 50px 20px;
    flex-direction: column;
    position: relative;
    margin-bottom: 6%;
    border-bottom: 6px solid #5f504d;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
    border: 1px solid transparent;  border-radius: 1rem;
    overflow: hidden;
}
.limerick-container-box p {
       font-size: 20px;
    color: #525252;
   line-height: 1.5em;
   font-weight: 400;
   position: relative;font-family: 'Roboto';
}
.limerick-container-box p:after {
   content: '\f10d';
   position: absolute;
   left: 0;
   top: -30px;
   font-size: 20px;
   font-family: 'fontAwesome';
   opacity: .4;color: transparent;
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: #000000;
}

.limerick-container-box h5 {
     font-size:2.5rem ;line-height: 1.2em;font-weight: 900;color: transparent;
     -webkit-text-stroke-width: 0.75px;
     -webkit-text-stroke-color: #ffffff;
}
.limerick-num{position: absolute; background-color: #f04f33; padding: 1.5rem;left: 0; top: 0;}
.limerick-head h2{text-transform: unset;}



@media screen and (max-width:1024px){
    .limerick-container-box {width: 48%;}
}


@media screen and (max-width:600px){
    .limerick-container-box {width: 100%;}
}








@media screen and (max-width:767px){
	.dataCookie p{margin-bottom:20px}
	.dataCookie p{font-size:12px}
	a.decline, a.button-accept{font-size:13px}

}


@media screen and (max-width:500px){
    .limerick-container-box p {font-size: 12px;}
    .limerick-container-box h5 {font-size: 1.5rem;}
    .limerick-num{padding: 1rem;}
    .limerick-container-box{padding: 115px 20px 50px 20px;}

}






@media screen and (min-width:1610px){
    .limerick-container-box {width: 43%;}
    #mainwrap{overflow-x: hidden;}

}

/* Limerick css end */