:root {
    --transition: all 0.2s ease;
}
/* Banner Section */
.banner-section                             { min-height: 650px; height: 100vh;  }
.banner-section video                       { position: absolute; top: 0; left: 0; z-index: -1;  width: 100%; object-fit: cover; height: 100%;  clip-path: inset(1px 1px); }
.banner-desc .h6                              { margin-top: 41px;  max-width: 75%; }
.banner-desc > *                            { margin-bottom: 41px; }
.banner-desc > *:last-child                 { margin-bottom: 0; }
.banner-desc .star-block                    { width: 66px; height: 69px; top:16px;}
.h1-star                                        { display: inline;}
/* client-logo section */
.client-logo-box                            { column-gap: 20px;   }
.client-logo-wrapper                        { padding:24px 0; position: absolute; width: 100%; bottom: 0; left: 50%; transform: translate(-50%); }
.client-logo-box li                         { position: relative; transition: transform 1s; transform-style: preserve-3d; }
.image-container                            { position: relative; width: 165px; height: 66px; margin-inline:auto;}
.flip-image1 ,.flip-image2,.flip-image3,.flip-image4,.flip-image5,.flip-image6 { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; transition: transform 1s; transform: rotateY(180deg); }    
.flip-image1.active ,.flip-image2.active,.flip-image3.active,.flip-image4.active,.flip-image5.active,.flip-image6.active { transform: rotateY(0deg); }
.custom-tooltip                             { --bs-tooltip-bg: black; }
/* Open Letter section Start */
.openletter-section                         {  background-position: center center; background-size: cover; background-repeat: no-repeat; }
.openletter-box                             { padding:48px; border-radius: 24px; background-color: white; }
.openletter-box .title                      { padding-bottom: 24px; border-bottom: 1px solid var(--border-color-gray4); }
.signature-box                              { margin-top: 40px; }
.author-info                                { margin-top: 20px; padding-top: 8px; border-top: 2px solid black; }
.author-info p                              { margin: 0; }
/* solution slider wrapper */
.solution-slider-wrapper .slick-slide       { margin-right: 30px;  }
.solution-slider-wrapper .slick-dots li     { width: calc(100%/3); }
.solution-slider-item  *                   { color:var(--gray-color); }
.solution-slider-wrapper .slick-track                          { display: flex !important; }
.solution-slider-wrapper .slick-slide                          { height: inherit !important; }
.solution-slider-wrapper .slick-slide > div                    { height: 100% !important; display: flex; flex-direction: column; justify-content: flex-start;  }
.slick-current .solution-slider-item  *      { color:black; }
/* ai-data-stratergies-section */
.ai-data-stratergies-wrapper                { padding:70px 40px; border-radius: 32px; background: #fff; }
.data-wrapper li                            { padding:20px 0; display: grid; grid-template-columns: 35% 65%;  border-bottom: 1px solid var(--border-color-gray5);}
.data-wrapper li *                          { margin-bottom: 0; }
/* Why Openxcell Section */
.why-ox-content                             { padding-right: 83px; }
.why-ox-statastics                          { padding-left: 5px; }
.keypoints-box li                           { margin-bottom: 16px; padding: 32px; background-color: var(--light-color); }
.keypoints-box li p                         { margin-bottom: 0; }
.keypoints-box li:last-child                { margin-bottom: 0; }

@media(max-width:1599px){ 
    /* Banner Section */
    .banner-desc .h6                              { margin-top: 36px; max-width: 75%; }
    .banner-desc > *                            { margin-bottom: 36px; }
    /* Open Letter section Start */
    .openletter-box                             { padding:40px; }
    .openletter-box .title                      { padding-bottom: 22px; }
    .signature-box                              { margin-top: 32px; }
    .author-info                                { margin-top: 18px; padding-top: 6px; }
    /* solution slider wrapper */
    .solution-slider-wrapper .slick-slide       { margin-right: 28px;  }
    .solution-slider-wrapper .slick-dots li     { width: calc(100%/3); }
    /* ai-data-stratergies-section */
    .ai-data-stratergies-wrapper                { padding:60px 30px; border-radius: 32px; }
    .data-wrapper li                            { padding:18px 0; grid-template-columns: 35% 65%; }
    /* Why Openxcell Section */
    .why-ox-content                             { padding-right: 75px; }
    .why-ox-statastics                          { padding-left: 5px; }
    .keypoints-box li                           { margin-bottom: 16px; padding: 28px;}
   
}
@media(max-width:1399px){ 
    /* Banner Section */
    .banner-desc .h6                              { margin-top: 30px; max-width: 75%; }
    .banner-desc > *                            { margin-bottom: 30px; }
    /* Open Letter section Start */
    .openletter-box                             { padding:30px; }
    .openletter-box .title                      { padding-bottom: 20px; }
    .signature-box                              { margin-top: 26px; }
    .author-info                                { margin-top: 18px; padding-top: 6px; }
    
    /* solution slider wrapper */
    .solution-slider-wrapper .slick-slide       { margin-right: 22px;  }
    .solution-slider-wrapper .slick-dots li     { width: calc(100%/3); }
    
    /* ai-data-stratergies-section */
    .ai-data-stratergies-wrapper                { padding:50px 28px; border-radius: 26px; }
    .data-wrapper li                            { padding:14px 0; grid-template-columns: 35% 65%; }
    /* Why Openxcell Section */
    .why-ox-content                             { padding-right: 65px; }
    .why-ox-statastics                          { padding-left: 5px; }
    .keypoints-box li                           { margin-bottom: 14px; padding: 22px;}
    
}
@media(max-width:1199px){ 
    /* Banner Section */
    .banner-section                             { height: auto;  }
    .banner-desc .h6                              { margin-top: 30px; max-width: 75%; }
    .banner-desc > *                            { margin-bottom: 30px; }
    .flip-card                                  { width: 151px;  height: 57px;  }
    .client-logo-wrapper                        { padding: 16px 0; }
    .client-logo-box                            { column-gap: 0px;   } 
    /* Open Letter section Start */
    .openletter-box                             { padding:30px; }
    .openletter-box .title                      { padding-bottom: 20px; }
    .signature-box                              { margin-top: 26px; }
    .author-info                                { margin-top: 18px; padding-top: 6px; }
    /* solution slider wrapper */
    .solution-slider-wrapper .slick-slide       { margin-right: 22px;  }
    .solution-slider-wrapper .slick-dots li     { width: calc(100%/3); }
    /* ai-data-stratergies-section */
    .ai-data-stratergies-wrapper                { padding:50px 28px; border-radius: 26px; }
    .data-wrapper li                            { padding:14px 0; grid-template-columns: 35% 65%; }
    /* Why Openxcell Section */
    .why-ox-content                             { padding-right: 30px; }
    .why-ox-statastics                          { padding-left: 5px; }
    .keypoints-box li                           { margin-bottom: 14px; padding: 22px;}
   
}
@media(min-width:992px){
    .slick-current .solution-slider-item  * ,.solution-slider-desc:hover   *   { color:black; }
    .nav-box .nav-link.active .blue-arrow-link:before ,.slick-current .blue-arrow-link:before ,.solution-slider-desc:hover .blue-arrow-link:before{ right: -8px; z-index: 0; opacity: 1;}
}
@media(max-width:991px){ 
    /* Banner Section */
    .banner-section                             { padding:80px 0 10px; height: auto; min-height: 450px;  }
    .banner-desc .h6                              { margin-top: 24px; max-width: 95%; }
    .banner-desc > *                            { margin-bottom: 24px; }
    .client-logo-wrapper                        { padding: 40px 0 20px; position: unset; transform: none; }
    .client-logo-box                            { flex-wrap: wrap; row-gap: 20px; }
    .client-logo-box li                         { width: calc(100%/3); }
    .flip-card                                  { width: auto; height: 50px; }
    .banner-desc .star-block                    { width: 38px; height: 40px; }
    /* Open Letter section Start */
    .openletter-box                             { padding:20px; }
    .openletter-box .title                      { padding-bottom: 16px; }
    .signature-box                              { margin-top: 22px; }
    .author-info                                { margin-top: 16px; padding-top: 5px; }
    /* solution slider wrapper */
    
    .solution-slider-wrapper .slick-dots li     { width: auto; }
    
   
    /* ai-data-stratergies-section */
    .ai-data-stratergies-wrapper                { padding:50px 28px; border-radius: 26px; }
    .data-wrapper li                            { padding:14px 0; grid-template-columns: 35% 65%; }
    /* Why Openxcell Section */
    .why-ox-content                             { padding-right: 0px; }
    .why-ox-statastics                          { padding-left: 5px; margin-top: 32px;}
    .why-ox-statastics .outer-box               { padding:59px 28px; }
    .inner-service-item                         { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .keypoints-box li                           { margin-bottom: 14px; padding: 22px;}
}
@media(max-width:767px){ 
   /* Banner Section */
   .banner-section                             { padding:20px 0px; height: calc(100dvh - 63px); min-height: 450px;  }
   .banner-section video                       { display: none; }
   .banner-desc                                 { padding:0 20px; }
   .banner-desc > *                            { margin-bottom: 16px; }
   .banner-desc .h6                              { margin-top: 24px; max-width: 100%; margin-bottom: 24px; }
   .client-logo-wrapper                        { padding: 40px 0 0px;  }
   .client-logo-box                            { flex-wrap: wrap; row-gap: 20px; }
   .client-logo-box li                         { width: calc(100%/2); }
   .flip-card                                  { width: auto; height: 50px; }
   /* openlatter */
   .openletter-section ,.ai-data-stratergies-section   { border-radius: 0; }
   .openletter-box                              { padding:32px 16px; border-radius: 16px; }
   .openletter-box .title                       { padding-bottom: 24px; }
   .solution-slider-wrapper .slick-slide       { margin-right: 0;  }
}
@media(max-height:700px){
    .banner-section                             { min-height: 670px; }
}