.hero-section {
     background-color: #EFEFEF;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 100vh;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
     display: flex;
     justify-content: center;
     /* vector-effect: non-scaling-stroke; */
     align-items: center;
 }

 .swiper {
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #444;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .banner-bg-img {
     max-width: 78%;
 }

 .banner-image-wrapper {
     text-align: right;
     position: relative;
 }

 .banner-text-wrapper .first-part {
     color: #E81238;
     font-weight: 900;
     font-size: 60px;
     display: block;
     padding-left: 28%;
 }

 .banner-text-wrapper {
     position: absolute;
     z-index: 1;
     bottom: 22%;
     /* padding-left: 0%; */
     width: 100%;
     left: 0;
     text-align: left;
 }

 .banner-text-wrapper .second-part {
     color: #fff;
     font-weight: 900;
     font-size: 55px;
     padding-left: 60px;
     display: block;
     padding-left: 47%;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
 }

 .second-section-homepage-ar {
     min-height: 850px !important;
     overflow: hidden;
 }

 .second-section-homepage {
     background-image: url('/wp-content/uploads/2025/07/second-section-background.jpg');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     display: flex;
     position: relative;
     min-height: 816px;
     height: 100%;
     align-items: center;
     min-height: 900px;
     /* overflow-x: hidden; */
 }

 /*.second-section-homepage .overlay {*/
 /*    position: absolute;*/
 /*    top: 0;*/
 /*    left: 0;*/
 /*    width: 100%;*/
 /*    height: 100%;*/
 /*    pointer-events: none;*/
 /* allows clicks to pass through */
 /*background-image: url('/wp-content/uploads/2025/07/overlay-img.png')*/
 /*}*/

 .second-content-wrapper {
     /* padding-top: 40px;
     padding-bottom: 40px; */

     position: relative;
     z-index: 1;
 }

 .second-section-sauid-wrapper {

     /* margin-top: 45%; */
 }

 .second-section-btn {
     background-color: #E81238;
     color: #fff;
     padding: 15px 32px;
     text-decoration: none;
     font-weight: 600;
 }

 .second-section-saudi-heading {
     color: #000;
     font-weight: 900;
     font-size: 40px;
 }

 .second-section-saudi-content {
     margin-top: 59px;
     margin-bottom: 59px;
 }

 .second-section-saudi-heading .first {
     display: block;
     text-align: left;
 }

 .second-section-saudi-heading .second {
     display: block;
     text-align: right;
     margin-right: -94px;
 }

 .second-section-saudi-content p {
     color: #000;
 }

 .scroll-second-section-text {
     font-size: 40px;
     color: #000;
     font-weight: bold;
     margin-top: 50px;
 }

 .scroll-second-section-text {
     font-size: 24px;
     color: #000;
     font-weight: bold;
     margin-top: 134px;
 }

 .scroll-btn-second-section {

     width: 60px;
     height: 60px;
     background-color: #E81238;
     color: #fff;
     border-radius: 50%;
     display: flex;
     text-align: center;
     justify-content: center;
     align-items: center;
     vertical-align: middle;
     position: absolute;
     /* bottom: -4%; */
     z-index: 1;
     left: 0;

 }

 .scroll-btn-second-section svg {
     width: 72%;
 }

 .third-section-homepage-tabs {
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .third-section-homepage-tabs-main-text {
     color: #026162;
     font-weight: 600;
     font-size: 19px;
     margin-bottom: 40px;
 }

 .tabs-list-main {
     display: flex;
     justify-content: flex-start;
     gap: 1%;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     align-items: center;
     /* keeps inactive lis centered vertically */
 }

 .tabs-homepage-main ul {
     padding-left: 0 !important;
 }

 .tabs-list-main-ar {
     direction: ltr;
 }

 .tabs-list-main li {
     flex: 1 1 32%;
     /* keeps them responsive */
     height: 56px;
     /* ✅ fixed height prevents screen jerk */
     border: 1px solid #063D39;
     color: #fff;
     text-align: center;
     border-radius: 29px;
     background-color: #063D39;
     opacity: 0.2;
     cursor: pointer;
     padding: 0 12px;
     /* horizontal padding only */

     /* ✅ center text inside */
     display: flex;
     align-items: center;
     justify-content: center;

     /* ✅ smooth transitions */
     transition: all 0.3s ease;
 }

 .tabs-list-main li.li-active {
     flex: 1 1 32%;
     /* slightly bigger width for active tab */
     background-color: #063D39;
     color: #fff;
     opacity: 1;

     /* ✅ grow smoothly instead of causing jerks */
     transform: scale(1.05);
 }


 .tabs-list-main li:hover {
     cursor: pointer;

 }

 .tabs-sub-list {
     display: flex;
     justify-content: space-between;
     gap: 1%;
     flex-wrap: wrap;
     list-style: none;
     margin-top: 40px;
     margin-bottom: 20px;
 }

 .tabs-sub-list li {
     width: 14.66%;
     background-color: #026162;
     color: #fff;
     text-align: center;
     padding: 10px 8px;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     font-size: 13px;
 }

 .tabs-sub-list li:last-child {
     background-color: #000;
     color: #fff;
 }

 .tabs-sub-list-2 {
     display: flex;
     justify-content: space-between;
     gap: 1%;
     flex-wrap: wrap;
     list-style: none;
     margin-top: 40px;
     margin-bottom: 20px;
 }

 .tabs-sub-list-2 li {
     width: 14.66%;
     border: 1px solid #026162;
     color: #fff;
     text-align: center;
     padding: 10px 8px;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     font-size: 13px;
     color: #5E5F61;
 }

 .tabs-sub-list-2 li:last-child {
     background-color: #E7E7E7;
     border: 0;
     ;
     color: #000000;
 }

 .pl-body {
     display: none;
     ;
 }

 /* ============================================================================= */
 /* ✅ FLEX GRID WRAPPER */
 .tabs-columns-wrapper {
     display: flex;
     flex-wrap: wrap;
     /* gap: 25px; */
     gap: 0;
     justify-content: center;
     margin-top: 30px;
     align-items: flex-start;
     /* ✅ aligns top, not stretched unevenly */
 }

 /* ✅ COLUMN STYLING */
 .service-column {
     flex: 1;
     min-width: 180px;
     max-width: 220px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /* ✅ SERVICE TITLE TAB */
 .service-title-tab {
     background-color: #026162;
     color: #fff;
     font-weight: 400;
     text-align: center;
     border-radius: 17px;
     /* padding: 15px 18px; */
     padding: 4px 15px;
     margin-bottom: 15px;
     font-size: 14px;
     width: 100%;
     min-height: 59px;
     /* ✅ same height for all headers */
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* ✅ STEP LIST WRAPPER */
 .service-steps-wrapper {
     display: flex;
     flex-direction: column;
     gap: 12px;
     /* ✅ even spacing between steps */
     width: 100%;
     align-items: center;
 }

 .reverse-row {
     flex-direction: row-reverse;
 }

 /* ✅ STEP BOXES */
 .service-step-box {
     background-color: #fff;
     border: 2px solid #5E5F61;
     border-radius: 17px;
     padding: 4px 15px;
     text-align: center;
     font-size: 14px;
     color: #5E5F61;
     width: 100%;
     min-height: 59px;
     /* ✅ ensures same height */
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
 }

 .service-step-box:hover {
     background-color: #f5f5f5;
 }

 /* ✅ LAST COLUMN SPECIAL STYLE */
 .service-column:last-child .service-title-tab {
     background-color: #000;
 }

 .service-column:last-child .service-step-box {
     background-color: #E7E7E7;
     border: none;
     color: #000;
 }

 .service-column {
     margin-bottom: 20px;
 }

 .service-disable {
     /* position: relative; */
     opacity: 0.2 !important;
     pointer-events: none;
 }




 .testimonial-section {
     padding-top: 50px;
     padding-bottom: 80px;
     letter-spacing: 1px;
 }

 .testimonial-heading {
     font-size: 36px;
     font-weight: 700;
     color: #026162;
 }


 .testimonial-card {
     border-radius: 15px;
     overflow: hidden;
     margin: 0 10px;
     display: flex;
     flex-direction: column;
     height: 100%;
 }


 .testimonial-image img {
     display: none !important;
     width: 100%;
     height: 220px;
     object-fit: cover;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
 }

 .testimonial-content {
     background: #EBE9E3;
     padding: 30px;
     height: 200px;
     border-radius: 15px;
     margin-top: -12px;
     position: relative;
     z-index: 9;
 }

 .testimonial-text {
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 12px;
     color: #374C47;
     font-weight: 400;
 }

 .testimonial-name {
     color: #374C47;
     margin: 0;
     font-size: 14px;
     font-weight: 400;

 }

 /* .service-disable::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: rgba(255, 255, 255, 0.849); 
   
} */
 /* ✅ TABLET */
 @media (max-width: 992px) {
     .tabs-columns-wrapper {
         justify-content: center;
         gap: 20px;
     }

     .service-column {
         flex: 0 1 45%;
         max-width: 45%;
     }
 }

 /* ✅ MOBILE */
 @media (max-width: 600px) {

     .second-section-homepage-ar {
         min-height: 780px !important;
     }

     .inovation-img {
         max-width: 100%;
         height: 300px !important;
         object-fit: cover;
     }

     .tabs-columns-wrapper {
         flex-direction: column;
         align-items: center;
         gap: 20px;
     }

     .service-column {
         flex: 1 1 100%;
         max-width: 90%;
     }

     .service-title-tab {
         font-size: 14px;
     }

     .service-step-box {
         font-size: 13px;
     }

     .second-section-homepage {
         background-position: left !important;
     }

     .scroll-second-section-text {
         margin-right: 20px;
     }
 }



 /* ============================================================================== */
 .green-background-section {
     background-image: url('/wp-content/uploads/2025/07/shutterstock_2366039473-scaled.jpg');
     padding-top: 100px;
     padding-bottom: 100px;
     text-align: right;
 }

 .green-section-btn {
     background-color: #E81238;
     color: #fff;
     padding: 15px;
     text-decoration: none;
     font-weight: 600;
 }

 .inovation-section {
     margin-top: 20px;
     margin-bottom: 20px;
     width: 100%;
     overflow: hidden;
 }

 .inovation-img {
     width: 100%;
     height: 600px;
     object-fit: cover;
 }

 .inovation-wrapper {

     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     vertical-align: middle;
     height: 100%;
     flex-direction: column;

 }

 .inovation-wrapper {
     max-width: 60%;
     margin: 0 auto;
 }

 .inovation-wrapper .cotent-1 {
     padding-bottom: 37px;
     /* border-bottom: 2px solid #000000; */
     color: #000000;
     position: relative;
     font-size: 28px;
     /* important so ::after can position itself */
     display: inline-block;
     margin: 0;

 }

 .inovation-wrapper .cotent-1:after {
     content: '';
     position: absolute;
     position: absolute;
     bottom: 0;
     /* place at the bottom */
     left: 0;
     width: 70%;
     height: 2px;
     /* thickness of border */
     background-color: #000000;
     /* top: 50%; */
     /* position the top  edge of the element at the middle of the parent */
     left: 50%;
     /* position the left edge of the element at the middle of the parent */
     opacity: 50%;
     ;
     transform: translate(-50%, -50%);
     /* color of border */
 }

 .inovation-wrapper .cotent-2 {
     padding-top: 15px;
     padding-bottom: 15px;
     color: #000000;
     font-size: 28px;
 }

 .inovation-btn {
     padding: 15px 28px;
     background-color: #E81238;
     color: #fff;
     text-decoration: none;
     font-weight: 600;
 }

 .inovation-section .col-md-6 {
     padding: 0 !important;
     margin: 0 !important;
 }

 .inovation-section .second-col-md-6 {
     background-color: rgba(95, 96, 98, 0.2);

     /* opacity: 20%; */
     width: 100%;
     height: 100%;
 }


 .bti-section {
     text-align: center;
     margin: 50px 0;
     position: relative;
 }

 .bti-heading-wrapper {
     display: inline-block;
     position: relative;
     padding: 0 20px;
     background: #fff;
     /* hides the line behind the text */
     z-index: 2;
 }

 .bti-section::before {
     content: "";
     position: absolute;
     top: 23%;
     /* aligns with heading */
     left: 0;
     right: 0;
     height: 3px;
     background: #545554;
     z-index: 1;
     opacity: 50%;
 }

 .bti-heading {
     font-size: 36px;
     font-weight: 700;
     color: #026162;
     margin: 0;
     z-index: 2;
     position: relative;
 }

 .bti-subheading {
     font-size: 18px;
     font-weight: 500;
     color: #026162;
     margin-top: 8px;
     z-index: 2;
     position: relative;
 }

 .knowledge-tech {
     overflow-x: hidden;
 }

 .knowledge-tech .row {
     margin-bottom: 50px;
 }

 .knowledge-tech-first-wrap img {
     border-radius: 52px;
     ;

     .knowledge-tech-first-wrap img {
         border-radius: 52px;
         max-height: 574px;
         object-fit: cover;
     }
 }

 .knowledge-tech-second-wrap {
     display: flex;
     align-items: center;
     height: 100%;
     flex-direction: column;
     justify-content: center;
     padding-left: 15px;
     ;
 }

 .knowledge-tech-second-wrap .count-section {
     display: flex;
     flex-direction: row;
     align-items: center;
     vertical-align: middle;
     position: relative;
     padding-bottom: 30px;
     gap: 35px;
 }

 .knowledge-tech-second-wrap .count {
     font-weight: 900;
     color: #000;
     font-size: 79px;
 }

 .knowledge-tech-second-wrap .count-heading {
     font-weight: 500;
     color: #000;
     /* font-size: 60px; */
     font-size: 20px;
 }

 .knowledge-tech-second-wrap .count-section:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background-color: #545554;
     left: 50%;
     opacity: 50%;
     transform: translate(-50%, -50%);
 }

 .knowledge-tech-second-wrap .content-section {
     padding-top: 15px;
     padding-bottom: 15px;
     color: #000;
     font-size: 18px;
 }

 .content-bottom-link a {
     text-decoration: none;
     color: #E31937;
     position: relative;
     font-weight: 700;
     font-size: 15px;
     padding-bottom: 2px;
     display: flex;
     width: 100%;
     border-bottom: 2px solid #E31937;
     width: max-content;

 }

 .content-bottom-link {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 15px;
     width: 100%;
 }


 .bti-with-market-shape::before {
     top: 50%;


 }

 .market-shape-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid #5F6062;
     border-radius: 35px;
     height: 198px;
     transition: transform 0.4s ease, height 2s ease;
     /* animate height + position */
     overflow: hidden;
     position: relative;
     margin: 20px;
     transform-origin: center center;
 }

 /* On hover - expand height */
 .market-shape-wrapper:hover {
     height: 375px;
     border: 0;

 }

 .market-shape-section .row {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .market-shape-wrapper .main-title {
     color: #5F6062;
     font-weight: 600;
     font-size: 22px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
 }

 .market-shape-wrapper:hover .main-title {
     display: none;

 }

 /* .market-shape-wrapper .hovered {
     display: none;
 } */


 .market-shape-wrapper .hovered {
     opacity: 0;
     display: none;
     /* transform: translateY(20px); */
     transition: opacity 0.5s ease, transform 0.5s ease;
     height: 100%;
     width: 100%;
     background: radial-gradient(circle, hsla(220, 3%, 34%, 1) 0%, hsla(220, 4%, 29%, 1) 30%, hsla(210, 5%, 16%, 1) 60%, hsla(0, 0%, 0%, 1) 100%);
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .hoevered-wrapper {
     width: 70%;
     height: 100%;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     vertical-align: middle;
     text-align: center;
     vertical-align: middle;
     margin: 0 auto;
     flex-direction: column;
 }

 /* When wrapper is hovered, inner content fades in */
 .market-shape-wrapper:hover .hovered {
     display: block;
     opacity: 1;

     /* transform: translateY(0); */
 }

 .market-heading {
     font-size: 24px;
     text-align: center;
     margin-bottom: 20px;
     display: block;
 }

 .market-content {
     text-align: center;
 }

 .focus-goals-section {
     padding: 40px 20px;
     text-align: center;
 }

 .focus-wrapper {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding-left: 20px;
     padding-right: 20px;
 }

 .main-heading {
     font-size: 28px;
     line-height: 1.4;
     font-weight: bold;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
     flex-direction: column;
 }

 .red-text {
     color: #E21936;
     display: flex;
     justify-content: start;
     font-weight: 700;
     font-size: 45px;
 }

 .teal-text {
     color: #026162;
     display: flex;
     justify-content: end;
     font-weight: 700;
     font-size: 38px;
 }

 .focus-wrapper .main-heading {
     font-size: 36px;
     width: 60%;
     margin: 0 auto;
 }



 .focus-points-section {

     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     min-height: 633px;
     height: 633px;
     position: relative;
     width: 100%;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .bg-imgg {
     background-image: url(/wp-content/uploads/2025/07/points-1-1-scaled.jpg);

 }

 .bg-imgg1 {
     background-image: url(/wp-content/uploads/2025/07/points-2-scaled.jpg);

 }

 .bg-imgg2 {
     background-image: url(/wp-content/uploads/2025/07/points-3-scaled.jpg);

 }

 .focus-points-section .row {
     height: 100%;
 }

 .overlay-point {
     /* background: linear-gradient(90deg, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 1) 100%); */
     position: absolute;
     width: 100%;
     height: 100%;
     background-image: url('/wp-content/uploads/2025/07/overlay-img-2.png');
     right: 0;
     left: 0;
     bottom: 0;
     /* z-index: 9999000; */
     background-size: cover
 }

 .points-home-wrapper {
     background-color: #fff;
     padding: 40px;
     position: relative;
     border-radius: 15px;
     margin: 40px;
     opacity: 80%;
 }

 .point-heading {
     display: block;
     font-weight: 700;
     color: black;
     padding-bottom: 6px;
     border-bottom: 2px solid black;
     width: max-content;
 }

 .sub-point-heading {
     display: block;
     margin-top: 9px;
     font-weight: 600;
 }

 .sub-point-after-text {
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .points-list {
     list-style: none;
     padding-left: 0;
 }

 .points-list .points-list-item {
     padding: 10px 20px;
     border: 0.92px solid #000000;
     border-radius: 12px;
     color: #000000;
     font-size: 15px;
     margin-bottom: 15px;
 }

 .points-wrapper .points-list-item p {
     margin-bottom: 0px !important;
 }

 .points-home-part {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     height: 100%;
 }



 .industries-section {
     background: #fff;
 }

 .section-title {
     font-size: 28px;
     font-weight: 600;
     color: #222;
 }

 .industry-card {
     border: 1px solid #545554;
     border-radius: 40px;
     padding: 20px;
     height: 77%;
     transition: all 0.3s ease;
     position: relative;


 }

 .industry-card:hover {
     box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
     transform: translateY(-5px);
 }

 .industry-card img {
     margin-top: -14%;
 }

 .industry-title {
     font-size: 21px;
     font-weight: 600;
     color: #000;
     margin-top: 15px;
     line-height: 1.4;
     height: 58px;
 }

 .btn-see-more {
     background-color: #E31937;
     color: #fff;
     padding: 10px 81px;
     border-radius: 0;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 15px;
     letter-spacing: 0.5px;

 }

 .btn-see-more:hover {
     background-color: #c3112d;
     color: #fff;
 }

 .momentum-section {
     background-image: url(/wp-content/uploads/2025/07/saudi-man.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     min-height: 744px;
     background-size: cover;
     overflow: hidden;
     display: flex;
     align-items: center;
     position: relative;
 }

 .momentum-section .row {
     height: 100%;
     position: relative;
     z-index: 1;
 }

 .momentum-main-heading {
     font-weight: 600;
     font-size: 25px;
     display: block;
     color: #fff;
     font-size: 47px;
 }

 .momentum-actions {
     display: flex;
     flex-direction: column;
     gap: 10px;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .momentum-actions-btn {
     background-color: #545554;
     color: #fff;
     border-radius: 8px;
     padding: 10px 12px;
     width: 60%;
     /* margin: 0 auto; */
     display: block;
     text-decoration: none;
     text-align: center;
     font-weight: 400;
     font-size: 14px;
     transition:
         width 2s ease,
         background-color 0.3s ease,
         font-size 0.3s ease,
         font-weight 0.3s ease;
 }

 .momentum-overlay {
     background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
     position: absolute;
     height: 100%;
     width: 100%;
 }

 .momentum-actions-btn:hover {
     background-color: #E31937;
     color: #fff;
     width: 65%;
     font-size: 16px;
     /* smooth increase */
     font-weight: 600;
     /* smooth boldness change */
 }




 /* 1589
 @media only screen and (min-width: 1560) and (max-width: 1589) {

 } */
 @media only screen and (min-width: 1431px) {

     .inovation-img {
         max-width: 100%;
         height: 600px;
         object-fit: cover;
     }

     .banner-bg-img {
         max-width: 68%;
     }

     .banner-text-wrapper .first-part {
         color: #E81238;
         font-weight: 900;
         font-size: 60px;
         display: block;
         padding-left: 25%;
     }

     .knowledge-tech-first-wrap img {
         border-radius: 52px;
         min-height: 400px;
         object-fit: cover;
     }

     .scroll-btn-second-section {
         bottom: -50%;
         ;
     }
 }

 @media (min-width: 1025px) and (max-width: 1430px) {

     .inovation-img {
         max-width: 100%;
         height: 600px;
         object-fit: cover;
     }

     .menu-item>.nav-link {
         color: #046162;
         font-weight: 400;
         font-size: 13px;
         font-family: var(--font-secondary);
     }

     .content-bottom-link svg {
         width: 25px;
     }

     .site-branding img {
         max-width: 52% !important;
     }

     .banner-bg-img {
         max-width: 71%;
     }

     .banner-text-wrapper .first-part {
         color: #E81238;
         font-weight: 900;
         font-size: 60px;
         display: block;
         padding-left: 19%;
     }

     .knowledge-tech-first-wrap img {
         border-radius: 52px;
         min-height: 471px;
         object-fit: contain;
     }

     .scroll-btn-second-section {

         bottom: -20%;

     }

     .scroll-second-section-text {
         font-size: 24px;
         color: #000;
         font-weight: bold;
         margin-top: 66px;
     }

     .scroll-btn-second-section {
         bottom: -30%;
     }

     .inovation-section .second-col-md-6 {
         width: 98%;
     }

     .inovation-wrapper .cotent-1 {
         font-size: 19px;
     }

     .inovation-wrapper .cotent-2 {
         font-size: 19px;
     }

     .inovation-wrapper .cotent-1 {
         padding-bottom: 20px;
     }

     .inovation-wrapper .cotent-2 {
         padding-top: 0;
         padding-bottom: 0;
     }

     .inovation-btn {
         padding: 10px 28px;
         background-color: #E81238;
         color: #fff;
         text-decoration: none;
         font-weight: 600;
         font-size: 13px;
     }
 }

 /* tablet query */

 @media (max-width: 1150px) {

     .testimonial-content {
         height: 270px;
     }

     .testimonial-text {
         font-size: 14px;
     }

 }


 @media (max-width: 786px) {

     .testimonial-content {
         height: 260px;
     }

 }

 @media (min-width: 992px) and (max-width: 1024px) {

     .inovation-img {
         max-width: 100%;
         height: 400px !important;
         object-fit: cover;
     }

     .site-branding img {
         max-width: 53% !important;
     }

     .menu-item>.nav-link {
         color: #046162;
         font-weight: 400;
         font-size: 13px;
         font-family: var(--font-secondary);
     }

     .banner-bg-img {
         max-width: 71%;
     }

     .banner-text-wrapper .first-part {
         color: #E81238;
         font-weight: 900;
         font-size: 60px;
         display: block;
         padding-left: 19%;
     }

     .scroll-btn-second-section {
         bottom: -3%;
         ;
     }

     /* .desktop-toggle {
            display: none !important;
            ;
        } */
     .scroll-second-section-text {
         font-size: 24px;
         color: #000;
         font-weight: bold;
         margin-top: 47px;
     }

     .scroll-btn-second-section {
         bottom: -11%;
     }

     .inovation-section .col-md-6 {
         width: 100% !important;
     }

     .inovation-wrapper .cotent-1 {
         font-size: 20px;
     }

     .inovation-wrapper .cotent-2 {
         font-size: 20px;
     }

     .inovation-btn {
         margin-bottom: 12px;
         ;
     }

     .tabs-columns-wrapper {
         display: flex;
         flex-wrap: wrap;
         gap: 0px;
         justify-content: center;
         margin-top: 30px;
         align-items: flex-start;
     }


 }

 @media (min-width: 768px) and (max-width: 991.9px) {

     .inovation-img {
         max-width: 100%;
         height: 400px !important;
         object-fit: cover;
     }

     .site-branding img {
         max-width: 53% !important;
     }

     .menu-item>.nav-link {
         color: #046162;
         font-weight: 400;
         font-size: 13px;
         font-family: var(--font-secondary);
     }

     .banner-bg-img {
         max-width: 71%;
     }

     .banner-text-wrapper .first-part {
         color: #E81238;
         font-weight: 900;
         font-size: 60px;
         display: block;
         padding-left: 19%;
     }

     .scroll-btn-second-section {
         bottom: -3%;
         ;
     }

     /* .desktop-toggle {
            display: none !important;
            ;
        } */
     .scroll-second-section-text {
         font-size: 24px;
         color: #000;
         font-weight: bold;
         margin-top: 47px;
     }

     .scroll-btn-second-section {
         bottom: -11%;
     }

     .inovation-section .col-md-6 {
         width: 100% !important;
     }

     .inovation-wrapper .cotent-1 {
         font-size: 20px;
     }

     .inovation-wrapper .cotent-2 {
         font-size: 20px;
     }

     .inovation-btn {
         margin-bottom: 12px;
         ;
     }

     .tabs-columns-wrapper {
         display: flex;
         flex-wrap: wrap;
         gap: 0px;
         justify-content: center;
         margin-top: 30px;
         align-items: flex-start;
     }

     .knowledge-tech-second-wrap .count {
         font-weight: 900;
         color: #000;
         font-size: 50px;
     }

     .knowledge-tech-second-wrap .content-section {
         padding-top: 15px;
         padding-bottom: 15px;
         color: #000;
         font-size: 17px;
     }

     .focus-points-section .col-md-6 {
         width: 100%;
     }

     .momentum-section .col-md-6 {
         width: 100%;
     }
 }

 @media(max-width:767px) {
     .banner-bg-img {
         max-width: 100%;
     }

     .inovation-img {
         max-width: 100%;
         height: 300px !important;
         object-fit: cover;
     }

     .banner-text-wrapper {
         position: absolute;
         z-index: 1;
         bottom: 22%;
         /* padding-left: 0%; */
         width: 100%;
         left: 0;
         text-align: left;
         width: 100%;
         overflow-x: hidden;
     }

     .banner-text-wrapper .first-part {
         color: #E81238;
         font-weight: 700;
         font-size: 30px;
         display: block;
         padding-left: 0%;
     }

     .banner-text-wrapper .second-part {
         color: #fff;
         font-weight: 700;
         font-size: 30px;
         padding-left: 60px;
         display: block;
         padding-left: 22%;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
     }

     .banner-image-wrapper {
         text-align: center;
         position: relative;
     }

     .scroll-btn-second-section {
         bottom: -3%;
         ;
     }

     .second-section-saudi-heading .second {
         display: block;
         text-align: left;
         margin-right: 0;
     }

     .scroll-second-section-text {
         font-size: 24px;
         color: #000;
         font-weight: bold;
         margin-top: 50px;
     }

     .second-section-saudi-content {
         margin-top: 18px;
         margin-bottom: 39px;
     }

     .second-section-saudi-heading {
         color: #000;
         font-weight: 900;
         font-size: 31px;
     }

     .second-section-btn {
         background-color: #E81238;
         color: #fff;
         padding: 15px 32px;
         text-decoration: none;
         font-weight: 600;
     }

     .scroll-btn-second-section {
         bottom: -10%;
     }

     .second-section-homepage {
         min-height: 500px;
     }

     .second-section-saudi-heading {
         color: #000;
         font-weight: 900;
         font-size: 39px;
     }

     .inovation-wrapper .cotent-1 {
         font-size: 20px;
     }

     .inovation-wrapper .cotent-2 {
         font-size: 20px;
     }

     .inovation-btn {
         padding: 10px 10px;
         background-color: #E81238;
         color: #fff;
         text-decoration: none;
         font-weight: 600;
         margin: 10px;
         font-size: small;
     }

     .focus-goals-section {
         padding: 0;
     }

     .focus-goals-section .focus-wrapper {
         padding: 0;
         margin-bottom: 20px;
     }

     .red-text {
         font-size: 29px;
     }

     .teal-text {
         font-size: 29px;
     }

     .points-home-wrapper {
         padding: 10px;
         margin: 5px;
         ;

     }

     .green-background-section {
         justify-content: center;
         align-items: center;
         text-align: center;
     }

     .focus-points-section {
         height: 100%;
         display: flex;
         align-items: center;
     }

     .momentum-main-heading {
         font-weight: 600;
         font-size: 25px;
         display: block;
         color: #fff;
         font-size: 34px;
     }

     .momentum-actions-btn {
         background-color: #545554;
         color: #fff;
         border-radius: 8px;
         padding: 10px 12px;
         width: 80%;
         /* margin: 0 auto; */
         display: block;
         text-decoration: none;
         text-align: center;
         font-weight: 400;
         font-size: 14px;
         transition:
             width 2s ease,
             background-color 0.3s ease,
             font-size 0.3s ease,
             font-weight 0.3s ease;
     }

     .momentum-actions-btn:hover {
         background-color: #E31937;
         color: #fff;
         width: 90%;
         font-size: 16px;
         /* smooth increase */
         font-weight: 600;
         /* smooth boldness change */
     }

     .point-heading {
         width: 100%;
     }

     .knowledge-tech-second-wrap .count-section {
         padding-top: 30px;
     }

     .knowledge-tech-second-wrap .count {
         font-weight: 900;
         color: #000;
         font-size: 42px;
         display: flex;
         width: 25%;
     }
 }