@font-face {
   
    font-family: "OldschoolGrotex", Sans-serif;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 2px;
    src:  url('OldschoolGrotesk-Light.woff2') format('woff2');
       
  }
 
.site-header.header-transparent{
    background-color: #2b5486;
}
.banner-analytics{
    background-color: #2b5486;
    
}
.banner{
    height: 100vh;
}

.banner-analytics .banner-content h2{
   /* font-size: clamp(55px,calc(55px + ((1vw - 7.68px) * 5.6423611111)),50px);*/
   font-size: 7rem;
    font-weight: 600;
    line-height: 1.1;
    color: #b8d6ed;
}
.banner-analytics .banner-content p{
        line-height: 32px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 100;
        color: #b8d6ed;
}
p{
    font-size: 20px;
}
.banner-analytics{
    background-image: url(../../assets/img/lumion-render-2.jpg);
}
.banner-analytics .banner-content .banner-button .gp-btn{
  color: #2b5486;
  font-size: 20px;
}
.main-second{
    font-size: 2.5rem;
}
.container{
    max-width: 85% !important;
}

.site-header:not(.mobile-header).header-analytics .nav-right .gp-btn{
    color: #2b5486;
  font-size: 17px;
}

.site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn{
    color: #2b5486;
}

#call-to-action{
    background-color: #2b5486;
}
.call-to-action .action-button .gp-btn{
    color: #2b5486;
}
.gp-btn.btn-two:after{
    background: #87b0e1 !important;
    color: #fff !important;
}
.gp-btn.btn-two{
    border: none;
}
.p-0{
    padding: 210px !important;
}
.o_survey_comment_container{
    padding: 210px !important;
}
#wrapwrap{
    overflow: hidden;
}
.contact-content{
    background-image: linear-gradient(-25deg, #2b5486 0%, #87b0e1 100%);
}
.contact-info .icon{
    background-image: linear-gradient(-25deg, #2b5486 0%, #87b0e1 100%);
}
.contact-info.color-two .icon{
    background-image: linear-gradient(-25deg, #2b5486 0%, #87b0e1 100%);
    box-shadow: 0 10px 30px 0 rgb(117 148 230);
}
.contact-info.color-three .icon{
    background-image: linear-gradient(-25deg, #2b5486 0%, #87b0e1 100%);
    box-shadow: 0 10px 30px 0 rgb(117 148 230);
}
.animate-client-logo{
    background-image: linear-gradient(-25deg, #2b5486 0%, #87b0e1 100%);
}
#footer-analytics{
    background: rgb(43 85 135);
}
.gp-btn{
    box-shadow: 0 10px 20px 0 rgb(135 176 225);

}

.team-member .team-avatar:before{
    background: rgba(39, 83, 136, 0);
    cursor: pointer;
}


.home-analytics h1, .home-analytics h2, .home-analytics h3, .home-analytics h4, .home-analytics h5, .home-analytics h6{
    color: #2b5486;
}

.info-boxs .title a{
    color: #2b5486;
}

.team-member .team-avatar img{
    width: 50% !important;
}

.site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a:hover, .site-header:not(.mobile-header).header-analytics .astriol-main-menu li.has-submenu .sub-menu li a.current-menu-item{
    color: #64b2ef;
}
@media screen and (max-width: 600px) {
.section-title-ana h2{
    font-size: 19px;
}
}
.banner-analytics{
    background-image: url(../../assets/img/lumion-render-2.jpg)
}
.banner-arc{
    background-image: url(../../assets/img/lumion-render-3.jpg) !important;
}
.banner-landscape{
    background-image: url(../../assets/img/lumion-render-4.jpg) !important;
}
.main-second {
    font-size: 4.5rem;
}

.h2, h2 {
    font-family: "OldschoolGrotex", Sans-serif;
    font-size: 4rem;
}
.section-title-ana{
    text-align: left !important;
}
.section-title-ana:after{
    width:0px;
}

.animate-client-logo {
    background-image: linear-gradient(-25deg, #2b5486 0%, #396294 100%);
}

.noshodaw{
    box-shadow: none
}
.gp-btn.gp-btn-light.btn-light-four{
    color: #2f588a;
}
.gp-btn:after{
    background: #2b5486;
}
.gp-btn{
    border:none;
}
.pricing-table.color-theme.feature-item{
    border-color: #2b5486;
}
.pricing-page .section-heading.style-two .subtitle, .pricings-two-page .section-heading.style-two .subtitle{
    color: #2b5486;
}

 img, iframe, video {
    border-radius: 20px;
  }
  .logo img{
    border-radius: 0px;
  }
  .font-2{
    font-size: 30px !important;
  }
  .acolor{
      color: #6d717f;
  }
/*************************************************/
.image-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/shape-main.png);
    background-size: cover;
    background-position: center;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); /* Adjust this clip-path to fit your image shape */
    z-index: 1;
  }
/* General Styles */
.animate-client-logo {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #2b3a50; /* Adjust based on the actual background color */
  }
  
  .top-shape img, .bottom-shape img {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
  }
  
  .client-content-wrapper {
    z-index: 1;
    color: #ffffff;
  }
  
  .client-content-wrapper p,
  .client-content-wrapper h2 {
    margin-bottom: 20px;
  }
  
  .client-content-wrapper .title {
    font-size: 40px;
    font-weight: bold;
  }
  
  .client-content-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
  }
  
  .client-content-wrapper p {
    font-size: 18px;
    color: #a1b5cc;
  }
  
 
  
 
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .animate-client-logo {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  
    .client-content-wrapper .title {
      font-size: 28px;
    }
  
    .client-content-wrapper .description {
      font-size: 16px;
    }
  
    .client-content-wrapper p {
      font-size: 14px;
    }
  }
  /********/
  .animate-client-logo-white {
    position: relative;
    padding-top: 160px;
    padding-bottom: 60px;
    background-color: #f3f3f3; /* Adjust based on the actual background color */
  }

    
  .client-content-wrapper-blue {
    z-index: 1;
    color: #2b5486;
  }

  
  .client-content-wrapper-blue p,
  .client-content-wrapper-blue h2 {
    margin-bottom: 20px;
  }
  
  .client-content-wrapper-blue .title {
    font-size: 40px;
    font-weight: bold;
  }
  
  .client-content-wrapper-blue .description {
    font-size: 20px;
    line-height: 1.5;
  }
  
  .client-content-wrapper-blue p {
    font-size: 18px;
    color: #202020;
  }

  .color-blue{
         background-color: #2b5486;
         color: #b8d6ed;
  }

  /*********************/
  .video-content-section {
    padding: 60px 0;
    background-color: #f5f5f5; /* Adjust based on your background */
  }
  
  .content-wrapper {
    color: #333;
  }
  
  .title {
    font-size: 40px;
    font-weight: bold;
    color: #2d3b4d; /* Adjust color based on design */
    margin-bottom: 20px;
  }
  
  .description {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
  }
  
  h3 {
    font-size: 24px;
    font-weight: bold;
    color: #2b3a50;
    margin-top: 20px;
  }
  
  .button-group a {
    display: inline-block;
    padding: 12px 25px;
    margin-right: 15px;
    background-color: #2d5484;
    color: white;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  
  .button-group a:hover {
    background-color: rgba(0, 91, 181, 0.518);
  }
  
  /* Video Styling */
  .video-wrapper {
    position: relative;
    height: 100%;
  }
  
  .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fills the container */
    border-radius: 8px;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .video-content-section {
      padding: 40px 20px;
    }
  
    .title {
      font-size: 30px;
    }
  
    .description {
      font-size: 16px;
    }
  
    .button-group a {
      font-size: 14px;
      padding: 10px 20px;
    }
  }
  

  /********/
  /* General section styles */
.video-hero1 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .video-wrapper1 video {
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Ensures the video is in the background */
  }
  
  /* Content positioning and styling */
  .content-wrapper1 {
    position: relative;
    z-index: 1;
    color: #2d5484;
    max-width: 700px;
    padding: 20px;
  }
  
  .title {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .subtitle {
    font-size: 24px;
    margin-bottom: 30px;
  }
  
  .button-group a {
    display: inline-block;
    padding: 12px 25px;
    margin-right: 15px;
    background-color: #2d5484;
    color: white;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
  }
  
  .button-group a:hover {
    background-color: #2d5484;
  }
  
  /* For smaller screens */
  @media (max-width: 768px) {
    .title {
      font-size: 40px;
    }
  
    .subtitle {
      font-size: 18px;
    }
  
    .button-group a {
      font-size: 14px;
      padding: 10px 20px;
    }
  }
  .banner-video-container{
    z-index: -3;
  }