*{
      margin: 0px; padding: 0px;
      box-sizing: border-box;
}

body{
   overflow-x: clip;
}

.main-container{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;

}

.header {
    position: sticky;
    top: 0;
    z-index: 9999; /*earlier it was 1000*/

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    background-color: rgba(255,255,255,0.98);
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);

}

/*-- ALL HYPERLINK TARGETS --*/
   .link-target-carrer{ scroll-margin-top: 95px; }

   .link-target-portfolio{ scroll-margin-top: 110px; }

   .link-target-footer{ scroll-margin-top: 85px; }
/*-- END OF ALL HYPERLINK TARGETS --*/


   /* #region SECTION 1-2-3 : ART OF REALIZING AN IDEA */

   /* #region-- SECTION 1 --*/
   .section-1{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      position: relative;
      overflow: visible;

      width: 100%;
      max-width: 1680px;
      height: 42px;
   }

   /* LEFT SIDE (LOGO) */
      .section-1_left_card{
         display: flex;
         align-items: center;
         justify-content: flex-start;
         height: 100%;
         margin-left: 12px;
      }

   /* LOGO */
      .sec-1_logo {
         width: clamp(140px, 18vw, 265px);
         height: auto; 
         display: block;
         object-fit: contain;
         position: relative;
         top: 14px;
      }

   /* RIGHT SIDE (CONTACT) */
      .section-1_right_card{
         display: flex;
         align-items: center;
         gap: 10px;
         margin-right: 13px;
         border-radius: 10px;
      }

      /* SOCIAL MEDIA BUTTONS EFFECTS */
      .section-1_right_card a {
         display: inline-block;
         transition: transform 0.2s ease, opacity 0.2s ease;
      }

         /* RIGHT CARDS: HOVER */
            .section-1_right_card a:hover {
               transform: translateY(-3px);
               opacity: 0.8;
            }

            /* HOVER EFFECT */
               .section-1_right_card a:hover .sec-1_icon {
                  filter: brightness(1.5) contrast(1.5) saturate(1.5);
                  transform: translateY(-3px);
               }

      /* ICONS */
      .sec-1_icon{
         width: 22px;
         transition: all 0.3s ease;
         filter: brightness(1.3)
      }

      /* TEXT: MAIN COPY */
      .p1{
         font-family: Arial, sans-serif;
         font-size: 14px;
         color:#2C2D3F;
         margin-right: 20px;
      }

      /* EMAIL LIST */
      .section-1 ul{
         list-style: none;
      }

         .section-1 li{
            display: inline;
         }

         /* EMAIL LINK */
         .sec-1_a{
            font-family: Arial, sans-serif;
            font-size: 14px;
            color:#2C2D3F;
            text-decoration: none;
         }

            .sec-1_a:hover{
               color: #007bff;
            }

   /* DIVIDER LINE */
   .sec-1_hr {
      width: 100%;
      max-width: 1680px;
      border: 1px solid rgba(0, 0, 0, 0.07);
   }

