.connect-tinenr {background-color: var(--third_color); margin-top: -120px;}
.connt-head{margin:0 auto 42px; max-width:1100px;}
.connect-intwos {position: relative;z-index: 1;}
.connect-intwos:before {
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    left: 0;
    right: 0;
    background-color: rgba(247, 250, 253,1.0);
    bottom: 0;
    z-index: -1;
}
.connectivity-tabber .tabs ul {
    background-color: #fff;
    border-top: 1px solid rgba(8,35, 56,0.1);
    border-radius: 10px;
    justify-content: center;
    border-bottom: 1px solid rgba(8,35, 56,0.1);;
}
.connectivity-tabber .tabs ul li {
    padding: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #082338;    
    width: 33.33%;    
  text-align:center;
  cursor:pointer;
  display: flex;
    justify-content: center;
    align-items: center;
}
.connectivity-tabber .tabs ul li:first-child{border-left: 1px solid rgba(8,35, 56,0.1);;border-radius:6px 0 0 6px}
.connectivity-tabber .tabs ul li:last-child{border-right: 1px solid rgba(8,35, 56,0.1);;border-radius:0 6px 6px 0}
.connectivity-tabber .tabs ul li.active { 
  border:1px solid #55ba47 !important;
  box-shadow: 0px 4px 24px 0px rgba(0, 147, 70, 0.10); 
  border-radius: 10px  !important;   
/*   transform: scale(1.014); */
}
.tbinc-head{max-width:1040px; margin:0 auto;}

.connectivity-tabber .tab-content{display:none}
.connectivity-tabber .tab-content.current{display:block}
.tabs-incontent {padding: 73px 0 0;}
.tbtops{margin:60px 0 50px;}
.tbs-box{margin-bottom:22px;width:32%; margin-right:2%; text-align:center}
.tbs-box:nth-child(3n){margin-right:0}
.tbs-ims{width:33px; height:33px;margin:0 auto 16px;}
.tbs-box .detail-content h4{color:var(--primary_color)}
.tbs-btmcontent{max-width:675px; margin:0 auto; text-align:center}
.tbs-btmcontent hr{background-color:var(--primary_color);border:none; display:block; margin:55px auto; width:87.5px; height:3px;}
.recomhead{padding-bottom:20px;}
.rcm-box{min-height:360px;z-index:1; border-radius: 5px;position:relative;width:23.5%; margin-right:2%; margin-top:25px;}
.rcm-box a{display: flex;align-items: flex-end; height:100%;padding:30px;}}
.rcm-box:nth-child(4n){margin-right:0;}
.rcm-box:before{position:absolute;z-index:-1; left: 0;border-radius: 5px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);top:0; content:""; width:100%; height:100%;}

.rcbox-btn {position:absolute;bottom:30px; opacity:0;transition:opacity 0.4s ease; pointer-events:none}
.rcbox-btn span{color:#fff;}
.rcbox-btn span svg{transition:transform 0.4s ease;margin-left:2px; }
.rcm-box:hover a{text-decoration:none !important;}


@media(min-width:1025px){
.rcbox-btn a:hover svg{transform:translateX(5px);}
.rcm-binner{transition:transform 0.4s ease; }
.rcm-box:hover .rcm-binner{transform:translateY(-50px);}
.rcm-box:hover:before{background: linear-gradient(0deg, rgba(0, 147, 69, 0.89) 0%, rgba(0, 147, 69, 0.89) 100%);}
.rcm-box:hover .rcbox-btn{opacity:1;pointer-events:auto}
}

@media(max-width:1024px){
.connect-tinenr {margin-top: -100px;}
.connectivity-tabber .tabs ul li{font-size:20px;padding:25px 20px;}  
.tbtops {margin: 50px 0 30px;} 
  .tbs-btmcontent hr{margin:40px auto;}
  .rcm-box{width:32%; margin-right:2%; min-height: 320px;}  
  .rcm-box:nth-child(4n){margin-right:2%;}
  .rcm-box:nth-child(3n),.rcm-box:last-child{margin-right:0;}
  .rcbox-btn {
    bottom: 0;
    margin: 24px 0 0;
    opacity: 1;
    pointer-events: auto;
    position: relative;
}
}

@media(max-width:767px){
.connect-tinenr {margin-top: -70px;}
.connectivity-tabber .tabs ul li{font-size:18px;padding:15px;}  
.tbtops {margin:30px 0;} 
 .tbs-box { margin-bottom:20px; margin-right:0;width:100%; } 
  .tbs-btmcontent hr{margin:30px auto;}
  .rcm-box{width:100%; margin-right:0; min-height:280px;}  
  .rcm-box:nth-child(4n){margin-right:0;}  
 
  
  .connect-intwos .tabs ul li {order: 1;width:100%;}
    .connect-intwos .tabs ul li:not(.active) {position: absolute; top: -999em;}
     .connect-intwos .tabs ul li.active {order: 0;}
  .connect-intwos .tabs ul.expanded li:not(.active) {position: relative;top: auto;border-top:1px solid var(--base_color);}
  .connectivity-tabber .tabs ul li.active {border: none !important;border-radius: 0 !important;box-shadow: none;}
  .connectivity-tabber .tabs ul{border:1px solid var(--base_color);}
  .connectivity-tabber .tabs ul li:first-child, .connectivity-tabber .tabs ul li:last-child{border-radius:0;}
}