body:not(.home) .top-hero-formsection.innovate_integrate {min-height: auto !important; padding: 150px 0 0 0 !important;}

/* scope—global Variables */
:root { 
    --color-default-tb: #B6C7FF; 
    --inter-font-family:"Inter", sans-serif;
    --text-color-white:#fff;
}
/* Video */
.video-section{padding-top: 135px; position:relative;/*height:100vh;max-height:765px;*/overflow:hidden;background:#010101 url(/wp-content/themes/programmers.io/assets/images/timebridge/bg_timebridge2.jpg) center center / cover no-repeat}
.video-bg{position:absolute;inset:0;z-index:0;background:#010101}
.video-bg video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}
.video-bg video.loaded{opacity:1;mask-image:linear-gradient(to top,transparent 0%,#010101 40%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#010101 40%)}
.video-section .tb-video-content{position:relative;z-index:2;color:#fff;}

/*.bg_all_tb {background: #0b0b0b url('/wp-content/themes/programmers.io/assets/images/timebridge/bg_timebridge2.jpg') 0 0 / cover;min-height: 850px;  padding:0 0 0 0;}*/
.tb_logo {text-align: center;padding: 30px 0;}
.tb_btn a{padding: 0 45px;border-radius:5px;text-align:center;display:inline-block;height:50px;line-height:46px;font-size:14px;color:#fff;border:1px solid #B6C7FF;background:linear-gradient(90deg,#8795c038 0%,#0a0c1238 100%);backdrop-filter:blur(5px);margin:auto}
.tb_btn a:hover{background: linear-gradient(90deg,rgba(135, 149, 192, 1) 0%, rgba(80, 89, 116, 1) 20%, rgba(10, 12, 18, 1) 100%) padding-box, linear-gradient(to right, #B6C7FF, #7B91DA) border-box;}

/*Timebridge Card */
.tb_card_box{border-radius:10px;padding:30px;position:relative;min-height:450px}
.tb_card_box.Insight{border:1px solid #474e68;background:radial-gradient(55.05% 71.16% at 100% 100%,#b6c7ffb0 0%,#4743e8b0 50%,#0a0c12b0 100%);box-shadow:0 0 8.5px 0 #b6c7ff8a;backdrop-filter:blur(2px)}
.tb_card_box.tb_works,.tb_card_box.tb_timebridge{background-color:#0a0c12b0;border:1px solid #474e68;/*box-shadow:0 0 8.5px 0 #b6c7ff8a*/}
.small_tg{color:var(--color-default-tb);font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px;text-transform:uppercase}
.card_heading{font-size:48px;font-style:normal;font-weight:400;line-height:normal;background-image:linear-gradient(to right,#EEF3FF,#B6C7FF);-webkit-background-clip:text;color:transparent;padding:6px 0 15px}
p{color:var(--color-default-tb);font-size:18px;font-style:normal;font-weight:300;line-height:150%}
.card_button a{border-radius:5px;text-align:center;display:block;height:50px;line-height:46px;font-size:13px;color:#fff;border:1px solid #B6C7FF;background:linear-gradient(90deg,#8795c038 0%,#0a0c1238 100%);backdrop-filter:blur(5px);position:absolute;bottom:35px;width:calc(100% - 60px);left:0;right:0;margin:auto}
.card_button a:hover {background: linear-gradient(90deg,rgba(135, 149, 192, 1) 0%, rgba(80, 89, 116, 1) 20%, rgba(10, 12, 18, 1) 100%) padding-box, linear-gradient(to right, #B6C7FF, #7B91DA) border-box;}
.tb_card_box h3{font-family:Inter;font-size:24px;font-style:normal;margin:0 0 15px;font-weight:400;line-height:normal;background-image:linear-gradient(to right,#EEF3FF,#B6C7FF);-webkit-background-clip:text;color:transparent}
.tb_smalltxt{font-size:13px}

 /* Tab */
.tab__content-item{display:none}
.tab__content-item.is--active{display:block}
.timebridge_tab_sec .tab__list{display:flex;justify-content:center;max-width:100%;margin:85px auto 35px}
.timebridge_tab_sec .tab__list .tab__item{width:30%;text-align:center;color:#B6C7FF;position:relative;font-size:32px}
.timebridge_tab_sec .tab__list .tab__item a{color:#B6C7FF}
.timebridge_tab_sec .tab__list .tab__item.is--active a{color:#fff}
.timebridge_tab_sec .tab__list .tab__item.is--active::before{position:absolute;border-radius:404px;background:radial-gradient(50% 50% at 50% 50%,#b6c7ff80 0%,#4743e869 50%,#0a0c1200 100%);content:"";height:220px;width:100%;left:0;right:0;margin:auto;top:-92px;z-index:0}
.down-arrow-tb{width: 100%; margin: 45px auto 0 auto; max-width: 100px; display: flex;cursor: pointer;}

/*Modernization Roadmap*/
.Modernization_Roadmap{max-width:420px;margin:auto}
.Modernization_Roadmap h3{color:#F1F4FD;font-family:Inter;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 12px}
.Insight_sec_2 .row{display:flex;align-items:center}

/* Let's build your modernization roadmap together */
.modernization_roadmap{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/roadmap_together.png) top right no-repeat;padding:85px 0 100px}
.modernization_roadmap h2{color:#F1F4FD;font-family:Inter;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 10px}
.modernization_roadmap p{margin-bottom:60px}

/* Footer */
.footer_tb{border-top:1px solid #353535;padding:45px 0;background: #010101}
.footer_logo img{height:50px;margin-left: -20px;}
.footer_nav ul{display:flex;justify-content:center;margin:10px 0 0}
.footer_nav li{margin:0 20px}
.footer_nav li a{color:#EEF3FF;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:normal}
.footer_call_to_action{text-align:right}

/* Dark Theme Footer*/
#colophon.footer-inner {background: #010101;  border-top: 1px solid #353535;}
#colophon.footer-inner .footer-widgets .widget_nav_menu .widget-title, #colophon.footer-inner .footer-widgets .widget_nav_menu .widget-title, #colophon.footer-inner .footer-widgets .widget_text .widget-title, .widget_newsletterwidget .widget-title { color: #FDFEFF;}
.footer-inner .footer-widgets .widget_text p.ftr_ph_no span, .footer-inner .footer-widgets .widget_text .address-col, .footer-inner .footer-widgets .widget_text .address-india { color: #fff;}
#colophon.footer-inner .footer-widgets .widget_nav_menu .menu li a, .footer-inner .footer-widgets.sec_row .widget_newsletterwidget, .footer-inner .footer-widgets .widget_text p.ftr_ph_no a, .footer-zvooaddress a, .address-india a {color: #fff !important;}


/* https://programmers.io/timebridge-technologies/ */

.half-circle-timebridge::after{width:95px;height:48px;background:#010101;border-radius:123px 123px 0 0;position:absolute;left:13px;filter:drop-shadow(0 2px 12px #3C35CD);overflow:hidden;display:block;bottom:0;content:""}
.half-circle-timebridge::before{position:absolute;content:"↓";bottom:3px;left:43%;color:#7F8EFA;z-index:1;animation:bounce-tb 1.3s infinite}
.half-circle-timebridge{position:relative;overflow:hidden;height:65px;padding:0;width:125px;margin:25px auto 0}
@keyframes bounce-tb {
0%,100%{transform:translateY(0)}
50%{transform:translateY(10px)}
}
.half-circle-timebridge:hover::after{filter:drop-shadow(0 2px 20px #3C35CD);cursor:pointer}
.half-circle-timebridge:hover::before{cursor:pointer}

/* Our AI-Driven, Human-Augmented Approach */
#tb_ai_Insight h4{text-align:center;font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:normal;background-image:linear-gradient(to right,#EEF3FF,#B6C7FF);-webkit-background-clip:text;color:transparent}
.tb_Approach{position:relative;text-align:center;margin:30px 0 0}
.tb_Approach ul li{color:#B6C7FF;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px;text-transform:uppercase}
.tb_Approach ul li:first-child{position:absolute;top:43px;text-align:right;left: calc(50% - 163px);}
.tb_Approach ul li:nth-child(2){position:absolute;top:-13px;left:0;right:0}
.tb_Approach ul li:nth-child(3){position:absolute;top:49px;left: calc(50% + 80px);}
.tb_Approach ul li:nth-child(4){position:absolute;top:128px;left: calc(50% + 57px);}
.tb_Approach ul li:nth-child(5){position:absolute;top:128px;left: calc(50% - 174px);}
.tb_Approach ul li span{display:block}
#tb_ai_Insight .tb_card_box{min-height:auto;padding: 15px 20px 8px 20px}
#Accelerated_Modernization{float:left;width:48%;margin:15px 0 0;padding: 15px 15px;}
#Faster_Development{float:right;width:48%;margin:15px 0 0}
.acc_modrn span{display:block;border-bottom:1px dashed #7F8EFA;position:relative;height:17px}
.acc_modrn span::after{background:#7F8EFA;height:17px;width:1px;content:"";display:block;position:absolute;left:0;top:8px}
.acc_modrn span::before{background:#7F8EFA;height:17px;width:1px;content:"";display:block;position:absolute;right:0;top:8px}
.acc_modrn_txt{color:#B6C7FF;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:15px 0 5px;text-align: left;}
.acc_modrn_txt span{display:block;font-size:12px}
.Faster_Development_image img{padding:10px 0 0;height:152px}

/* What are TimeBridge Technologies™? */
.timeBridge_technologies_wrap{padding:60px 0 100px 0}
.timeBridge_technologies_wrap h2{color:#F1F4FD;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 15px}
.timeBridge_technologies_wrap h3{color:#F1F4FD;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.55px;text-transform:uppercase;display:block;width:100%;margin:25px 0 20px}
.tech_benefits{margin:0;display:flex;width:100%}
.tech_benefits li{border-right:1px solid #252286;padding:0 25px}
.tech_benefits li:last-child{border-width:0}
.tech_benefits li:first-child{padding-left:0}
.tech_benefits li h4{color:#F1F4FD;font-family:Inter;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 10px}
.tech_benefits li h4 img{vertical-align:middle}
.tech_benefits li p{font-size:16px;line-height:22px}
.TimeBridge_Technologies_img{padding:0 35px}

/*Ethically Powered AI Tools */
.powered_tools h2{color:#F1F4FD;text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 35px}
.powered_tools_slide_wrap{border:1px solid #4743E8;border-radius:10px;padding:45px 0 45px 45px;position:relative}
.powered_tools_slide_wrap::before{background:radial-gradient(20% 53.16% at 0% 0%,#b6c7ffb0 0,#4743e8b0 50%,#0a0c1200 100%);position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:10px}
.powered_tools_slide_wrap h3{color:#F1F4FD;font-family:Inter;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 8px}
.powered_tools_slide_wrap p span{display:block}
.powered_tools_slide_wrap ul{margin:0 0 65px}
.powered_tools_slide_wrap ul li{color:#EEF3FF;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;background:url(/wp-content/themes/programmers.io/assets/images/timebridge/icon_check.svg) left center no-repeat;margin:10px 0;padding:0 0 0 24px}
#tb_Analysis{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_Analysis.png) right top no-repeat}
#tb_Documentation{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_Documentation.jpg) right top no-repeat}
#tb_slide_3{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_code.jpg) right top no-repeat}
#tb_slide_4{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_Integrations.jpg) right top no-repeat}
#tb_slide_5{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_UI_Modernization.jpg) right top no-repeat}
#tb_slide_6{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_DevOps-4i.jpg) right top no-repeat}
#tb_slide_7{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_Project_Management.jpg) right top no-repeat}
#tb_slide_8{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/slide_Data_Replication.jpg) right top no-repeat}

/* Tab Slider */
.timebridge_tab_sec{background:#010101}
.timebridge-tab-wrapper{background:#fff;padding:20px;border-radius:6px}
.timebridge-timebridge-tab-wrapper {
  width: 100%;
  overflow: hidden;
}

.timebridge-tab-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.timebridge-tab-content {
  display: flex;
  transition: transform 0.35s ease;
  will-change: transform;
}

.timebridge-tab-panel {
  flex: 0 0 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 1px;
}

.tab-nav-top{display:flex;margin-bottom:25px;overflow: auto;white-space: nowrap;}
.tab-nav-top .timebridge-tab-top-btn{margin:0 10px;cursor:pointer;border:none;background:none;font-size:14px;border-bottom:0 solid transparent;color:#f1f4fd80;text-transform:uppercase}
.tab-nav-top .timebridge-tab-top-btn.active{border-color:#0073aa;color:#f1f4fdff}

.timebridge-tab-nav-bottom{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:8px}
.timebridge-tab-btn{font-size:0;width:35px;height:2px;cursor:pointer;background:#6069f466;border:0}
.timebridge-tab-btn.active{background:#6069f4ff}
.timebridge-tab-prev{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/Arrow-Button-left.png) 0 0 no-repeat;font-size:0;height:34px;width:34px;border:0;padding:0;margin:0;cursor:pointer}
.timebridge-tab-next{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/Arrow-Button.png) 0 0 no-repeat;font-size:0;height:34px;width:34px;border:0;padding:0;margin:0;cursor:pointer}
.timebridge-tab-prev:disabled,.timebridge-tab-next:disabled{opacity:0;visibility: hidden;}



@media(max-width:1199px) {
.tb_card_box { max-width: 450px;margin: auto;}
.card_round_image, #card_innovation .card_button {text-align: center;}
.tb_btn a{padding:0 30px}
#card_insight.col-33{width:100%;margin-bottom:25px}
#card_insight .card_button a{position:initial;max-width:260px}
.tb_card_box{min-height:auto}
#tb_ai_Insight.col-33{width:50%}
#card_innovation.col-33{width:50%}
#card_innovation .card_button a{position:initial}
.video-section{max-height:inherit;height:auto}


}

@media(max-width:991px) {
#tb_ai_Insight.col-33{width:100%;margin-bottom:25px}
#card_innovation.col-33{width:100%}
#card_innovation .card_button a{display:inline-block;width:auto;padding:0 45px}
.Insight_sec_2 .row{display:block}
.Insight_sec_2 .row .col-50{width:100%}
.Modernization_Roadmap{max-width:inherit;margin:auto;text-align:center;padding:60px 0 0}
.modernization_roadmap{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/roadmap_together.png) bottom right no-repeat;background-size:60%}

#Faster_Development {text-align: center;}

.TimeBridge_Technologies_img { padding: 0;}
.timeBridge_technologies_wrap .col-40 {display: none;}
.timeBridge_technologies_wrap .col-60 {width: 100%;}
.timeBridge_technologies_wrap .col-60 h2, .timeBridge_technologies_wrap .col-60 p {text-align: center;}
.tech_benefits li P {text-align: left !important;}

.powered_tools_slide_wrap {background-size: 42% !important; background-position: right bottom !important;}

.powered_tools_slide_wrap{
background-size: 65% !important;
background-position: 154% bottom !important;}
#tb_slide_4.powered_tools_slide_wrap{
background-size: 70% !important;
background-position: 154% bottom !important;}

.timebridge_tab_sec .tab__list .tab__item.is--active::before {height: 141px; width: 262px; left: -12px;top: -49px;}


}

@media(max-width:767px) {
.video-section{padding-top:70px}
.card_heading{font-size:36px}
.tb_card_box h3{font-size:22px}
.tb_card_box{padding:20px 15px}
#card_innovation .card_button a{padding:0 15px}
.timebridge_tab_sec .tab__list .tab__item{width:33.33%;font-size:18px}
.timebridge_tab_sec .tab__list .tab__item.is--active::before {height: 127px; width: 155px; left: -8px;top: -47px;}
.Insight_wrapper h2,.Modernization_Roadmap h3,.Modernization_Gamble h2,.modernization_roadmap h2, .timeBridge_technologies_wrap h2, .powered_tools h2{font-size:26px}
.Modernization_Gamble{padding:100px 0 0}
.modernization_roadmap{text-align:center}
.modernization_roadmap p{margin-bottom:20px}
.footer_logo,.footer_call_to_action{text-align:center}
.footer_call_to_action{margin:25px 0 0}
.Insight_wrapper{text-align:center;background:none;min-height:auto;padding:0;margin:0 0 60px}

.powered_tools_slide_wrap { padding: 20px 15px 30px 25px; background-image: none !important;}
.timeBridge_technologies_wrap {padding: 25px 0 0 0;}
.tb_benefits { padding: 10px 0 0 0;}
.tech_benefits { padding: 0 0 20px 0;}

.timebridge-timebridge-tab-wrapper,  .timebridge-tab-viewport { padding-left: 0 !important;padding-right: 0 !important;}
/*.powered_tools_slide_wrap { background-position: calc(100% + 285px) center;}*/
/*
.powered_tools_slide_wrap::after { background: #010101;  background: linear-gradient(260deg,rgba(1, 1, 1, 0.64) 0%, rgba(1, 1, 1, 0.8) 52%, rgba(1, 1, 1, 1) 100%);
  position: absolute;  content: "";  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 0;border-radius: 10px;}
.powered_tools_slide_wrap h3, .powered_tools_slide_wrap p, .powered_tools_slide_wrap ul, .powered_tools_slide_wrap .tb_btn {z-index: 2; position: relative;}
.powered_tools_slide_wrap::before {z-index: 1;}*/

}

@media(max-width:580px) {
.timeline-item{padding-left:70px}
.footer_nav li{margin:0 10px}
.timebridge_tab_sec .tab__list .tab__item.is--active::before {width: 115px;}

.tech_benefits{flex-direction:column}
.tech_benefits li{border-bottom:1px solid #252286;border-right:0 solid #252286;padding:0 0 25px;margin-bottom:20px}
.tech_benefits li p{text-align:left!important}
.powered_tools_slide_wrap p span{display:inline}
#Accelerated_Modernization,#Faster_Development{width:100%}
.timebridge-tab-btn{width:20px}





}