/* #endregion-- Section 1 END --*/
   /* --------- SECTION 1 END --*/


   /* #region-- SECTION 2 --*/

   .section-2{
      display: flex;
      align-items: center;
      justify-content: space-between;

      flex-wrap: wrap;
      row-gap: 10px;

      width: 100%;
      max-width: 1680px;
      min-height: 42px;

      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 12px;
      padding-right: 12px;  
   }

      /* TAGLINE */
      .sec-2_tagline{
         font-family: Arial, Helvetica, sans-serif;
         font-size: 12px;
         color: #00416c;
         font-weight: bold;
         margin-left: 22px;
         position: relative;
         top: 4px;
      }

      /* MENU */
      .sec-2_menu{
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         justify-content: center;
         gap: 30px;
         list-style: none;   
      }

      /* MENU */
      .sec-2_menu{
         display: flex;
         align-items: center;
         gap: 30px;
         list-style: none;
      }

         /* MENU LINKS */
            .sec-2_menu a{
               text-decoration: none;
               font-family: Arial, sans-serif;
               font-size: 13px;
               font-weight: 600;
               line-height: 1;
               color: #3f2c2c;
               position: relative;
               padding: 5px 0;
               display: inline-block;
            }

               /* HOVER COLOR */
               .sec-2_menu a:hover{
                  color: #007bff;
               }

               /* UNDERLINE */
               .sec-2_menu a::after{
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: -6px;
                  width: 0%;
                  height: 2px;
                  background-color: #007bff;
                  transition: width 0.3s ease;
               }

               .sec-2_menu a:hover::after{
                  width: 100%;
               }

         /* DROPDOWN */
         .has-dropdown{
            position: relative;
         }

            .dropdown{
               position: absolute;
               top: 120%;
               left: 0;
               background-color: #fff;
               list-style: none;
               min-width: 150px;

               box-shadow: 0 4px 10px rgba(0,0,0,0.1);

               opacity: 0;
               visibility: hidden;
               transform: translateY(10px);
               transition: all 0.3s ease;
               z-index: 10;
            }

         /* DROPDOWN */
         .dropdown{
            position: absolute;
            top: 120%;
            left: 0;

            background-color: #f4f4f4;
            list-style: none;
            min-width: 150px;

               /* 🔵 LEFT BLUE BORDER (half height look) */
               border-left: 4px solid #007bff;

               /* ✨ SHADOW (soft, premium) */
               box-shadow: 3px 3px 7px rgba(0,0,0,0.25);

               /* 🎯 SIZE CONTROL */
               padding: 5px 0;

               /* 🎯 ROUND ONLY BOTTOM CORNERS */
               border-radius: 0 0 6px 6px;

               opacity: 0;
               visibility: hidden;
               transform: translateY(10px);
               transition: all 0.3s ease;
               z-index: 10;
            }

         /* DROPDOWN ITEMS */
         .dropdown li{
            padding: 6px 12px;   /* reduced height */
         }

            /* DROPDOWN LINKS */
            .dropdown li a{
               color: #000000a8;
               font-size: 12px;
               text-decoration: none;
               display: block;
            }

            /* HOVER EFFECT INSIDE DROPDOWN */
            .dropdown li:hover{
               background-color: rgba(0,123,255,0.08);
            }

            .dropdown li:hover a{
               color: #007bff;
            }

            /* SHOW DROPDOWN */
            .has-dropdown:hover .dropdown{
               opacity: 1;
               visibility: visible;
               transform: translateY(5px);
            }

      /* ---------- Section 2 Button ---------- */
      .sec-2_button-1{
         padding: 7px 14px;
         background-color: #1A76D1;
         color: #fff;
         font-size: 12px;
         font-family: Arial, sans-serif;
         text-decoration: none;
         border-radius: 4px;
         box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
         transition: all 0.3s ease;
         display: inline-block;
      }

         .sec-2_button-1:hover{
            background-color: #004c98;
         }

   /* #endregion-- Section 2 --*/
   /* --------- SECTION 2 END --*/


   /* #region-- SECTION 3 --*/

   .section-3{
      position: relative;
      display: flex;
      flex-direction: row;
      align-items:flex-start;
      justify-content: center;
      width: 100%; max-width: 1680px; height: 606px;
      margin-top: 0;   /* 👈 IMPORTANT */
      background-color: rgba(192, 192, 192, 0.2);
      overflow:hidden;
   }

      /*-- 4 Prafull Images --*/
      .image-container {
         display: flex;
         justify-content:center;
         align-items:center;
         position:relative;
         width: 100%; max-width: 1680px; height: 525px;
         margin-top: 13px; 
         overflow:hidden;
         z-index: 1;
         background-color: #4a381e;
      }

         @keyframes slide {
            0%    {transform: translateX(3%)   scale(1.02);   opacity: 0; filter: brightness(1) contrast(1);  } /* Start off-screen to the Right 0% */
            10%   {transform: translateX(0)     scale(1);      opacity: 1; filter: brightness(1.02) contrast(1.02);  } /* Arrive in the center 12% */
            25%   {transform: translateX(0)     scale(1.02);   opacity: 1; filter: brightness(1.05) contrast(1.05);  } /* Stay in the center 45% */
            36%   {transform: translateX(-5%)  scale(1.02);   opacity: 0; filter: brightness(1.02) contrast(1.02);  } /* Move off-screen to the left 60% */
            100%  {transform: translateX(-10%)  scale(1.02);   opacity: 0; filter: brightness(1) contrast(1); } /* Off-screen to the left 100% */
            }

            .cycle-img {
               position: absolute; /* Ensures all images stack in the same place */
               width: 100%; height: 100%; /* Start each image off-screen on the right */

               object-fit: cover;

               animation: slide 16s cubic-bezier(0.75, 0, 0.45, 1) infinite;
               animation-fill-mode:backwards;
               will-change:transform, opacity, filter;
            }

               /*animation-name: slide;*/
               .cycle-img:nth-child(1) { animation-delay: 0s;  filter: brightness(1.02) contrast(1.03); } /* Start immediately .65 Slide from right to left */
               .cycle-img:nth-child(2) { animation-delay: 4s;  filter: brightness(0.98) contrast(1.05); } /* Start after the first image exits 3 */
               .cycle-img:nth-child(3) { animation-delay: 8s;  filter: brightness(1.01) contrast(0.97); } /* Start after the second image exits 5 */
               .cycle-img:nth-child(4) { animation-delay: 12s; filter: brightness(1.05) contrast(1.0); } /* Start after the second image exits 5 */
      
      .sec-3_left-card{
         display: flex;
         flex-direction:column;
         align-self:center;
         justify-self:center;   
         width: 800px; height: 400px;
         position: absolute; top: 10%; left: 10%;
         z-index: 3;  
         background-color:rgba(0, 0, 0, 0);
      }  

         /* MAIN SLOGAN LINE */
         .sec-3_h1_main{
            font-family:'Courier New', Courier, monospace; /*Arial, sans-serif*/
            font-weight: 800;
            font-size: 30px;
            color: #ffffff;
            margin-left: 60px;

               /* White soft glow around Main headline */
               text-shadow:
                  0 0 6px rgba(255, 255, 255, .8),
                  0 0 16px rgba(255, 255, 255, 0.5);

               animation:
                  fadeUpOnce 3s ease-out forwards;
                  /*breathe 3s ease-in-out 1s infinite;*/
            }

         /* SECOND LINE (delayed entry) */
         .sec-3_h1_sub{
            font-family:'Courier New', Courier, monospace;
            font-weight: 600;
            font-size: 20px;
            color:#ffffff;
            margin-top: 15px;
            margin-left: 500px;
            opacity: 0; /* important for delay */

               animation:
                  fadeUpOnce 1.5s ease-out .7s forwards;
                  /*breathe 2s ease-in-out .5s infinite;*/
            }

                     @keyframes fadeUpOnce {
                  0% { transform: translateY(150px); opacity: 0; }
                  100% { transform: translateY(0); opacity: 1; }
               }

         /* P1 Copy */ 
      .sec-3_p1{
         width: 800px ;height:auto;
         position:relative; top:5%;
         font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
         font-size: 16.5px; color:#ffffffc5;
         background-color: #1ab6d100;
         line-height: 1.6;
         text-align: justify;
         text-justify: inter-word;
         }
         
         .sec-3_p1_highlight{
         color: #ffffff;   /* pure white */
         font-weight: 100; /* optional: slightly stronger */
         }

         /* P1 Animation Type & Duration */
         .sec-3_p1 { animation:moveYAndFade 3s ease-in-out; }
            
         /* P1 Key Frame Animation */
            @keyframes moveYAndFade {
            0% { transform: translateY(25px); opacity: 0;}
            100%{transform: translateY(0); opacity: 1;}
         }

   /* #endregion-- Section 3 --*/
   /* --------- SECTION 3 END --*/

   /* #endregion SECTION 1-2-3 : ART OF REALIZING AN IDEA */
   /* ------- SECTION 1-2-3 : ART OF REALIZING AN IDEA END --*/

   /* #region-- SECTION 4 : ABOUT --*/

   .section-4{
            position:relative;
            display: flex;
            flex-direction:column;
            align-items: center;
            justify-content:flex-start; padding-top: 10px;
            width: 100%; max-width: 1680px; height: 970px;
            /*top: 730px;*/
            background-color: rgba(192, 192, 192, 0.2);   
            overflow: hidden;   
         }

         /* ----Section 4 HEADING ------ */
         .sec4-heading{
            display: flex;
            flex-direction:row;
            justify-content: center;
            align-items: center;
            width: 100%; max-width: 1680px; height: 60px;         
            font-family: Arial, sans-serif;
            background-color: #2981d9;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 00.8);
            position: relative;
            overflow: hidden;
         }

               .sec4-heading::after{
                  content: "";
                  position: absolute;

                  left: 50%;
                  bottom: -8px;

                  transform: translateX(-35%);
                  width: 40%;
                  height: 33px;

                     background-image:
                     url('./05-Icons/pegbar.png');

                     background-repeat: no-repeat;
                     background-position: center;
                     background-size: contain;
                     opacity: 0.15;
                     pointer-events: none;
               }

            /* HEADING LEFT LABEL */
            .sec4-label{
               display: flex;
               justify-content:center;
               align-items:center;
               width: 15%; max-width: 504px; height: 35px;
               font-size: 35px; font-weight: bold; color: #ffffff;
               padding-left: 50px;
               font-family:Verdana, Geneva, Tahoma, sans-serif ;       
               text-shadow:0 1px 8px rgba(255, 255, 255, 0.5); 
            }

            /* HEADING RIGHT TITLE */
            .sec4-title{
               display: flex;
               justify-content:center;
               align-items: center;
               width: 80%; max-width: 1176px; height: 70px;
               padding-left: 22px;
               font-size: 25px; font-weight: 600; color: #fff;         
               background-color: #29d96c00;         
            }

            /* MAIN COPY */
               .sec4_content{
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               align-items: flex-start;
               width: 97%; height:83%;
               max-width: 1680px;
               padding-top: 20px;
               gap: 50px;
               background-color: #bc303000;
               }

            /* IMAGE CONTAINER */
               .about-image{
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;
                  width: 24%;
                  max-width: 580px;
                  background-color: #d4d4d400;
               }

                  /* IMAGE COLOR CORRECT & SHADOW */
                  .about-photo{
                     width: 100%;
                     height:auto;
                     object-fit:contain;
                     border-radius: 8px;
                     box-shadow: 8px 10px 15px rgba(0,0,0,0.35);

                     filter: brightness(1.42); /*filter: grayscale(100%) contrast(1.05);*/
                  }
         
         /* COPY CONTAINER */
         .about-copy{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;

            width: 80%;
            font-family: Arial, sans-serif;
            font-size: 16.5px;
            color: rgb(0, 0, 0);
            background-color: #ffffff00;
         }

               .about-text{
                  line-height: 1.6;
                  text-align: justify;
               }


         /*-----Section 4 - 4 Cards ---------*/
            .sec-4_4cards{
            display: flex;
            flex-direction:row;
            align-items:center;
            justify-content:center;
            gap: 45px; 
            padding: 0px;
            
            position: absolute; top: 450px;
            justify-content:center; width: 100%; left: 0;
            background-color: #3f2c2c00;
            z-index: 2;
            }

            /* Blue Card with hover effect */
               .sec-4_4cards_button {
               display: flex;
               flex-direction: column;   
               width: 290px; height: 185px; 
               top: 270px;
               background-color: #1a76d1;
               border: 2px solid rgba(255,255,255,0.13);
               border-radius: 8px;
               box-shadow: 10px 12px 15px rgba(0, 53, 89, 0.5);
               font-family: Arial,sans-serif;  
               font-size: 14px; color: #fff;
               padding:12px;
               text-decoration: none;
               cursor: pointer;
               overflow:hidden;
               transition: all 0.6s ease-in-out; /* transition on all properties for smooth effect */
               position: relative;
               }

               .sec-4_4cards_button:hover {
                  transform: translateY(-28px);
                  box-shadow: 0px 10px 15px rgb(0, 53, 89, .5); 
               }

               .sec-4_4cards_p1{
                  display: block;
                  text-align: center;
                  font-size: 15px; color: #ffffff;
                  padding-bottom: 0px;
               }

               .sec-4_4cards_p2{
                  display: block;
                  text-align: center;
                  padding-bottom: 10px;
                  font-size: 17px; font-weight:600;
                  color: #001328;
               }

               .sec-4_4cards_line{
                  width: 230px;
                  border: none;                 /* remove default style */
                  border-top: 4px solid #0034742b;
                  margin: 8px auto 0;
                  padding-bottom: 10px;
               }
            
               .sec-4_4cards_p3{
                  display: flex;
                  justify-content:center;
                  padding-bottom: 3px;
                  line-height: 1.6;
                  font-size: 11px; color: #ffffffc7;
               }

               .sec-4_4cards_icon{
                  display: flex;
                     flex-direction:row ;
                     flex-wrap: wrap;            
                     align-items:center;
                     justify-content:left;
                     width:40px; height: 105%;
                     margin-top: -20px; margin-left: -14px;
                     opacity: .07;
                     position:absolute;
                     object-fit:cover
               }

   /* #endregion-- Section 4 : ABOUT END --*/
   /* --------- SECTION 4 : ABOUT END --*/



   /* #region-- SECTION 5 : CAREER */

   /* MASTER CONTAINER FOR ALL ELEMENTS (container 1 )*/
   .section-5{
            position:relative;
            flex-direction:column;
            align-items: center;
            justify-content:flex-start; padding-top: 10px; padding-bottom: 50px;
            width: 100%; max-width: 1680px; /*height: 4000px;*/
            margin-top: 4px;
            /*top: 1701px;*/
            background-color: rgba(192, 192, 192, 0.2);   
            /*overflow: hidden;*/
         }
         
      /* CONTENT CONTAINER FOR PHOTO AND TEXT AREA (container 2 )*/
         .sec5_content{
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-start;
         width: 97%; margin: 0 auto;
         max-width: 1680px;
         padding-top: 15px;         /*-- Gap onthe tops side --*/
         gap: 15px;
         background-color: #bc303000;
         }

         /* ----Section 5 HEADING ------ */
         .sec5-heading{
            display: flex;
            flex-direction:row;
            justify-content: center;
            align-items: center;
            width: 100%; max-width: 1680px; height: 60px;
            font-family: Arial, sans-serif;
            background-color: #2981d9;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 00.8);
            position: relative;
            overflow: hidden;
         }
               .sec5-heading::after{
                     content: "";
                     position: absolute;

                     left: 52%;
                     bottom: -8px;

                     transform: translateX(-35%);

                     width: 40%;
                     height: 33px;

                     background-image:
                     url('./05-Icons/pegbar.png');

                     background-repeat: no-repeat;
                     background-position: center;
                     background-size: contain;

                     opacity: 0.15;

                     pointer-events: none;
               }

            /* HEADING LEFT LABEL -- "CAREER" */
               .sec5-label{
                  display: flex;
                  justify-content:center;
                  align-items:center;
                  width: 15%; max-width: 504px; height: 35px;
                  font-size: 35px; font-weight: bold; color: #ffffff;
                  font-family:Verdana, Geneva, Tahoma, sans-serif ;       
                  background-color: #001d5c00;
                  text-shadow:
                  0 1px 8px rgba(255, 255, 255, 0.5); 
               }

            /* HEADING RIGHT TITLE -- "CAREER MILESTONES" -- */
               .sec5-title{
                  display: flex;
                  justify-content:center;
                  align-items: center;
                  width: 80%; max-width: 1176px; height: 70px;
                  padding-left: 22px;
                  font-size: 25px; font-weight: 600; color: #fff;         
                  background-color: #29d96c00;         
               }

            /* IMAGE CONTAINER */
               .sec5-image{
                  display: flex;
                  justify-content: center;
                  align-items: flex-start;

                  max-width: 580px;width: 308px;
                  background-color: rgba(192, 192, 192, 0.2);

                  /* new additiona for sticky image */
                  position: sticky;
                  top: 110px;
                  align-self: flex-start;
               }

                  .sec5-visual-panel{
                     position: relative;

                     width: 100%;
                     height: 545px;

                     overflow: hidden;
                     border-radius: 10px;

                     background-color: transparent;
                     
                     box-shadow:
                     0 10px 25px rgba(0,0,0,0.22),
                     0 2px 8px rgba(0,0,0,0.32);
                  }

                     .sec5-photo{
                     position: absolute;
                     object-fit:contain;
                     width: 100%;
                     height:100%;
                     top: 0; left: 0;
                     opacity: 0;
                     transition:
                     opacity 1.8s ease-in-out;
                     background-color: rgba(255,255,255,0.02);
                     background-color: transparent; 
                  
                     
                     border-radius: 8px;
                     /*filter: grayscale(100%) contrast(1.05);*/
                  }

                     .photo-active{
                        opacity: 1;
                        z-index: 10;
                        }


      /* MILESTONES CONTAINER 1995 to 2026 Companies*/                           
         .sec5_milestones_container-1985-2026{
            display: flex;
            flex-direction:column;
            justify-content:flex-start;                                       /*-- Vertical Alignment--*/
            align-items:flex-start;                                           /*--Horizental Alignment--*/
            
            width: 75%; /*height:3000px;*/ max-width: 1680px;
            padding-top: 0px;                                                 /*-- Gap onthe tops side --*/
            gap: 20px;                                                        /*-- Gap between milestones --*/
            background-color: #26ed0700;
         }

            /* MILESTONES CONTAINER 1985 to 1989 Companies*/                     /* 1 of 6: container */
               .sec5_milestones_container-1985-1989{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /*height:400px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #cf181800;
               }

            /* MILESTONES CONTAINER 1990 to 1996 Companies*/                     /* 2 of 6: container */
               .sec5_milestones_container-1990-1996{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /* height:388px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #185bcf00;
               }

            /* MILESTONES CONTAINER 1996 to 2004 Companies*/                     /* 3 of 6: container */
               .sec5_milestones_container-1996-2004{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /* height:416px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #4318cf00;

               }

            /* MILESTONES CONTAINER 2004 to 2007 Companies*/                     /* 4 of 6: container */
               .sec5_milestones_container-2004-2007{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /* height:460px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #c018cf00;
               }

            /* MILESTONES CONTAINER 2007 to 2010 Companies*/                   /* 5 of 6: container */
               .sec5_milestones_container-2007-2010{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /* height:500px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #cfc31800;
               }

            /* MILESTONES CONTAINER 2011 to 2026 Companies*/                    /* 6 of 6: container */
               .sec5_milestones_container-2011-2026{
                  display: flex;
                  flex-direction:column;
                  justify-content:flex-start;                                 /*-- Vertical Alignment--*/
                  align-items: flex-start;                                    /*--Horizental Alignment--*/
                  
                  width: 97%; /* height:467px;*/ max-width: 1680px;
                  padding-top: 0px;
                  gap: 20px;
                  background-color: #3a18cf00;
               }
               
                  /* COPY CONTAINER */
                  .sec5-text{
                     display: flex;
                     flex-direction: column;
                     justify-content: flex-start;
                     align-items: flex-start;

                     width: 100%;
                     font-family: Arial, sans-serif;
                     font-size: 15.5px;
                     color: rgb(0, 0, 0);
                     background-color: #ffffff00;

                     line-height: 1.6;
                     text-align: justify;
                  }

                     .about-text{
                        line-height: 1.6;
                        text-align: justify;
                     }

            /* MILESTONE HEADING: GRAY BANDS Companies */
               .sec5-milestones_bands{
                  display: flex;
                  flex-direction:row;

                  justify-content:flex-start; padding-left: 20px;
                  align-items:center;
                  width: 100%; height: 55px;         
                  font-family: Arial, sans-serif;
                  background-color: #c8c8c8;

                  box-shadow:0 4px 7px rgba(0,0,0,0.40);

               }

                  .sec5_hr {
                     width: 100%;
                     max-width: 1680px;
                     border: 1px solid rgba(0, 0, 0, 0.233);
                     margin-bottom: 30px;
                  }

                  /* MILESTONE HEADING GRAY BANDS Companies - HEADING */
                  .sec5-milestone-title{
                  margin: 0;
                  font-family: Arial, sans-serif;
                  font-size: 20px;
                  font-weight: 700;
                  color: #2C2D3F;
                  }

            /* SEC-5 JOURNET TIMELINE STRIP  */
               .sec5-journey_timeline{
                     position: sticky;
                     bottom: 10px;
                     display: flex;
                     flex-direction: row;
                     justify-content: space-between;
                     /*align-items: center;*/
                     width: 71%; height: 82px;
                     align-self:center;
                     padding-left: 10px;
                     padding-right: 10px;
                     border-radius: 8px;
                     background-color: rgba(0, 47, 74, 0.78);
                     backdrop-filter: blur(8px);
                     z-index: 30;
                     margin-left: auto; margin-right: 3.4%;

                        box-shadow:
                           0 10px 10px rgba(0,0,0,0.35),
                           0 0 5px rgb(255, 255, 255);

                        background-image: url('./03-Project\ Images/Journey_Timeline.jpg');
                        background-size:cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-color: rgba(0, 47, 74, 0.78);
                        opacity: 1;
                  }

                     .timeline-point{
                           display: flex;
                           justify-content: center;
                           align-items: center;
                           position: absolute;
                           width: 12px;
                           height: 12px;
                           border-radius: 50%;
                           background-color: rgba(255,255,255,0.95);
                           background-color: transparent;
                     }

                           .point-1{                                                /* Ripple 1 Position */
                              position: absolute;
                              left: 20.35%;
                              top: 67.0%;
                              animation-delay: 0s;
                           }
                                 .point-1 .timeline-ripple{                         /* Ripple Animation delay */
                                    animation-delay: .2s;
                                    animation-duration: 2.1s;
                                 }

                           .point-2{                                                /* Ripple 2 Position */
                              position: absolute;
                              left: 30.850%;
                              top: 22.0%;
                              animation-delay: 2.8s;
                           }
                                 .point-2 .timeline-ripple{                            
                                    animation-delay: .8s;
                                    animation-duration: 2.1s;
                                 }
                           
                           .point-3{                                                 /* Ripple 3Position */
                              position: absolute;
                              left: 41.4%;
                              top: 67.0%;
                              animation-delay: 1.1s;
                           }
                                 .point-3 .timeline-ripple{
                                       animation-delay: 1.2s;
                                       animation-duration: 2.1s;
                                 }
                           
                              .point-4{                                              /* Ripple 4 Position */                          
                              position: absolute;
                              left: 51.80%;
                              top: 22.0%;
                              animation-delay: .75s;
                           }
                                 .point-4 .timeline-ripple{
                                       animation-delay: .6s;
                                       animation-duration: 2.1s;
                                 }
                           
                           .point-5{                                                 /* Ripple 5Position */
                              position: absolute;
                              left: 62.70%;
                              top: 67.0%;
                              animation-delay: 1.6s;
                           }
                                 .point-5 .timeline-ripple{
                                       animation-delay: 1.4s;
                                       animation-duration: 2.1s;
                                 }

                           .point-6{                                                 /* Ripple 6 Position */   
                              position: absolute;
                              left: 72.850%;
                              top: 22.0%;
                              animation-delay: .2s;
                           }
                                 .point-6 .timeline-ripple{
                                       animation-delay: .5s;
                                       animation-duration: 2.1s;
                                 }
                                                               
                                    .timeline-ripple{                               /* Ripple effect: expands and fades out */
                                       position: absolute;
                                       width: 11px;
                                       height: 11px;
                                       border: 2px solid rgba(255,255,255,0.9);
                                       border-radius: 50%;
                                       animation: ripplePulse 2.2s ease-out infinite;
                                    }

                                             @keyframes ripplePulse{                /* Ripple effect: expands and fades out */
                                                0%{
                                                   transform: scale(0.1);
                                                   opacity: 0;
                                                }
                                                10%{
                                                   opacity: 0.5;
                                                }
                                                100%{
                                                   transform: scale(4);
                                                   opacity: 0;
                                                }
                                             }
   /* #endregion SECTION 5 : CAREER */
   /* --------- SECTION 5 : CARRER END --*/



   /* #region SECTION 6 : WORKS */

      /* SECTION 6 : MASTER CONTAINER  */
      .section-6{
         display: flex;
         flex-direction: column;
         align-items: center;

         width: 100%;
         max-width: 1680px;

         margin-top: 3px;
         margin-left: auto;
         margin-right: auto;

         padding-top: 10px;
         padding-bottom: 0px;

         background-color: rgba(192,192,192,0.20);
      }

      /* SECTION 6 : HEADING BAND  */
      .sec6-heading{
         position: relative;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;

         width: 100%;
         height: 60px;
         font-family: Arial, sans-serif;

         background-color: rgba(44,127,213,0.95);

            box-shadow:
            0 8px 20px rgba(0,0,0,0.18),
            0 2px 6px rgba(0,0,0,0.28);
      }

         /* PEG BAR */
         .sec6-heading::after{
            content: "";
            position: absolute;

            left: 52%;
            bottom: -8px;

            transform: translateX(-35%);
            width: 40%;
            height: 33px;

               background-image: url('./05-Icons/pegbar.png');
               background-repeat: no-repeat;
               background-position: center;
               background-size: contain;

            opacity: 0.15;
            pointer-events: none;
         }

      /* SECTION 6 LABLE: " WORKS " */
         .sec6-label{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 15%;
            height: 35px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 35px;
            font-weight: bold;
            color: white;
            text-shadow:
            0 1px 8px rgba(255,255,255,0.5);
            background-color: transparent;
         }

      /* SECTION 6 TITLE: " CURATED PORTFOLIO " */
         .sec6-title{
            display: flex;
            justify-content: center;
            align-items: center;

            width: 80%;
            max-width: 1176px;
            height: 70px;

            padding-left: 22px;

            font-size: 23px;
            font-weight: 600;
            color: #fff;

            background-color: transparent;
         }

      /* SECTION 6 : INTRO BLOCK  */
      .sec6-intro-block{
         width: 94%;
         height: 175px;

         margin-top: 25px;
         margin-left: auto;
         margin-right: auto;

         background-color: rgba(248, 0, 0, 0);
      }

         /* SECTION 6 : IMPACT STRIP: PROJECT TITLES SCROLL  */
         .sec6-impact-strip{
            display: flex;
            justify-content: space-between;
            align-items: center;

            width: 94%;
            height: 140px;

            margin-top: 25px;

            margin-left: auto;
            margin-right: auto;

            padding-left: 20px;
            padding-right: 20px;

               background:linear-gradient(
                     rgba(241, 241, 241, 0.999),
                     rgba(241, 241, 241, 0.85)
                  ),
                  url('./03-Project Images/Doctor-shakehand-1blue.jpg');
            }

            .impact-box{
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               width: 15%;
               height: 105px;

               background:
                  linear-gradient(
                     180deg,
                     rgba(3,3,3,0.8) 0%,
                     rgba(4,4,4,0.7) 50%,
                     rgba(5,5,5,0.8) 100%
                  );

                  border-top: 3px solid rgba(53, 146, 245, .7);

                  border-top-left-radius: 15px;
                  border-top-right-radius: 15px;
                  border-bottom-left-radius:15px;
                  border-bottom-right-radius: 15px;
                  
                  box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
            }

                  .impact-number{
                     font-size: 34px;
                     font-weight: 700;
                     line-height: 1;

                     font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                     color: rgba(53, 146, 245,1);
                     /*-webkit-text-stroke: 1px rgba(0, 0, 0, 0.5); /*---- Outline around Impact Numbers ---*/
                  }

                  .impact-label{
                     margin-top: 10px;

                     font-size: 13px;
                     font-weight: 600;
                     letter-spacing: 3px;

                     font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                     color: rgba(255,255,255,0.4);
                  }


      /* SECTION 6 : CATEGORY MASTER BLOCK  */
      .sec6-category-block{
         width: 94%;

         margin-top: 35px;
         padding-bottom: 20px;
         margin-left: auto;
         margin-right: auto;

         background-color: rgba(192, 192, 192, 0.0);
      }

         /* CATEGORY : HEADING BAND ( GRAY BANDS ) */
         .sec6-category-band{
         display: flex;
         justify-content: flex-start;
         align-items: center;

         width: 100%;
         height: 55px;

         padding-top: 4px;
         padding-left: 22px;

         font-family: Arial, sans-serif;
         font-size: 15px;
         font-weight: 700;
         letter-spacing: 0.8px;
         color: rgba(255,255,255,0.82);

         background:
         linear-gradient(
            160deg,
            rgba(28,28,28,0.94) 0%,
            rgba(64,64,64,0.85) 35%,
            rgba(100,100,100,0.65) 75%,
            rgba(48,52,58,0.78) 100%
         );

         border-left: 8px solid rgba(44,127,213,0.95);
         border-bottom: 1px solid rgb(55, 152, 255,0.8);

         box-shadow:
         0 3px 5px rgba(0,0,0,0.8);

         text-transform: uppercase;
      }

               .sec6-band-title{
                  position: relative;
                  z-index: 2;
               }

               .sec6-band-meta{
                  margin-left: auto;
                  margin-right: 18px;

                  font-size: 10px;
                  font-weight: 500;
                  letter-spacing: 2px;

                  color: rgba(255,255,255,0.38);

                  text-transform: uppercase;
               }

         /* CATEGORY : CONTENT ROW */
         .sec6-category-content{
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            margin-top: 28px;
            gap: 24px;
         }

         /* SECTION 6 : EDITORIAL COPY SYSTEM  */
         .sec6-editorial-copy{
            position: relative;

            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;

            padding: 0px;

            font-family: Arial, sans-serif;
            font-size: 15.5px;
            line-height: 1.6;
            text-align: justify;

            color: rgb(0,0,0);

            background-color: rgba(210,210,210,0);
         }

         /* CATEGORY SPECIFIC EDITORIAL BLOCKS */

         /* INTRO */
            .editorial-intro{
               width: 100%;
               height: 175px;
            }

                  /* CATEGORY 01 : FEATURE FILMS */
                  .editorial-feature-films{
                     width: 52%;
                     height: 370px;
                  }

                  /* CATEGORY 02 : TV & BROADCAST */
                  .editorial-tv{
                     width: 32.5%;
                     height: 360px;
                     margin-top: -6px;
                  }

                  /* CATEGORY 03 : COMMERCIALS */
                  .editorial-commercials{
                     width: 100%;
                     height: 260px;
                  }

                  /* CATEGORY 04 : ORIGINAL IP */
                  .editorial-ip{
                     width: 52%;
                     height: 360px;
                  }

                  /* CATEGORY 05 : LEADERSHIP */
                  .editorial-leadership{
                     width: 100%;
                     height: 365px;
                  }


         /* SECTION 6 ; CATEGORY 01 : FEATURE FILMS  */
               
         /*   HERO PROJECT SETS  */
               .sec6-hero-image{
                  position: relative;
                  overflow: hidden;
                  width: 45%;
                  height: 360px;
                  background-color: rgba(120,120,120,0.35);
               }

                  .hero-project-set{
                     position: absolute;
                     inset: 0;
                     opacity: 0;
                     pointer-events: none;
                     transition: opacity 1.2s ease;
                  }

                     .active-project{
                        opacity: 1;
                        z-index: 5;
                        pointer-events: auto;
                     }

                        .hero-image{
                           position: absolute;
                           inset: 0;
                           width: 100%;
                           height: 100%;

                           object-fit: cover;
                           opacity: 0;
                        }

                      /* -- DEFAULT MONTAGE : 12 IMAGES -- */
                        #project-default .default-image{ animation: defaultMontage 48s infinite; }

                        #project-default .default-image:nth-child(1){ animation-delay: 0s; }
                        #project-default .default-image:nth-child(2){ animation-delay: 4s; }
                        #project-default .default-image:nth-child(3){ animation-delay: 8s; }
                        #project-default .default-image:nth-child(4){ animation-delay: 12s; }
                        #project-default .default-image:nth-child(5){ animation-delay: 16s; }
                        #project-default .default-image:nth-child(6){ animation-delay: 20s; }
                        #project-default .default-image:nth-child(7){ animation-delay: 24s; }
                        #project-default .default-image:nth-child(8){ animation-delay: 28s; }
                        #project-default .default-image:nth-child(9){ animation-delay: 32s; }
                        #project-default .default-image:nth-child(10){ animation-delay: 36s; }
                        #project-default .default-image:nth-child(11){ animation-delay: 40s; }
                        #project-default .default-image:nth-child(12){ animation-delay: 44s; }

                              @keyframes defaultMontage{
                                 0%{ opacity: 0; transform: scale(1); }
                                 8%{ opacity: 1; }
                                 16%{ opacity: 1; transform: scale(1.05) translateX(-1%); }
                                 24%{ opacity: 0; }
                                 100%{ opacity: 0; transform: scale(1.08) translateX(-2%); }
                              }

                        /* -- INDIVIDUAL PROJECTS : 5 IMAGES -- */
                        .hero-project-set:not(#project-default) .hero-image{ animation: heroDissolve 20s infinite; }

                        .hero-project-set:not(#project-default) .hero-image:nth-child(1){ animation-delay: 0s; }
                        .hero-project-set:not(#project-default) .hero-image:nth-child(2){ animation-delay: 4s; }
                        .hero-project-set:not(#project-default) .hero-image:nth-child(3){ animation-delay: 8s; }
                        .hero-project-set:not(#project-default) .hero-image:nth-child(4){ animation-delay: 12s; }
                        .hero-project-set:not(#project-default) .hero-image:nth-child(5){ animation-delay: 16s; }

                              @keyframes heroDissolve{
                                 0%{ opacity: 0; transform: scale(1); }
                                 15%{ opacity: 1; }
                                 35%{ opacity: 1; transform: scale(1.06) translateX(-1%); }
                                 50%{ opacity: 0; }
                                 100%{ opacity: 0; transform: scale(1.08) translateX(-2%); }
                              }

               /* FILM STRIP  */
               .sec6-film-strip{
                  overflow: hidden;
                  width: 100%;
                  margin-top: 20px;
                  padding-bottom: 24px;
               }

                     .sec6-film-grid{
                        display: flex;
                        gap: 18px;
                        width: max-content;
                        animation: filmStripScroll 45s linear infinite;
                     }

                              @keyframes filmStripScroll{ from{ transform: translateX(0); }
                                 to{ transform: translateX(calc(-278px * 12)); }
                              }
                                    .sec6-film-strip:hover .sec6-film-grid{ animation-play-state: paused;}


               /* FILM THUMBNAILS */
               .film-thumb{
                  position: relative;
                  overflow: visible;
                  flex: 0 0 260px;
                  height: 140px;
                  cursor: pointer;
                  background-color: rgba(90,90,90,0.22);
               }

                  .film-thumb-image{
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
                     border-radius: 4px;
                     transition:
                     transform 0.8s ease,
                     filter 0.8s ease;
                  }

                     .film-thumb-overlay{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: absolute;
                        left: 0;
                        bottom: -22px;
                        width: 100%;

                        opacity: 0;
                        transition: opacity 1.0s ease;
                     }

                        .film-thumb-client{
                           font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                           font-size: 14px;
                           font-weight: 500;
                           letter-spacing: 1.3px;

                           text-transform: uppercase;
                           color: rgb(43,43,43);
                        }

                        /* HOVER  */
                           .film-thumb:hover .film-thumb-overlay{ opacity: 1; }
                           .film-thumb:hover .film-thumb-image{ transform: scale(1.06); filter: brightness(1.08);}


         /* SECTION 6; CATEGORY 02 : TV & BROADCAST CONTENT  */
         /* TV SCROLLING STRIP  */
         .sec6-tv-strip{
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            height: 175px;
            margin-top: 2px; margin-bottom: 0px;
            background-color: rgba(100,100,100,0);
            overflow: visible;
            isolation: isolate;

            contain: layout paint;
         }
               
            .sec6-tv-strip-inner{
               display: flex;
               align-items: center;
               position: absolute;
               top: 12px; 
               gap: 0;
               left: 0;
               width: 14400px;
               height: 140px;

               will-change: transform;
                  
               background-color: rgba(40,40,40,0);

                  animation: tvStripScroll 90s linear infinite;
               }

                     @keyframes tvStripScroll{
                        from{ transform: translateX(-4800px); }
                        to{ transform: translateX(0px); }
                     }

                     .tv-strip-image{
                        width: 2400px;
                        height: 140px;

                        object-fit: cover;
                        display:block;

                        flex-shrink: 0;
                        filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
                     }

                     .sec6-tv-thumbnails{
                        width: 950px;
                        height: 360px;

                        object-fit: cover;
                        display: block;

                        background-color: rgba(135,135,135,0);
                        /*background-color: transparent; */
                     }

                           .tv-thumb-grid{
                              display: flex;
                              align-items: flex-start;

                              gap: 4px;

                              width: 100%;
                              height: 100%;

                              
                           }

                           .tv-thumb-card{
                              display: flex;
                              flex-direction: column;
                              justify-content: flex-start;

                              width: 185px;
                              height: 349px;

                              flex-shrink: 0;
                           }

                              .tv-show-title{
                                 display: flex;
                                 flex-direction: column;
                                 justify-content: center;
                                 align-items: center;

                                 width: 185px;
                                 height: 52px;

                                 padding: 0px 10px;
                                 box-sizing: border-box;
                                 background-color: rgb(75, 75, 75);
                                 box-shadow: 0px 4px 5px rgba(0,0,0,0.5);
                                 
                                 font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                                 font-size: 15px;
                                 line-height: 18px;
                                 font-weight: 500;
                                 letter-spacing: 0.3px;
                                 text-align: center;

                                 color: rgba(255,255,255,0.92);
                                 border-left: 4px solid rgba(44,127,213,0.95);
                                 
                                 flex-shrink: 0;
                              }

                              .tv-show-image{
                                 width: 185px;
                                 height: 125px;
                                 margin-top: 4px;

                                 background-color: rgba(120,120,255,0);
                                 flex-shrink: 0;
                              }

                              .tv-show-info{
                                 width: 185px;
                                 height: 183px;

                                 padding: 3px 12px;

                                 box-sizing: border-box;

                                 background-color: rgba(206, 206, 206, 0.5);

                                 flex-shrink: 0;
                              }

                              .tv-info-label{
                                 margin-top: 9px;

                                 font-size: 10px;
                                 line-height: 12px;
                                 font-weight: 600;
                                 
                                 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                                 letter-spacing: 0.5px;
                                 text-transform: uppercase;

                                 color: rgba(0, 0, 0, 0.48);
                              }

                              .tv-info-text{
                                 margin-top: 0px;

                                 font-size: 10px;
                                 line-height: 15px;
                                 font-weight: 400;

                                 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                                 color: rgba(0, 0, 0, 1);
                              }


         /* SECTION 6; CATEGORY 03 : COMMERCIALS  */
            .sec6-commercial-grid{
               display: flex;
               flex-wrap: wrap;
               justify-content: space-between;
               width: 100%;
               margin-top: 14px;
               row-gap: 10px;


               max-width: 1120px;
               margin-left: auto;
               margin-right: auto;
               }

         /*-- COMMURCIAL 8 BOXES -- */
            .commercial-box{
               position: relative;
               width: 23.4%;
               aspect-ratio: 4 / 3;
               margin-bottom: 14px;
               overflow: hidden;
               background-color: rgba(70,70,70,0.32);

               box-shadow:
               0 4px 10px rgba(0,0,0,0.28);
               border-radius: 6px;

               isolation: isolate;
            }

                  /*-- When Mouse hoves on 8 Boxes, all becomes softer effect --*/
                  .commercial-box{
                     position: relative;
                     cursor: pointer;
                     box-shadow:
                     0 4px 10px rgba(0,0,0,0.28);

                     transition:
                     transform 0.35s ease,
                     filter 0.35s ease,
                     opacity 0.35s ease;
                  }

                        .sec6-commercial-grid:hover .commercial-box{
                           opacity: 0.72;
                        }
                        .sec6-commercial-grid:hover .commercial-box:hover{
                           opacity: 1;
                        }

                  /*-- When the selected Box Play Video, Shadow enhance then --*/
                           .commercial-box.playing{
                              box-shadow: 0 12px 12px rgba(0,0,0,0.46);
                              opacity: 1 !important;
                              z-index: 20;
                           }

                  .commercial-poster,
                   
                  .commercial-video{
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
                     
                     transition: opacity 0.5s ease;
                  }

                  .commercial-poster{
                   z-index: 1;
                  }

                  .color-poster{
                     opacity: 0;
                     transition: opacity 0.35s ease;
                  }

                  .commercial-box:hover .color-poster{
                     opacity: 1;
                  }

                  .commercial-video{
                     opacity: 0;
                     pointer-events: none;
                     z-index:3;
                     background-color: black;
                  }

                     .commercial-box::after{
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;

                        pointer-events: none;

                        background:
                        repeating-linear-gradient(
                           to bottom,
                           rgba(255,255,255,0.2) 0px,
                           rgba(255,255,255,0.2) 1px,
                           transparent 1px,
                           transparent 3px
                        );

                        opacity: 0.4;
                        z-index: 5;
                        mix-blend-mode: soft-light;
                     }

            .sec6-commercial-text{
               margin-top: 15px;
            }

                  /*-- STOP / PLAY BUTTON --*/
                  .commercial-controls{
                     width: 100%;
                     max-width: 1120px;
                     margin-left: auto;
                     margin-right: auto;
                     margin-top: 16px; margin-bottom: 12px;
                     display: flex;

                     justify-content: flex-end;
                  }

                        .stop-all-btn{
                           background: rgba(184, 184, 184, 0.329);
                           border: 1px solid rgba(121, 120, 120, 0.411);
                           color: rgb(124, 124, 124);

                           padding:2px 10px;
                           font-size: 9px;
                           letter-spacing: 1.5px;
                           cursor: pointer;

                           transition:
                           background 0.3s ease,
                           color 0.3s ease,
                           border-color 0.3s ease;
                        }

                              .stop-all-btn:hover{
                                 background: rgba(255, 0, 0, 0.12);
                                 color: rgba(0, 0, 0, 0.92);
                                 border-color: rgba(255, 0, 0, 0.733);
                              }


         /* SECTION 6; CATEGORY 04 : ORIGINAL IP  */
         .sec6-ip-posters{
            width: 55%;
            height: 360px;
            background-color: rgba(95,95,95,0.30);

            overflow: hidden;
            position: relative;
         }
               .sec6-ip-posters::after{
                  content: '';
                  position: absolute;
                  inset: 0;

                     background:
                     linear-gradient(
                        to bottom,
                        rgba(0, 71, 119, 0.1),
                        rgba(0, 42, 90, 0.87)
                     );

                        pointer-events: none;
                        z-index: 5;
               }

               .sec6-ip-image{
                  position: absolute;
                  inset: 0;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  opacity: 0;

                  transition:
                  opacity 2.8s ease;

                  display: block;

                  transform: scale(1);
                        animation:
                        ipBreathing 14s ease-in-out infinite;
               }

                        @keyframes ipBreathing{
                           0%{ transform: scale(1); }
                           50%{ transform: scale(1.045); }
                           100%{ transform: scale(1); }
                        }

               .sec6-ip-image.active{
                  opacity: 1;
               }
                           

         /* SECTION 6; CATEGORY 05 : LEADERSHIP  */
         .sec6-leadership-visual{
            width: 87%;
            aspect-ratio: 3.15 / 1;

            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            background-color: rgba(85,85,85,0.25);
            position: relative;
            overflow: hidden;
            isolation: isolate;

               box-shadow:
                  0 12px 26px rgba(0,0,0,0.22),
                  0 3px 10px rgba(0,0,0,0.28);
            }

               .sec6-leadership-visual::after{
                  content: "";
                  position: absolute;
                  inset: 0;
                  pointer-events: none;
                  z-index: 6;
                  opacity: 0.26;

                     background:
                     repeating-linear-gradient( to bottom,
                        rgba(255,255,255,0.3) 0px,
                        rgba(255,255,255,0.3) 1px,
                        transparent 1px,
                        transparent 3px
                  );

                  mix-blend-mode: soft-light;
               }

               .sec6-leadership-image{
                  position: absolute;
                  inset: 0;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  opacity: 0;

                  transition:
                  opacity 3s ease;
                  display: block;

                  transform: scale(1);
                  animation:
                  leadershipBreathing 18s ease-in-out infinite;
               }

                     .sec6-leadership-image.active{
                        opacity: 1;
                     }

                     @keyframes leadershipBreathing{
                        0%{ transform: scale(1); }
                        50%{ transform: scale(1.035); }
                        100%{ transform: scale(1); }
                     }
                     
/* #endregion SECTION 6 : WORKS */
   /* ------- SECTION 6 : WORKS END --*/



   /* #region SECTION 7 : AWARDS */

   /*.section-7
   │
   └── .sec7-container
      Main centered content container
      │
      ├── .sec7-heading
      │     Blue section heading band
      │
      ├── .sec7-intro
      │     Editorial opening copy
      │
      ├── .sec7-awards-list
      │     Atmospheric archive viewport / visual frame
      │     │
      │     ├── .sec7-awards-bg
      │     │     Dissolving cinematic archive imagery
      │     │
      │     └── .sec7-awards-scroll
      │           Scrollable awards archive
      │           │
      │           └── .sec7-award-row
      │                 Individual award entry grid
      │                 │
      │                 ├── .sec7-award-year
      │                 ├── .sec7-award-details
      │                 └── .sec7-award-role
      │
      └── .sec7-note
            Collaborative contribution disclaimer / footnote
   ========================================================================================= */


   /*-- Main Section Wrapper / Background Atmosphere --*/
   .section-7{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-top: 3px;
      padding-bottom: 120px;

         background:
         linear-gradient(
            to bottom,
            rgba(8,8,10,0.88),
            rgba(12,12,14,1)
         );
   }

   /*-- SECTION 7 INNER CONTENT CONTAINER: Controls overall content width & centering --*/
      .sec7-container{
         width: 92%;
         max-width: 1580px;
         margin-left: auto;
         margin-right: auto;
         padding-top: 70px;
      }

      /*-- SECTION 7 INTRO / EDITORIAL COPY: Controls readable text width & spacing --*/
            .sec7-intro{
            width: 69%;
            max-width: 1180px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 80px;
         }

               .sec7-intro p{
                  letter-spacing: 0.4px;
                  color: rgba(184, 184, 184, 0.72);
                  margin-bottom: 28px;

                  font-family: Arial, sans-serif;
                     font-size: 15.5px;
                     line-height: 1.6;
                     text-align: justify;
               }

      /*-- AWARDS ARCHIVE VIEWPORT: Main visual frame / atmospheric container --*/
         .sec7-awards-list{
            width: 100%;
            height: 340px;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            
            background-color: rgba(0,0,0,0.72);
               
            border:
            1px solid rgba(255,255,255,0.08);
            border-radius: 8px;
         }

                     /*-- AWARDS ARCHIVE SCROLL SYSTEM: Scrollable content layer above atmosphere --*/
                           .sec7-awards-scroll{
                              position: relative;
                              height: 100%;
                              padding-right: 18px;
                              overflow-y: auto;
                              overflow-x: hidden;
                              z-index: 3;
                        }

                        /*-- CUSTOM ARCHIVE SCROLLBAR --*/
                           .sec7-awards-scroll::-webkit-scrollbar{ width: 8px;}
                           .sec7-awards-scroll::-webkit-scrollbar-track{ background: rgba(255,255,255,0.04); }
                           .sec7-awards-scroll::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.18); border-radius: 20px; }
                           .sec7-awards-scroll::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,0.28); }
               
                        /*-- ATMOSPHERIC BACKGROUND IMAGERY: Dissolve + breathing archive visuals --*/
                           .sec7-awards-bg{
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                              object-fit: cover;
                              object-position: center center;
                              opacity: 0;

                                 filter:
                                 grayscale(100%)
                                 brightness(0.25);

                                 pointer-events: none;
                                 z-index: 1;

                                 transition: opacity 4s ease-in-out;

                                 transform: scale(1);
                                 transform-origin: center center;

                                 animation: sec7AwardsBreathing 22s ease-in-out infinite;
                              }

                                 /*-- ARCHIVE ATMOSPHERIC BREATHING ANIMATION --*/
                                    .sec7-awards-bg.active{ opacity: 0.32; }
                                       @keyframes sec7AwardsBreathing{
                                       0%{ transform: scale(1); }
                                       50%{ transform: scale(1.055); }
                                       100%{ transform: scale(1); }
                                    }


   /*-- ROW, YEAR, DETAILS, & ROLE --*/
         /* ROW */
         .sec7-award-row{
            display: grid;
            grid-template-columns: 120px
            minmax(420px, 1.2fr)
            minmax(220px, 0.7fr);
            column-gap: 70px;
            align-items: start;

            padding-top: 38px;
            padding-bottom: 38px;
            padding-left: 100px;
            padding-right: 56px;

            border-top:
            1px solid rgba(255,255,255,0.08);
            position: relative;
            z-index: 2;
         }

            .sec7-award-row:last-child{
               border-bottom:
               1px solid rgba(255,255,255,0.08);
            }

         /* YEAR */
         .sec7-award-year{
            width: 140px;
            flex-shrink: 0;
            font-family: Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 2px;
            color: rgba(120,170,255,0.92);
         }

         /* DETAILS */
         .sec7-award-details h3{
            font-family: Arial, sans-serif;
            font-size: 28px;
            font-weight: 400;
            letter-spacing: 1px;
            color: rgba(255,255,255,0.92);
            margin-bottom: 10px;
            margin-left: 20px;
         }

         .sec7-award-details p{
            font-family: Arial, sans-serif;
            font-size: 16px;
            line-height: 1.7;
            color: rgba(255,255,255,0.62);
            margin-bottom: 10px;
            margin-left: 20px;
         }

         .sec7-award-role{
            display: flex;
            align-items: center;
            font-family: Arial, sans-serif; font-size: 12px;
            margin-top: 44px;;
            letter-spacing: 1.8px;
            line-height: 1.7;
            text-transform: uppercase;
            color: rgba(255,255,255,0.34);
         }

         
         /*-- FOOTNOTE -- */
         .sec7-note{
            margin-top: 70px;

            font-family: Arial, sans-serif;

            font-size: 13px;
            line-height: 1.8;
            letter-spacing: 1px;

            color: rgba(255,255,255,0.36);
         }

   /* #endregion SECTION 7 : AWARDS */
   /* ------- SECTION 7 : AWARDS END --*/



   /* #region SECTION 8 : NEWS & MEDIA */
   /* SECTION 8 : NEWS & MEDIA
      .section-8
      │
      └── .sec8-container
         Main centered content container
         │
         ├── .sec8-heading
         │     Blue section heading band
         │
         ├── .sec8-intro
         │     Editorial opening copy
         │
         ├── .sec8-media-timeline
         │     Editorial archive timeline wrapper
         │     │
         │     └── .sec8-media-row
         │           Individual publication entry
         │           │
         │           ├── .sec8-media-year
         │           ├── .sec8-media-publication
         │           ├── .sec8-media-headline
         │           ├── .sec8-media-context
         │           └── .sec8-media-link
         │
         └── .sec8-note
               Editorial archive continuation / reference note

      ========================================================================================= */


   /*-- MAIN SECTION WRAPPER --*/
   .section-8{
      width: 100%;

      padding-top: 40px;
      padding-bottom: 140px;

      background:
      linear-gradient(
         to bottom,
         rgba(12,12,14,1),
         rgba(18,18,20,1)
      );
   }

   /*-- INNER CONTENT CONTAINER --*/
   .sec8-container{
      width: 92%;
      max-width: 1580px;

      margin-left: auto;
      margin-right: auto;
   }

      /*-- SECTION HEADING BAND --*/
      .sec8-heading{
         width: 100%;
         padding-top: 22px;
         padding-bottom: 22px;
         padding-left: 34px;
         margin-bottom: 90px;

         background:
         linear-gradient(
            to right,
            rgba(28,78,160,0.95),
            rgba(10,18,32,0.95)
         );

         border-left:
         3px solid rgba(120,170,255,0.9);
      }

      .sec8-label{
         font-family: Arial, sans-serif;
         font-size: 13px;
         letter-spacing: 3px;
         color: rgba(255,255,255,0.72);

         margin-bottom: 10px;
      }

      .sec8-title{
         font-family: Arial, sans-serif;
         font-size: 25px;
         font-weight: 300;
         letter-spacing: 2px;

         line-height: 1.3;
         color: rgba(255,255,255,0.94);
      }

      /*-- SECTION 8 INTRO COPY --*/
      .sec8-intro{
         width: 70%;
         max-width: 1180px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 110px;
      }

      .sec8-intro p{
         margin-bottom: 28px;
         font-family: Arial, sans-serif;
         font-size: 15.5px;
         line-height: 1.75;
         letter-spacing: 0.35px;
         text-align: justify;
         color: rgba(205,205,205,0.72);
      }

      /*-- MEDIA EDITORIAL VIEWPORT --*/
      .sec8-media-timeline{
         width: 100%;
         margin-top: 30px;
      }

            /*-- MEDIA TIMELINE WRAPPER --*/
               .sec8-media-timeline{
                  position: relative;
               }

               /*-- HORIZONTAL MEDIA TRACK --*/
               .sec8-media-track{
                  display: flex;
                  gap: 55px;

                  overflow-x: auto;
                  overflow-y: hidden;

                  scroll-behavior: smooth;
                  scrollbar-width: none;
               }


               .sec8-media-track::-webkit-scrollbar{
                  display: none;
               }

               /*-- CENTER FOCUS ATMOSPHERIC MASK --*/
               .sec8-center-focus-fade{
                  position: absolute;
                  inset: 0;
                  z-index: 20;
                  pointer-events: none;

                  background:
                  linear-gradient(
                     to right,
                     rgba(10,10,12,0.95) 0%,
                     rgba(10,10,12,0.45) 12%,
                     rgba(10,10,12,0.0) 28%,

                     rgba(10,10,12,0.0) 72%,
                     rgba(10,10,12,0.45) 88%,
                     rgba(10,10,12,0.95) 100%
                  );
               }


               /*-- NAVIGATION ARROWS --*/
               .sec8-arrow{
                  position: absolute;
                  top: 42%;
                  width: 52px;
                  height: 52px;
                  border: none;
                  border-radius: 50%;

                  cursor: pointer;
                  z-index: 30;

                  font-size: 26px;
                  font-weight: 300;
                  color: rgba(255,255,255,0.78);
                  background:
                  rgba(28,28,32,0.78);

                  backdrop-filter:
                  blur(4px);
                  transition:
                  all 0.35s ease;
               }

               /* LEFT */
               .sec8-arrow-left{
                  left: -24px;
               }

               /* RIGHT */
               .sec8-arrow-right{
                  right: -24px;
               }

               /* HOVER */
               .sec8-arrow:hover{
                  color: rgba(255,255,255,1);

                  background:
                  rgba(52,82,140,0.92);

                  transform:
                  scale(1.08);
               }

         /*-- INDIVIDUAL MEDIA CARD --*/
         .sec8-media-card{
            position: relative;
            flex: 0 0 320px;
            background: rgba(42,42,46,0.96);
            border: 1px solid rgba(255,255,255,0.06);

            overflow: hidden;

               clip-path:
               polygon(
                  0 0,
                  100% 0,
                  100% calc(100% - 34px),
                  calc(100% - 34px) 100%,
                  0 100%
               );
         }

            /*-- GRAPHIC PAPER FOLD TRIANGLE --*/
            .sec8-media-card::after{
               content: "";
               position: absolute;
               right: 0;
               bottom: 0;
               width: 0;
               height: 0;
               border-style: solid;
               border-width:
               0 0 35px 35px;

               border-color:
               transparent
               transparent
               rgba(61, 61, 61, 0.95)
               transparent;

               z-index: 50;

               transform:
               translate(2px,2px)
               rotate(180deg);

               filter:
               drop-shadow(4px 0px 2px rgba(0,0,0,0.30));
            }
              
      /*-- IMAGE AREA --*/
      .sec8-card-image{
         position: relative;
         width: 100%;
         height: 180px;
         overflow: hidden;
         padding: 6px;
         box-sizing: border-box;
      }

      .sec8-card-image img{
         width: 100%;
         height: 100%;
         object-fit: cover;
         filter:
         grayscale(100%)
         brightness(0.2);
         transform: scale(1);
         transition: all 0.8s ease;
      }

         /*-- BLUE ATMOSPHERIC OVERLAY --*/
         .sec8-card-overlay{
            position: absolute;

            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;

            background:
            rgba(24, 89, 221, 0.4);

            transition: opacity 0.8s ease;
         }

         /*-- PUBLICATION LABEL --*/
         .sec8-card-publication{
            position: absolute;
            left: 24px;
            bottom: 22px;
            z-index: 3;
            font-family: Arial, sans-serif;

            font-size: 13px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.88);

            text-shadow:
            1px 4px 5px rgba(0,0,0,1);
         }

         /*-- CARD CONTENT AREA --*/
         .sec8-card-content{
            padding:
            15px
            26px
            15px;
         }

         /*-- DATE TAG --*/
         .sec8-card-date{
            position: relative;
            display: inline-block;
            min-width: 122px;
            text-align: center;
            margin-bottom: 14px;
            padding: 8px 10px;

            font-family: Arial, sans-serif;
            font-size: 13px;
            letter-spacing: 1px;
            color: rgba(255,255,255,0.82);

            background:
            rgba(25, 98, 243, 0.473);
            
         }

            /*-- ARCHIVE LINK --*/
               .sec8-card-link{
                  display: inline-block;
                  margin-top: 35px;
                  font-family: Arial, sans-serif;
                  font-size: 10px;
                  letter-spacing: 1px;
                  color: rgb(120, 170, 255);
                  text-decoration: none;
                  transition:
                  color 0.3s ease,
                  transform 0.3s ease;
               }

                  .sec8-card-link:hover{
                     color: rgba(170,210,255,1);
                     transform:
                     translateX(3px);
                  }

               /*-- DATE EXTENDED EDITORIAL LINE --*/
                  .sec8-card-date::after{
                     content: "";
                     position: absolute;
                     top: 95%;
                     left: calc(100% + 0px);
                     width: 140px;
                     height: 1px;
                     background:
                     rgba(25, 98, 243, 0.473);
                  }

         /*-- ARTICLE TITLE --*/
         .sec8-card-title{
            min-height: 80px;
            margin-bottom: 5px;

            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 18px;
            font-weight: 300;
            line-height: 1.35;
            color: rgba(255,255,255,0.92);
         }

         /*-- ARTICLE TEXT --*/
         .sec8-card-text{
            font-family: Arial, sans-serif;
            font-size: 14px;
            line-height: 1.6;
            color: rgba(205,205,205,0.5);
         }

            /*-- HOVER ATMOSPHERIC REVEAL --*/
            .sec8-media-card:hover .sec8-card-image img{
               filter:
               grayscale(40%)
               brightness(0.62);

               transform: scale(1.04);
            }

               .sec8-media-card:hover .sec8-card-overlay{
                  opacity: 0.15;
               }

      /*-- FOOTNOTE --*/
      .sec8-note{
         width: 88%;
         margin-top: 80px;
         margin-left: auto;
         margin-right: auto;

         font-family: Arial, sans-serif;
         font-size: 13px;
         line-height: 1.8;
         letter-spacing: 0.8px;
         color: rgba(255,255,255,0.34);
      }

/* #endregion SECTION 8 : NEWS & MEDIA */
   /*-------- SECTION 8 : NEWS & MEDIAEND --*/


   /* #region SECTION 9 : CONTACT */

   /*-- INNER CONTENT CONTAINER --*/
.sec9-container{
   width: 92%;
   max-width: 1580px;

   margin-left: auto;
   margin-right: auto;
}

   .sec9-contact{
   width: 100%; /* added on my own*/
   min-height: auto;
   padding: 0;
   margin-top: 4px;
   background: rgb(245,245,245); /*background: rgb(245,245,245);*/
   overflow: visible;
}

   .sec9-contact-layout{
      display: flex;
   }

      /*-- SECTION 9 HEADING --*/
      .sec9-heading{
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;

         width: 100%; 
         height: 60px;
         margin-left: 0px;
         font-family: Arial, sans-serif;
         background-color: #2981d9;

         box-shadow:
         0px 4px 8px rgba(0,0,0,0.8);

         position: relative;
         overflow: hidden;

         z-index: 5;
       }















         /* #region HEADING ELEMENTS */
            /*-- PEG BAR ON THE BLUE BAND --*/
            .sec9-heading::after{
               content: "";
               position: absolute;
               left: 50%;
               bottom: -8px;

               transform: translateX(-35%);
               width: 40%;
               height: 33px;
               background-image: url('./05-Icons/pegbar.png');

               background-repeat: no-repeat;
               background-position: center;
               background-size: contain;

               opacity: 0.15;
               pointer-events: none;
            }

            /*-- HEADING LEFT LABEL --*/
            .sec9-label{
               display: flex;
               justify-content: center;
               align-items: center;
               width: 15%;
               height: 35px;
               padding-left: 50px;

               font-family: Verdana, Geneva, Tahoma, sans-serif;
               font-size: 35px;
               font-weight: bold;
               color: #ffffff;

               text-shadow:
               0 1px 8px rgba(255,255,255,0.5);
            }

            /*-- HEADING RIGHT TITLE --*/
            .sec9-title{
               display: flex;
               justify-content: center;
               align-items: center;
               width: 80%;
               height: 70px;
               padding-left: 22px;

               font-size: 25px;
               font-weight: 600;
               color: #ffffff;

               background-color: transparent;
            }
         /* #endregion HEADING ELEMENTS */

      
         /* #region IMAGE PANEL & IMAGE --*/
         /*-- LEFT IMAGE PANEL --*/
         .sec9-image-panel{
            position:sticky;           /* FOr making image Sticky */
            top:95px;                  /* FOr making image Sticky */
            align-self: flex-start;    /* FOr making image Sticky */

            flex: 0 0 30%;
            overflow: hidden;
            margin-left: 0px; /* added on my own */
            }

            /*-- CONTACT IMAGE --*/
            .sec9-contact-image{
               width: 100%;
               height:auto;
               max-height: 85vh;

               object-fit: cover;
               object-position: center;

               display: block;
            }
      /* #endregion IMAGE PANEL & IMAGE */

      
         /* #region EDITORIAL CONTENT */
            /*-- RIGHT CONTENT PANEL --*/
            .sec9-content-panel{
               position: relative;
               flex: 0 0 70%;
               padding: 50px 80px 90px 80px;

               background: rgb(245, 245, 245);
            }


            /*-- EDITORIAL CONTENT --*/
            .sec9-editorial-content{
               position: relative;
               z-index: 2;

               max-width: 850px;
            }

                  /*-- INTRODUCTORY COPY --*/
                  .sec9-intro-copy{
                     margin-bottom: 26px;
                     font-family: Arial, sans-serif;
                     font-size: 17px;
                     line-height: 1.7;

                     color: rgba(25,25,25,0.85);
                     text-align: justify;
                  }
            

            /*-- LET'S CONNECT --*/
            .sec9-main-heading{
               margin-bottom: 32px;
               text-align: right;

               font-family: Georgia, serif;
               font-size: 48px;
               font-weight: 300;
               line-height: 1.1;

               color:
               rgb(28,28,32);
            }
         

            /*-- DECORATIVE QUOTE MARK --*/
            .sec9-quote-mark{
               position: absolute;
               top: 10px; right:auto; left:60px;
               font-family:sGeorgia, serif;
               font-size: 260px;
               line-height: 1;
               color:
               rgba(25,98,243,0.08);

               pointer-events: none;
               user-select: none;
               z-index: 1;
            }

            .sec9-quote-close{
               position: absolute;
               right: -17px;
               bottom: -235px;
               font-family: Georgia, serif;
               font-size: 260px;
               line-height: 1;

               color: rgba(25,98,243,0.08);

               pointer-events: none;
               user-select: none;
            }

         /* #endregion EDITORIAL CONTENT */


      /* #region AREAS OF INTEREST */
      /*-- AREAS OF INTEREST : SECTION --*/
      .sec9-interest-section{
         margin-top: 100px;
         padding:0;
         background-color: rgba(0,0,0,0.03);
         border-radius: 6px;
      }

         /*-- AREAS OF INTEREST : HEADING --*/
         .sec9-interest-heading{
            margin-bottom: 20px;
            padding-top:20px; 
            font-family: Arial, sans-serif;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgb(25,98,243);
            text-transform: uppercase;
            text-align: center;
            }
            
            /*-- AREAS OF INTEREST GRID --*/
            .sec9-interest-grid{
               display: grid;
               grid-template-columns: 1fr 1fr;
               column-gap: 30px;
               row-gap: 10px;
               justify-content: center;
               max-width: 700px;
               margin: 0 auto;
            }
               
                  /*-- AREAS OF INTEREST ITEMS --*/
                  .sec9-interest-item{
                     position: relative;
                     font-family: Arial, sans-serif;
                     font-size: 16px;
                     font-weight: 500;
                     line-height: 1;
                     color: rgba(25,25,25,0.88);
                     padding-left: 18px;
                     padding-bottom: 15px;
                  }


                     /*-- AREAS OF INTEREST MARKER --*/
                     .sec9-interest-item::before{
                        content: "";
                        position: absolute;
                        left: 0; top: 5px;
                        width: 6px; height: 6px;
                        border-radius: 50%;
                        background-color: rgb(25,98,243);
                     }
         /* #endregion AREAS OF INTEREST */
      
         
      /* #region CONNECT & COLLABORATE */

         /*-- CONNECT SECTION --*/
         .sec9-connect-section{
            margin-top: 10px;
            padding-top: 25px; Padding-bottom: 15px;
            text-align: center;
         }

         /*-- CONNECT HEADING --*/
         .sec9-connect-heading{
            margin-bottom: 10px;
            font-family: Arial, sans-serif;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgb(25,98,243);
            text-transform: uppercase;
         }

         /*-- NAME --*/
         .sec9-contact-name{
            margin-bottom: 35px;
            font-family: Georgia, serif;
            font-size: 24px;
            font-weight: 400;
            color: rgb(28,28,32);
         }

         /*-- CONTACT GROUP --*/
         .sec9-contact-group{
            margin-bottom: 10px;
         }

         /*-- CONTACT LABEL --*/
         .sec9-contact-label{
            margin-bottom: 6px;
            font-family: Arial, sans-serif;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgb(25,98,243);
            text-transform: uppercase;
         }

         /*-- EMAIL --*/
         .sec9-contact-email{
            margin-bottom: 12px;
            font-family: Arial, sans-serif;
            font-size: 17px;
            color: rgba(25,25,25,0.88);
         }

         /*-- LINKEDIN --*/
         .sec9-contact-linkedin{
         font-family: Arial, sans-serif;
         font-size: 17px;
         color: rgba(25,25,25,0.88);
      }

   /* #endregion CONNECT & COLLABORATE */


      /* #region FORM : SECTION */

      /*-- FORM SECTION --*/
         .sec9-form-section{
            margin-top: 40px;
            padding: 35px 50px 40px 50px;
            background-color: rgba(0,0,0,0.03);
            border-radius: 6px;
         }

      /*-- FORM HEADING --*/
         .sec9-form-heading{
            margin-bottom: 30px;
            font-family: Arial, sans-serif;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgb(25,98,243);
            text-transform: uppercase;
            text-align: center;
         }

         /*-- CONTACT FORM --*/
            .sec9-contact-form{
               display: flex;
               flex-direction: column;
               gap: 24px;
            }

         /*-- FORM GROUP --*/
            .sec9-form-group{
               display: grid;
               grid-template-columns: 180px 1fr;
               align-items: center;
               column-gap: 35px;
            }

         /*-- FORM LABEL --*/
            .sec9-form-label{
               font-family: Arial, sans-serif;
               font-size: 12px;
               font-weight: 600;
               letter-spacing: 1.5px;
               text-transform: uppercase;

               color: rgba(25,25,25,0.88);
            }

               /*-- FORM INPUTS --*/
                  .sec9-form-input,
                  .sec9-form-select{
                     width: 100%;
                     padding: 6px 12px;
                     font-family: Arial, sans-serif;
                     font-size: 13px;
                     color: rgba(25,25,25,0.88);

                     border: 1px solid rgba(0,0,0,0.12);
                     border-radius: 4px;

                     background-color: rgba(255,255,255,0.90);
                     box-sizing: border-box;
                  }

                  /*-- FORM TEXTAREA --*/
                  .sec9-form-textarea{
                     width: 100%;
                     height: 140px;
                     padding: 12px;
                     font-family: Arial, sans-serif;
                     font-size: 13px;
                     color: rgba(25,25,25,0.88);

                     border: 1px solid rgba(0,0,0,0.12);
                     border-radius: 4px;

                     background-color: rgba(255,255,255,0.90);
                     resize: vertical;
                     box-sizing: border-box;
                  }

            /*-- FORM BUTTON --*/
            .sec9-form-button{
               margin-top: 10px;
               padding: 12px 28px;
               font-family: Arial, sans-serif;
               font-size: 14px;
               font-weight: 700;
               letter-spacing: 1px;
               color: rgb(35,35,35,0.9);
               background-color: rgb(55,55,55,0.2);

               border: none;
               border-radius: 4px;

               cursor: pointer;

               align-self: flex-end;
               transition:
               background-color 0.25s ease,
                  color 0.25s ease,
                  transform 0.25s ease,
                  box-shadow 0.25s ease;
               }

            /*-- FORM BUTTON : HOVER --*/
            .sec9-form-button:hover{
               color:white;
               background-color: rgb(25,98,243);
               opacity: 0.90;

               transform: translateY(-2px);

               box-shadow: 0 4px 12px rgba(0,0,0,0.5);
             
            }

      /* #endregion FORM : SECTION */

            /*-- CLOSING THOUGHT --*/
            .sec9-closing-thought{
               text-align: center;
               transform: translateY(90px);

               font-family: Georgia, serif;
               font-size: 21px;
               font-style: italic;
               line-height: 1.6;
               letter-spacing: 1.7px;
               word-spacing:4px;
               

               color: rgba(25,25,25,0.35);
            }
  

   /* #endregion SECTION 9 : CONTACT */
   /*-------- SECTION 9 : CONTACT END ------*/


/* #region SECTION 10 : FOOTER */ 

   .footer{
      width: 100%;
      margin-top: 20px;
      background-color: #0f4d8a;
      color: #ffffff;
      padding: 50px 8% 0;
   }

   .footer-main{
      display: flex;
      justify-content: center;
      gap: 140px;
      
   }

      /*-- FOOTER COLUMN PANEL --*/
      .footer-column{
         flex: 0 0 auto;
         padding: 20px 65px;
         background-color: rgba(255,255,255,0.018);
         
      }

      .footer-heading{
         font-size: 1.2rem;
         font-weight: 600;
         margin-bottom: 25px;
         padding-bottom: 8px;
         letter-spacing: 2.5px;
         border-bottom: 1px solid rgba(255,255,255,0.22);
      }

      .footer-copy{
         font-size: 0.95rem;
         line-height: 1.6;
         color: rgba(255,255,255,0.85);
      }

      .footer-links{
         display: flex;
         flex-direction: column;
         gap: 14px;
      }

      .footer-links a{
         text-decoration: none;
         color: rgba(255,255,255,0.85);
         transition: 0.3s;
      }

      .footer-links a:hover{
         color: #ffffff;
      }
         /*-- FOOTER LINK HOVER --*/
         .footer-links a:hover{
            color: #ffffff;
            padding-left: 5px;
         }


      /*-- FOOTER : DISCLAIMER --*/
      .footer-disclaimer{
         margin-top: 40px;
         padding-top: 25px;
         border-top: 1px solid rgba(255,255,255,0.15);
      }

         .footer-disclaimer-heading{
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
         }

         .footer-disclaimer-copy{
            font-size: 0.90rem;
            line-height: 1.9;
            color: rgba(255,255,255,0.55);
            max-width: 1270px;
         }

      
      /*-- FOOTER : COPYRIGHT --*/
      .footer-copyright{
            margin-top: 25px;
            margin-left: -10%;
            margin-right: -10%;

            background-color: #083663;
            text-align: center;
            padding: 22px 20px;
            font-size: 0.85rem;
            color: rgba(255,255,255,0.85);
            letter-spacing: 0.5px;
      }

/* #endregion SECTION 10 : FOOTER */
/* ------- SECTION 10 : FOOTER --*/


/*---------------------------- done till here--------------------------------*/














/* ================================================= */
/* ================= RESPONSIVE ==================== */
/* ================================================= */

/* ---------- Large Laptop ---------- */
@media (max-width: 1440px){
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px){
}

/* ---------- Mobile ---------- */
@media (max-width: 768px){
}

/* ============= END OF RESPONSIVE ================= */