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:50px auto 50px}
.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{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:100px;margin:auto}

/*Modernization Roadmap*/
.Modernization_Roadmap_4step{max-width:420px;margin:auto}
.Modernization_Roadmap_4step 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}

.timebridge_tab_sec { background: #010101;}

/* 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;}


/* Insight  */
.Insight_wrapper{text-align:center;background:url(/wp-content/themes/programmers.io/assets/images/timebridge/Insight_wrapper_bg2.jpg) bottom center / cover;min-height:500px;padding:0}
.Insight_wrapper h2{color:#F1F4FD;text-align:center;font-family:Inter;margin:25px 0 20px;font-size:32px;font-style:normal;font-weight:400;line-height:normal}
.Insight_wrapper p{color:#B6C7FF;text-align:center;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:150%;max-width:620px;margin:auto}
.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}


/* How It Works ===========================================*/
.timeline_hiw{position:relative;margin:0;padding:0 0 0 45px;list-style:none;color:#fff}
.timeline_hiw::after{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(0deg,#0B0B0B 0%,#5E62E3 24.76%,#4D4BD8 74.69%,#0B0B0B 100%)}
.timeline_hiw-item{position:relative;margin-bottom:20px;padding-left:72px}
.timeline_hiw-item::before{content:'';position:absolute;left:-32.1px;top:19px;width:16px;height:16px;border-radius:50%;z-index:1;background:#0B0B0B url(/wp-content/themes/programmers.io/assets/images/timebridge/Ellipse_icon.svg) center center}
.timeline_hiw-year{position:absolute;left:-14px;top:19px;width:60px;color:#798798;text-align:right;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.55px;text-transform:uppercase}
.timeline_hiw-content{border-radius:10px;background:#0B0D13;box-shadow:0 0 10px 0 #3C35CD;color:#273A50;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:150%;position:relative;display:flex;justify-content:flex-start;padding:12px 16px;align-items:center}
.step_hiw_icons{width:32px;height:32px;background-color:#1B1A4C;border:1px solid #3C35CD;border-radius:100px;padding:5px;line-height:23px;text-align:center;display:block}
.tb_timeline_hiw_txt{color:#B6C7FF;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-left: 10px;}
.tb_timeline_hiw_txt span{color:#B6C7FF;margin:7px 0 0;font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:125%;display:block}
.tb_timeline_hiw_list_dis{color:#EEF3FF;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:150%}
.tb_timeline_hiw_list_dis span{color:#B6C7FF;font-family:Inter;font-size:8px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.4px;display:block;margin:0 0 3px}
.timeline_hiw-item:last-child .tb_timeline_hiw_list{border-bottom:0 solid #000}
.step_icons{position:absolute;left:0;top:0}


  /* Steps ======================================================*/
.pio_timeline{padding:40px 35px;border-radius:10px;border:1px solid #7F8EFA;background:radial-gradient(73.1% 70.36% at 100% 0%,#7894E2 0%,#353A98 50%,#0B0B0B 100%);backdrop-filter:blur(2px)}
.timeline{position:relative;margin:0;padding:50px 0 1px 45px;list-style:none;color:#fff}
.timeline::after{content:'';position:absolute;left:94px;top:0;bottom:0;width:2px;background:linear-gradient(0deg,#0B0B0B 0%,#5E62E3 24.76%,#4D4BD8 74.69%,#0B0B0B 100%)}
.timeline-item{position:relative;margin-bottom:20px;padding-left:100px}
.timeline-item::before{content:'';position:absolute;left:41.9px;top:8px;width:16px;height:16px;border-radius:50%;z-index:1;background:#0B0B0B url(/wp-content/themes/programmers.io/assets/images/timebridge/Ellipse_icon.svg) center center}
.timeline-year{position:absolute;left:-40px;top:8px;width:60px;color:#F1F4FD;text-align:right;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.55px;text-transform:uppercase}
.timeline-content{color:#273A50;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:150%;position:relative}
.tb_timeline_txt{color:#F1F4FD;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 12px}
.tb_timeline_txt span{color:#B6C7FF;margin:7px 0 0;font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:125%;display:block}
.tb_timeline_list_dis{color:#EEF3FF;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:150%}
.tb_timeline_list_dis span{color:#B6C7FF;font-family:Inter;font-size:8px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.4px;display:block;margin:0 0 3px}
.tb_timeline_list{margin:0 0 0 40px;border-bottom:1px solid #2f3479b3;padding:0 0 20px}
.timeline-item:last-child .tb_timeline_list{border-bottom:0 solid #000}
.step_icons{position:absolute;left:0;top:0}

/* Build Your Modernization Roadmap in Just 4 Steps. */
.Modernization_Roadmap_4step{max-width:420px;margin:auto}
.Modernization_Roadmap_4step h3{color:#F1F4FD;font-family:Inter;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 12px}
.Build_txt_step {color:#F1F4FD;font-family:Inter;font-size:26px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 30px 0;text-align: center;}
.Insight_sec_2 .row{display:flex;align-items:center}
.Build_txt_step {display: none;}

/* Modernization Shouldn't Be a Gamble.  */
.Modernization_Gamble{padding:100px 0;text-align:center;max-width:1060px;margin:auto}
.Modernization_Gamble h2{color:#F1F4FD;text-align:center;font-family:Inter;font-size:32px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 10px}
.modernization_gamble_card{width:100%;min-height:378px;box-shadow:0 0 13px 1px #3c35cdb3;border-radius:10px;position:relative;margin:30px 0 0}
.card_bg_Risk{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/modernization_gamble_card.png) 0 0 / cover}
.card_bg_Vendor{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/Vendor-Confusion.png) 0 0 / cover}
.card_bg_Delivery{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/Delivery-Uncertainty.png) 0 0 / cover}
.cardin_md{position:absolute;bottom:0;padding:25px;text-align:left;border-radius:10px;height:100%;display:flex;flex-direction:column;justify-content:end;/*background:radial-gradient(100% 71.16% at 50% 100%,#23232500 50%,#000 0%,#00000008 100%)*/background:linear-gradient( to top, #000 35%, #00000008 60%, #23232561 100% );}
.step_icons_gamble{max-width:43px;margin:0 0 auto}
.cardin_md h3{color:#F1F4FD;font-size:22px;font-style:normal;font-weight:400;margin:0 0 10px}

/* 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}


@media(max-width:1199px) {
.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}
#card_hiw.col-33{width:50%}
#card_innovation.col-33{width:50%}
#card_innovation .card_button a{position:initial}
.video-section{max-height:inherit;height:auto}

.timebridge_tab_sec .tab__list .tab__item.is--active::before {height: 166px;width: 308px;top: -64px;}

}

@media(max-width:991px) {
.tb_card_box { max-width: 450px;margin: auto;}
.card_round_image, #card_innovation .card_button {text-align: center;}
#card_hiw.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_4step{max-width:inherit;margin:auto;text-align:center;padding:25px 0 0}
.modernization_roadmap{background:url(/wp-content/themes/programmers.io/assets/images/timebridge/roadmap_together.png) bottom right no-repeat;background-size:60%}
.Modernization_Roadmap_4step h3 {display: none;}
.Build_txt_step {display: block;}

.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_4step h3,.Modernization_Gamble h2,.modernization_roadmap 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}
}

@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;}
}