@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
body {
  font-family: "Archivo", sans-serif;
}
:root {
  --primary-color: #619942;
  --secondary-color: #144d79;
  --gradient-color-old: linear-gradient(90deg, #b4d3ff, #d7d6ff, #c9ffca);
  --gradient-color: linear-gradient(90deg, #224d2d, #092d48, #074d5f);
  --bluegradient: linear-gradient(-55deg, #01003d, #000000);
  --greygradient: linear-gradient(-90deg, #e2e2e2, #fafafa);
}
.font-15{font-size: 15px;font-weight: 400;}
.para-15{font-size: 15px;font-weight: 400;color: #555555;}
.font-18{font-size: 18px;font-weight: 400;line-height: 28px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.pt-0{padding-top:0px;}
.pb-0{padding-bottom:0px;}
.container{max-width: 1380px;padding:0px 40px;}
.container-fluid{padding:0px 20px!important;}
section{padding-top: 70px;padding-bottom: 70px;}
/* banner Section With Animation */
.banner-section {background: var(--gradient-color);position: relative;background-position: center;padding: 162px 0px 190px;border-radius: 30px;background-size: 180% 180%;animation: gradient-animation 9s ease infinite;margin-top: -90px;}
.home_banner{padding-bottom:0px;}
@-webkit-keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.banner-section::after {content: "";width: 100%;height: 100%;position: absolute;background: inherit;z-index: -1;bottom: 0;transform-origin: right bottom;/* transform: skewY(-3deg); */border-radius: 30px;}
.banner-content-section {position: relative;max-width: 871px;}
.banner-heading {font-size: 50px;font-weight: 600;line-height: 70px;color:#fff;height: 130px;}

.banner-heading {
    position: relative;
    
    overflow: hidden;
}

.banner-heading span {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: all 1s ease;
}

/* visible */
.banner-heading span.active {
    opacity: 1;
    transform: translateY(0);
}

/* exit */
.banner-heading span.exit {
    opacity: 0;
    transform: translateY(-100%);
}





.banner-para {font-size: 20px;font-weight: 400;margin-top: 15px;color: #cdcdcd;line-height: 34px;}
.stars-excelent {border: 1px solid rgb(255 255 255 / 20%);display: flex;background-color: rgb(255 255 255 / 20%);border-radius: 10px;padding: 10px 25px;}
.banner-btn-sec {margin-top: 50px;}
.boxshape {position: absolute;bottom: auto;left: -13%;animation: moveUpDown 2s infinite ease-in-out;}
@keyframes moveUpDown {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-30px);
  }
}
.banner-btn-sec{gap:15px;}
/* banner before image animation*/
.banner-section::before{content: "";position: absolute;width: 100%;height: 100%;background: url(../img/bannerbg.png) no-repeat 50% 50%;bottom: 0;animation: image-animation 10s ease infinite;opacity: 0.2;}
@-webkit-keyframes image-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes image-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes image-animation {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 70% 50%;
  }
  100% {
    background-position: 50% 50%;
  }
}
.brand-container {padding-top: 55px;}
.brand-container .braintech_brand .brands {width: 200px;height: 77px;border: 1px solid #dddddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;margin-right: 20px;background-color: #fff;padding: 0px 8px;}
.brands img{max-height:46px;}
.brand-container .brand-element {position: relative;}
.brand-container .brand-container {padding-top: 135px;}
.braintech_brand .slick-prev, .braintech_brand .slick-next {top: -42%;background: var(--primary-color);color: #fff;z-index: 1;padding: 20px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.braintech_brand .slick-prev, .braintech_brand .slick-next:hover {background: var(--primary-color);color: #fff;}
.service-item p{height:68px;overflow:hidden;}
.braintech_brand .slick-prev {left: auto;right: 75px;}
.braintech_brand .slick-next {right: 22px;}
.braintech_brand .slick-prev:hover,
.braintech_brand .slick-prev:focus,
.braintech_brand .slick-next:hover,
.braintech_brand .slick-next:focus {color: #fff;background: var(--primary-color);}
.braintech_brand .slick-prev:before {font-family: IcoFont !important;content: "\ea9d"!important;font-size: 20px;color: #fff;opacity:1;}
.braintech_brand .slick-next:before {font-family: IcoFont !important;content: "\eaa0"!important;font-size: 20px;color: #fff;opacity:1;}
.pagepara {color: #555555;margin-bottom: 20px !important;}
.page-heading {color: #20182f;font-size: 36px;font-weight: 600;line-height: 41px;margin:0px;letter-spacing: 1px;}
.headdingdiv {margin-bottom:10px;}
.service-content {padding-top: 20px;}
.service-item {border: 1px solid #dddddd;box-sizing: border-box;border-radius: 20px;padding: 30px;margin-bottom: 20px;min-height: 282px;position: relative;overflow: hidden;display: block;transition: color 0.25s;}
/* service item border hover effect */
.service-item:before,
.service-item:after {content: "";position: absolute;box-sizing: inherit;width: 100%;height: 100%;}
.service-item:before,
.service-item:after {width: 0;height: 0;border: 4px solid transparent;border-radius: 20px;}
.service-item:before {top: 0;left: 0;}
.service-item:after {bottom: 0;right: 0;}
.service-item:hover:before,
.service-item:hover:after {width: 100%;height: 100%;}
.service-item:hover:before {border-top-color: #b4d3ff;border-right-color: #d7d6ff;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;border-radius: 20px;}
.service-item:hover:after {border-bottom-color: #d7d6ff;border-left-color: #b4d3ff;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
/* icon flip animation */
.service-icon {width: 60px;margin-bottom: 30px;transition: transform 0.6s ease;transform-style: preserve-3d;}
.service-item:hover .service-icon {transform: rotateY(180deg); /* Flip the icon on hover */}
.small-service-heading {font-size: 20px;font-weight: 600;color: #fff;margin-bottom: 18px;line-height: 27px;}
.service-item-different .small-service-heading{color:#fff;}
.service-item-different {background: var(--gradient-color), url(../img/diagram.png);background-size: auto;background-repeat: no-repeat;background-blend-mode: overlay;background-position: bottom right;border-radius: 20px;padding: 30px;margin-bottom: 20px;display: flex;align-items: center;min-height: 288px;}
.service-item-different h4 {margin-bottom: 36px;}
.btn-theme-light {color: #000000;background-color: #fff;text-transform: uppercase;font-size: 15px;font-weight: 500;padding: 13px 24px;text-decoration: unset;border-radius: 8px;cursor: pointer;}
/*About*/
.about-section { background: url(../img/about-bg.webp) no-repeat center center/cover;}
.about-item {background-color: rgb(255 255 255 / 35%);border: 6px solid rgb(255 255 255 / 35%);border-radius: 30px;padding: 20px 35px;margin-bottom: 20px;min-height: 279px;}
.about-heading {font-size: 36px;color: #fff;font-weight: 500;line-height: 40px;margin-bottom: 33px;}
.about-para {color: #e6e6e6;margin-bottom: 38px;}
.about-button-section {margin-top: 70px;}
.about-number h3 {color: #61ca28;font-size: 42px;font-weight: 700;margin-bottom: 14px;}
.about-number h3::after {content: "+";display: inline-block;}
.number-para {font-size: 20px;color: #e6e6e6;font-weight: 400;margin-bottom: 0;}
.about-icon {margin-bottom: 20px;margin-top: 20px;}
.about-item-2 {margin-top: 46px;}
.about-item-3 {margin-top: -29px;}
.about-item-4 {margin-top: 16px;}
.about-section .about-section-content {padding-left: 64px;}
/*Team video*/
.team-section {background: var(--gradient-color-old);}
/* video section slider */
.vert-tab > div {margin-left: 8px;margin-right: 8px;width: 9%;cursor: pointer;height: 450px;transition: all 0.5s ease 0s;overflow: hidden;}
.recr-content {position: relative;border-radius: 15px;display: flex;align-items: center;justify-content: center;margin-top: 36px;border: 1px solid #dddddd;overflow: hidden;}
.recr-content::before {background-size: cover;filter: blur(3px);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.recr-content-success::before {background: linear-gradient(rgb(0 0 0 / 78%), rgb(255 255 255 / 48%)),url(../img/vbg1.jpg) no-repeat center;}
.recr-content-project::before {background: linear-gradient(rgb(0 0 0 / 78%), rgb(255 255 255 / 48%)),url(../img/vbg3.jpg) no-repeat center;}
.recr-content-customer::before {background: linear-gradient(rgb(0 0 0 / 78%), rgb(255 255 255 / 48%)),url(../img/customer.jpg) no-repeat center;}
.recr-content-app::before {background: linear-gradient(rgb(0 0 0 / 78%), rgb(255 255 255 / 48%)),url(../img/vbg4.jpg) no-repeat center;}
.recr-content .video-content {white-space: nowrap;position: absolute;transform-origin: center;transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.4, 1);width: 100%;transform: rotate(-90deg);}
.recr-content video {width: 100%;height: 100%;object-fit: inherit;}
.work_items_content {display: none;}
.recr-content:hover {width: 12%;}
.vert-tab-content h2 {font-family: "Poppins", sans-serif;font-size: 74px;font-weight: 700;line-height: 81px;letter-spacing: 0em;text-align: left;color: #000a19;margin-bottom: 30px;}
.recr-content.active {width: 100%;filter: blur(0px);}
.recr-content.active {background: white;border-color: #ababc8;}
.recr-content.active .video-content {display: block;position: absolute;transform: rotate(0deg);right: -36%;top: 27px;}
.recr-content.active::before {display: none;}
.recr-content.active .work_items_content {display: block;width: 100%;}
.recr-content img {max-width: 100%;height: 426px;}
.vert-tab {display: flex;}
.video-content p {color: #fff;}
/* video section slider end ------------------------------------------------*/
/*testimonial*/
.page-heading.text-white{color: #fff;font-size: 30px;}
.testimonial-section {padding-top: 70px;}
.clutch-section {background: var(--bluegradient);border-radius: 30px;padding: 45px;}
.clutchimg {margin-bottom: 20px;}
.green-star {color: var(--primary-color);margin-bottom: 80px;gap: 8px;font-size: 18px;}
.c-review {margin-top: 106px;}
.clutch-section p {font-size: 18px;font-weight: 500;color: #ffffff;}
.testimonial-item {background-color: #f6f5fa;border-radius: 30px;padding: 40px 30px 30px 30px;margin-right: 27px;position:relative;}
.testimonial_plateform{position: absolute;right: 25px;top: 25px;}
.testimonial_plateform img{max-height: 23px;}
.testimonial-image img {border-radius: 50%;width: 74px;height: 74px;}
.testimonial-content i {color: var(--primary-color);}
.testimonial-name {border-bottom: 2px solid #cccccc;padding-bottom: 15px;}
.testimonial-name h4 {font-size: 18px;font-weight: 600;margin-bottom: 5px;}
.testimonial-content p {font-size: 16px;font-weight: 400;color: #555555;line-height:28px;}
.testimonial-description {padding-top: 15px;}
.testimonial-image{gap: 20px;margin-bottom: 20px;}
.review-icons{gap: 4px;}
.slick-dots{bottom: -45px!important;}
.slick-dots li button{background: #ddd !important;width: 12px !important;height: 12px !important;}
.slick-dots li button:before{display:none;}
.slick-dots li.slick-active button{background: var(--primary-color)!important;}
.clutchbtn .braintech_btn.btn_border{display: block;margin-top: 15px;padding: 11px 21px;}
.clutchbtn .braintech_btn.btn_border:hover{border:1px solid var(--secondary-color);}
.clutchbtn .braintech_btn.btn_border.hover_green:hover{background:var(--primary-color);border:1px solid var(--primary-color);}
.testimonial-slider .slick-track{display: flex !important;}
.testimonial-slider .slick-slide{height: inherit !important;}
/*technology*/
.technologies-btn {box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 15px 0px;padding: 0px 27px 0px 27px;border-radius: 18px;gap: 40px;z-index: 1;background-color: #fff;margin-top: 20px;}
.technologies-btn .technology-name h3 {font-size: 20px;color:#000;margin:0px;}
.technology-number span {font-size: 101px;font-weight: 800;background: var(--greygradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.technology-name{gap: 25px}
.technology-main-div .nav>li>a{padding: 0;}
.technology-main-div .nav>li>a:hover{background:transparent;}
.technology-main-div .nav>li.active .technologies-btn, .technology-main-div .nav>li>a:hover .technologies-btn{background: var(--gradient-color);}
.technology-main-div .nav>li.active .technologies-btn h3, .technology-main-div .nav>li>a:hover .technologies-btn h3{color:#fff;}
.technology-main-div .nav>li .technologies-btn img{transition: 0.3s ease;}
.technology-main-div .nav>li.active .technologies-btn img, .technology-main-div .nav>li>a:hover .technologies-btn img{filter: brightness(0) invert(1);}
.technology-main-div .nav>li.active .technologies-btn .technology-number span, .technology-main-div .nav>li>a:hover .technologies-btn .technology-number span{background:linear-gradient(-90deg, rgb(226 226 226 / 20%), rgb(250 250 250 / 20%));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.technology-main-div{margin-top:40px;}
.technologies-item-div {background-color: #f6f5fa;padding: 60px 125px;margin-left: -69px;min-height: 475px;margin-top: 20px;}
.technologies-sticky{position: sticky!important;top: 10vh;z-index: -1;}
.technologies-item {display: flex;gap: 30px;padding: 11px 30px;height: 72px;border-radius: 18px;background-color: #fff;align-items: center;margin-bottom: 19px;}
.technologies-item p{font-size:16px;}
.technologies-item img{max-height:40px;}
.technologies-item span{flex: 0 0 40px;}
/* industry demand hover animation */
.industry-demand-item {border: 1px solid #dddddd;text-align: center;border-radius: 20px;padding: 16px;margin-top: 20px;transition: all 0.3s ease-in;}
.industry-demand-item p {font-weight: 500;font-size: 18px;margin-top: 12px;transition: all 0.3s ease-in-out 0.1s;}
.industry-demand-item:hover {transform: scale(1.1);cursor: pointer;}
.hover-effect {position: relative;z-index: 1;overflow: hidden;transition: all 0.4s;}
.hover-effect:before,
.hover-effect:after {position: absolute;top: 50%;content: "";width: 20px;height: 20px;background: linear-gradient(90deg, #b4d3ff, #d7d6ff, #c9ffca);border-radius: 50%;z-index: -1;transition: all 0.4s;}
.hover-effect:before {left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.hover-effect:after {right: -20px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);}
.hover-effect:hover {color: #000000;transition: all 0.3s;cursor: pointer;}
.hover-effect:hover:before {-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;-webkit-animation-direction: alternate;animation-direction: alternate;transition: all 0.3s;}
.hover-effect:hover:after {-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;-webkit-animation-direction: alternate;animation-direction: alternate;transition: all 0.3s;}
@keyframes criss-cross-left {
0% {left: -20px;transition: all 0.3s;}
50% {left: 50%;width: 20px;height: 20px;transition: all 0.3s;}
100% {left: 50%;width: 500px;height: 500px;transition: all 0.3s;}}
@keyframes criss-cross-right {
0% {right: -20px;transition: all 0.3s;}
50% {right: 50%;width: 20px;height: 20px;transition: all 0.3s;}
100% {right: 50%;width: 500px;height: 500px;transition: all 0.3s;}}
/* industry demand hover animation end ------------------------------- */
.footer-section-top.bt_certificates{padding: 30px 0px;}
.bt_certificates .certificates{display: flex;justify-content: space-around;align-items: center;}
.bt_certificates .certificates li{margin-right:0px;}
.position-relative{position:relative;}
.link_video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.page-template-home-page .contact-section{padding-bottom:0px;}
.clutchbtn .braintech_btn.btn_border:focus{background-color: var(--secondary-color);    border: 1px solid var(--secondary-color);color:#fff;}
.braintech_btn:focus{background-color: var(--secondary-color);color:#fff;}
.page_moments {font-size: 25px;}
.how_work_flight .recr-content-success {background-color:#000;}

/*12-03-2026*/
.page-id-2 .menu_bar .navbar-collapse .navbar-nav li a{color: #ffffff;}
.cls-1, .cls-3, .cls-4 {fill: #ffffff!important;}
header.is-sticky .menu_bar .navbar-brand .cls-1, header.is-sticky .menu_bar .navbar-brand .cls-3, header.is-sticky .menu_bar .navbar-brand .cls-4 {fill: #1f5480!important;}
header.is-sticky .menu_bar .navbar-collapse .navbar-nav li a{color:#000;}
header.is-sticky .menu_bar .navbar-collapse .navbar-nav li a.braintech_contact{color: #fff;}

@media(max-width:1500px){
  .testimonial-content p{font-size: 15px;line-height: 26px;}
}
@media(max-width:1300px){
  .technology-number span{font-size:70px;}
  .technologies-btn .technology-name h3{font-size:18px;}
  .testimonial-item{padding: 30px 30px 30px 30px;}
  .testimonial-content p{line-height: 25px;}
  .banner-section{padding: 130px 0px 130px;}
  .small-service-heading{font-size: 18px;line-height: 26px;}
}
@media(max-width:1200px){
  .banner-heading{font-size: 50px;line-height: 54px;}
  .boxshape{left: 0%;}
  .page-heading, .about-heading{line-height: 38px;font-size: 30px;}
  .about-section .about-section-content {padding-left: 0px;}
  .technology-name {gap: 15px;}
  .technologies-btn .technology-name h3{font-size:17px;}
  .technologies-btn{padding: 0px 15px 0px 15px;}
  .technology-number span{font-size: 60px;}
  .technologies-item-div{padding: 30px 65px;margin-left: -49px;min-height: auto;}
  .contact-team-sec{padding: 30px;}
  .career-sec{padding: 25px;}
  .industry-img{height: 30px;}
  .clutch-section{padding: 25px;}
  .technologies-btn .technology-name h3 br{display:none;}
  .navbar-toggle .icon-bar{background: #ffffff;}
}
@media(max-width:991px){
  .container-fluid {padding: 0px 15px !important;}
  .about-item{min-height: 243px;}
  .about-item-2 {margin-top: 0;}
  .about-item-3 {margin-top: 0;}
  .about-item-4 {margin-top: 0;}
  .testimonial-item{margin-top:20px;}
  .technologies-item-div{padding: 20px 15px;margin-left: 0;min-height: auto;}
  .technologies-item{gap: 11px;padding: 11px 15px;}
  .font-18, .industry-demand-item p{font-size:16px;}
  .technologies-item img{max-height: 30px;}
  .location-area{margin-bottom:25px;}
  
}
@media(max-width:767px){
  .banner-heading{font-size: 24px;line-height: 30px;height: 60px;}
  .banner-section{margin-top: 0px;padding: 52px 0px 70px;}
  .banner-content-section{padding: 0px 10px;}
  .banner-para{font-size: 16px;line-height: 24px;}
  .stars-excelent{display:none!important;}
  .boxshape {left: 4%;max-width: 14%;}
  .banner-btn-sec {margin-top: 20px;}
  section {padding-top: 30px;padding-bottom: 30px;}
  .braintech_brand .slick-prev, .braintech_brand .slick-next{padding: 15px;}
  .braintech_brand .slick-next {right: 0px;}
  .braintech_brand .slick-prev {right: 35px;}
  .brand-container .braintech_brand .brands{height: 58px;margin-right:5px;}
  .brand-container .braintech_brand .brands img{max-height:25px;}
  .page-heading, .about-heading {line-height: 28px;font-size: 20px;}
  .font-18 {font-size: 16px;line-height: 24px;}
  .service-item{padding: 15px;min-height: auto;}
  .service-item p{display:none;}
  .service-icon img{max-height: 40px;width: auto;}
  .service-icon{margin-bottom: 15px;}
  .small-service-heading {font-size: 14px;margin-bottom: 0px;line-height: 20px;}
  .service-content .col-xs-6:nth-child(odd), .mobile_spacing .col-xs-6:nth-child(odd){padding-right: 5px;}
  .service-content .col-xs-6:nth-child(even), .mobile_spacing .col-xs-6:nth-child(even){padding-left: 5px;}
  .service-item-different{min-height: auto;padding: 15px;}
  .service-item-different .braintech_btn{padding: 10px 12px;font-size: 14px;margin-bottom: 0;display: inline-block;}
  .service-item-different h4 {margin-bottom: 10px;}
  .service-content {padding-top: 0;}
  .about-item {min-height: 180px;padding: 15px;}
  .about-icon img{max-height: 50px;}
  .about-icon{margin-top:0;}
  .about-number h3{margin-bottom: 5px;font-size: 24px;}
  .number-para{font-size: 14px;line-height: 18px;}
  .about-para {margin-bottom: 20px;}
  .page-heading, .about-heading{margin-bottom:15px;}
  .recr-content{margin-top: 0px;}
  .about-button-section {margin-top: 40px;}
  .vert-tab > div{margin-left: 4px;margin-right: 4px;width: 11%;height: 260px;}
  .recr-content.active .video-content{right: 0;}
  
  .industry-demand-item p{font-size: 15px;margin-top: 0px;}
  .industry-demand-item{margin-top:8px;}
  .testimonial-item {padding: 28px 33px 28px 33px;margin-right: 0;}
  .testimonial-content p{font-size: 15px;line-height: 24px;}
  .green-star{margin-bottom:50px;}
  .c-review {margin-top: 51px;}
  .home_banner{padding-bottom:15px;}
  .rate_us p{font-size: 14px;line-height: 24px;}
  .navbar-toggle .icon-bar{background: #000;}
  
  .cls-1, .cls-3, .cls-4 {fill: #144d79 !important;}
  .page-id-2 .menu_bar .navbar-collapse .navbar-nav li a {color: #000;}
  .brand-container {padding-top: 25px;}
  
  }

.font-lato a {display: none !important;}