body {    font-family: 'avenir_next_lt_proregular';}


header {position: fixed;width: 100%;}
header.darkHeader {background-color: #fff; z-index: 9}
.header-logo {padding: 50px 0; padding-top: 50px;}
header.darkHeader .header-logo { padding: 30px 0;    padding-top: 30px;}
.banner {padding-top: 180px; background-size: contain; background-repeat: no-repeat;}
.header-btn {display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.header-btn a {display: flex;justify-content: flex-end;align-items: center;height: 100%; outline: none; text-decoration: none;justify-content: center;align-items: center;gap: 0px;}
.header-btn a p {border-radius: 31px;background: #451F62;/* Button Shadow */box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
width: 158px;padding: 14px 24px;color: #fff; text-align: center; margin-bottom: 0;}
.header-btn a span {border-radius: 100%;width: 52px;height: 52px;background: #451F62;/* Button Shadow */box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
display: flex;align-items: center; justify-content: center;}
.banner-area {text-align: center;}
.banner-area p {fletter-spacing: -0.2px; color: #000;text-align: center;font-size: 20px;font-style: italic;line-height: 22.2px; margin-bottom: 25px}
/*.banner-area p {font-family: 'aliceregular'; letter-spacing: -0.2px; color: #000;text-align: center;font-size: 20px;font-style: normal;line-height: 22.2px; margin-bottom: 25px}*/
.banner-area h1 {color: #000;text-align: center;font-size: 146px;font-style: normal;font-weight: 700;line-height: 85%; /* 124.1px */
letter-spacing: 2.16px; position: relative;  width: fit-content;  margin: 0 auto;   font-family: 'avenir_next_lt_probold'; margin-bottom: 5px}
.banner-area h1 span {font-size: 53px; transform: rotate(270deg); display: block;  position: absolute; left: -152px; bottom: 70px;}
.banner-area h1:after {content: ''; position: absolute;right: 150px;bottom: -20px; width: 65px;height: 12px; background-image: url('../images/Layer_line.svg');}
.banner-area h2 { text-align: center;font-size: 65px;font-style: normal;font-weight: 700; position: relative;
line-height: 87%; /* 56.55px */letter-spacing: -2.6px;background: linear-gradient(90deg, #FD3730 0%, #F60 19%, #58039B 91%);
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: fit-content;margin: 0 auto;font-family: 'avenir_next_lt_probold'; margin-top: 30px;}
.banner-area h2:after {content: ''; position: absolute;right: -12px; bottom: -18px; width: 187px;height: 15px; background-image: url('../images/Swoosh.svg');}
.left-our-success, .right-our-success {cursor: pointer;}

.banner-btn a {display: flex;justify-content: flex-end;align-items: center;height: 100%; outline: none; text-decoration: none;
    justify-content: center;align-items: center; gap: 0px;}
.banner-btn a p {border-radius: 31px;border-radius: 31px;border: 2px solid #000;background: rgba(69, 31, 98, 0.00);
/* Button Shadow */box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);width: 165px;padding: 14px 24px;
    color: #000;text-align: center; margin-bottom: 0;}
.banner-btn a span { border-radius: 100%;width: 52px;height: 52px; border-radius: 31px;
border: 2px solid #000;background: rgba(69, 31, 98, 0.00);/* Button Shadow */
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center;}
.banner-btn {margin-top: 45px;}
.client-yrs ul { list-style:none; display:flex;  padding-left: 0; width: fit-content; margin: 30px auto;}
.client-yrs ul li {width: fit-content; margin: 0 10px;color: #000;font-family: Inter;font-size: 20px;font-style: normal;font-weight: 300;line-height: normal;}
.client-yrs .plus-color {color: #C700BD;text-align: center;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;font-family: 'avenir_next_lt_probold';}
.client-yrs li strong {   font-family: 'avenir_next_lt_probold';}
.client-logo-list .logo-block-list .logo-slide-list img {width: 130px!important; max-width: 90%}
.client-logo-list .logo-blok1 .item {display: flex; align-items: center; height: 38px; margin: 10px 15px;}
.client-logo-section {margin-top: 15px;}
.client-logo-list {margin-top: 15px;}
i.fa-ellipsis {margin-right: 4px;}
.section-heading h2 {text-align: center;font-family: 'avenir_next_lt_probold';font-size: 62px;font-style: normal;font-weight: 700;
line-height: 65px; /* 88.71% */letter-spacing: -1.86px;background: linear-gradient(90deg, #FD3730 28.15%, #F60 54%, #58039B 93.89%);
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 20px}
.section-heading p {color: #000;text-align: center;  font-family: "Roboto", sans-serif;font-size: 32px;font-style: normal;font-weight: 300;
line-height: 111%; /* 35.52px */letter-spacing: -0.32px;}
.touchpoint {padding: 80px 0; position: relative; background-image: url('../images/Group-33.png');background-repeat: no-repeat; background-size: 90%;
    background-position: 80px 100px;}
/*.touchpoint:before {content: ''; position: absolute;right: 0px; top: 0px; width: 100%;height: 100%; background-image: url('../images/Group-33.png');}*/
.touchpoint .section-heading { width: 75%; margin: 0 auto;}
.section-heading p strong {font-weight: 700;}
.touchpoint-slider-box {background-image: url('../images/rectangle.png');box-shadow: 20px 5px 30px 0px rgba(0, 0, 0, 0.08);border-radius: 22px; padding: 30px; margin-top: 100px; margin-bottom: 50px; min-height: 425px;}
.touchpoint-slider-img {text-align: right; display:flex; justify-content:flex-end; }
.touchpoint-slider-img img {margin-top: -90px; width: fit-content!important;}
.touchpoint-slider-text h3 {color: #000;font-family: "Roboto", sans-serif;font-size: 32px;font-style: normal;font-weight: 300;
line-height: 106%; /* 33.92px */letter-spacing: -0.32px;}
.touchpoint-slider-text p {color: #000;font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 300;
line-height: 130%; /* 20.8px */letter-spacing: -0.16px;}
.touchpoint-slider-text {width: 88%;}
.touchpoint-slider-tag { width: 80%;}
.touchpoint-slider-tag ul {padding-left: 0; list-style: none;}
.touchpoint-slider-tag ul li { width: fit-content;border-radius: 5px;background: #EAEAEA;margin-right: 10px; margin-bottom: 10px;
    display: inline-block;}
.touchpoint-slider-tag ul li a { padding:5px 8px;border-radius: 5px;background: #EAEAEA;color: #000;font-family: "Roboto", sans-serif;
font-size: 12px;font-style: normal;font-weight: 400;line-height: 120%; /* 14.4px */letter-spacing: -0.12px; outline:none; text-decoration:none; }
.touchpoint-slider-tag {margin-top: 45px;}
.touchpoint-slider-text {margin-top: -30px;}
.touchpoint-slider .owl-nav {display: flex; justify-content: flex-end; margin-right: 40px}
.client-yrs ul li:nth-child(1) {margin-left: 0!important}
.Tangence-advantage {background-color: #160c1c; padding: 80px 0; position:relative; overflow: hidden;}
.Tangence-advantage:after {position: absolute; content: ''; background-image: url('../images/image-34.png');width: 773px;height: 100%; top: 200px;right: 0;background-repeat: no-repeat;background-size: 100%; z-index: 0;}
.advantage-he h3 {color: #E2E2E2;    font-family: 'avenir_next_lt_proregular';font-size: 42px;font-style: normal;font-weight: 600;
line-height: 38px; /* 130.952% */letter-spacing: -1.26px; margin-bottom: 0;}
.advantage-he h2 {background: linear-gradient(90deg, #FD3730 0%, #F60 11.5%, #7C00DE 91.49%);background-clip: text;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-family: 'avenir_next_lt_probold';font-size: 62px;font-style: normal;font-weight: 700;
line-height: 75px;letter-spacing: -1.86px; width: fit-content; margin-bottom: 20px}
.advantage-he h4 {color: #E2E2E2;font-family: "Roboto", sans-serif;font-size: 32px;font-style: normal;font-weight: 300;line-height: 111%; /* 35.52px */
letter-spacing: -0.32px;}
.advantage-he h4 span {font-weight: 700;}
.Tangence-advantage .client-yrs ul li {color: #fff;   font-family: "Inter", sans-serif;}
.Tangence-advantage .client-yrs ul {width: 100%; margin-top: 0;}
.advantage-box h3 i {color: #C700BD;font-family: "Roboto", sans-serif;font-size: 28px;font-style: normal;font-weight: 700;line-height: 111%; /* 31.08px */}
.advantage-box h2 {color: #E2E2E2;font-family: "Roboto", sans-serif;font-size: 30px;font-style: normal;font-weight: 800;line-height: 111%; /* 33.3px */ margin-bottom: 25px}
.advantage-box p {color: #E2E2E2;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 300;line-height: 120%; /* 24px */}
.advantage-section {width: 80%; margin-top: 80px}
.advantage-box {margin-bottom: 60px; padding-right: 20px}
.our-success-stories {margin-top: 10px;}
.left-our-success-img {position: relative;}
.left-our-success-img h3 {color: #FFF;font-family: "Roboto", sans-serif;font-size: 33px;font-style: normal;
font-weight: 300;line-height: 109%; /* 37.06px */letter-spacing: -1.02px;position: absolute;top: 30px;left: 22px;}
.left-our-success-img h3 span {font-weight: 700;}
.second-layer {background-color: #fff; width: 100%; padding: 20px 35px;border-radius: 0 0 20px 20px;}
.left-our-success-img img {max-width: 100%}
.second-layer ul {padding-left: 0; list-style: none; width: 75%; margin-top: 10px}
.second-layer ul li {color: #383838;font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;font-weight: 300;
line-height: 132%;letter-spacing: -0.54px; width: fit-content; margin-right: 10px; display: inline-block;}
.second-layer ul li .plus-color {color: #C700BD; font-family: "Roboto", sans-serif;font-size: 18px; font-style: normal;
    font-weight: 700;line-height: 111%;}
.second-layer ul li strong {font-weight: 700;}
.left-our-success-btn a {border-radius: 31px;background: #000;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);width: 40px;
height: 40px; display: flex; justify-content: center; align-items: center;}
.left-our-success-btn {display: flex;justify-content: end; margin-top: -30px;}
.our-success-stories-section {margin-top: 50px; position: relative;    z-index: 1;}
.our-success-stories-section:after {content: '';background-image: url('../images/Group-7.png');position: absolute;width: 145px;
    height: 141px;left: 7px; right: 0; margin: auto;top: -39px; bottom: 0;}
.right-our-success-box {position: relative; margin-bottom: 25px}
.right-our-success-box img {max-width: 100%; width: 100%;}
.right-our-success-text h3 {color: #FFF;-webkit-text-stroke-width: 1;-webkit-text-stroke-color: #58039B;font-family: "Roboto", sans-serif;
font-size: 34px;font-style: normal;font-weight: 300;line-height: 109%; /* 37.06px */letter-spacing: -1.02px;}
.right-our-success-text h3 span {font-weight: 700;}
.right-our-success-text {display: flex; position: absolute;bottom: 0; width: 100%;left: 0; padding: 25px 45px; justify-content: space-between;
    align-items: center;}
.right-our-success-text a {border-radius: 31px;background: #000; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);width: 40px;
    height: 40px; display: flex; justify-content: center; align-items: center;}
.tangence-testimonial-text p {color: #000;font-family: "Roboto", sans-serif;font-size: 25px;font-style: normal;font-weight: 300;line-height: 138%;
position: relative;}
.tangence-testimonial-text p:after {content: ''; background-image: url('../images/qu.png');position: absolute;width: 79px;
    height: 57px;top: -38px;left: -10px; }
.tangence-testimonial-text p strong {font-weight: 700;}
.tangence-testimonial-text p span {color: #58039B; font-weight: 700;}
.tangence-testimonial {padding: 80px 0;}
.tangence-testimonial-section {width:75%;}
.testimonial-author-detail img {width: 120px!important;margin-top: 10px;}
.testimonial-author {display: flex; align-items: center; height: 100%; margin-top: 25px;}
.testimonial-author-detail h3 {color: #000;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 24px; /* 33.12px */ margin-bottom: 0;}
.testimonial-author-detail h4 {color: #000;font-family: "Roboto", sans-serif;font-size: 15px;font-style: normal;font-weight: 300;line-height: 18px; margin-bottom: 0;}
.testimonial-author-detail {padding-left: 10px}
.tangence-testimonial-detail {display: flex; margin-top: 50px}
.testimonial-detail-box h5 {margin-bottom: 5px;color: #000;font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;
font-weight: 300;line-height: 100%; /* 14px */}
.testimonial-detail-box h3 {margin-bottom: 0; background: linear-gradient(98deg, #FD392E 11.41%, #F60 39.33%, #58039B 98.67%);
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "Roboto", sans-serif;
font-size: 26px;font-style: normal;font-weight: 900;line-height: 32px;letter-spacing: -1.08px;}
.testimonial-detail-box {padding-right: 10px; margin-right: 40px; position: relative;}
.testimonial-detail-box:after {position: absolute; content: ''; background-color: #B7B7B7;  height: 27px; width: 1px;
    top: 0;right: 0; bottom: 0; margin: auto;}
.testimonial-detail-box:last-child:after {display: none;}
.tangence-testimonial-slider-contant {    padding-top: 36px;    padding-left: 10px;}
.tangence-testimonial-slider .owl-nav {position: absolute;top: 46px; right: -90px;}
.head-turners {background-color: #E2E2E24D; padding: 80px 0; padding-bottom: 30px;}
.head-turners-he h5 {color: #000;font-family: 'avenir_next_lt_probold';font-size: 42px;font-style: normal;font-weight: 600;
line-height: 55px; /* 130.952% */letter-spacing: -1.26px; margin-bottom: 0}

.head-turners-he h2 {background: linear-gradient(90deg, #FD3730 0%, #F98A17 37%, #7C00DE 90%);background-clip: text;
-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'avenir_next_lt_probold';font-size: 62px;
font-style: normal;font-weight: 700;line-height: 55px;letter-spacing: -1.86px;}
.head-turners-tabing .nav-pills .nav-item .nav-link {color: #454444;font-family: "Roboto", sans-serif;font-size: 16px;
font-style: normal;font-weight: 300;line-height: 200%; /* 40px */ padding: 0px 10px;}
.head-turners-tabing .nav-pills .nav-item .nav-link.active {color: #C700BD;font-weight: 500; background-color: transparent;}
.head-turners-tabing {padding-top: 40px}
.head-turners-tab-box h4 {color: #383838;font-family: "Roboto", sans-serif;font-size: 22px;font-style: normal;font-weight: 800;
line-height: 132%; /* 29.04px */letter-spacing: -0.66px; margin-bottom: 0; margin-top: 15px;}
.head-turners-tab-box ul {list-style: none; padding-left: 0;}
.head-turners-tab-box ul li {width: fit-content; margin-right: 15px;color: #383838;font-family: "Roboto", sans-serif;font-size: 16px;
font-style: normal;font-weight: 300;line-height: 132%;letter-spacing: -0.48px;    display: inline-block;}
.head-turners-tab-box img {max-width: 100%;}
.head-turners-tab-box {margin-bottom: 50px;}
.contact-detail h2 {font-family: 'avenir_next_lt_probold';font-size: 55px;font-style: normal;font-weight: 700;line-height: 65px; letter-spacing: -1.86px;
background: linear-gradient(90deg, #FD3730 0%, #F60 11.5%, #7C00DE 77%, #58039B 96.5%);
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.contact-detail h3 {font-family: 'avenir_next_lt_probold';font-size: 50px;font-style: normal;font-weight: 700;line-height: 58px; /* 93.548% */letter-spacing: -1.86px;}
.contact-us-section {padding: 140px 0; background-image: url('../images/image-29.png'); padding-bottom: 0;background-position: -63px 0;
    background-size: cover; background-repeat: no-repeat;}
.contact-detail .client-yrs ul {margin: 0;}
footer {padding-top: 80px;}
footer p {margin-bottom: 0;color: #58595D;font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;font-weight: 500;
line-height: 22px; /* 157.143% */ margin-top: 5px;}
.form-row {display: flex;justify-content: space-between; margin-bottom: 20px}
.form-position { width:100%; }
label {width: 100%}
.form-section .form-row input[type=tel] {    padding-left: 10px;}
.form-section .form-row input {border: 1px solid #b4b5b5;    height: 38px;    border-radius: 8px;}
.phones-erors {display: flex; position: relative;width: 100%;}
.form-section .tel {border: 1px solid #b4b5b5; border-radius: 8px;background-color: #ffffff;}
.intl-tel-input {width: 50px;background: #fff;margin-right: 5px;border-radius: 3px;}
.form-section .tel .intl-tel-input {border-radius: 10px;}
.tel {display: flex;}
.intl-tel-input.allow-dropdown .selected-flag { width: 58px;}
.tel input[type=tel] {    padding-left: 3px;}
.intl-tel-input .form-phone {border: none;    border-radius: 10px;}
.form-section label {color: #000;font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%; /* 24px */}
.form-section label span {color: #DE4545;}
.form-row1 {margin-bottom: 20px;}
.fisrt-row .name:nth-child(1) {margin-right: 8px;}
.fisrt-row .name:nth-child(2) {margin-left: 8px;}
.design-btn .header-btn {justify-content: flex-start;margin-top: 30px;}
.g-recaptcha {text-align: left!important;}
.client-logo-section {margin-top: 40px;}
.contact-detail .client-yrs ul li {font-size: 16px;}
.logo-slide-list img {filter: grayscale(1);}

/*.banner-area p {margin-top: 30px;}
.client-logo-section { margin-top: 0; margin-bottom: 80px}
.client-yrs ul {margin-top: 0}*/

.tangence-box {text-align: left; margin-top: 40px}
.tangence-box h3 {color: #E2E2E2;font-family: "Roboto", sans-serif; font-size: 22px; font-style: normal;font-weight: 700;
    line-height: 111%;margin-bottom: 10px;}
.tangence-box h3 .plus-color {color: #C700BD;}
.tangence-box p {color: #E2E2E2;font-family: "Roboto", sans-serif; font-size: 15px;font-style: normal;font-weight: 300;line-height: 23px; margin-bottom: 0;}
.tangence-box p strong {font-weight: 700;}
.tangence-box img {max-width: 100%; margin-bottom: 15px; width: 100px;}
.Tangence-advantage-boxes {width: 80%;}
.advantage-he {position: relative; z-index: 1}
.advantage-section {position: relative; z-index: 1}
.our-success-stories {position: relative; z-index: 1}
.second-layer {position: absolute; bottom: 0; opacity: 0; transition: all 0.5s;}
.left-our-success-img:hover .second-layer {opacity: 1; transition: all 0.5s;}
.second-layer img {max-width: 170px;}
.lp-img img {max-width: 100%;}
.modal-dialog {    max-width: 800px;}
.btn-close {position: absolute;top: -10px;right: -10px;z-index: 9; background-color: #ffffff; width: 20px; height: 20px;
    border-radius: 100%; opacity: 1;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);}
.modal-body {position: relative;flex: 1 1 auto;padding: 0;border-radius: 10px;overflow: hidden;}
.video-section {position: relative;}
.vdo-portfolio-re-in {position: absolute;top: 4rem;left: 0;width: 60%;right: 0;margin: 0 auto;z-index: 2;}
.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-TE {background-image: url('../images/vdo-te.jpg');}
.cover-danaher {background-image: url('../images/vdo-danaher.jpg');}
.cover-netsurion {background-image: url('../images/vdo-netsurion.jpg');}
.cover-netsuite {background-image: url('../images/vdo-netsuite.jpg');}
.cover video {opacity: 0; width: 100%; transition: 1s; position: absolute; z-index: -1; height: 80%; background-color: #000;}
.vdo-portfolio-re img, .ppt-revamp-in img {width: 100%;}
.testimonial-author-img { width: 72px; height: 72px; border-radius: 100%;overflow: hidden;}
.head-turners-tab-box img {border-radius: 27px}
.events .head-turners-tab-box img {max-height: 741px; overflow: hidden;}
.presentations .head-turners-tab-box img {max-height: 382px; overflow: hidden;} 
.infographics .head-turners-tab-box img {max-height: 481px; overflow: hidden;} 
.print .head-turners-tab-box img {max-height: 326px; overflow: hidden; width: 100%;} 
.email .head-turners-tab-box img {max-height: 622px; overflow: hidden;} 
.head-turners-tab-box img {border-radius: 27px; width: 100%;}
#mobile-error {    position: absolute;  bottom: -24px;    color: #f10d18;}
.form-control:focus {background-color:transparent; border-color:transparent; box-shadow:none;}
.tel input {border: none;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {border-color:transparent;}
.intl-tel-input.iti-container {width: auto!important; height: auto!important;}


.form-submit .form-text-btn {    border-radius: 31px;
    background: #451F62;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    width: 158px;
    padding: 14px 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;}

    .form-submit .svg-aroe {    border-radius: 100%;
    width: 52px;
    height: 52px;
    background: #451F62;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;}