@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-black-webfont.woff2) format('woff2');
    font-weight: 900;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-extrabold-webfont.woff2) format('woff2');
    font-weight: 800;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-bold-webfont.woff2) format('woff2');
    font-weight: 700;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-semibold-webfont.woff2) format('woff2');
    font-weight: 600;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-medium-webfont.woff2) format('woff2');
    font-weight: 500;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-regular-webfont.woff2) format('woff2');
    font-weight: 400;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-light-webfont.woff2) format('woff2');
    font-weight: 300;
    font-display: swap;
    size-adjust: 100%;
}
@font-face {
    font-family: 'Poppins';
    src: url(/itb/fonts/poppins/poppins-extralight-webfont.woff2) format('woff2');
    font-weight: 200;
    font-display: swap;
    size-adjust: 100%;
}

/* ----------- [ ROOT ] ========= */
:root{
    --color-primary: #b4fd83;
    --color-secondary: #08323d;
    --color-white: #fff;
    --color-black: #000;
    --color-dark: #282828;
    --text-primary: #b4fd83;
}

/* ----------- [ BUTTON ] ========= */
.btn-common {border-radius: 7px;height: 43px;line-height: 43px;font-size: 1rem;padding: 0 14px;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s;line-height: 1.35;width: fit-content;gap:10px;position:relative;overflow:hidden}
.btn-common span {z-index: 1;}
.btn-common {animation: button 1s cubic-bezier(.33,0,.25,1);}
@keyframes button{0%{transform:translateY(3.125rem);opacity:0}39.1%{transform:translateY(2.625rem)}52.2%{opacity:0}87%{opacity:1}to{transform:translateY(0);opacity:1}}
.btn-common-primary{color: var(--color-black);background-color: var(--color-primary);border: 1px solid #98e365;}
.btn-common-primary .button-icon-container {background: #fff;}
.btn-common::before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);}
.btn-common::before {-webkit-animation: shine 1.5s ease-in-out infinite;animation: shine 1.5s ease-in-out infinite;}
@-webkit-keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
.button-icon-container {padding: 4px 12px;transition-timing-function: cubic-bezier(.33,0,.25,1);transition-duration: .5s;transition-property: all;border-radius: .375rem;background: #b4fd83;overflow: hidden;gap: .75rem;display: flex;justify-content: flex-start;width: 3rem;}
.transition-all {transition-property: all;transition-timing-function: cubic-bezier(.33,0,.25,1);transition-duration: .5s;margin-left: -2rem;margin-right: 0;}
.shrink-0 {flex-shrink: 0;}
.btn-common:hover .button-icon-container .fill-btn-hover-content {margin-left: 0 !important;}
.btn-common-primary:hover, .btn-primary:focus{color: #ffffff;background: #6dc134;outline: none;border-color: #6dc134;}
.btn-common:active:focus{background:#b4fd83;color:#fff;outline:none}

@media(min-width:1400px){
    .btn--lg {height: 56px;line-height: 56px;padding: .875rem 1.25rem;font-size: 1.125rem;}
}

body{font-family: "Poppins";  font-weight: 400;  font-style: normal;font-size:14px}
header nav.navbar p {font-weight: normal;font-size: 16px;}
header{background: #fff; border-bottom: 1px solid #f4f4f4;position: relative;}
header .navbar .navbar-nav .nav-link {font-size: 18px;color: inherit;font-weight: normal;line-height: 1.56;padding: 12px 22px;border-radius: 10px;margin-right: .5rem;cursor: pointer}
header .navbar .navbar-nav .nav-link:hover {background: #f4f8fb;}
header.section-header {position: relative;}
.menu_icon_arrow{width:32px;height:20px;background:#b4fd83;overflow:hidden;display:flex;align-items:center;justify-content:center;transition-timing-function: cubic-bezier(.33,0,.25,1);
    transition-duration: .5s;transition-property: all;border-radius: 4px;}
.col-megamenu {border-radius: 10px 10px 0 0;background-color: #fff;padding: calc(1rem + 0.5vw) calc(1rem + 0.5vw);margin-bottom: 30px;}
.col-megamenu:after {content: "";position: absolute;bottom: -15px;width: 100%;height: 1px;background: #e8e8e8;left: 0;}
.col-megamenu:hover{background-color:#f4f8fb;}
.section-header .product_dropdown{padding: 25px 0 40px;}
.menu-title .title, .blog_title{font-size:calc(1rem + 0.4vw); color: inherit;font-weight: 700;}
.menu_icon_arrow img{height:10px;object-fit:contain;padding:0 8px}
.col-megamenu .title_description{color: #4d4d4d; margin-top: 6px;}
.header_blogs .card.card--blog{row-gap:calc(1rem + .2vw);border:none;  border: 0; background: transparent;}
.header_blogs .info-meta{display:flex;justify-content:space-between;font-size:12px;color:#888; text-transform: uppercase;font-weight: 500;}
.header_blogs .info-meta svg{margin-right:11px; color: #151515;}
.header_blogs .card.card--blog h4 {font-size: calc(1rem + 0.1vw); font-weight: 500; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: inherit;line-height: 1.67;}
.menu_type,h3.title_industry span{color:#000}
a.apply_link,a.apply_link:before{transition-timing-function:cubic-bezier(.33,0,.25,1);transition-duration:.5s;transition-property:all}
button.btn-common-plain{background:0 0;border:0;text-decoration:underline;text-underline-position:under;align-items:center;padding:0}
.image_explore{margin-top:calc(1rem + 1vw)}
h3.title_industry{color:#636363;font-size: calc(1rem + 0.5vw);line-height: 1.3;}
.industry_menu{background:#fff;padding:calc(1rem + .2vw) calc(1rem + .5vw);border-radius:10px}

.menu_type{font-size:1.25rem;font-weight:600}

.services_links .industry_menu{padding:calc(1rem + .2vw) 0;}
.services_links .industry_menu:hover{background: transparent;}
.services_links a.apply_link{display: block;border: solid 1px #fff;padding: 7.5px 10px;border-radius: 5px;}
.services_links a.apply_link:hover{color: #000;border: solid 1px #eef3f7;background-color: #f7fafc;padding-left: 10px;}
.services_links a.apply_link:hover:after{right:10px;opacity:1;}
.services_links a.apply_link:after{opacity:0;content:"";background-image:url(/itb/media/2026/01/single-arrow.svg);position:absolute;right:-15px;top:50%;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;transform:translateY(-50%)}
.services_links a.apply_link:before{content: none;}
.services_links a.apply_link:after{transition-timing-function:cubic-bezier(.33,0,.25,1);transition-duration:.5s;transition-property:all}

a.apply_link{color:#535353;line-height:normal;text-decoration:none;font-weight:500;position:relative;display: inline-block;}
a.apply_link:hover{padding-left:15px; color: #000;}
a.apply_link:hover:before{left:0;opacity:1}
a.apply_link:before{opacity:0;content:"";background-image:url(/itb/media/2024/09/single-arrow.webp);position:absolute;left:-15px;top:50%;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;transform:translateY(-50%)}
.service_menu-title{margin-bottom:10px}

#header_slide .slider_item{padding:13px;background:#f4f8fb;border-radius:20px;cursor: pointer;}
#header_slide .slider_content{margin:calc(.5rem + .5vw) 10px}
#header_slide .slide_description{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:15px;justify-content:space-between}
#header_slide .slide_description p{color:#a0a0a0;font-weight:500;width:calc(100% - 47px);margin-bottom:0}
#header_slide .icn{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:1px solid #000;border-radius:50%;margin-left:15px}
#header_slide .slide_tittle h5{color:#7b7b7b;font-size:calc(1rem + .1vw);margin-bottom:calc(1rem + .5vw)}
#header_slide .carousel-indicators [data-bs-target]{width:45px;height:6px;background-color:#f4f8fb;opacity:1;border-radius:10px;border:0!important}
.bolg-img {display: block;cursor: pointer;}
#header_slide .carousel-indicators .active{background-color: #dde6ec;}
#header_slide .carousel-indicators {bottom: -20px;margin-bottom: 0;}
#header_slide .slider_item:hover .icn img {transform: rotate(-45deg);}
#header_slide .slider_item .icn img{transition: all 0.3s;}
.col-megamenu{position: relative;}
.col-megamenu a.expend_link{position: absolute; left: 0; top:0; right:0; bottom: 0;}
.info-meta svg {margin-right: 5px;}

@keyframes button{0%{transform:translateY(3.125rem);opacity:0}39.1%{transform:translateY(2.625rem)}52.2%{opacity:0}87%{opacity:1}to{transform:translateY(0);opacity:1}}
.btn-common-primary .button-icon-container {background: #fff;}
.head_blogarea {background: #f4f8fb;padding: calc(1.2rem + 1vh) calc(2rem + 1vh);}
.service_menu-title {text-decoration: none;}
.service_menu-title:hover {color: #000;}
.image_explore img {height: 165px;width: 100%;object-fit: cover;border-radius: 20px;}
.meta__item .country {background: #fff;padding: 4px 10px;border-radius: 5px;}
.meta__item .tag {background: #000;color: #fff;padding: 2px 10px;border-radius: 4px;margin-right: 10px;font-weight: 600;}
.meta {display: flex;align-items: center;}
.slide_description .arrow {width: 40px;height: 40px;border: 1px solid;border-radius: 50%;display: flex;justify-content: center;align-items: center;transform: rotate(-45deg);}
.resources_dropdown .industry_menu_link p {margin: 0;}
.resources_dropdown {padding: calc(1rem + 1vw) 0;}
.resources_dropdown .industry_menu .industry_menu_link {text-decoration: unset;color: #000;padding: calc(1rem + .2vw) calc(1rem + .5vw);display: block;}
.resources_dropdown .industry_menu {padding: 0;}
.card.card--entrepreneurship {border: none;border-radius:10px;overflow:hidden;text-decoration:none}
.card.card--entrepreneurship .card__head {height: 160px;}
.card.card--entrepreneurship .card__head img {width: 100%;}
.card.card--entrepreneurship .card__body {background: #000;color: #fff;display: flex;align-items: center;padding: 13px 10px;}
.card.card--entrepreneurship .card__body .arrow img {filter: invert(1);transform: rotate(-45deg);}
.card.card--entrepreneurship .card__body .arrow {width: 30px;height: 30px;border: 1px solid;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.card.card--entrepreneurship .card__body p {margin: 0;width: calc(100% - calc(30px + 15px));}
.navbar-toggler-icon{display: flex;justify-content: center;align-items: center;}
.header-fixed header {position: fixed;left: 0;right: 0;width: 100%;top: 0;z-index: 999;transition: all 0.3s;}
nav.navbar.navbar-expand-lg {flex-direction: column;}
.card.card--blog .card-action {position: absolute;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;}
.card.card--blog .pointer {width: 45px;height: 45px;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: absolute;    left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s;}
.card.card--blog .card__head {position: relative;}


@media all and (min-width: 1920px) {
    .container--narrow{max-width: 1600px;}
}


/* ============ desktop view ============ */
@media(min-width:768px){

}
@media all and (min-width: 992px) {
    .industry_menu:hover{background:#f4f8fb}
    .service_col{border-right: 1px solid #eef3f7;}
    .services_links .Ideation_menu .service_menu-title:hover,
    .services_links .MobileApp_menu .service_menu-title:hover,
    .services_links .web_menu .service_menu-title:hover,
    .services_links .Software_menu .service_menu-title:hover{border: solid 1px #eef3f7;background-color: #f7fafc;}

    .industry_menu.Ideation_menu {padding-bottom: 0;}
    .industry_menu.MobileApp_menu {padding: 0;}
    .industry_menu.web_menu {padding: 0;}
    .industry_menu.Software_menu {padding-top: 0;}
    .services_links .web_menu .service_menu-title {background: transparent;border-color: transparent;overflow: hidden;}
    .services_links .web_menu.industry_menu  .menu_icon_arrow {opacity: 1;visibility: visible;right: -6rem;}
    .services_links .MobileApp_menu .service_menu-title {background: transparent;border-color: transparent;overflow: hidden;}
    .services_links .MobileApp_menu.industry_menu  .menu_icon_arrow {opacity: 1;visibility: visible;right: -6rem;}
    .services_links .Ideation_menu .service_menu-title {background: transparent;border-color: transparent;overflow: hidden;}
    .services_links .Ideation_menu.industry_menu  .menu_icon_arrow {opacity: 1;visibility: visible;right: -6rem;}
    .services_links .Software_menu .service_menu-title {background: transparent;border-color: transparent;overflow: hidden;}
    .services_links .Software_menu.industry_menu  .menu_icon_arrow {opacity: 1;visibility: visible;right: -6rem;}



    .services_links .industry_menu  .menu_icon_arrow {opacity: 1;visibility: visible;right: 1rem;background: transparent;width: 24px;height: 24px;}
    .services_links .service_menu-title {width: 100%; border-radius: 5px;border: solid 1px #eef3f7;background-color: #f7fafc;padding: 15px 10px;}
    .services_links .menu_icon_arrow img {height: 100%;object-fit: unset;padding: 0;}
    .services_links .service_menu-title:hover {border: solid 1px #83e83f;background-color: #fcfff9;}
    .services_links .service_menu-title:hover .menu_icon_arrow {right: 1rem;}

    .services_links .industry_menu .service_menu-title:hover .menu_icon_arrow {right: 1rem;}


    .slider_header {margin-top: calc(1.5rem + 1vw);}
    .explore_industry {margin-top: 25px;}
    header li.main_nav-item{padding-top: .5rem;padding-bottom: .5rem;}
    .col-megamenu .menu_icon_arrow{opacity:0;visibility:hidden;position:absolute;right:-6rem}
    .menu-title{position:relative;width:max-content}
    .col-megamenu:hover .menu_icon_arrow{opacity:1;visibility:visible;right:-4rem}
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top: 0;}
    header .dropdown-toggle::after {display: none;}
    header .dropdown:hover .dropdown-menu {display: block;}
    header .dropdown .dropdown-menu{border-top: 1px solid #f4f4f4;border-width: 1px 0 0 0; box-shadow: rgba(37, 49, 56, 0.1) 0px 4px 8px -2px, rgba(37, 49, 56, 0.06) 0px 2px 4px -2px}

    .service_menu-title {position: relative;width: max-content;}
    .industry_menu  .menu_icon_arrow {opacity: 0;visibility: hidden;position: absolute;right: -6rem;}
    .industry_menu:hover .menu_icon_arrow {opacity: 1;visibility: visible;right: -4rem;}
    a.apply_link{line-height:2}
    .header-fixed header.header-product {top: 0px;}
    .card.card--blog:hover .pointer {opacity: 1;visibility: visible;transform: translate(-50%, -50%);}
}
/* ============ desktop view .end// ============ */

@media(min-width:1200px){
    .Industries_dropdown, .services_dropdown {padding: 20px 0 45px 0;}
    .industries_links a.apply_link:not(:last-child):after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-40%);height: 13px;width: 1px;background: #535353;}
    .industries_links a.apply_link:not(:last-child) {padding-right: 5px;margin-right: 5px;}
    .card.card--blog .pointer {width: calc(2rem + 2vw);height: calc(2rem + 2vw);transform: translate(-50%, 50%);opacity: 0;visibility: hidden;}
}
@media(min-width:1900px){
    .container.container--narrow {max-width: 1600px !important;}
}
@media(max-width: 1699px){
    .industry_menu {padding: calc(0.5rem + 0.1vw) calc(0.5rem + .1vw);}
    .col-megamenu {padding: calc(0.5rem + 0.5vw);}
    .menu-title .title, .blog_title {font-size: calc(1rem + 0.5vw);}
}
@media(max-width: 1399px){
    a.apply_link {display: inline-block;font-size: 14px;}
    .menu_type{font-size: 16px;}
    .btn-common {font-size: 1rem;padding: 0 10px;}
    .industry_menu:hover .menu_icon_arrow{right: 1rem;}

}
@media (min-width:1200px) and (max-width: 1499px){
    header .navbar .navbar-nav .nav-link {  padding: 12px 14px;}
}

@media (min-width:1200px) and (max-width: 1399px){
    header .navbar .navbar-nav .nav-link {padding: 12px 12px;}
}
@media(max-width: 1199px){
    header .navbar .navbar-nav .nav-link {font-size: 16px;line-height: 1.56;padding: 12px 12px;}
    .col-megamenu {padding: calc(0.5rem + 0vw);}
    .menu-title .title, .blog_title {font-size: calc(1rem + 0.2vw);}
    .menu_icon_arrow{display: none;}
    .service_menu-title {margin-bottom: 5px;}
    header .dropdown .dropdown-menu {max-height: calc(100vh - calc(53px + 150px));overflow: scroll;}
}
@media (min-width: 992) and (max-width: 1199px){
    .industry_menu {padding: 0;}
}
/* ============ mobile view ============ */
@media(max-width: 991px){
    .resources_dropdown .industry_menu .industry_menu_link p {display: none;}
    .header_btn{display: none;}
    .resources_dropdown.show {margin-top: 0;padding-top: 0;}
    .resources_dropdown .industry_menu .industry_menu_link {padding: 5px 0;}
    .resources_dropdown a#food_pdf {display: none;}
    header .dropdown .dropdown-menu{border-width: 0px 0 0 0;}
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto;max-height: 90vh;margin-top:10px;}
    header.section-header .navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
    header a.nav-link.dropdown-toggle.show::after {transform: rotate(180deg);}
    header .dropdown-toggle::after {right: 18px;top: 22px;margin-left: auto;position: absolute;}
    header .navbar .navbar-nav .nav-link:hover {background: transparent;}
    header .navbar .navbar-nav .nav-link {background: transparent;border-top: 1px solid rgb(235, 239, 242);border-radius: 0;padding-left: 0;font-weight: 600;}
    .col-megamenu {padding-left: 0;}
    .industry_menu {padding-left: 0; padding-top: 0;}
    .menu_type {font-size: 1.1rem;margin-bottom: 0;}
    a.apply_link {font-size: 14px;width: 100%;line-height: 2.3;}
    .industry_menu.mb-2 {background: transparent;margin-bottom: 0 !important;}
    header .navbar-nav li.nav-item.main_nav-item > a {font-size: 18px;font-weight: 600;}
    .industry_menu{margin-bottom: 10px;}
    .header-fixed header.header-product {top: 0px;}
    .navbar-brand img {height: 45px;}
}
@media(min-width:768px) and (max-width:1199px){
    .btn-common-primary .button-icon-container{display: none;}
    header .navbar .navbar-nav .nav-link{font-size:14px}
}
/* ============ mobile view .end// ============ */
@media(max-width:767px){
    .section-header a.apply_link:not(:last-child) {border-bottom: 1px solid rgb(235, 239, 242);border-radius: 0;}
    .section-header .product_dropdown {padding: 0;}
}

.marque {width:100%; overflow:hidden; position:relative;}
.marque .marque_content {display:flex; width:max-content; white-space:nowrap; animation:marquee 85s linear infinite; column-gap:40px;}
.marque .marque_content:hover {animation-play-state:paused;}
.marque_content p span {color:#000; text-transform:uppercase; font-weight:500; text-decoration:underline; padding-left: 40px; padding-right: 50px; border-right: 1px solid #000; text-underline-offset: 3px; text-decoration-thickness: 2px;}
.brand_logo {text-align:right;}
.brand_logo a{display: inline-block;}
.offer_strip {background:#b4fd83; padding:10px 0;}
.marque_content p {color: #000;margin: 0;transition: opacity .3s ease-in-out; font-size:18px;}
.brand_row {display: flex;align-items: center;}
.marque_content a.text_none {text-decoration: none;}
@keyframes marquee {0% { transform: translateX(0); }100% { transform: translateX(-100%); }}

@media(max-width:767px){
    .marque_content p {font-size: 16px;}
    .marque_content p a {padding-left: 30px; padding-right: 40px;}
    .services_links .industry_menu {padding: calc(.21rem + .2vw) 0;}
}

.animated-border {position:relative;}
.animated-border span {position:absolute; border-radius:100vmax; opacity:0;}
.animated-border .top {top:0; left:0; height:1px; width:0; background:linear-gradient(to right, rgba(61,102,255,0), #498dff); animation:topMove 4s linear infinite;}
.animated-border .right {top:0; right:0; width:1px; height:0; background:linear-gradient(to bottom, rgba(61,102,255,0), #498dff); animation:rightMove 4s linear infinite; animation-delay:1s;}
.animated-border .bottom {right:0; bottom:0; height:1px; width:0; background:linear-gradient(to left, rgba(61,102,255,0), #498dff); animation:bottomMove 4s linear infinite; animation-delay:2s;}
.animated-border .left {left:0; bottom:0; width:1px; height:0; background:linear-gradient(to top, rgba(61,102,255,0), #498dff); animation:leftMove 4s linear infinite; animation-delay:3s;}
header .navbar .navbar-nav .nav-link.animated-border:hover {background: transparent;}

@keyframes topMove {
    0% {width:0; opacity:1;}
    25% {width:100%; opacity:1;}
    26%, 100% {opacity:0;}
}

@keyframes rightMove {
    0% {height:0; opacity:1;}
    25% {height:100%; opacity:1;}
    26%, 100% {opacity:0;}
}

@keyframes bottomMove {
    0% {width:0; opacity:1;}
    25% {width:100%; opacity:1;}
    26%, 100% {opacity:0;}
}

@keyframes leftMove {
    0% {height:0; opacity:1;}
    25% {height:100%; opacity:1;}
    26%, 100% {opacity:0;}
}