body {
    background-image: url(https://www.tangence.in/seo-services/images/top-Bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
    *{margin: 0; padding: 0;box-sizing: border-box; scroll-behavior: smooth;}
img{max-width: 100%;}



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

.main{background-image: url("../images/top-Bg.webp");background-repeat: no-repeat;background-size:
cover;background-position: top center}
/* .tangence-logo{max-width: 230px;
width: 100px;} */
h1{ font-size:3.125rem;line-height: 1.1em; font-weight: 600;text-align: center}
.banner-section h1{padding-top: 3rem;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}
.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: 1rem 1.5rem;/*background-color: #222221;*/border-image:
linear-gradient(to bottom, #262261, #37b5ed, #f2f1e5, #f15a22, #37b5ed); border-image-slice: 1; border-right: 1px solid
transparent;border-bottom: 1px solid transparent;background-image: url('../images/service.png');

}
h3{font-size: 1.5rem;font-weight: 600;text-align: center;color: #ffffff}
.Bottleneck-content-box p{color: #ffffff;text-align: center}

.bcb h3{
text-align: left !important;
}
.bcb p{
text-align: left !important;
}
.Bottleneck-icon-box{margin: 1rem 0; text-align: left;}



.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; margin-top: -40px;}
.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: 3rem}
.Client-Section{padding-bottom: 3rem}
.OurWork-Section{padding-bottom: 6.3rem}
.Bottleneck-Section h1{padding-bottom: 3rem;}
.gvs{margin-top: 50px !important;}
.ltlk{
margin: 30px !important;
}
.Bottleneck-Section{padding-bottom: 3rem;padding-top: 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 3rem; text-decoration: none; margin-top:
2rem;font-weight: 800;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%; display: none;}
.circle-2{left: 88%; top: 0%;display: none;}
img.svg-img {
width: 47%;
}
.fixed img.svg-img {
width: 23%;
padding-top: 4px;
}

.bbox h3{
font-size: 20px;
color: white !important;
text-align: center;
}
.lgo {
line-height: 1.2em !important;
}
.resize img{
max-width: 56px !important;
}
.popclr{
color: red !important;
}
.btm-ct{
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: 0.75rem 3rem;
text-decoration: none;
margin-top: 2rem;
font-weight: 800;
border: none;
border-radius: 0.25rem;
overflow: hidden;
margin-bottom: 2rem !important;
}

.foot-cntct li { color: #fff;
font-size: 1.285625rem;
line-height: 1.7em;
font-weight: 500!important;
}

@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;}
.fixed img.svg-img {
width: 75%;
padding-top: 3px;
}
img.svg-img {
width: 85%;
}

}
.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;
color: red !important;
}
.abhijeet-2 h2{
color: red !important;
}

.abhi a{
background-color:transparent !important;
color: black;
}

.navbar-toggle .icon-bar {
display: block;
width: 35px;
height: 4px;
border-radius: 1px;
/* border: none; */
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 2px solid transparent;
border-radius: 4px;
}
.fixed {
position: fixed;
left: 0;
width: 100%;
z-index: 99;
background: white;
box-shadow: 0 0 10px #0000002b;
height: 100px;
}
.navbar-nav {
float: right;
margin: 0;
}
.navbar-nav li a {
color: black !important;
font-weight: bolder;
font-size: 18px;
/* flex-direction: row !important; */
}
.fixed {
position: fixed;
left: 0;
width: 100%;
z-index: 99;
background: white;
box-shadow: 0 0 10px #0000002b;
height: 90px;
margin-top: -20px !important;
}
.btn-img {
max-width: 25px;
max-height: 25px;
/* padding: 10px; */
background: transparent;
padding: 4px;
}
#my-btn{
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
}
.abhijeet-4{
/* padding-right: 75px; */
}



.arow {display: none; transition: all 0.5s;}
.new-arow {display: block; transition: all 0.5s;}

@media (min-width:768px) and (max-width:991px){
.abhijeet-4 {
padding-right: 0px !important;
}
.alg{
min-width: 100% !important;
}
}


.Bottleneck_box_sectionnew p {
font-size: 15px;
color: #303030;
/* text-transform: capitalize; */
}
.Bottleneck-content-box h3 {
font-size: 20px;
color: #303030;
text-align: center;
}

.newsecadd h1{font-size: 45px;
line-height: 48px;
margin-bottom: 0;
padding-bottom: 15px;}


.error {color: red;}


@media (min-width:320px) and (max-width:767px){
.banner-section h1 { font-size: 2.5rem; text-align: center!important;}
.navbar-fixed .navbar-inverse .navbar-toggle:hover {
background-color: transparent!important;}
.fixed img.svg-img {width: 74%;}
.fixed .show { background-color: #fff;
width: 100%;}
.fixed img.svg-img {width: 94px;}
.banner-w .banner-section h1 { text-align: center!important;}
.Bottleneck-icon-box {text-align: center!important;}
.Bottleneck-content-box h3 {text-align: center!important;}
.Bottleneck_box_sectionnew p {text-align: center!important;}
	.Bottleneck-box{
		padding:1rem 2rem;
	}
}

@media (min-width:768px) and (max-width:990px){
.banner-section h1 { font-size: 2.5rem;}
h1 { font-size: 2.125rem;}
.banner-w .banner-section h1 { text-align: center!important;}
.Bottleneck-icon-box {text-align: center!important;}
.Bottleneck-content-box h3 {text-align: center!important;}
.Bottleneck_box_sectionnew p {text-align: center!important;}
.banner-section h1 {text-align: center!important;}
}

@media (min-width:768px) and (max-width:991px){
.abhijeet-4 {
padding-right: 0px !important;
}
.fixed img.svg-img {
width: 34%;}
}



@media (min-width: 320px) and (max-width: 990px) {
    .Bottleneck-icon-box {
        text-align: center !important;
        justify-content: center;
        display: flex;
    }
}

.newsecadd h1 {
    font-size: 45px;
    line-height: 48px;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.Bottleneck-icon-box {
    margin: 1rem 0;
    text-align: left;
}
.Bottleneck-content-box h3 {
    margin-bottom: 10px;
}
.Bottleneck_box_sectionnew p {
    font-size: 15px;
    color: #303030;
    /* text-transform: capitalize; */
}
.Bottleneck-content-box h3 {
    font-size: 20px;
    color: #303030;
    text-align: center;
}
@media (min-width:768px){
	.Bottleneck-content-box h3{
		min-height:72px
	}
}
@media (max-width:591px){
	.newsecadd h1{
		font-size:25px;
		line-height:30px
	}
}