@import url('./common-section-ai/case-study-ai.css');
/* Filter Select */
select { border: 0 !important; white-space: nowrap; }
.inner-white-border-box                                                 { border-width: 6px !important;  }
.filter-bg-box                                                          { padding: 10px; }
.filter-select                                                          { padding-right: 24px; border-right: 1px solid var(--border-color-gray5); position: relative; }
.select2-container                                                      { min-width: 192px; }
.select2-container .select2-selection--single                           { height: auto; }
.select2-dropdown                                                       { margin-top: 12px; }
.filter-select .select2-container--default .select2-selection--single   { position: relative; border:0; border-color: transparent; }
.filter-select.angle-arrow                                              { margin-right: 70px; }
.filter-select.angle-arrow .select2-container                           { padding-right: 30px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--primary-color); color: white; }
.filter-select .select2-container--default .select2-selection--single .select2-selection__arrow { display: flex; align-items: center; justify-content: center; top:50%; transform: translateY(-50%); }
.select2-container--default .select2-selection--single .select2-selection__arrow b ,.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { margin:0 !important; display: inline-block; padding: 3px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg) translate(-50%,-50%); -webkit-transform: rotate(45deg) translate(-50%,-50%); border: solid var(--secondary-color); border-width: 0 2px 2px 0; content: " "; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: translate(-50%,-50%) rotate(225deg); }
.select2-results__option                                                { padding: 5px 18px; }
.filter-select .select2-container--default .select2-selection--single .select2-selection__rendered ,select{ padding:13px 16px; }
.filter-select .select2-container--default .select2-selection--single .select2-selection__rendered ,.select2-results__option ,select { font-size: 16px; font-weight: 400; line-height: 1.375; }
.select2-container--default .select2-results>.select2-results__options { max-height: 450px; }
/* width */
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar { width: 5px; }
/* Track */
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */ 
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: var(--secondary-color); }
/* Handle on hover */ 
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover { background: var(--primary-color); }
/*  */
.img-box img                                                            { width: 100%; object-fit: cover; object-position: center; }
.desc-wrapper                                                           { padding:32px;  }
.case-study-listing-item                                                { border: 1px solid var(--border-color-gray5); }
.category-wrapper                                                       { margin-bottom: 16px; }
.category-box                                                           { padding:4px 8px; background-color: var(--secondary-color); color:#fff; border-radius: 2px; }
.summerise-box                                                          { color:var(--blue-color); font-weight: 600; }
.summerise-box:hover                                                    { text-decoration: underline; }
.tags-box                                                               { margin:24px 0 32px; }
.tags-box span                                                          { margin:0 8px 8px 0; display: inline-block; padding:6px 16px; font-size: 14px; line-height: 1.4; border: 1px solid var(--border-color-gray5); border-radius: 4px; }
.fund-download-count-item                                               { padding: 8px; margin-right: 8px; display: inline-block; background-color:var(--light-color); }
.fund-download-count-item b                                             { margin-right: 8px; }
/*  */
.case-study-listing-wrapper                                             { padding:0 28px; margin-bottom: 56px; }
.case-study-listing-wrapper-row                                         { margin:56px -28px -56px;}
.fund-download-count-item:last-child                                    { margin-right: 0; }
.ai-powerd-box-border                                                   { padding: 2px; overflow: hidden; border-radius: 40px; background: linear-gradient(91.16deg, #1FB3FD 1.67%, #E957E7 50.91%, #FE5C5D 100.14%); position: absolute; top: 16px; right: 19px; background-size: 300% 300%; /* Extend the size for more noticeable movement */ animation: gradientMove 6s ease infinite; /* Smooth out the animation with ease */ }
@keyframes gradientMove                                                 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; /* Loop smoothly by returning to start */ } }
.ai-powerd-box                                                          { display: flex; align-items: center; justify-content: center; padding: 5px 10px; background-color: var(--secondary-color); color:#fff; font-weight: 400; border-radius: 40px; }
.ai-powerd-box img                                                      { width: 15px; }
/* Model */
.casestudypopup.modal                                                                  { backdrop-filter: blur(10px); }
.casestudypopup .modal-dialog                                                           { max-width: 1000px; }
.casestudypopup .modal-content                                                          { background-color: transparent; border: 0; }
.product-popup video                                                    { max-height: calc(100vh - 160px); }
.product-popup.modal .btn-close-box                                     { margin-right: 0; cursor: pointer; margin-left: auto; width: 30px; height: 30px; background-color:#fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.product-popup.modal   .btn-close                                       {width: 15px; height: 15px; }
.product-popup .modal-content                                           { width: auto; }
.summerize-popup .modal-dialog                                          { max-width: none; }
.summerize-popup .modal-size-box                                          { width: 1386px; background-color: #fff; }
.summerize-popup .modal-content                                         { max-width: 1024px; background-color: transparent; border:0; }
.summerize-popup .modal-content .modal-body                             { padding:48px 0;  }
.casestudypopup.modal .btn-close                                                       { box-shadow: none !important; margin: 0; display: inline-block; filter:brightness(0); padding:0; width: 21px; height: 21px; opacity: 1; background-size: cover; }
.cta-section                                                            { margin-top: 48px; padding:52px 48px;  border-radius: 24px; }
.cta-content                                                            { gap:40px; }
.summerise-content-box > *                                              { margin-bottom: 16px; }
.summerise-content-box ul , .summerise-content-box ol                   { padding-left: 19px; }
.summerise-content-box ul                                               { list-style-type: disc; }
.summerise-content-box ol                                               { list-style-type: decimal; }
.summerise-content-box li                                               { font-size: 16px; }
/* Case study Detail Page */
/* ai-data-stratergies-section */
.ai-data-stratergies-wrapper                                            { padding:70px 40px;  background: #fff; }
.ox-challange-image                                                     { padding:40px 47px; }
/* business stepup */
.why-ox-content                                                         { padding-right: 83px; }
.why-ox-statastics                                                      { padding-left: 5px; }
.reverse .why-ox-content                                                { padding-left: 83px; padding-right:0;}
.reverse .why-ox-statastics                                             { padding-right: 5px; }
.keypoints-box li                                                       { margin-bottom: 16px; padding: 24px; background-color: var(--light-color); }
.keypoints-box li img                                                   { width: 72px; }
.keypoints-box li > div                                                 { width: calc(100% - 92px); margin-left: 24px; }
.keypoints-box li p                                                     { margin-bottom: 0; }
.keypoints-box li:last-child                                            { margin-bottom: 0; }
.modal video::-webkit-media-controls-mute-button {display: none;}
/* Techstack  */
.tech-stack-row                                                         { display: grid; grid-template-columns: repeat(5, 1fr); gap:32px; }
.tech-stack-col                                                         { padding:36px 24px; border:1px solid var(--border-color-gray5); border-radius: 6px;}
/* Video Section */
.video-section                                                          { padding:16px; }  
.video-section video                                                    { width: 100%;  }
.video-play-button                                                      { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; background: url('../images/new/play-button-blue.svg') no-repeat center center/cover; cursor: pointer; z-index: 10; }
.video-play-button::before, .video-play-button::after                   { content: ""; position: absolute; width: 110px; height: 110px; background: rgba(44, 103, 255, 0.3); opacity: 0; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.01); z-index: -1; animation: waves 3s ease-in-out infinite; }
.video-play-button::before                                              { animation-delay: 0s; }
.video-play-button::after                                               { animation-delay: 1s; /* Delays the second wave */ }
@keyframes waves                                                        { 0% { transform: translate(-50%, -50%) scale(0.01); opacity: 0; } 50% { opacity: 0.9; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } }
.bullet-points ul                                                       { column-count: 2; column-gap: 10px; }
/* Benifits */
.benifits-box                                                           { padding:100px; }
.industry-tab-box                                                       { padding:40px; background-color: white; }
.industry-tab-box   > ul                                                { gap:24px; display: flex; justify-content: center; flex-wrap: wrap; }
.industry-tab-box   > ul li                                             { margin-bottom: 0; width: calc(100% / 2 - 12px); }
/* Responsive Css */
@media(max-width:1599px){
  /* Filter Select */
    .inner-white-border-box                                                 { border-width: 6px !important;  }
    .filter-bg-box                                                          { padding: 8px; }
    .filter-select                                                          { padding-right: 22px; }
    .select2-container                                                      { min-width: 180px; }
    .select2-dropdown                                                       { margin-top: 10px; }
    /* modal */
    .summerize-popup .modal-size-box                                                           { width: 1200px;}
    .summerize-popup .modal-content                                                          { max-width: 1024px; }
    .summerize-popup .modal-content .modal-body                                              { padding:42px 0;  }
    .modal .btn-close                                                       { width: 21px; height: 21px;}
    .cta-section                                                            { margin-top: 42px; padding:46px 42px;  }
    .cta-content                                                            { gap:30px; }
    .summerise-content-box > *                                              { margin-bottom: 14px; }
    .summerise-content-box li                                               { font-size: 16px; }
    /* case study post item */
    .desc-wrapper                                                           { padding:22px;  }
    .category-wrapper                                                       { margin-bottom: 14px; }
    .category-box                                                           { padding:4px 8px; }
    .tags-box                                                               { margin:22px 0 30px; }
    .tags-box span                                                          { margin:0 7px 7px 0; padding:5px 15px; }
    .fund-download-count-item                                               { padding: 7px; margin-right: 7px; }
    .fund-download-count-item b                                             { margin-right: 7px; }
    /*  */
    .case-study-listing-wrapper                                             { padding:0 22px; margin-bottom: 44px; }
    .case-study-listing-wrapper-row                                         { margin:44px -22px -44px;}
    /* Case Study detail Page */
    /* ai-data-stratergies-section */
    .ai-data-stratergies-wrapper                                            { padding:60px 30px;  }
    .ox-challange-image                                                     { padding:30px 37px; }
    /* business stepup */
    .why-ox-content                                                         { padding-right: 75px; }
    .why-ox-statastics                                                      { padding-left: 5px; }
    .reverse .why-ox-content                                                         { padding-left: 75px; }
.reverse .why-ox-statastics                                                      { padding-right: 5px; }
    .keypoints-box li                                                       { padding:20px;}
    .keypoints-box li img                                                   { width: 62px; }
.keypoints-box li > div                                                 { width: calc(100% - 84px); margin-left: 22px; }
/* Techstack  */
.tech-stack-row                                                         { gap:28px; }
.tech-stack-col                                                         { padding:36px 24px;}
.tech-stack-col img                                                 { max-width: 70px; }
/* Video Section */

/* benifits section */
.benifits-box                                                           { padding:80px; }
.industry-tab-box                                                       { padding:34px;  }
.industry-tab-box   > ul                                                { gap:22px; }
.industry-tab-box   > ul li                                             { width: calc(100% / 2 - 11px); }
}
@media(max-width:1399px){
     /* Filter Select */
    .inner-white-border-box                                                 { border-width: 6px !important;  }
    .filter-bg-box                                                          { padding: 6px; }
    .filter-select                                                          { padding-right: 18px; }
    .select2-container                                                      { min-width: 160px; }
    .select2-dropdown                                                       { margin-top: 9px; }
   /* modal */
   .summerize-popup .modal-size-box                                                           { width: 1100px;}
   .summerize-popup .modal-content                                                          { max-width: 900px; }
   .summerize-popup .modal-content .modal-body                                              { padding:36px 0;  }
   .casestudypopup.modal .btn-close                                                       { width: 18px; height: 18px;}
   .cta-section                                                            { margin-top: 32px; padding:36px 32px;  }
   .cta-content                                                            { gap:28px; }
   .summerise-content-box > *                                              { margin-bottom: 14px; }
   .summerise-content-box li                                               { font-size: 14px; }
    /* case study post item */
    .desc-wrapper                                                           { padding:16px;  }
    .category-wrapper                                                       { margin-bottom: 12px; }
    .category-box                                                           { padding:4px 8px; }
    .tags-box                                                               { margin:18px 0 24px; }
    .tags-box span                                                          { margin:0 6px 6px 0; padding:5px 12px; }
    .fund-download-count-item                                               { padding: 7px; margin-right: 7px; }
    .fund-download-count-item b                                             { margin-right: 7px; }
    /*  */
    .case-study-listing-wrapper                                             { padding:0 12px; margin-bottom: 24px; }
    .case-study-listing-wrapper-row                                         { margin:24px -12px -24px;}
      /* Case Study detail Page */
      /* ai-data-stratergies-section */
      .ai-data-stratergies-wrapper                                            { padding:50px 28px;  }
      .ox-challange-image                                                     { padding:20px 27px; }
    /* business stepup */
    .why-ox-content                                                         { padding-right: 65px; }
    .why-ox-statastics                                                      { padding-left: 5px; }
    .reverse .why-ox-content                                                         { padding-left: 65px; }
.reverse .why-ox-statastics                                                      { padding-right: 5px; }
    .keypoints-box li                                                       {  padding: 18px;}
    .keypoints-box li img                                                   { width: 50px; }
    .keypoints-box li > div                                                 { width: calc(100% - 66px); margin-left:16px; }
    /* Techstack  */
    .tech-stack-row                                                         { gap:24px; }
    .tech-stack-col                                                         { padding:32px 20px;}
    .tech-stack-col img                                                 { max-width: 60px; }
    /* Video Section */
    /* benifits */
    .benifits-box                                                           { padding:60px; }
    .industry-tab-box                                                       { padding:32px;  }
    .industry-tab-box   > ul                                                { gap:22px; }
    .industry-tab-box   > ul li                                             { width: calc(100% / 2 - 11px); }
}
@media(max-height:500px){
      /* Video Section */
      .product-popup video                                                    { max-height:calc(100vh - 130px); }
      .product-popup .modal-body                                            { padding:10px; }
    }
@media(max-width:1199px){
    /* Filter Select */
    .inner-white-border-box                                                 { border-width: 6px !important;  }
    .filter-bg-box                                                          { padding: 5px; }
    .filter-select                                                          { padding-right: 12px; }
    .select2-container                                                      { min-width: 120px; }
    .select2-dropdown                                                       { margin-top:6px; }
    /* case study post item */
    .desc-wrapper                                                           { padding:16px;  }
    .category-wrapper                                                       { margin-bottom: 12px; }
    .category-box                                                           { padding:4px 8px; }
    .tags-box                                                               { margin:18px 0 24px; }
    .tags-box span                                                          { margin:0px 5px 5px 0; padding:5px 12px; font-size: 12px; }
    .fund-download-count-item                                               { padding: 7px; margin-right: 7px; }
    .fund-download-count-item b                                             { margin-right: 7px; }
    /*  */
    .case-study-listing-wrapper                                             { padding:0 12px; margin-bottom: 24px; }
    .case-study-listing-wrapper-row                                         { margin:24px -12px -24px;}
      /* Case Study detail Page */
      /* business stepup */
      .why-ox-content                                                       { padding-right: 30px; }
      .why-ox-statastics                                                    { padding-left: 5px; }
      .reverse .why-ox-content                                                         { padding-left: 30px; }
    .keypoints-box li                                                       {  padding: 16px;}
        /* Techstack  */
        .tech-stack-row                                                         { gap:18px; }
        .tech-stack-col                                                         { padding:20px 16px;}
        /* modal */
   .summerize-popup .modal-size-box                                                           { width: 900px;}
   .summerize-popup .modal-content                                                          { max-width: 800px; }
   .summerize-popup .modal-content .modal-body                                              { padding:30px 0;  }
   .casestudypopup.modal .btn-close                                                       { width: 16px; height: 16px;}
   .cta-section                                                            { margin-top: 26px; padding:28px 16px; border-radius: 16px; }
   .cta-content                                                            { gap:20px; }
   .summerise-content-box > *                                              { margin-bottom: 14px; }
   .summerise-content-box li                                               { font-size: 14px; }
     /* Video Section */
   /* benifits */
   .benifits-box                                                           { padding:40px; }
   .industry-tab-box                                                        { padding:20px;  }
   .industry-tab-box   > ul                                                 { gap:16px; }
   .industry-tab-box   > ul li                                              { width: calc(100% / 2 - 8px); }
}
@media(max-width:991px){
    .ai-powerd-box-border                                                   { padding: 2px; top: 13px; right: 16px;  }
.ai-powerd-box                                                          {  padding: 0 6px; font-size: 11px; align-items: center; }
    .summerise-box { font-size: 14px;}
      /* Case Study detail Page */
      /* business stepup */
      .why-ox-content                                                       { padding-right: 0px; }
      .why-ox-statastics                                                    { padding-left: 5px; margin-top: 32px;}
      .reverse .why-ox-content                                                         { padding-left: 0px; }
      .reverse .why-ox-statastics                                                    { padding-left: 5px; margin-bottom: 32px; margin-top: 0; }
      /* Techstack  */
      .tech-stack-row                                                         { gap:12px; grid-template-columns: repeat(3,1fr); justify-content: center;}
      .tech-stack-col                                                         { padding:16px 7px; }
      /* modal */
   .summerize-popup .modal-size-box                                                           { max-width: 750px; width: calc(100% - 30px);}
   .summerize-popup .modal-content                                                          { max-width: calc(100% - 30px); }
   .summerize-popup .modal-content .modal-body                                              { padding:30px 0;  }
   .summerize-popup.modal img                                                              { max-height: 30px;  }
   .casestudypopup.modal .btn-close                                                       { width: 16px; height: 16px;}
   .cta-section                                                            { margin-top: 26px; padding:28px 10px; border-radius: 16px; }
   .cta-content                                                            { gap:10px; }
   .summerise-content-box > *                                              { margin-bottom: 14px; }
   .summerise-content-box li                                               { font-size: 14px; }
    /* Video Section */
    .video-section                                                          { padding:14px; }
    .product-video-section                                                  { background-color: var(--secondary-color); }
    /* Video Section */
    /* benifits */
    .benifits-box                                                           { padding:30px; }
    .industry-tab-box                                                       { padding:20px; max-height: 450px; overflow-y: auto; }
    .industry-tab-box   > ul                                                { gap:16px; }
    .industry-tab-box   > ul li                                             { width: calc(100% / 2 - 8px); }
}
@media(max-width:767px){
    .select2-container                                                      { width:90% !important; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { right:-15px; }
    .filter-select                                                          { padding-right: 0; border: 1px solid var(--border-color-gray5);}
      /* Case Study detail Page */
      /* business stepup */
      .tech-stack-row                                                         { gap:12px; grid-template-columns: repeat(1,1fr);}
      /* Video Section */
    .video-section                                                          { padding:23px 18px; }
    .product-popup.modal .btn-close-box                                     { width: 40px; height: 40px; }

    /*  */
.bullet-points ul                                                       { column-count: 1; column-gap: 0; }
    /* benifits-box */
    .benifits-box                                                           { padding:24px; }
    .industry-tab-box                                                       { padding:16px;  }
    .industry-tab-box   > ul                                                { gap:16px 0; }
    .industry-tab-box   > ul li                                             { width: 100%; }
}