@import url('services.css');

.service-tab{ display: flex; justify-content: center; margin-bottom: 50px; margin-top: 50px; }
.service-tab span{    font-size: 19px;
    padding: 15px 40px;
    margin: 0; background-image: none; box-shadow: none; color: #262324; cursor: pointer}

    .service-tab .capsule-cta:after{background-color: transparent !important; box-shadow: none;}

    .service-tab{
        border: 1px solid #a7a9ac;
        border-radius: 50rem;
    }

    .service-tab span.active:after, .service-tab span:hover:after{
        background: #56596e !important;
    }    

    .service-tab span.active, .service-tab span:hover{
        background-image: linear-gradient(to left, #2881db,#a230dd,#cf15e2 ,#f15a22 ,#ffcb05 );
        color: #fff;
    }    

    .client-img{ width: 100%; text-align: center; }

    .client-img img{ display: inline-block;}

    .service-tab{ justify-content: space-between;}

    .tab-none{ display: none;}
    .tab-none.active{ display: block;}

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

    .menu-panel{}
    .gap-45{ gap:35px}

    .menu-panel a{    font-size: 16px;
        text-decoration: none; color: #fff; font-weight: 600;}

.menu-panel > ul{}
.menu-panel > ul > li .sub-menu{     position: absolute;
    width: 100%;
    left: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    top: 70px;
    display: none; 
    background-image: url('../images/new/menu_bgN.jpg'); background-position: center; background-size: cover; } 

.main-header .col-lg-9, .menu-panel{ position: initial; }
.main-header .container, .main-header .row{position: initial;}

.menu-panel > ul > li .sub-menu a{     padding: 20px 20px;
    display: block; }

    .menu-panel > ul > li:hover .sub-menu{ display: flex;}    

.menu-panel > ul > li > a{ padding: 30px 15px; display: block; }

.menu-panel > ul{ margin: 0 -15px; }

.menu-panel > ul > li .sub-menu a:hover{ background-color: #fff; }

.darkHeader .menu-panel > ul > li > a{ color: #fff;}
/*.main-header .header-nav{ padding-right: 0; padding-top: 30px; text-align: right;}*/
.main-header .header-nav{ padding-right: 0;  text-align: right;}
.menu-panel{ display: block;}
.header-nav{ display: block;}
@media(max-width:992px){
    #abhi{ top: -19px;}
    .menu-icon{    margin-top: 13px;}
}
@media only screen and (min-width: 200px) and (max-width: 767px)  {
     .menu-panel{ display: none;}
     .header-nav{ display: block;}
     .whole-menu{ flex-wrap: wrap;}
     #abhi {
    font-size: 16px;
    color: #4c4648;
    margin-left: -60px;
    position: relative;
    top: -17px;
    text-transform: capitalize;
    width: 0px;
    height: 0px;
    right: 0px;
    font-weight: 500;
}
.menu-icon {
    margin-top: 13px!important;
}
}


header.main-header.darkHeader {
    padding: 17px 0 0 0;
    height: 65px;
}

header.main-header.darkHeader .menu-panel > ul > li > a {padding: 28px 15px;}

.aboutour-team span {
       font-size: 21px;
    font-weight: 600;
    padding-top: 15px;
    display: block; text-align: center;
}

.aboutour-team p {
    font-size: 16px;
    text-align: center;padding-top: 8px;
    font-weight: 400;
}

.profile-img img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.profile_bgimg {
    background: #fff;
    border-radius: 10px;
	padding: 10px;
    height: 340px;
	margin-bottom: 30px;
}

header{padding:20px 0}
header.main-header.bg-blackinner {
    background: #414456;
}

.linkdin-profile {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 10px;
}

.gg {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-right: 30px;
}
.centeralignsys {
    text-align: center;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

header.main-header.bg-blackinner .menu-icon span {
    background: #4c4648;
}

/* .bg-blackinner .cls-1-in-logo{    fill: #ffffff;} */

header.main-header.bg-blackinner {
    background: none;
    height: 66px;
    padding: 17px 0 0 0;
}

header.main-header.bg-blackinner.darkHeader{background: #414456;}

.bg-blackinner #abhi {
    display: block;
    color: #4c4648;;
}

header.main-header.bg-blackinner.darkHeader .menu-icon span {
    background: #ffffff;
}

.bg-blackinner.darkHeader #abhi {
    display: block;
    color: #fff;
}

.tangence-logo img {
    width: 81%;
}

header.main-header.darkHeader .tangence-logo img {
    width: 55%;
    margin-top: -19px;
}
header.main-header.darkHeader .header-nav{    padding-top: 3px;}

header.main-header .tangence-logo {background-image: url(../images/new/tangencelogo-twenty.png); background-repeat: no-repeat; width:144px; height:100px}

header.main-header.darkHeader .tangence-logo {
    background-image: url(../images/new/tangence-slidelogo.png);
    width: 100%;
    background-repeat: no-repeat;    margin-top: -3px;
}



.tangence-logo svg {
    width: 80%;
}

img.svg-img {
    width: 18%;
}

img.svg-img2 {
    display: none;
}

img.svg-img {
    display: block;
}

.darkHeader img.svg-img{display:none}
.darkHeader img.svg-img2{display:block; width: 18%; margin-top:4px}
.darkHeader .cls-1-in-logo {
    fill: #fff;
}
/* header.main-header.darkHeader .tangence-logo svg {
    width: 55%;
    margin-top: -15px;
}

header.main-header.darkHeader path.st5, header.main-header.darkHeader path.st0, header.main-header.darkHeader polygon.st5 {
    fill: #ffffff;
}


.bg-blackinner .st5, .bg-blackinner .st0 {
    fill: #000;
} */


.main-banner-new h1 .span-two {  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%);}

.main-banner-new h2 {font-size: 40px;font-weight: 500; line-height: 45px;  margin-top: 15px;} 

.main-banner-new, .sub-head-bnnr { max-width: 1140px !important;  margin: 0 auto; text-align: center;   } 

.main-banner-new h1 {font-size: 115px;font-weight: 700; line-height: 130px; }

.main-banner-new h1 .span-one {font-size: 40px;font-weight: 500;line-height: 75px;}

.main-banner-new h1 .span-two {display: block;}

.banner-new-home { flex-wrap: nowrap;}

.sub-head-bnnr p { padding: 0 4rem!important; margin-top: 1rem; font-size: 1.5rem;}
.sub-head-bnnr .color-text {color: transparent;background-clip: text;-webkit-background-clip: text;text-fill-color: transparent;
    -webkit-text-fill-color: transparent;font-weight: 600;background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%);
    display: unset;}
.banner-section .fliper-cta-box {    margin-top: 0rem !important;}
.banner-new-home { top: 15rem!important; }






@media only screen and (max-width: 1299px) {



}

@media only screen and (max-width: 1024px) {
.main-banner-new h1 {font-size: 60px;line-height: 72px;}
.main-banner-new h1 .span-one { font-size: 25px;}
.sub-head-bnnr p { font-size: 2rem;}
.main-banner-new h2 {font-size: 20px;line-height: 24px;}


}

@media only screen and (max-width: 767px) {
.main-banner-new h1 { font-size: 40px;font-weight: 700;line-height: 54px;  }
.main-banner-new h2 {font-size: 25px;line-height: 30px;}
.main-banner-new h2 br {display: none;}
.sub-head-bnnr p { font-size: 2rem;}
.main-banner-new h1 .span-one {font-size: 20px;}
.banner-section {  height: 60rem!important; width: 95%!important;margin: 0 auto;}

}
@media only screen and (max-width: 575px) {
.main-banner-new h1 {font-size: 32px;line-height: 45px;}
.main-banner-new h2 {font-size: 20px;line-height: 24px; }
.sub-head-bnnr p {font-size: 2rem;}
.main-banner-new h1 .span-one {font-size: 18px; }


}