/* Page-specific styles for /home, lifted from the Rails inline <style>. */
/*
   The #bos-orbital-widget block that used to sit here has been removed, along
   with the @import at the top of this file.

   The widget is not in the markup — it was dropped during the port, and
   assets/pages/home.js says so in a comment — so every one of those rules
   matched nothing. The @import was fetching DM Sans from Google for a single
   SVG text element that does not exist, and an @import is the most expensive
   way to load anything: the browser has to download home.css, discover the
   import, then open fonts.googleapis.com, then fonts.gstatic.com, then the
   font itself. Four serialised round trips, two extra origins, on the
   critical path of every homepage load, for a font nothing uses.
*/
    .container {
      max-width: 1140px;
      width: 90%;
      margin: 0 auto;
      position: relative;
      }
      .snippet-section {position: relative}
      .snippet-section:before{content: "";position: absolute;top: 0;left: 0;right:0;bottom:0;background: #000}
    .snippet-section .container{display: grid;grid-template-columns: 1fr 1fr;column-gap: 40px;align-items: center;}
    .snippet-section .container h2{margin-top: 0;}
    .snippet-section .container h1{font-size: 40px;line-height: 1;margin: 20px 0}
    .snippet-section .container a{margin-top: 20px}
    .snippet-section #bos-svg text{fill: #fff;font-size: 12px;}
    .snippet-section line{stroke: #fff}
    .snippet-section .btn{cursor: pointer}
  
  .grp-box-white{background: #fff;padding: 10px;border-radius: 15px;}
  .href-color a{color:#7F93CF !important;font-weight:800;}
  .mob-img{display: none;}
  .chat-icon,.wa-icon{z-index: 100; }
  .faq-section{    padding-top: 55px;}
  .badge-img img{width: 100% !important;height: 324px !important;border-radius: 23px;}
  .slick-initialized .slick-slide{display: block !important;}
  .why-choose-ad-new-sec a{color: #7F93CF !important;}
  .why-choose-ad-new-sec.esp-section .esp-container figure .heading04{margin-top: 0}
  @media screen and (max-width:1279px) {
       .snippet-section .container h1 {
    font-size: 32px;}
  }
    @media screen and (max-width:1023px) {
       .snippet-section .container h1 {
    font-size: 28px;}
  }
  @media screen and (max-width:767px){
  .mob-img{display: block; position: fixed;right: auto;left: 0;bottom: 0;object-fit: cover;height: 100vh;}
  .digi-identity{background-image: none;}
  .video-banner,.video-banner,.home-wwa-section,.learning-section,.post-section,#footer,.esp-section,.section.digi-real-section,.wwd-section{    background-color: #000;position:relative;z-index: 10;}
  .wa-icon {bottom: 60px;}
  .faq-section{    padding-top: 0px;}
  }
  .learning-section{padding-bottom: 40px}
  
  
   @media screen and (max-width:700px){
    .left-col{margin-bottom: 20px}
    .snippet-section .container{grid-template-columns: 1fr;}
            .snippet-section .container h1 {
            font-size: 24px;
        }
  .home-wwa-section .heading02{margin-top: 7%}
  .home-wwa-section .wwa-container .content-box .content-box-p {padding-right: 0%;text-align: center;}
      .home-wwa-section .wwa-container .img-box .img-grid img {
        height: 450px;
    }
      .home-wwa-section .wwa-container .img-box {
        height: 450px;
    }
   .digi-identity {
        height: auto;
        padding-top: 25%;
    }
        .digi-identity .content-box {position: relative;
    }
  }
  
  .our-team-section{padding: 50px 0; background: #090909}
  .our-team-wrapper{display: grid; grid-template-columns: 40% 60%;align-items: center;}
  .our-team-wrapper .profile-img img{width: 120px;border-radius: 50%;margin-bottom: 10px;margin-inline: auto;display: block;}
  .our-team-wrapper .profile-des .profile-name{text-align: center;}
  .our-team-wrapper .profile-des .profile-designation{font-size: 16px;font-weight: 500;margin-top: 7px;text-align: center;}
  .our-team-wrapper .team-slick .img-box{height: 230px;object-fit: cover;transition: .7s all ease; filter: grayscale(1);    margin: 0 4px;  will-change: transform;}
  .our-team-wrapper .team-slick .img-box img{width: 100%; height: 100%;border-radius: 7px;}
  .our-team-wrapper .team-slick .img-box.slick-current{transition: .7s all ease;filter: grayscale(0);transform: scale(1.3);
    z-index: 01;
    overflow: hidden; will-change: transform;}
  .our-team-wrapper .team-l-box .team-slide-box{display: block !important;}
  .our-team-wrapper .team-l-box .team-slide-box .profile-info{text-overflow: ellipsis;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
    .our-team-wrapper .team-l-box .team-slide-box .profile-info p{ overflow: initial;}
    .team-l-box{padding-right: 40px;}
    .team-slick.slick-slider .slick-track{display: flex;}
    .team-slick.slick-slider .slick-list{padding-left: 14px;padding-top: 40px;padding-bottom: 40px;}
    .team-slick .slick-arrow{font-size: 0;width: 42px;height: 42px;background: transparent; border: 1px solid #ffffff8f;border-radius: 50%;position: absolute;right: 8px;top: -25px;cursor: pointer;z-index: 99}  
    .team-slick .slick-arrow.slick-prev{right: 60px}
    .team-slick .slick-arrow:after {font-size: 18px;color: #FFFFFF;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;line-height: 1;line-height: 1;height: 20px;font-family: emoji}
    .team-slick .slick-next.slick-arrow:after {content: "\2192";}
    .team-slick .slick-prev.slick-arrow:after {content: "\2190";}
    .our-team-wrapper .team-l-box .team-slide-box .btn{margin-top: 12px; background-color: transparent;border: 1px solid rgba(112, 112, 112, 0.5);padding: 3px 20px;font-size: 12px; border-radius: 17px; transition: .4s all ease}
    .our-team-wrapper .team-l-box .team-slide-box .btn:hover{border: 1px solid #EE27A6;}
    .profile-popup{position: fixed;background: #000000;padding: 20px 30px;border-radius: 12px;top: 50%;transform: translateY(-50%);right: 0;left: 0;margin: 0 auto;max-width: 650px;width: 90%; z-index: 9999; display: none; border: 1px solid #ffffff21  }
    .profile-popup .profile-wrapper .profile-img{display: inline-block;vertical-align: middle;width: 110px;border-radius: 50%;}
    .profile-popup .profile-wrapper .designation-box{display: inline-block;vertical-align: middle;margin-left: 35px;}
    .profile-popup .profile-wrapper .profile-description{margin-top:12px;     border-top: 1px solid #ffffff38;}
    .profile-popup .profile-wrapper .profile-description p{margin-top: 10px; font-size: 14px}
    .profile-popup .profile-wrapper .designation-box .profile-designation{font-size: 16px; font-weight: 500; margin-top: 8px}
    .profile-popup .profile-close-btn{position: absolute;right: 10px;top: 10px;font-size: 25px;font-style: normal;width: 32px;height: 32px;border-radius: 50%;border: 1px solid #ffffff8f;color: #ffffff;background: transparent; cursor: pointer;border: none}
    .profile-popup-overlay{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000000bf; z-index: 999; display: none;}
  
  
  
  @media only screen and (max-width: 1280px){
    .our-team-wrapper .team-slick .img-box{height: 190px;}
    .team-slick.slick-slider .slick-list {padding-left: 10px;padding-top: 30px;padding-bottom: 30px;}
    .our-team-wrapper{grid-template-columns: 45% 55%;}
  }
  
  @media only screen and (max-width: 767px){
    .inner-banner-section p br {display: block;}
    .our-team-wrapper{grid-template-columns: 100%;}
    .team-r-box{margin-top: 25px}
    .team-slick .slick-arrow{bottom: -25px; top: auto;}
    .our-team-wrapper .team-slick .img-box{height: 165px;margin: 0 2px;}
    .team-l-box{padding-right: 0px;}
    .profile-popup .profile-wrapper .designation-box{margin-left: 8px;width: calc(100% - 111px);}
    .profile-popup .profile-wrapper .profile-img{width: 100px;  }
    .profile-popup .profile-wrapper .designation-box .heading04{font-size: 20px;}
    .profile-popup .profile-wrapper .designation-box .profile-designation{font-size: 14px;}
    .profile-popup .profile-wrapper .profile-description p{margin-top: 10px;font-size: 13px;         padding-right: 8px;}
    .profile-popup{padding: 20px 15px;width: 95%}
    .profile-popup .profile-wrapper .profile-description{    max-height: 70vh;
    overflow: auto;}
  
  }
  .href-color a{color:#7F93CF !important;font-weight:800;}

.form-box.prefix_profile.last {display: inline-block;vertical-align: top;}
  .mobile_col span.message {
  margin-left: -75px;}
  input#contact_mob_prefix1 {border-right:none;border-top-right-radius:initial;border-bottom-right-radius: initial;}
   .form-box.mobile_col.last {display: inline-block;width: calc(100% - 93px);}
  .form-box.prefix_profile.last{width: 90px;}
  input#contact_mobile {border-left: none;padding-left: 10px;letter-spacing:1px;}
  input#contact_mob_prefix1 {padding-left: 83px !important;}
  label span{color:red;}

.chat-icon{height: 80px;width: 80px;right: 20px !important;bottom: 65px !important; z-index: 9}
  .chat-icon img {width: 45px;}
  .message {bottom: -8px;}
  .mobile_col span.message {
    margin-left: -91px;
  }
  .proactive {
    position: fixed;
    bottom: 99px !important;
    right: 86px !important;
    width: auto;
  }
  .closeColor{background: #6691e7;}
  .cc-color-override-259567231.cc-window{background: #333 !important;}
  marquee { background: rgba(0, 0, 0, 0.5)}
  
  .rightTI { background: #ff002b;
    animation: marquee 25s linear infinite;
    animation-play-state: running;
  }
  .rightTI:hover {
    animation-play-state: paused;
  }
  @-webkit-keyframes marquee {
    0% {text-indent: 100%;}
    100% {text-indent: -100%;}
  }
  
  .rightCSS { 
    background: #a35dc1;
    overflow: hidden;
  } 
  .rightCSS div {
    position: relative;
    animation: CSSright linear 18s infinite;
    animation-play-state: running;
  } 
  @keyframes CSSright {
    0% {
      transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
  }
  .rightCSS:hover div {
    animation-play-state: paused;
  }
  
  .rightJS { background: #ffa900; }
  
  .rightJQ { background: #00a753; }
  
  .li {
    width: 100%;
    padding: 4px;
    position: absolute;
    right: 0;
    left: 0;
    top: 67px;
    z-index: 99;
    font-size: 13px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  
  .b_color{color: red;}
  .sub-menu-item li .seo-menu{padding-right: 20px !important;}
  
  @media screen and (max-width: 1700px) {
    .chat-icon{right: 15px !important;bottom: 40px !important;}
  }
  @media screen and (max-width: 1599px) {
    .chat-icon {right: 12px !important;bottom: 25px !important;}
    .proactive{bottom: 60px !important;right: 80px !important;}
  }
  @media screen and (max-width: 1279px) {
    .chat-icon {bottom: 25px !important;}
  }
  
  @media screen and (max-width: 1024px) {
    .li{top: 60px;}
    .chat-icon {height: 65px;width: 65px; bottom: 47px !important; right: 4px !important}
    .wa-icon{bottom: 20%;}
    .proactive{bottom: 73px !important;right: 64px !important;}
  }
  
  @media screen and (max-width: 767px) {
    .chat-icon {right: -3px !important;}
    .proactive{width: auto;bottom: 71px !important;right: 54px !important;}
    .wa-icon {bottom: 110px;}
    .chat-icon img {width: 40px;}
  }
  .sub-menu2 .submenu-arrow:hover .sub-menu3{transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}
  .sub-menu2 .submenu-arrow:hover .sub-menu4{transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}
  .sub-menu2 .submenu-arrow:hover .sub-menu5{transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}
  .sub-menu2 .submenu-arrow:hover .sub-menu6{transform: translateX(0) !important;opacity: 1 !important;visibility: visible !important;}
  .add-space{padding-left: 15px;position: relative}
  .add-space:before{content: "-";position: absolute;left: 5px;top: 0;}
  .nav-bar-new .container li .sub-menu li .sub-menu2 li:first-child a{border-top:0}
  .nav-bar-new .container li .sub-menu li .sub-menu2 li .sub-menu3 li a {
    border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .nav-bar-new .container li .sub-menu li .sub-menu2 li .sub-menu3 li:first-child a{border-top: 0}
  .hide{display: none;}