*{margin: 0; padding: 0;box-sizing: border-box;}
img{max-width: 100%;}



html {
  font-size: 16px;
}
body {
  font-family: "Graphik", "Montserrat", sans-serif; font-size: 16px;list-style: 30px; color: #303030; 
}
.main{max-width: 100%; overflow-x: hidden;}
header {
  background-color: transparent;
  padding: 1.25rem 0;
}
ul,
ul li {
  list-style: none;
}
div{position: relative}

.main{background-image: url("../images/top-Bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: top center}
.tangence-logo{max-width: 230px; margin: 20px 0px}
h1{ font-size:3.125rem;line-height: 1.1em; font-weight: 600;text-align: center}
.banner-section h1{padding-top: 8rem;padding-bottom: 1.5rem ;
    /*text-align: left; */
    font-size: 4.5rem;line-height: 0.90em;}

.banner-text p{font-size: 1.70rem;}

.form-outer h2 {font-size: 1.5rem;line-height: 1.1em;padding-bottom: 1.0rem;font-weight: bold;}
.form-group { margin-bottom: 0.5rem;}

.copytext{text-align: center;}

h2{ font-size:2rem;line-height: 1.1em; font-weight: normal;padding-bottom: 1.5rem;text-align: center}
p{ font-size:1.125rem;line-height: 1.1em; padding-bottom: 1rem; margin-bottom: 0 }
.banner-form{margin: 0 auto;max-width: 23.75rem; background-color: rgb(255, 255, 255, 0.75);padding: 2rem;box-shadow:0px 5px 30px rgb(138, 106, 115, 0.25); margin-top: 2.5rem;border: 1px solid Transparent ;border-radius: .5rem;overflow: hidden;margin-bottom: 2.5rem}
.form-control{resize: none;font-size: 1rem;color: #8f8f8f;padding-left: 2.5rem}
.waves-effect{    background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);width: 100%;color: #ffffff; font-weight: 600;font-size: 1.1rem;border: none;padding: .5rem .75rem }
.clients-logo{display: flex; flex-wrap: wrap; justify-content: center;}
.logo-unit{
    width: 20%;
    display: flex;
    height: 8rem;
    justify-content: center;
    flex-direction: column;
    align-items: center;padding: .25rem 1.5rem
}


.form-bg{ background-image: url("../images/Icon-Spirit.png");background-repeat: no-repeat}
.logo-client{max-height:6.5625rem; max-width: 100%; height: auto;width: auto;}
.name-control{background-position: 0px -12px}
.email-control{background-position: 0px -72px}
.contact-control{background-position: 0px -132px;}
.Organisation-control{background-position: 0px -196px;}
.message-control{background-position: 0px -254px;}
.Bottleneck-container{display: flex; flex-wrap: wrap; justify-content: center; border: 1px solid Transparent;border-radius: .75rem; overflow: hidden}
.Bottleneck-box{
    width: 33.333%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: center;padding: .25rem 1.5rem;background-color: #222221;padding: 1.5rem 3.75rem;border-image: linear-gradient(to bottom, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 ); border-image-slice: 1; border-right: 1px solid transparent;border-bottom: 1px solid transparent;}
h3{font-size: 1.5rem;font-weight: 600;text-align: center;color: #ffffff}
.Bottleneck-content-box p{color: #ffffff;text-align: center}
.Bottleneck-icon-box{margin: 1rem 0}
.Bottleneck-box:nth-child(3),.Bottleneck-box:nth-child(6){border-right: none;}
/* .Bottleneck-box:nth-child(4),.Bottleneck-box:nth-child(5),.Bottleneck-box:nth-child(6){border-bottom: none;} */
.stat-box{box-shadow:0px 5px 30px rgb(141, 141, 141, 0.25); text-align: center;background-color: #ffffff; border: 1px solid transparent; border-radius: .25rem;overflow: hidden}
.text-span{font-weight: 600;font-size: 1.875rem;display: inline-block;padding-top: 1.25rem}
.social-media-footer,.social-media-footer li{display: inline-block;list-style: none;margin-bottom: 0;padding-bottom: 0}
.Footer-Section{background-color: #000000;padding: 1.5rem}
.Footer-Section p{color: #ffffff;display: inline-block;margin-bottom: 0;padding-bottom: 0}
.social-footer{text-align: right}
.social-media-footer li{padding: 0 .25rem}
.social-media-footer li .fa{color: #ffffff; font-size: 1.5rem}
.banner-section{padding-bottom: 5rem}
.Client-Section{padding-bottom: 5rem}
.OurWork-Section{padding-bottom: 7rem}
.Bottleneck-Section h1{padding-bottom: 3rem}
.Bottleneck-Section{padding-bottom: 5rem}
.gototop-click{display: inline-block;margin: 0 auto;background: linear-gradient(90deg, #6e52dc 0%, #a72ae1 20%, #c718e1 40%, #de2b90 60%, #f48826 80%, #faaf13 100%);color: #ffffff;padding: .75rem 2rem; text-decoration: none; margin-top: 2rem;font-weight: 600;border:none;border-radius: .25rem;overflow: hidden}


.our-work-box{overflow: hidden;margin: 0 auto;margin-top: 1.875rem;max-width: 325px;}
.img-button{border: none}

.slick-next {right: 0px;z-index: 9;width: 32px;height: 32px;}
.slick-prev {left: 0px;z-index: 9;width: 32px;height: 32px;}
.modal-title{padding-bottom: 0px;text-align: center;width: 100%;}
.slick-prev:before, .slick-next:before{color:#a230dd }
.slick-prev:before, .slick-next:before {font-size: 32px;}
.modal-dialog { max-width: 800px;}
.our-work-inner h5{position: absolute;width: 100%; border: 2px solid transparent;font-size: .8rem;color: #ffffff;font-weight: normal; line-height: 1.2em;bottom: 0;transition: .4s all ease-in-out;}
.our-work-inner h5 a{font-size: .8rem;color: #ffffff;font-weight: normal;; line-height: 0.2em;text-transform: uppercase;padding:.75rem 1rem;display: block; font-size: 16px; font-weight: bold;}
.our-work-box:hover  h5{
    transform: translate(2.5rem, 0.5rem);
    transition: .4s all ease-in-out;border-image: linear-gradient(to left, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05); border-image-slice: 1;bottom: -.15rem; 
}

.gototop-click:hover,.gototop-click:active,.gototop-click:focus,.waves-effect:hover,.waves-effect:active,.waves-effect:focus,.our-work-inner h5 a:focus,.our-work-inner h5 a:active,.our-work-inner h5 a:hover{text-decoration: none;color: #ffffff}
.slick-slide{text-align: center}
.slick-slide img{display: inline-block}
.cover {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 50px;
    cursor: pointer;
	
}
.cover video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: absolute;
    z-index: -1;
    height: 100%;
    background-color: #000;
	left: 0
}



.cover-TE {background-image: url("../Images/vdo-te.jpeg");
}
.cover-danaher {
    background-image: url("../images/vdo-danaher.jpeg");
}
.cover-fujitsu {
    background-image: url("../images/vdo-fujitsu.jpeg");
}
.cover-netsuite {
    background-image: url("../images/vdo-netsuite.jpeg");
}
.cover-netsurion {
    background-image: url("../images/vdo-netsurion.jpeg");
}

.circle{width: 2rem; height: 2rem; border: 3px solid #aa7ffc;position: absolute;border-radius: 50%}

.circle-1{left: 12%; top: 10%}
.circle-2{left: 88%; top: 0%}


@media (max-width: 767px){
.banner-section h1{font-size: 2.5rem;line-height: 0.99em;}
.banner-text p {
    font-size: 1.5rem;
    line-height: 30px;
}
.form-outer h2 {
font-size: 1.3rem;}
.banner-form{    padding: 1rem;}
.banner-section{
    padding-bottom: 2rem;
}
.Client-Section, .OurWork-Section {
padding-bottom: 4rem;}
h1 {
font-size: 1.5rem;}
.logo-unit{    width: 33%; height:auto;padding: 8px;}
	

.Bottleneck-box {
width: 100%; padding:10px}
.Bottleneck-box {
    margin-top: 5px;
}
.stat-box .text-span{font-size: 24px;}

}
.abhijeet{
    overflow-y: scroll;
    height: 500px;
}
.abhijeet-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: none !important;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.abhijeet-3{
    font-weight: bold;
}