header.header {
     padding: 30px 0;
     background: transparent;
     color: var(--color-black);
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 9999;
     transition: all 0.3s ease;
 }

 header.header.header-background-active {
     background: var(--color-white);
 }

 .header .container {
     max-width: 100%;
 }

 .header-flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
 }

 .header_logo {
     flex: 1 0 0;
 }

 .header_logo img {
     transition: all 0.3s ease;
 }

 .header_logo img {
     width: 100%;
     max-width: 250px;
 }

 .header_navbar {
     transition: all 0.3s ease;
 }

 .header_navbar a {
     color: var(--color-black);
     display: flex;
 }

 .header_navbar>.navigation>ul {
     display: flex;
     align-items: center;
     gap: 0px;
 }

 .navigation-first-link {
     font-size: 20px;
     font-weight: 500;
     text-decoration: none;
     color: currentColor;
     padding: 12px 26px;
     background: transparent;
     border-radius: 8px;
     display: flex;
     align-items: center;
     gap: 6px;
     position: relative;
     transition: all 0.3s ease;
     min-height: 30px;
 }

 .navigation-first-link svg {
     width: 24px;
     height: 24px;
 }

 .navigation-first-link:hover {
     background: var(--color-accent);
     color: var(--color-black);
 }

 .navigation-menu-active .navigation-megamenu {
     max-height: 1000px;
     padding: 40px 0;
     border-top: 1px solid var(--color-gray-200);
 }

 .navigation-menu-active .navigation-first-link {
     background: var(--color-accent);
     color: var(--color-black);
     transition: all 0.3s ease;
 }

 .navigation-menu-active .navigation-first-link svg {
     transform: scaleY(-1);
     transition: all 0.3s ease;
 }

 .navigation-first-link::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }

 .navigation-first-link:hover::before {
     top: 100%;
 }

 .navigation-megamenu {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     width: 100%;
     background: var(--color-white);
     padding: 0 0;
     border-radius: 0 0 50px 50px;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease, padding 0.3s ease;
 }

 .navigation-menu-second-child {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 40px;
 }

 .navigation-second-link {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 20px;
     transition: all 0.3s ease;
 }

 .navigation-third-link {
     font-size: 18px;
     margin-bottom: 15px;
     opacity: .7;
     transition: all 0.3s ease;
 }

 .navigation-second-link:hover,
 .navigation-third-link:hover {
     color: var(--color-black);
     opacity: 1;
     transition: all 0.3s ease;
 }

 .header-empty-div {
     flex: 1 0 0;
 }

 .header_button {
     display: flex;
     align-items: center;
     gap: 15px;
     position: sticky;
     top: 30px;
     right: 4rem;
     z-index: 9999;
     width: fit-content;
     margin-left: auto;
     transition: all 0.3s ease;
 }

 .header_button.header-menubar-active {
     top: 3.3rem;
     transition: all 0.3s ease;
 }

 .header_button a {
     padding: 0 26px;
     background: var(--color-accent);
     color: var(--color-black);
     font-size: 18px;
     font-weight: bold;
     border-radius: 100px;
     min-height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid var(--color-accent);
 }

 .humburger-menu {
     background: var(--color-accent);
     color: var(--color-black);
     border-radius: 100px;
     min-height: 50px;
     min-width: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: none;
     outline: none;
     cursor: pointer;
     border: 2px solid var(--color-accent);
 }

 .humburger-menu svg {
     width: 24px;
 }

 .humburger-menu svg path {
     transition-property: transform, stroke-dashoffset;
     transition-duration: 1s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }

 .humburger-menu:hover svg path:first-child {
     stroke-dashoffset: 1.1;
 }

 .humburger-menu:hover svg path:last-child {
     stroke-dashoffset: 1.5;
 }

 .header_button.header-menubar-active .humburger-menu svg path:first-child {
     transform: translateY(4px);
 }

 .header_button.header-menubar-active .humburger-menu svg path:last-child {
     transform: translateY(-4px);
 }

 .smooth-wrapper {
     transition: all 1s ease;
     transform: translateX(0);
 }

 .smooth-wrapper.slide-left {
     transform: translateX(-100%);
     transition: all 1s ease;
 }

 .header-menubar-overflow-hidden {
     overflow: hidden;
 }

 .header-menubar {
     position: fixed;
     inset: 0;
     width: 100%;
     height: 100vh;
     transform: translateX(100%);
     z-index: 999;
     transition: all 1s ease;
 }

 .header-menubar.slide-left {
     transform: translateX(0%);
     transition: all 1s ease;
 }

 .header-menubar-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     height: 100%;
 }

 .header-menubar-left {
     background: var(--color-white);
     color: var(--color-black);
     overflow-y: scroll;
 }

 .header-menubar-logo-text {
     padding-top: 4rem;
 }

 .header-menubar-social-media {
     padding-bottom: 4rem;
 }

 .header-menubar-left .container {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 60px;
     height: 100%;
 }

 .header-menubar-logo-text {
     font-size: 30px;
     font-weight: bold;
 }

 .header-menubar-links ul {
     display: flex;
     flex-direction: column;
     gap: 25px;
 }

 .header-menubar-links ul li a {
     font-size: 48px;
     font-weight: 400;
     color: currentColor;
     transition: all 0.3s ease;
 }

 .header-menubar-links ul li a:hover {
     font-weight: 600;
     color: var(--color-accent);
     letter-spacing: 2px;
     transition: all 0.3s ease;
 }

 .header-menubar-social-media ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px;
 }

 .header-menubar-social-media ul li a {
     width: 54px;
     height: 54px;
     background: var(--color-black);
     color: var(--color-white);
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
 }

 .header-menubar-social-media ul li a:hover {
     background-color: var(--color-accent);
     color: var(--color-black);
     transition: all 0.3s ease;
 }

 .header-menubar-social-media ul li svg {
     width: 24px;
     height: 24px;
 }

 .header-menubar-image-blocks {
     display: grid;
     grid-template-columns: 1fr;
 }

 .header-menubar-image-block {
     display: inline-block;
     height: 50vh;
     position: relative;
     color: var(--color-white);
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .header-menubar-image-block::before {
     content: '';
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(45deg, #000000, #00000000);
     z-index: 1;
 }

 .header-menubar-image-block img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.3s ease;
 }

 .header-menubar-image-block:hover img {
     transform: scale(1.1);
     transition: all 0.3s ease;
 }

 .header-menubar-image-block-text {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 3rem;
     z-index: 1;
 }

 .header-menubar-image-block-text h3 {
     font-size: 36px;
     font-weight: bold;
     color: currentColor;
 }

 .header-menubar-image-block-text p {
     font-size: 18px;
     line-height: 1.4;
     color: currentColor;
     margin-top: 15px;
 }

 .mobile_header_menubar_links {
     display: none;
 }

 .mobile_header_menubar_links>ul>li>a {
     font-size: 36px;
     font-weight: 400;
     color: currentColor;
     margin-bottom: 30px;
     display: inline-block;
     transition: all 0.3s ease;
 }

 .mobile_header_menubar_links>ul>li:last-child>a {
     margin-bottom: 0;
 }

 .mobile_header_menubar_second_child {
     margin-bottom: 20px;
 }

 .mobile_header_menubar_second_child>li>a {
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--color-black);
     opacity: .5;
     margin-bottom: 20px;
     display: inline-block;
 }

 .mobile_header_menubar_third_child {
     margin-bottom: 20px;
 }

 .mobile_header_menubar_third_child>li>a {
     font-size: 18px;
     font-weight: 500;
     color: currentColor;
     margin-bottom: 15px;
     display: inline-block;
 }

 @media (max-height:768px) {
     .header-menubar-left .container {
         gap: 30px;
     }

     .header-menubar-links ul li a {
         font-size: 30px;
     }
 }

 @media (max-width:1200px) {
     .header-menubar-left {
         padding: 0;
     }

     .header-menubar-logo-text {
         padding-top: 3rem;
     }

     .header-menubar-social-media {
         padding-bottom: 3rem;
     }

     .header_navbar,
     .header-empty-div {
         display: none;
     }

     .header_button {
         top: 22px;
         right: 2.8rem;
     }

     .header-menubar-links {
         display: none;
     }

     .mobile_header_menubar_links {
         display: block;
     }

     .header-menubar-social-media ul {
         gap: 10px;
     }

     .header-menubar-social-media ul li a {
         width: 48px;
         height: 48px;
     }

     .header-menubar-social-media ul li svg {
         width: 22px;
         height: 22px;
     }

     .header-menubar-image-block-text {
         padding: 2rem;
     }

     .header-menubar-image-block-text h3 {
         font-size: 30px;
     }

     .header-menubar-image-block-text p {
         font-size: 16px;
     }
 }

 @media (max-width:768px) {

     .header_button,
     .header_button.header-menubar-active {
         top: 18px;
         right: 18px;
     }

     .header_logo img {
         width: 100%;
         max-width: 180px;
     }

     .header_button a {
         display: none;
     }

     .header-menubar {
         height: auto;
         overflow-y: scroll;
     }

     .header-menubar-grid {
         grid-template-columns: repeat(1, 1fr);
         height: auto;
     }

     .header-menubar-logo-text {
         padding-top: 1.8rem;
     }

     .header-menubar-left .container {
         gap: 40px;
     }

     .mobile_header_menubar_links>ul>li>a {
         font-size: 26px;
         font-weight: 600;
         margin-bottom: 20px;
     }

     .mobile_header_menubar_second_child {
         margin-bottom: 15px;
     }

     .mobile_header_menubar_second_child>li>a {
         font-size: 14px;
         margin-bottom: 15px;
     }

     .mobile_header_menubar_third_child {
         margin-bottom: 10px;
     }

     .mobile_header_menubar_third_child>li>a {
         font-size: 16px;
         margin-bottom: 10px;
     }

     .header-menubar-social-media {
         padding-bottom: 1.5rem;
     }

     .header-menubar-social-media ul li a {
         width: 40px;
         height: 40px;
     }

     .header-menubar-social-media ul li a svg {
         width: 18px;
         height: 18px;
     }

     .header-menubar-image-block {
         height: 35vh;
     }

     .header-menubar-image-block-text {
         padding: 1.5rem;
     }

     .header-menubar-image-block-text h3 {
         font-size: 24px;
     }

     .header-menubar-image-block-text p {
         font-size: 14px;
     }
 }

 .popup-overlay {
     position: fixed;
     inset: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.2);
     z-index: 99;
     display: none;
 }

 section.hero {
     position: relative;
     padding: 200px 0 100px;
 }

 section.hero::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 100%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .hero__wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-inline: auto;
 }

 .hero__content {
     max-width: 90rem;
     text-align: center;

     h1:first-child {
         font-size: clamp(4rem, 9vw, 6rem);
         font-weight: 700;
         line-height: 110%;
         color: var(--color-black);
         font-family: var(--font-montserrat);
         text-transform: uppercase;
         line-height: 1.2;
         letter-spacing: -4px;

         strong {
             background-color: var(--color-accent);
             color: var(--color-black);
             padding-inline: 15px;
             line-height: initial;
         }

         span {
             display: flex;
             align-items: center;
             justify-content: center;
             gap: 30px;

             img {
                 max-width: 80px;
             }
         }
     }

     h1:nth-child(2) {
         display: none;
     }

     p {
         max-width: 800px;
         margin-inline: auto;
         margin-top: 2rem;
         line-height: 1.6;
         font-size: 22px;
         font-weight: 400;
         color: #495057;
     }

     div {
         width: max-content;
         margin: 2rem auto 0;
     }
 }

 @media (max-width:1200px) {
     .hero__content {
         h1:first-child {
             font-size: 4rem;
             line-height: 1.6;

             span {
                 img {
                     display: none;
                 }
             }
         }
     }
 }

 @media (max-width:768px) {
     section.hero {
         padding: 120px 0 50px;
     }

     .hero__content {
         text-align: left;

         h1:first-child {
             display: none;
         }

         h1:nth-child(2) {
             display: block;
             font-size: 2rem;
             font-weight: 700;
             letter-spacing: 0px;
             line-height: 1.3;

             strong {
                 background: transparent;
                 color: var(--color-accent);
                 padding-inline: 0;
                 line-height: inherit;
             }
         }

         p {
             margin-top: 10px;
             line-height: 1.4;
             font-size: 16px;
         }

         div {
             margin: 15px 0 0;
         }
     }
 }

 section.our-work-marquee {
     overflow: hidden;
     mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
 }

 .our-work-marquee-slider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 50px;

     div {
         width: 100%;
         max-width: 500px;
         min-width: 500px;

         a {
             display: inline-block;

             img {
                 width: 100%;
                 height: auto;
             }
         }
     }
 }

 @media (max-width:1200px) {
     .our-work-marquee-slider {
         gap: 40px;

         div {
             max-width: 350px;
             min-width: 350px;
         }
     }
 }

 @media (max-width:768px) {
     section.our-work-marquee {
         padding: 50px 0 50px;
     }

     .our-work-marquee-slider {
         gap: 30px;

         div {
             max-width: 250px;
             min-width: 300px;
         }
     }
 }

 section.services {
     padding: 100px 0 200px;
     position: relative;
 }

 .services::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .services__header {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 30px;

     h2 {
         font-size: 72px;
         font-weight: 800;
         line-height: 1.1;
         max-width: 900px;
         width: 100%;

         strong {
             color: var(--color-accent);
         }
     }

     p {
         max-width: 600px;
         width: 100%;
         font-size: 22px;
         line-height: 1.6;
     }

     a {
         display: inline-block;
         font-size: 18px;
         font-weight: bold;
         color: currentcolor;
         text-decoration: underline;
         text-decoration-thickness: 3px;
         text-underline-offset: 8px;
         margin-top: 20px;
         transition: all 0.3s ease;
     }
 }

 .services__card-grid {
     margin-top: 80px;

     ul {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         align-items: center;
         gap: 30px;

         li {
             width: 100%;
             min-height: 500px;

             a {
                 display: flex;
                 flex-direction: column;
                 justify-content: flex-end;
                 background-color: #f8f9fa;
                 border-radius: 20px;
                 padding: 30px;
                 text-decoration: none;
                 position: relative;
                 transition: all 0.3s ease;
                 height: 100%;
                 min-height: 500px;

                 span {
                     width: max-content;
                     height: max-content;
                     position: absolute;
                     inset: 30px;
                     z-index: 1;
                     font-size: 110px;
                     font-weight: 800;
                     color: rgba(0, 0, 0, 0.05);
                     font-family: var(--font-montserrat);
                 }

                 h3 {
                     font-size: 36px;
                     font-weight: 700;
                     color: var(--color-black);
                     transition: color 0.3s ease;
                     line-height: 1.2;
                 }

                 p {
                     font-size: 18px;
                     margin-top: 20px;
                     color: var(--color-gray-500);
                     transition: color 0.3s ease;
                     line-height: 1.6;
                 }

                 &:hover {
                     background-color: var(--color-accent);
                     color: var(--color-black);

                     h3 {
                         color: var(--color-black);
                     }

                     p {
                         color: var(--color-black);
                     }
                 }
             }
         }
     }
 }

 @media (max-width:1200px) {
     section.services {
         padding: 80px 0 150px;
     }

     .services__header {
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;

         h2 {
             font-size: 48px;
         }

         p {
             font-size: 20px;
         }
     }

     .services__card-grid {
         margin-top: 40px;

         ul {
             grid-template-columns: repeat(2, 1fr);

             li {
                 width: 100%;
                 min-height: 400px;

                 a {
                     min-height: 400px;

                     h3 {
                         font-size: 30px;
                         line-height: 1.2;
                     }

                     p {
                         font-size: 16px;
                         margin-top: 10px;
                         line-height: 1.5;
                     }
                 }
             }
         }
     }
 }

 @media (max-width:768px) {
     section.services {
         padding: 50px 0 100px;
     }

     .services__header {
         h2 {
             font-size: 30px;
         }

         p {
             font-size: 16px;
         }

         a {
             font-size: 16px;
             text-decoration-thickness: 2px;
             text-underline-offset: 6px;
             margin-top: 15px;
         }
     }

     .services__card-grid {
         margin-top: 2rem;

         ul {
             grid-template-columns: repeat(1, 1fr);
             gap: 1.5rem;

             li {
                 min-height: 300px;

                 a {
                     padding: 20px;
                     min-height: 300px;

                     span {
                         inset: 20px;
                         font-size: 72px;
                     }

                     h3 {
                         font-size: 26px;
                     }

                     p {
                         font-size: 16px;
                         margin-top: 15px;
                     }
                 }
             }
         }
     }
 }

 .our-work {
     background-color: var(--color-black);
     color: var(--color-white);
     padding: 100px 0 200px;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     margin-top: -110px;
 }

 .our_work__header {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 30px;
     margin-bottom: 80px;

     h2 {
         font-size: 72px;
         font-weight: 800;
         line-height: 1.1;
     }

     ul {
         display: flex;
         align-items: center;
         gap: 30px;
         list-style: none;

         a {
             color: var(--color-white);
             text-decoration: none;
             display: flex;
             align-items: center;
             gap: 15px;
             transition: 0.3s ease-in-out;

             div {
                 border: 1px solid #495057;
                 width: 44px;
                 height: 44px;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 border-radius: 8px;
                 transition: 0.3s ease-in-out;

                 svg {
                     width: 24px;
                     height: 24px;
                 }
             }

             span {
                 p:first-child {
                     font-size: 14px;
                     opacity: .7;
                     transition: 0.3s ease-in-out;
                 }

                 p:last-child {
                     font-size: 18px;
                     margin-top: 6px;
                     transition: 0.3s ease-in-out;
                 }
             }
         }
     }
 }

 .our-work__list-grid ul {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 80px;

     a {
         width: 100%;
         display: inline-block;
         text-decoration: none;

         div {
             position: relative;
             overflow: hidden;
             border-radius: 25px;

             img,
             svg {
                 width: 100%;
                 height: auto;
                 object-fit: cover;
                 border-radius: 25px;
                 transition: transform 0.3s ease;
             }

             &::before,
             &::after {
                 content: url('../img/our-work/work_cut_vector.svg');
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
                 z-index: 1;
             }

             &::before {
                 top: -50px;
                 transition: top 0.3s ease;
             }

             &::after {
                 bottom: -50px;
                 transform: translateX(-50%) rotate(180deg);
                 transition: bottom 0.3s ease;
             }
         }

         h3 {
             color: var(--color-white);
             font-size: 36px;
             font-weight: 700;
             line-height: 1.3;
             padding: 30px 50px 0px;
         }

         p {
             display: flex;
             align-items: center;
             flex-wrap: wrap;
             gap: 10px;
             margin-top: 20px;
             padding: 0 50px 0px;

             span {
                 padding: 0.5rem 1rem;
                 border: 1px solid #495057;
                 border-radius: 50px;
                 color: var(--color-gray-400);
             }
         }

         &:hover {
             div::before {
                 top: 0;
             }

             div::after {
                 bottom: 0;
             }

             div {
                 img {
                     transform: scale(1.03);
                 }
             }
         }
     }
 }

 @media (max-width:1200px) {
     section.our-work {
         padding: 80px 0 150px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
         margin-top: -70px;
     }

     .our_work__header {
         margin-bottom: 60px;

         h2 {
             font-size: 48px;
         }
     }

     .our-work__list-grid ul {
         gap: 40px;

         a {
             h3 {
                 font-size: 24px;
                 padding: 20px 20px 0px;
             }

             p {
                 margin-top: 15px;
                 padding: 0 20px 0px;

                 span {
                     padding: 0.4rem .6rem;
                     font-size: 14px;
                 }
             }
         }
     }
 }

 @media (max-width:768px) {
     section.our-work {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 50px 0 100px;
         margin-top: -40px;
     }

     .our_work__header {
         flex-direction: column;
         align-items: center;
         gap: 20px;
         margin-bottom: 40px;

         h2 {
             font-size: 30px;
         }

         ul {
             gap: 1rem;

             a {
                 gap: 10px;

                 span {
                     p:last-child {
                         font-size: 1rem;
                         margin-top: 4px;
                     }
                 }
             }
         }
     }

     .our-work__list-grid ul {
         grid-template-columns: repeat(1, 1fr);
         gap: 30px;

         a {
             div {
                 img {
                     border-radius: 20px;
                 }

                 &::before {
                     transform: translateX(-50%) scale(.6);
                     transform-origin: top;
                 }

                 &::after {
                     transform: translate(-50%, -60%) rotate(180deg) scale(.6);
                     transform-origin: bottom;
                 }
             }

             h3 {
                 font-size: 20px;
                 padding: 20px 0px 0px;
             }

             p {
                 gap: 6px;
                 margin-top: 10px;
                 padding: 0px;

                 span {
                     padding: 0.4rem .5rem;
                     font-size: 12px;
                 }
             }
         }
     }
 }

 .certified-partners .container {
     max-width: 1440px;
 }

 .certified-partners {
     background-color: var(--color-accent);
     color: var(--color-black);
     padding: 150px 0 250px;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     position: relative;
     z-index: 1;
     margin-top: -110px;

     ul {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         align-items: center;
         gap: 150px;
         list-style: none;

         img {
             width: 100%;
             height: auto;
         }

         h2 {
             font-size: 54px;
             font-weight: bold;
             line-height: 1.2;
             margin-bottom: 30px;
             color: currentcolor;
         }

         p {
             font-size: 22px;
             line-height: 1.6;
             margin-bottom: 60px;
         }

         a {
             padding: 60px 30px;
             background: transparent;
             border: 2px solid var(--color-black);
             color: var(--color-black);
             font-size: 48px;
             font-weight: 500;
             border-radius: 1000px;
             width: fit-content;
             min-height: 50px;
             display: flex;
             align-items: center;
             justify-content: center;
             min-width: 400px;
             letter-spacing: 1px;
             transition: all 0.3s ease;

             &:hover {
                 color: var(--color-white);
             }
         }
     }
 }

 @media (max-width:1200px) {
     .certified-partners {
         padding: 80px 0 150px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
         margin-top: -70px;

         ul {
             gap: 100px;

             h2 {
                 font-size: 36px;
                 margin-bottom: 20px;
             }

             p {
                 font-size: 20px;
                 margin-bottom: 40px;
             }

             a {
                 font-size: 36px;
                 padding: 30px 20px;
                 min-width: 350px;
             }
         }
     }
 }

 @media (max-width:999px) {
     .certified-partners {
         ul {
             grid-template-columns: repeat(1, 1fr);
             align-items: flex-start;
             gap: 60px;

             a {
                 font-size: 48px;
                 padding: 60px 20px;
                 min-width: 450px;
             }
         }
     }
 }

 @media (max-width:768px) {
     .certified-partners {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 50px 0 100px;
         margin-top: -40px;

         ul {
             gap: 40px;

             h2 {
                 font-size: 30px;
             }

             p {
                 font-size: 18px;
                 margin-bottom: 30px;
             }

             a {
                 font-size: 30px;
                 padding: 20px 40px;
                 min-width: inherit;
             }
         }
     }
 }

 section.client-review {
     padding: 150px 0 250px;
     background: var(--color-white);
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     overflow: hidden;
     position: relative;
     z-index: 1;
     margin-top: -110px;
 }

 .client-review-header-blocks {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
     margin-top: 20px;
 }

 .client-review-header-block-item {
     padding: 20px;
     border: 1px solid var(--color-gray-300);
     border-radius: 12px;
 }

 .client-review-header-block-item a {
     display: flex;
     align-items: center;
     gap: 15px;
     text-decoration: none;
     color: currentcolor;
 }

 .client-review-header-block-icon svg {
     width: 50px;
     height: 50px;
 }

 .client-review-header-block-ratings ul {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .client-review-header-block-ratings ul li svg {
     width: 18px;
     height: 18px;
     color: #f5c452;
 }

 .client-review-header-blocks-total-count {
     font-size: 18px;
     font-weight: 500;
     margin-top: 6px;
 }

 .client-review-container {
     mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
 }

 .client-review-slider {
     display: flex;
     width: max-content;
     gap: 30px;
 }

 .client-review-item {
     width: 400px;
     background: #f5f6f9;
     box-shadow: 0px 0px 10px #00000003;
     border: 1px solid var(--color-gray-300);
     border-radius: 10px;
     padding: 30px;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .client-review-item-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 }

 .client-review-item-store {
     font-size: 24px;
     font-weight: 600;
 }

 .client-review-item-date {
     font-size: 16px;
     color: currentColor;
 }

 .client-review-item-rating {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .client-review-item-rating-work {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .client-review-item-rating-work>p {
     font-size: 16px;
     font-weight: 600;
     width: 100%;
     max-width: 130px;
 }

 .client-review-item-ratings {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .client-review-item-ratings ul {
     display: flex;
     align-items: center;
     gap: 3px;
 }

 .client-review-item-ratings ul li svg {
     width: 16px;
     height: 16px;
     color: #f5c452;
 }

 .client-review-item-ratings p {
     font-size: 18px;
 }

 .client-review-item-text p {
     font-size: 16px;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .client-review-item-service {
     flex: 1 0 0;
     display: flex;
     align-items: flex-end;
 }

 .client-review-item-service p {
     font-size: 16px;
     line-height: 1.4;
 }

 .client-review-item-service strong {
     font-weight: 600;
 }

 @media (max-width:1200px) {
     section.client-review {
         padding: 80px 0 150px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
         margin-top: -70px;
     }

     .client-review-header-blocks {
         gap: 15px;
     }

     .client-review-header-block-item {
         padding: 15px;
     }

     .client-review-header-block-ratings ul {
         gap: 3px;
     }

     .client-review-header-block-ratings ul li svg {
         width: 16px;
         height: 16px;
     }

     .client-review-header-blocks-total-count {
         font-size: 16px;
         margin-top: 4px;
     }

     .client-review-slider {
         gap: 20px;
     }

     .client-review-item {
         width: 300px;
         padding: 25px;
         gap: 20px;
     }

     .client-review-item-store {
         font-size: 20px;
     }

     .client-review-item-date {
         font-size: 14px;
     }

     .client-review-item-rating-work>p {
         font-size: 15px;
     }

     .client-review-item-ratings {
         gap: 6px;
     }

     .client-review-item-ratings ul li svg {
         width: 14px;
         height: 14px;
     }

     .client-review-item-ratings p {
         font-size: 16px;
     }

     .client-review-item-text p {
         font-size: 15px;
     }

     .client-review-item-service p {
         font-size: 15px;
     }
 }

 @media (max-width:768px) {
     section.client-review {
         padding: 50px 0 100px;
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         margin-top: -40px;
     }

     .client-review-header-blocks {
         gap: 6px;
     }

     .client-review-header-block-item {
         padding: 10px;
     }

     .client-review-header-block-item a {
         gap: 6px;
     }

     .client-review-header-block-icon svg {
         width: 36px;
         height: 36px;
     }

     .client-review-header-block-ratings ul {
         gap: 4px;
     }

     .client-review-header-block-ratings ul li svg {
         width: 12px;
         height: 12px;
     }

     .client-review-header-blocks-total-count {
         font-size: 15px;
     }

     .client-review-item {
         width: 250px;
         padding: 20px;
         gap: 15px;
     }

     .client-review-item-store {
         font-size: 18px;
     }

     .client-review-item-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
     }

     .client-review-item-rating-work>p {
         font-size: 14px;
         max-width: 115px;
     }

     .client-review-item-ratings ul li svg {
         width: 12px;
         height: 12px;
     }

     .client-review-item-ratings p {
         font-size: 14px;
     }

     .client-review-item-text p {
         font-size: 14px;
     }

     .client-review-item-service p {
         font-size: 14px;
     }
 }

 section.our-blogs {
     padding: 100px 0 200px;
     background: var(--color-accent);
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     overflow: hidden;
     position: relative;
     z-index: 1;
     margin-top: -110px;
 }

 .our-blogs-items-grid ul {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;

     li {
         padding: 40px;
         background: var(--color-black);
         color: var(--color-white);
         display: flex;
         flex-direction: column;
         position: relative;
         transition: all 0.3s ease;
         border-radius: 20px;

         a {
             position: absolute;
             inset: 0;
             width: 100%;
             height: 100%;
             z-index: 1;
         }

         h3 {
             font-size: 30px;
             font-weight: 600;
             color: currentcolor;
             text-transform: capitalize;
             line-height: 1.2;
             flex: 1 0 0;
         }

         div {
             margin: 30px -40px 30px 0;
             border-radius: 12px 0 0 12px;
             overflow: hidden;

             img {
                 width: 100%;
                 height: auto;
                 transition: all 0.3s ease;
             }
         }

         span {
             p {
                 font-size: 16px;
                 line-height: 1.4;
                 color: currentcolor;
                 display: -webkit-box;
                 -webkit-line-clamp: 2;
                 -webkit-box-orient: vertical;
                 overflow: hidden;
                 opacity: 0.6;
                 margin-bottom: 20px;
             }

             h4 {
                 font-size: 24px;
                 font-weight: bold;
                 color: currentcolor;
                 text-transform: uppercase;
             }

             span {
                 margin-top: 15px;
                 display: inline-block;

                 p {
                     font-size: 16px;
                     color: currentcolor;
                     line-height: 1.4;
                     opacity: 0.6;
                     margin-bottom: 5px;
                 }
             }
         }

         &:hover {
             transition: all 0.3s ease;

             div img {
                 transform: scale(1.1);
                 transition: all 0.3s ease;
             }
         }
     }
 }

 @media (max-width:1200px) {
     section.our-blogs {
         padding: 80px 0 150px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
         margin-top: -70px;
     }

     .our-blogs-items-grid ul {
         grid-template-columns: repeat(2, 1fr);

         li {
             padding: 30px;

             h3 {
                 font-size: 26px;
             }

             div {
                 margin: 20px -30px 20px 0;
             }

             span {
                 p {
                     font-size: 15px;
                 }

                 h4 {
                     font-size: 22px;
                 }

                 span {
                     p {
                         font-size: 15px;
                     }
                 }
             }
         }
     }
 }

 @media (max-width:768px) {
     section.our-blogs {
         padding: 50px 0 100px;
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         margin-top: -40px;
     }

     .our-blogs-items-grid ul {
         grid-template-columns: repeat(1, 1fr);
         gap: 20px;

         li {
             h3 {
                 font-size: 20px;
             }

             span {
                 p {
                     font-size: 14px;
                     margin-bottom: 10px;
                 }

                 h4 {
                     font-size: 18px;
                 }

                 span {
                     margin-top: 10px;

                     p {
                         font-size: 14px;
                     }
                 }
             }
         }
     }
 }

 footer.footer {
     color: var(--color-black);
     background: var(--color-white);
     padding: 100px 0 4rem;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     margin-top: -110px;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }

 .services--page footer.footer {
     margin-top: 0 !important;
 }

 footer.footer::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     z-index: -1;
 }

 .footer__wrapper {
     padding: 60px 60px 40px;
     border-radius: 60px;
     background: var(--color-white);
     border: 1px solid var(--color-gray-200);
     box-shadow: 0px 0px 30px var(--color-gray-200);
     margin-top: 100px;
 }

 .footer_top {
     padding: 0 0 60px;
     margin: 0 0 40px;
     border-bottom: 1px solid #00000010;
 }

 .footer_items_flex {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     column-gap: 100px;
     row-gap: 50px;
 }

 .footer_item_block.footer_item_block-content {
     flex: 1 0 0;
 }

 .footer_item_block .footer_content {
     max-width: 500px;
 }

 .footer_item_block .footer_content p {
     font-size: 18px;
     line-height: 1.6;
     opacity: .6;
 }

 .footer_menu_heading h3 {
     font-size: 26px;
     font-weight: 500;
     text-transform: capitalize;
     margin-bottom: 30px;
 }

 .footer_menu_links ul li a {
     font-size: 18px;
     text-decoration: none;
     color: currentColor;
     margin-bottom: 20px;
     display: inline-block;
     font-weight: 500;
     transition: all 0.3s ease;
     opacity: .6;
 }

 .footer_menu_links ul li:last-child a {
     margin-bottom: 0px;
 }

 .footer_menu_links ul li a:hover {
     color: var(--color-black);
     opacity: 1;
     transition: all 0.3s ease;
 }

 .footer_bottom_flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     column-gap: 50px;
     row-gap: 30px;
 }

 .footer_copyrights_links {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 30px;
 }

 .footer_copyrights p {
     font-size: 18px;
     font-weight: 500;
 }

 .footer_links ul {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 .footer_links ul li a {
     font-size: 18px;
     text-decoration: none;
     color: currentColor;
     margin-bottom: 0;
     display: inline-block;
     font-weight: 500;
     transition: all 0.3s ease;
 }

 .footer_links ul li a:hover {
     color: var(--color-black);
     transition: all 0.3s ease;
 }

 .footer_social_media ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px;
 }

 .footer_social_media ul li a {
     width: 54px;
     height: 54px;
     background: var(--color-black);
     color: var(--color-white);
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
 }

 .footer_social_media ul li a:hover {
     background-color: var(--color-accent);
     color: var(--color-black);
     transition: all 0.3s ease;
 }

 .footer_social_media ul li svg {
     width: 24px;
     height: 24px;
 }

 @media (max-width:1200px) {
     footer.footer {
         padding: 80px 0 4rem;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
         margin-top: -90px;
     }

     .footer__wrapper {
         padding: 40px;
         border-radius: 50px;
         margin-top: 3rem;
     }

     .footer_items_flex {
         column-gap: 40px;
         row-gap: 40px;
     }

     .footer_item_block.footer_item_block-content {
         width: 100%;
         flex: inherit;
     }

     .footer_item_block .footer_content {
         max-width: 100%;
     }

     .footer_top {
         padding: 0 0 40px;
     }
 }

 @media (max-width:768px) {
     footer.footer {
         padding: 50px 0 0;
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         margin-top: -60px;
     }

     .footer-container {
         max-width: 100%;
         padding: 0;
     }

     .footer__wrapper {
         padding: 40px 30px 30px;
         border-radius: 20px 20px 0 0;
     }

     .footer_menu_heading h3 {
         font-size: 22px;
         margin-bottom: 20px;
     }

     .footer_item_block .footer_content p {
         font-size: 16px;
     }

     .footer_menu_links ul li a {
         font-size: 16px;
         margin-bottom: 15px;
     }

     .footer_bottom_flex {
         column-gap: 20px;
         row-gap: 20px;
     }

     .footer_copyrights_links {
         gap: 20px;
     }

     .footer_copyrights p {
         font-size: 16px;
     }

     .footer_links ul {
         gap: 20px;
     }

     .footer_links ul li a {
         font-size: 16px;
     }

     .footer_social_media ul {
         gap: 8px;
     }

     .footer_social_media ul li a {
         width: 36px;
         height: 36px;
     }

     .footer_social_media ul li svg {
         width: 18px;
         height: 18px;
     }
 }

 .contact_us_wrapper {
     display: grid;
     grid-template-columns: 50% 50%;
     align-items: center;
     gap: 0;
 }

 .contact_us_left {
     padding-right: 40px;
 }

 .contact_us_wrapper .contact_us_img {
     width: 100%;
     max-width: 80px;
 }

 .contact_us_wrapper .contact_us_img img {
     width: 100%;
     height: auto;
 }

 .contact_us_title {
     font-size: 40px;
     letter-spacing: 0;
     font-weight: bold;
     line-height: 1.2;
     text-transform: uppercase;
     margin: 20px 0 20px;
 }

 .contact_us_description {
     font-size: 18px;
     line-height: 1.6;
     opacity: .6;
 }

 .contact_us_information {
     margin-top: 30px;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .contact_us_information ul {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .contact_us_information ul li a {
     color: currentColor;
     font-size: 20px;
     font-weight: 600;
 }

 .contact_us_right {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 0px;
 }

 .contact_us_button {
     padding: 60px;
     background: var(--color-white);
     border: 2px solid var(--color-black);
     color: var(--color-black);
     font-size: 36px;
     font-weight: bold;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 200px;
     height: 200px;
     text-transform: uppercase;
     text-align: center;
     line-height: 1.4;
 }

 .footer_quote__button.contact_us_button {
     margin-left: -60px;
     background: var(--color-black);
     color: var(--color-white);

     span {
         background: var(--color-white);
     }

     &:hover {
         color: var(--color-black);
     }
 }

 @media (max-width:1200px) {
     .contact_us_wrapper {
         grid-template-columns: 100%;
         align-items: flex-start;
         gap: 50px;
     }

     .contact_us_left {
         padding-right: 0px;
     }

     .contact_us_right {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }

     .contact_us_information ul li a {
         font-size: 18px;
     }

     .contact_us_button {
         width: auto;
         height: 150px;
         border-radius: 50px;
         padding: 20px;
         font-size: 30px;
     }

     .quote__button.contact_us_button {
         margin-left: 0px;
     }

     .contact_us_button br {
         display: none;
     }
 }

 @media (max-width:768px) {
     .contact_us_wrapper {
         gap: 30px;
     }

     .contact_us_wrapper .contact_us_img {
         max-width: 60px;
     }

     .contact_us_title {
         font-size: 30px;
         margin: 15px 0 15px;
     }

     .contact_us_description {
         font-size: 16px;
     }

     .contact_us_information {
         margin-top: 20px;
     }

     .contact_us_information ul {
         align-items: flex-start;
         flex-direction: column;
     }

     .contact_us_information-seprator {
         display: none;
     }

     .contact_us_information ul li a {
         font-size: 16px;
     }

     .contact_us_right {
         grid-template-columns: repeat(1, 1fr);
         gap: 20px;
     }

     .contact_us_button {
         height: 80px;
         border-radius: 20px;
         padding: 15px;
         font-size: 24px;
     }
 }

 .black__overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.6);
     z-index: 99999;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s 0.2s ease;
 }

 .black__overlay--open {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .services--page footer.footer {
     border-radius: 0 !important;
 }

 section.all-services {
     padding: 300px 0px 0px;
     position: relative;
 }

 section.all-services::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 98%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .all-services-header-subtitle {
     font-size: 26px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .all-services-header-title {
     font-size: 148px;
     font-weight: 400;
     line-height: 1.1;
     margin-top: 20px;
 }

 .all-services-list {
     padding-top: 120px;
 }

 #ecommerce_development {
     background-color: var(--color-black);
     color: var(--color-white);
 }

 #digital_marketing {
     background-color: var(--color-accent);
     color: var(--color-black);

     .all-services-item-button {
         background-color: var(--color-black);
         color: var(--color-white);
     }
 }

 #graphic_uiux_designing {
     background-color: var(--color-black);
     color: var(--color-white);
 }

 #app_development {
     background-color: var(--color-accent);
     color: var(--color-black);

     .all-services-item-button {
         background-color: var(--color-black);
         color: var(--color-white);
     }
 }

 .all-services-item-wrapper {
     display: flex;
     align-items: center;
     height: 100%;
 }

 .all-services-item-grid {
     display: grid;
     grid-template-columns: 70% 30%;
     align-items: center;
     padding: 100px 0;
 }

 .all-services-item-text {
     padding-right: 60px;
 }

 .all-services-item-title {
     font-size: 54px;
     font-weight: 800;
     line-height: 1.1;
     color: currentColor;
 }

 .all-services-item-content {
     display: grid;
     grid-template-columns: 55% 45%;
     margin: 30px 0px 30px;
 }

 .all-services-item-description {
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .all-services-item-list {
     padding-left: 60px;
 }

 .all-services-item-list ul {
     list-style: disc;
 }

 .all-services-item-list ul li a {
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 10px;
     display: inline-block;
     color: currentcolor;
 }

 .all-services-item-button-mobile {
     display: none !important;
 }

 .all-services-item-button {
     padding: 0 26px;
     background: var(--color-white);
     color: var(--color-black);
     font-size: 18px;
     font-weight: bold;
     border-radius: 100px;
     min-height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     width: fit-content;
 }

 .all-services-item-img img {
     width: 100%;
     height: auto;
     object-fit: cover;
     border-radius: 20px;
 }

 @media screen and (max-width:1200px) {
     section.all-services {
         padding: 200px 0px 0px;
     }

     .all-services-header-title {
         font-size: 100px;
     }

     .all-services-header-title br {
         display: none;
     }

     .all-services-list {
         padding-top: 80px;
     }

     .all-services-item-grid {
         grid-template-columns: 100%;
         gap: 3rem;
         padding: 3rem 0;
     }

     .all-services-item-text {
         padding-right: 0px;
     }

     .all-services-item-title {
         font-size: 36px;
         line-height: 1.3;
     }

     .all-services-item-content {
         grid-template-columns: 50% 50%;
         margin: 15px 0px 0px;
     }

     .all-services-item-description {
         font-size: 16px;
         margin-bottom: 20px;
     }

     .all-services-item-list {
         padding-left: 40px;
     }
 }

 @media screen and (max-width: 768px) {
     section.all-services {
         padding: 120px 0px 0px;
     }

     .all-services-header-subtitle {
         font-size: 20px;
     }

     .all-services-header-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .all-services-list {
         padding-top: 1.5rem;
     }

     .all-services-item-grid {
         gap: 2rem;
         padding: 1.5rem 0;
     }

     .all-services-item-title {
         font-size: 30px;
     }

     .all-services-item-content {
         grid-template-columns: 100%;
         margin: 15px 0px 15px;
     }

     .all-services-item-list {
         padding-left: 20px;
     }

     .all-services-item-list ul li a {
         font-size: 16px;
         margin-bottom: 6px;
     }

     .all-services-item-button-desktop {
         display: none !important;
     }

     .all-services-item-button-mobile {
         display: flex !important;
         font-size: 16px;
         padding: 0 20px;
         min-height: 40px;
     }
 }

 .sub--services--page footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 .services-card {
     padding-bottom: 100px;
 }

 .services-section__grid {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     grid-auto-rows: auto;
     gap: 60px;
     max-width: 1200px;

     >div {
         border-radius: 30px;
         overflow: hidden;

         a {
             display: grid;
             grid-template-columns: 55% 45%;
             align-items: flex-start;
             padding: 0 0 120px 80px;
             color: var(--color-black);

             >span {
                 padding: 80px 80px 0 0;

                 h3 {
                     font-size: 48px;
                     font-weight: 700;
                     line-height: 1.2;
                     margin-bottom: 15px;
                 }

                 p {
                     font-size: 22px;
                     color: var(--color-black);
                     line-height: 1.6;
                     margin-bottom: 30px;
                     opacity: .6;
                 }

                 div {
                     width: fit-content;
                     padding: 0 30px;
                     min-height: 60px;
                     font-size: 22px;

                     &:hover {
                         border-color: var(--color-black) !important;
                     }
                 }
             }

             img {
                 width: 100%;
                 height: auto;
                 transition: transform 0.2s ease-in-out;
                 transform-origin: top right;
             }

             &:hover {
                 img {
                     transform: scale(1.05);
                     transition: transform 0.2s ease-in-out;
                 }
             }
         }
     }
 }

 @media screen and (max-width: 1200px) {
     .services-card {
         padding-bottom: 80px;
     }

     .services-section__grid {
         >div {
             a {
                 grid-template-columns: 50% 50%;
                 padding: 0 0 80px 50px;

                 >span {
                     padding: 50px 50px 0 0;

                     h3 {
                         font-size: 36px;
                         margin-bottom: 12px;
                     }

                     p {
                         font-size: 20px;
                         margin-bottom: 25px;
                     }

                     div {
                         font-size: 20px;
                     }
                 }
             }
         }
     }
 }

 @media (max-width: 1000px) {
     .services-section__grid {
         >div {
             a {
                 padding: 0 0 50px 30px;

                 >span {
                     padding: 30px 30px 0 0;

                     h3 {
                         font-size: 30px;
                         margin-bottom: 10px;
                     }

                     p {
                         font-size: 18px;
                         margin-bottom: 20px;
                     }
                 }
             }
         }
     }
 }

 @media (max-width: 768px) {
     .services-card {
         padding-bottom: 40px;
     }

     .services-section__grid {
         >div {
             a {
                 grid-template-columns: 100%;
                 padding: 0 0 30px 30px;

                 >span {
                     grid-row: 2 / span 1;
                     padding: 30px 30px 0 0;

                     h3 {
                         font-size: 26px;

                         br {
                             display: none;
                         }
                     }

                     p {
                         font-size: 16px;
                         margin-bottom: 15px;
                     }

                     div {
                         padding: 0 20px;
                         font-size: 16px;
                         min-height: 40px;
                     }
                 }

                 img {
                     max-width: 450px;
                     margin-left: auto;
                 }
             }
         }
     }
 }

 .service--details--page footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.services-details {
     padding: 400px 0px 100px;
     position: relative;
 }

 section.services-details::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .services-details-header-subtitle {
     font-size: 26px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .services-details-header-title {
     font-size: 148px;
     font-weight: 400;
     line-height: 1.1;
     margin-top: 20px;
 }

 @media (max-width:1200px) {
     section.services-details {
         padding: 200px 0px 80px;
     }

     .services-details-header-title {
         font-size: 100px;
     }
 }

 @media (max-width:768px) {
     section.services-details {
         padding: 120px 0px 1.5rem;
     }

     .services-details-header-subtitle {
         font-size: 20px;
     }

     .services-details-header-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .services-details-header-title br {
         display: none;
     }
 }

 section.service-introduction {
     padding: 100px 0px;
     background: var(--color-white);
 }

 .service-introduction-title {
     font-size: 148px;
     font-weight: 300;
     line-height: 1.1;
     margin-top: 30px;
 }

 .service-introduction-grid {
     margin: 80px 0 0;
 }

 .title-with-text-flex {
     display: grid;
     grid-template-columns: 30% 50%;
     justify-content: space-between;
     gap: 30px;
     padding: 80px 0;
     border-top: 1px solid var(--color-border);
 }

 .title-with-text-flex:last-child {
     padding: 80px 0 0;
 }

 .title-with-text-flex h4 {
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .title-with-text-flex p {
     font-size: 22px;
     font-weight: 500;
     line-height: 1.7;
 }

 .title-with-text-blocks {
     display: grid;
     grid-template-columns: 1fr;
     margin-top: 100px;
 }

 .title-with-text-blocks .title-with-text-flex {
     padding: 100px 0;
     border-top: 1px solid var(--color-gray-300);
 }

 @media (max-width:1200px) {
     section.service-introduction {
         padding: 60px 0px;
     }

     .service-introduction-title {
         font-size: 100px;
     }

     .title-with-text-flex {
         grid-template-columns: 30% 60%;
         padding: 50px 0;
     }

     .title-with-text-flex:last-child {
         padding: 50px 0 0;
     }

     .title-with-text-flex h4 {
         font-size: 18px;
     }

     .title-with-text-flex p {
         font-size: 20px;
     }

     .service-introduction-grid {
         margin: 50px 0 0;
     }
 }

 @media (max-width:768px) {
     section.service-introduction {
         padding: 1.5rem 0px;
     }

     .service-introduction-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .service-introduction-title br {
         display: none;
     }

     .title-with-text-flex {
         grid-template-columns: 100%;
         gap: 1rem;
         padding: 1.5rem 0;
     }

     .title-with-text-flex:last-child {
         padding: 1.5rem 0 0;
     }

     .title-with-text-flex h4 {
         font-size: 16px;
     }

     .title-with-text-flex p {
         font-size: 18px;
     }

     .service-introduction-grid {
         margin: 1.5rem 0 0;
     }
 }

 section.sub-services-details {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;
 }

 .sub-services-details__header h2 {
     font-size: 148px;
     font-weight: 300;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .sub-services-details__header p {
     font-size: 22px;
     font-weight: 500;
     line-height: 1.7;
     max-width: 1000px;
 }

 .sub-services-details__grid {
     margin-top: 80px;
 }

 .sub-services-details__grid ul {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     border: 1px solid var(--color-gray-300);
     border-radius: 30px;
     overflow: hidden;
 }

 .sub-services-details__item {
     box-shadow: -1px -1px 0px var(--color-gray-300);
 }

 .sub-services-details__item-text {
     padding: 60px;
 }

 .sub-services-details__item-img {
     grid-column: 1 / span 1;
     grid-row: 2 / span 2;
 }

 .sub-services-details-img {
     width: 100%;
     height: 100%;
 }

 .sub-services-details-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .sub-services-details__item-text h3 {
     font-size: 36px;
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 20px;
     text-transform: capitalize;
     color: var(--color-black);
 }

 .sub-services-details__item-text p {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.6;
     opacity: .6;
 }

 @media (max-width:1200px) {
     section.sub-services-details {
         padding: 60px 0px;
     }

     .sub-services-details__header h2 {
         font-size: 100px;
         margin-bottom: 15px;
     }

     .sub-services-details__header p {
         font-size: 20px;
         line-height: 1.6;
         max-width: 768px;
     }

     .sub-services-details__grid {
         margin-top: 60px;
     }

     .sub-services-details__item-text {
         padding: 40px;
     }
 }

 @media (max-width:1000px) {
     .sub-services-details__item-img {
         grid-column: 1 / span 2;
         grid-row: 3 / span 2;
     }
 }

 @media (max-width:768px) {
     section.sub-services-details {
         padding: 1.5rem 0px;
     }

     .sub-services-details__header h2 {
         font-size: 40px;
         margin-bottom: 10px;
     }

     .sub-services-details__header h2 br {
         display: none;
     }

     .sub-services-details__header p {
         font-size: 18px;
     }

     .sub-services-details__grid {
         margin-top: 1.5rem;
     }

     .sub-services-details__grid ul {
         grid-template-columns: repeat(1, 1fr);
     }

     .sub-services-details__item-img {
         grid-column: 1 / span 1;
         grid-row: 4 / span 1;
     }

     .sub-services-details__item-text {
         padding: 20px;
     }

     .sub-services-details__item-text h3 {
         font-size: 22px;
         margin-bottom: 10px;
     }

     .sub-services-details__item-text p {
         font-size: 14px;
     }
 }

 section.services-details-images {
     color: var(--color-black);
 }

 .services-details-images__header {
     h2 {
         font-size: 148px;
         font-weight: 300;
         line-height: 1.2;
         margin-bottom: 20px;
     }

     p {
         font-size: 22px;
         font-weight: 500;
         line-height: 1.7;
         max-width: 1000px;
     }
 }

 .services-details-images__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 50px;
     margin-top: 80px;
 }

 .services-details-images__item {
     width: 100%;
     height: 100%;
     display: flex;

     img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
         border: 1px solid var(--color-border);
     }
 }

 .services-details-images__item:first-child {
     img {
         border-radius: 0px 30px 30px 0px;
     }
 }

 .services-details-images__item:last-child {
     img {
         border-radius: 30px 0px 0px 30px;
     }
 }

 @media (max-width:1200px) {
     .services-details-images__header {
         h2 {
             font-size: 100px;
             margin-bottom: 15px;
         }

         p {
             font-size: 20px;
             line-height: 1.6;
             max-width: 768px;
         }
     }

     .services-details-images__grid {
         gap: 40px;
         margin-top: 60px;
     }
 }

 @media (max-width:768px) {
     .services-details-images__header {
         h2 {
             font-size: 40px;
             margin-bottom: 10px;

             br {
                 display: none;
             }
         }

         p {
             font-size: 18px;
         }
     }

     .services-details-images__grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 0;
         margin-top: 1.5rem;
     }

     .services-details-images__item {
         img {
             border-radius: 0px !important;
         }
     }
 }

 section.services-details-faqs {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;
 }

 .services-details-faqs__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 100px;
 }

 .services-details-faqs__header {
     h2 {
         font-size: 72px;
         font-weight: 400;
         line-height: 1.2;
         margin-bottom: 20px;
     }

     p {
         font-size: 22px;
         font-weight: 500;
         line-height: 1.6;
     }
 }

 .services-details-faqs__flex {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .services-details-faqs__item {
     background: var(--color-gray-300);
     border-radius: 20px;
 }

 .services-details-faqs__item-heading {
     padding: 40px;
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     cursor: pointer;

     h3 {
         font-size: 26px;
         font-weight: 600;
         line-height: 1.4;
     }

     span {
         width: 40px;
         height: 40px;
         min-width: 40px;
         min-height: 40px;
         background: var(--color-black);
         color: var(--color-white);
         border-radius: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-left: 20px;

         svg {
             width: 16px;
             height: 16px;

             path {
                 transition: transform 0.4s ease-in-out;
             }
         }
     }
 }

 .services-details-faqs__item-heading.active {
     svg {
         path:first-child {
             transform: rotate(90deg) translate(0px, -25px);
             transition: transform 0.4s ease-in-out;
         }
     }
 }

 .services-details-faqs__item-answer {
     max-height: 0;
     overflow: hidden;
     transition: 0.3s;

     p {
         padding: 0 40px 40px;
         font-size: 18px;
         font-weight: 500;
         line-height: 1.6;
         opacity: .6;
     }
 }

 @media (max-width:1200px) {
     section.services-details-faqs {
         padding: 60px 0px;
     }

     .services-details-faqs__header {
         h2 {
             font-size: 48px;
         }

         p {
             font-size: 20px;
             max-width: 768px;
         }
     }

     .services-details-faqs__grid {
         gap: 60px;
     }

     .services-details-faqs__item-heading {
         padding: 30px;

         h3 {
             font-size: 22px;
         }

         span {
             width: 36px;
             height: 36px;
             min-width: 36px;
             min-height: 36px;
             margin-left: 20px;
         }

         svg {
             width: 14px;
             height: 14px;
         }
     }

     .services-details-faqs__item-answer {
         padding: 0 30px 30px;

         p {
             font-size: 16px;
         }
     }
 }

 @media (max-width:1000px) {
     .services-details-faqs__grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 40px;
     }
 }

 @media (max-width:768px) {
     section.services-details-faqs {
         padding: 1.5rem 0px;
     }

     .services-details-faqs__header {
         h2 {
             font-size: 30px;
             margin-bottom: 10px;

             br {
                 display: none;
             }
         }

         p {
             font-size: 18px;
         }
     }

     .services-details-faqs__grid {
         gap: 1.5rem;
     }

     .services-details-faqs__item-heading {
         padding: 20px;

         h3 {
             font-size: 18px;
         }

         span {
             width: 30px;
             height: 30px;
             min-width: 30px;
             min-height: 30px;
             margin-left: 15px;
         }

         svg {
             width: 12px;
             height: 12px;
         }
     }

     .services-details-faqs__item-answer {
         padding: 0 20px 20px;

         p {
             font-size: 14px;
         }
     }
 }

 .our-work-page {
     background-color: var(--color-black);
     color: var(--color-white);
     padding: 100px 0 200px;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
 }

 @media (max-width:1200px) {
     .our-work-page {
         padding: 80px 0;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
     }
 }

 @media (max-width:768px) {
     .our-work-page {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 1.5rem 0 100px;
     }
 }

 .work--details--page footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.work-details-introduction {
     padding: 100px 0 0;
     background: var(--color-white);
 }

 .work-details-introduction-header {
     h1 {
         font-size: 148px;
         font-weight: 300;
         line-height: 1.1;
         margin-top: 30px;
     }
 }

 .work-details-introduction-grid {
     margin: 80px 0 0;

     div {
         display: grid;
         grid-template-columns: 30% 50%;
         justify-content: space-between;
         gap: 30px;
         padding: 80px 0;
         border-top: 1px solid var(--color-border);

         h4 {
             font-size: 20px;
             font-weight: 500;
             text-transform: uppercase;
         }

         p {
             font-size: 22px;
             font-weight: 500;
             line-height: 1.7;
         }
     }

     div:last-child {
         padding: 80px 0 0;
     }
 }

 @media (max-width:1200px) {
     section.work-details-introduction {
         padding: 60px 0 0;
     }

     .work-details-introduction-header {
         h1 {
             font-size: 100px;
         }
     }

     .work-details-introduction-grid {
         margin: 50px 0 0;

         div {
             grid-template-columns: 30% 60%;
             padding: 50px 0;

             h4 {
                 font-size: 18px;
             }

             p {
                 font-size: 20px;
             }
         }

         div:last-child {
             padding: 50px 0 0;
         }
     }
 }

 @media (max-width:768px) {
     section.work-details-introduction {
         padding: 1.5rem 0 0;
     }

     .work-details-introduction-header {
         h1 {
             font-size: 40px;

             br {
                 display: none;
             }
         }
     }

     .work-details-introduction-grid {
         margin: 1.5rem 0 0;

         div {
             grid-template-columns: 100%;
             gap: 1rem;
             padding: 1.5rem 0;

             h4 {
                 font-size: 16px;
             }

             p {
                 font-size: 18px;
             }
         }

         div:last-child {
             padding: 1.5rem 0 0;
         }
     }
 }

 section.work-details-images {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;
 }

 .work-details-images-header {
     h2 {
         font-size: 148px;
         font-weight: 300;
         line-height: 1.2;
         margin-bottom: 20px;
     }

     p {
         font-size: 22px;
         font-weight: 500;
         line-height: 1.7;
         max-width: 1000px;
     }
 }

 .work-details-images__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 5rem;
     margin-top: 80px;

     div {
         width: 100%;
         height: 100%;

         img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             object-position: center;
             border-radius: 30px;
         }
     }

     div:nth-child(3n) {
         grid-column: 1 / span 2;
     }
 }

 @media (max-width:1200px) {
     section.services-details-images {
         padding: 60px 0px;
     }

     .services-details-images__header {
         h2 {
             font-size: 100px;
             margin-bottom: 15px;
         }

         p {
             font-size: 20px;
             line-height: 1.6;
             max-width: 768px;
         }
     }

     .services-details-images__grid {
         gap: 40px;
         margin-top: 60px;
     }
 }

 @media (max-width:768px) {
     section.services-details-images {
         padding: 1.5rem 0px;
     }

     .services-details-images__header {
         h2 {
             font-size: 40px;
             margin-bottom: 10px;

             br {
                 display: none;
             }
         }

         p {
             font-size: 18px;
         }
     }

     .services-details-images__grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 0;
         margin-top: 1.5rem;
     }

     .services-details-images__item {
         img {
             border-radius: 0px !important;
         }
     }
 }

 .process {
     min-height: 100dvh;
     background-color: var(--color-black);
     color: var(--color-white);
 }

 .process__container {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .process__title {
     text-align: center;
     font-size: 24px;
     font-weight: 600;
     color: #8b8589;
 }

 .process-list {
     padding: 25px;
 }

 .process-list h3 {
     text-align: center;
     position: relative;
     font-size: calc(1.15rem + 4vw);
     line-height: calc(1.15rem + 4.5vw);
     letter-spacing: -0.15vw;
     opacity: 0;
     transform: scale(0.5);
 }

 .one {
     min-height: 100dvh;
 }

 .work-details-gallery {
     position: relative;
     width: 100%;
     min-height: calc(100vh - 100px);
     overflow: hidden;
     padding: 50px 0;
 }

 .work-details-gallery__container {
     height: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 60px;
     padding: 0 5rem;

     img {
         height: auto;
         max-width: 600px;
         object-fit: cover;
         border-radius: 20px;
     }
 }

 @media (max-width:1200px) {
     .work-details-gallery {
         min-height: auto;
         padding: 80px 0;
     }

     .work-details-gallery__container {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;

         img {
             width: 100%;
         }
     }
 }

 @media (max-width:768px) {
     .work-details-gallery {
         padding: 60px 0;
     }

     .work-details-gallery__container {
         grid-template-columns: repeat(1, 1fr);
         gap: 1.5rem;
     }
 }

 .client-reviews-page-list {
     background-color: var(--color-accent);
     color: var(--color-black);
     padding: 100px 0 200px;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
 }

 .client-reviews-page-items {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }

 .client-reviews-page-items .client-review-item {
     width: auto;
     background: var(--color-white);
 }

 @media (max-width:1200px) {
     .client-reviews-page-list {
         padding: 80px 0;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
     }

     .client-reviews-page-items {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }
 }

 @media (max-width:768px) {
     .client-reviews-page-list {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 1.5rem 0 100px;
     }

     .client-reviews-page-items {
         grid-template-columns: repeat(1, 1fr);
         gap: 1.5rem;
     }
 }

 .about--us--page footer.footer {
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
     margin-top: 0 !important;
 }

 section.about-us-page {
     padding: 400px 0px 100px;
     position: relative;
 }

 section.about-us-page::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .about-us-page-header-subtitle {
     font-size: 26px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .about-us-page-header-title {
     font-size: 148px;
     font-weight: 400;
     line-height: 1.1;
     margin-top: 20px;
 }

 @media (max-width:1200px) {
     section.about-us-page {
         padding: 200px 0px 80px;
     }

     .about-us-page-header-title {
         font-size: 100px;
     }
 }

 @media (max-width:768px) {
     section.about-us-page {
         padding: 120px 0px 1.5rem;
     }

     .about-us-page-header-subtitle {
         font-size: 20px;
     }

     .about-us-page-header-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .about-us-page-header-title br {
         display: none;
     }
 }

 .about-us-image-slide-wrapper {
     clip-path: inset(25% round 45px);

     video,
     img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: 50% 50%;
     }
 }

 @media (max-width:768px) {
     .about-us-image-slide-wrapper {
         clip-path: inherit;

         video,
         img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             object-position: inherit;
         }
     }
 }

 section.about-us-introduction {
     padding: 100px 0px;
     background: var(--color-white);
 }

 .about-us-introduction-title {
     font-size: 148px;
     font-weight: 400;
     line-height: 1.1;
     margin-top: 30px;
 }

 .about-us-introduction hr {
     margin: 60px 0px 80px;
 }

 .about-us-title-with-text-flex {
     display: grid;
     grid-template-columns: 30% 50%;
     justify-content: space-between;
     gap: 30px;
 }

 .about-us-title-with-text-flex h4 {
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .about-us-title-with-text-flex p {
     font-size: 22px;
     font-weight: 500;
     line-height: 1.7;
 }

 .about-us-title-with-text-blocks {
     display: grid;
     grid-template-columns: 1fr;
     margin-top: 100px;
 }

 .about-us-title-with-text-blocks .title-with-text-flex {
     padding: 100px 0;
     border-top: 1px solid var(--color-gray-300);
 }

 @media (max-width:1200px) {
     section.about-us-introduction {
         padding: 60px 0px;
     }

     .about-us-introduction-title {
         font-size: 100px;
     }

     .about-us-title-with-text-flex {
         grid-template-columns: 30% 60%;
     }

     .about-us-title-with-text-flex h4 {
         font-size: 18px;
     }

     .about-us-title-with-text-flex p {
         font-size: 20px;
     }

     .about-us-introduction hr {
         margin: 50px 0px;
     }
 }

 @media (max-width:768px) {
     section.about-us-introduction {
         padding: 1.5rem 0px;
     }

     .about-us-introduction-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .about-us-introduction-title br {
         display: none;
     }

     .about-us-title-with-text-flex {
         grid-template-columns: 100%;
         gap: 1rem;
     }

     .about-us-title-with-text-flex h4 {
         font-size: 16px;
     }

     .about-us-title-with-text-flex p {
         font-size: 18px;
     }

     .about-us-introduction hr {
         margin: 1.5rem 0px;
     }
 }

 .about-parallex__img {
     height: 100dvh;
     width: 100%;
     position: relative;
     background-size: cover;
     background-image: url("https://ik.imagekit.io/fofqnhw1u/About-us/william-fonteneau--z1UtXvS6To-unsplash.jpg");
     background-color: transparent;
     background-position: center center;
     background-attachment: scroll;
 }

 .about-parallex__content-wrap {
     height: 100dvh;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .content {
     height: auto;
     width: auto;
     position: absolute;
     font-size: calc((2rem + 12vw) / 2);
     line-height: 1.3;
     letter-spacing: -0.1vw;
     font-weight: 500;
     color: white;
     margin: 0;
     list-style: none;
     display: block;
     text-align: center;
     padding-inline: 1.5rem;
 }

 .content h2 {
     padding-bottom: 10px;
 }

 @media (max-width:1200px) {
     .content {}
 }

 @media (max-width:768px) {
     .content {
         padding-inline: 1rem;
     }
 }

 section.core-value {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;
 }

 .core-value__header h2 {
     font-size: 148px;
     font-weight: 300;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .core-value__header p {
     font-size: 22px;
     font-weight: 500;
     line-height: 1.7;
     max-width: 1000px;
 }

 .core-value__grid {
     margin-top: 80px;
 }

 .core-value__grid ul {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     box-shadow: 1px 1px 0px var(--color-gray-300);
 }

 .core-value__item {
     box-shadow: -1px -1px 0px var(--color-gray-300);
 }

 .core-value__item-text {
     padding: 60px;
 }

 .core-value__item-img {
     grid-column: 1 / span 1;
     grid-row: 2 / span 2;
 }

 .core-value__img {
     width: 100%;
     height: 100%;
 }

 .core-value__img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     filter: grayscale(100%);
     transition: filter 0.3s ease;
 }

 .core-value__item-content h3 {
     font-size: 36px;
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 20px;
     text-transform: capitalize;
 }

 .core-value__item-content p {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.6;
     opacity: .6;
 }

 @media (max-width:1200px) {
     section.core-value {
         padding: 60px 0px;
     }

     .core-value__header h2 {
         font-size: 100px;
         margin-bottom: 15px;
     }

     .core-value__header p {
         font-size: 20px;
         line-height: 1.6;
         max-width: 768px;
     }

     .core-value__grid {
         margin-top: 60px;
     }

     .core-value__item-text {
         padding: 40px;
     }
 }

 @media (max-width:1000px) {
     .core-value__item-img {
         grid-column: 1 / span 2;
         grid-row: 3 / span 2;
     }
 }

 @media (max-width:768px) {
     section.core-value {
         padding: 1.5rem 0px;
     }

     .core-value__header h2 {
         font-size: 40px;
         margin-bottom: 10px;
     }

     .core-value__header h2 br {
         display: none;
     }

     .core-value__header p {
         font-size: 18px;
     }

     .core-value__grid {
         margin-top: 1.5rem;
     }

     .core-value__grid ul {
         grid-template-columns: repeat(1, 1fr);
     }

     .core-value__item-img {
         grid-column: 1 / span 1;
         grid-row: 5 / span 1;
     }

     .core-value__item-text {
         padding: 20px;
     }

     .core-value__item-content h3 {
         font-size: 22px;
         margin-bottom: 10px;
     }

     .core-value__item-content p {
         font-size: 14px;
     }
 }

 section.about-stats {
     background-color: var(--color-accent);
     color: var(--color-black);
     padding: 100px 0;
 }

 .stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
 }

 .stats-grid__item {
     text-align: center;

     h3 {
         font-size: 100px;
         font-weight: 600;
         line-height: 1.2;
         letter-spacing: -2px;
     }

     p {
         font-size: 22px;
         font-weight: 500;
         line-height: 1.6;
         margin-top: 0px;
     }
 }

 @media (max-width:1200px) {
     section.about-stats {
         padding: 60px 0;
     }

     .stats-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 50px;
     }
 }

 @media (max-width:768px) {
     section.about-stats {
         padding: 1.5rem 0;
     }

     .stats-grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 30px;
     }

     .stats-grid__item {
         text-align: left;

         h3 {
             font-size: 60px;
         }

         p {
             font-size: 20px;
         }
     }
 }

 section.company-purpose {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;
 }

 .company-purpose .container {
     max-width: 1280px;
 }

 .company-purpose-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     align-items: center;
     gap: 100px;
 }

 .company-purpose__img {
     width: 100%;
     height: 100%;

     >img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-radius: 20px;
     }
 }

 .company-purpose__content {
     h2 {
         font-size: 44px;
         font-weight: 700;
         line-height: 1.3;
         margin-bottom: 30px;
     }

     h3 {
         font-size: 26px;
         font-weight: 600;
         line-height: 1.2;
         margin-bottom: 10px;
         display: flex;
         align-items: center;
         gap: 10px;

         >img {
             width: 30px;
             height: 30px;
         }
     }

     p {
         font-size: 16px;
         font-weight: 500;
         line-height: 1.6;
         margin-bottom: 15px;
         opacity: .6;
     }

     ul {
         list-style: none;
     }
 }

 @media (max-width:1200px) {
     section.company-purpose {
         padding: 60px 0;
     }

     .company-purpose-grid {
         gap: 60px;
     }

     .company-purpose__content {
         h2 {
             font-size: 36px;
             margin-bottom: 20px;
         }

         h3 {
             font-size: 22px;

             >img {
                 width: 26px;
                 height: 26px;
             }
         }

         p {
             font-size: 15px;
             margin-bottom: 10px;
         }
     }
 }

 @media (max-width:1000px) {
     .company-purpose-grid {
         gap: 40px;
     }
 }

 @media (max-width:768px) {
     section.company-purpose {
         padding: 1.5rem 0;
     }

     .company-purpose-grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 30px;
     }

     .company-purpose__content {
         h2 {
             font-size: 26px;
             margin-bottom: 15px;
         }

         h3 {
             font-size: 20px;

             >img {
                 width: 24px;
                 height: 24px;
             }
         }

         p {
             font-size: 14px;
         }
     }
 }

 .about-us-gallery {
     position: relative;
     width: 100%;
     min-height: calc(100vh - 100px);
     overflow: hidden;
     padding: 50px 0;
 }

 .about-us-gallery__container {
     height: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 60px;
     padding: 0 5rem;

     img {
         height: auto;
         max-width: 900px;
         object-fit: cover;
         border-radius: 20px;
     }
 }

 @media (max-width:1200px) {
     .about-us-gallery {
         min-height: auto;
         padding: 0 0 80px;
     }

     .about-us-gallery__container {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;

         img {
             width: 100%;
         }
     }
 }

 @media (max-width:768px) {
     .about-us-gallery {
         padding: 0 0 60px;
     }

     .about-us-gallery__container {
         grid-template-columns: repeat(1, 1fr);
         gap: 1.5rem;
     }
 }

 section.contact-us-page {
     padding: 300px 0px 100px;
     position: relative;
 }

 section.contact-us-page::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     inset: 0;
     opacity: 0.5;
     background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
     background-size: 15px 15px;
     mask-image: linear-gradient(to top, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 95%, hsl(0 0% 0% / 0));
     z-index: -1;
 }

 .contact-us-page-header-subtitle {
     font-size: 26px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .contact-us-page-header-title {
     font-size: 148px;
     font-weight: 400;
     line-height: 1.1;
     margin-top: 20px;
 }

 @media (max-width:1200px) {
     section.contact-us-page {
         padding: 200px 0px 80px;
     }

     .contact-us-page-header-title {
         font-size: 100px;
     }
 }

 @media (max-width:768px) {
     section.contact-us-page {
         padding: 120px 0px 1.5rem;
     }

     .contact-us-page-header-subtitle {
         font-size: 20px;
     }

     .contact-us-page-header-title {
         font-size: 40px;
         margin-top: 10px;
     }

     .contact-us-page-header-title br {
         display: none;
     }
 }

 section.contact-us-form {
     padding: 150px 0 250px;
     background: var(--color-black);
     color: var(--color-white);
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
     overflow: hidden;
     position: relative;
     z-index: 1;
 }

 .contact-us-form-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 100px;
 }

 .contact-us-form-text-block {
     padding-top: 50px;
 }

 .contact-us-form-text-header {
     margin-bottom: 50px;
 }

 .contact-us-form-text-header h2 {
     font-size: 72px;
     font-weight: 800;
     line-height: 1;
     margin-bottom: 15px;
     color: currentcolor;
 }

 .contact-us-form-text-header p {
     font-size: 22px;
     line-height: 1.4;
     max-width: 1000px;
     margin: auto;
 }

 .contact-us-form-text-information {
     margin-bottom: 50px;
 }

 .contact-us-form-text-information h3 {
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--color-white);
     margin-bottom: 30px;
     opacity: .4;
 }

 .contact-us-form-text-information ul li a {
     font-size: 30px;
     line-height: 1.4;
     color: currentColor;
     display: inline-block;
     transition: all 0.3s ease;
 }

 .contact-us-form-text-information ul li:not(:last-child) a {
     margin-bottom: 20px;
 }

 .contact-us-form-text-information ul li a:hover {
     font-weight: 600;
     letter-spacing: 1px;
     color: var(--color-accent);
     transition: all 0.3s ease;
 }

 .contact-us-form-text-social h3 {
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--color-white);
     margin-bottom: 30px;
     opacity: .4;
 }

 .contact-us-form-text-social ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px;
 }

 .contact-us-form-text-social ul li a {
     width: 54px;
     height: 54px;
     background: var(--color-white);
     color: var(--color-black);
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
 }

 .contact-us-form-text-social ul li a:hover {
     background: var(--color-accent);
     color: var(--color-black);
     transition: all 0.3s ease;
 }

 .contact-us-form-text-social ul li svg {
     width: 24px;
     height: 24px;
 }

 .form-field {
     padding: 40px 40px 20px 80px;
     position: relative;
     margin: 0 0 20px 0;
     border-radius: 10px;
     border-width: 2px;
     border-style: solid;
     border-color: #233741;
     background: #1a2d36;
 }

 .form-field label {
     display: inline-block;
     font-size: 22px;
     line-height: 1.4;
     font-weight: 500;
     margin: 0;
     position: relative;
     color: currentcolor;
     transition: all 0.3s ease;
 }

 .form-field label span {
     position: absolute;
     top: 2px;
     left: -40px;
     font-size: 18px;
     height: fit-content;
     color: currentcolor;
 }

 .form-field input,
 .form-field textarea,
 .form-field select {
     display: inline-block;
     width: 100%;
     background-color: transparent;
     padding: 15px 15px 15px 0;
     font-family: inherit;
     font-size: 22px;
     font-weight: 500;
     color: var(--color-white);
     height: 60px;
     border: none;
     border-radius: 0;
     margin-top: 20px;
     caret-color: var(--color-accent);
     transition: all 0.3s ease;
 }

 .form-field.filled label {
     opacity: 0.4;
     transition: all 0.3s ease;
 }

 .form-field textarea {
     resize: vertical;
     height: auto;
 }

 .form-field select option {
     color: var(--color-black);
 }

 .form-field select option[value=""][disabled] {
     display: none;
     opacity: 0.4;
 }

 .form-field select:invalid {
     opacity: .4;
 }

 .form-field textarea::-webkit-scrollbar {
     width: 8px;
     height: 5px;
 }

 .form-field textarea::-webkit-scrollbar-thumb {
     background: #404040;
     border-radius: 10px;
 }

 .form-field textarea::-webkit-scrollbar-track {
     background: #202020;
     border-radius: 10px;
 }

 .form-field input:focus-visible,
 .form-field textarea:focus-visible,
 .form-field select:focus-visible {
     border: none;
     outline: none;
     box-shadow: none;
 }

 .form-field input::placeholder,
 .form-field select option:disabled {
     color: var(--color-white);
     opacity: .5;
     transition: transform 0.6s ease;
 }

 .form-field input:focus::placeholder {
     transform: translateX(-100%);
     transition: transform 0.6s ease;
 }

 .form-field input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
     -webkit-text-fill-color: var(--color-white) !important;
     transition: background-color 5000s ease-in-out 0s;
 }

 .form-field input:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
     -webkit-text-fill-color: var(--color-white) !important;
 }

 .form-field-button button {
     padding: 0 26px;
     background: var(--color-accent);
     color: var(--color-white);
     font-size: 18px;
     font-weight: bold;
     border-radius: 100px;
     min-height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .form-field-button button:hover {
     color: var(--color-black);
 }

 .form-field-button .button-animation span {
     background: var(--color-white);
 }

 #submitBtn[disabled] {
     opacity: 0.7;
     cursor: not-allowed;
 }

 @media (max-width:1200px) {
     section.contact-us-form {
         padding: 80px 0 150px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
     }

     .contact-us-form-grid {
         gap: 40px;
     }

     .contact-us-form-text-header {
         margin-bottom: 40px;
     }

     .contact-us-form-text-header h2 {
         font-size: 48px;
     }

     .contact-us-form-text-header p {
         font-size: 20px;
     }

     .contact-us-form-text-information {
         margin-bottom: 40px;
     }

     .contact-us-form-text-information h3 {
         font-size: 18px;
         margin-bottom: 25px;
     }

     .contact-us-form-text-information ul li a {
         font-size: 26px;
     }

     .contact-us-form-text-social h3 {
         font-size: 18px;
         margin-bottom: 25px;
     }

     .contact-us-form-text-social ul li a {
         width: 44px;
         height: 44px;
     }

     .contact-us-form-text-social ul li svg {
         width: 22px;
         height: 22px;
     }

     .form-field {
         padding: 30px 30px 20px 60px;
     }

     .form-field label {
         font-size: 20px;
     }

     .form-field input,
     .form-field textarea,
     .form-field select {
         font-size: 20px;
         margin-top: 10px;
     }

     .form-field input {
         height: 40px;
     }
 }

 @media (max-width:768px) {
     section.contact-us-form {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 1.5rem 0 100px;
     }

     .contact-us-form-grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 40px;
     }

     .contact-us-form-text-block {
         padding-top: 0px;
     }

     .contact-us-form-text-header {
         margin-bottom: 1.5rem;
     }

     .contact-us-form-text-header h2 {
         font-size: 30px;
     }

     .contact-us-form-text-header p {
         font-size: 16px;
     }

     .contact-us-form-text-information h3 {
         font-size: 16px;
         margin-bottom: 1rem;
     }

     .contact-us-form-text-information ul li a {
         font-size: 20px;
     }

     .contact-us-form-text-information ul li:not(:last-child) a {
         margin-bottom: 15px;
     }

     .contact-us-form-text-information {
         margin-bottom: 1.5rem;
     }

     .contact-us-form-text-social h3 {
         font-size: 16px;
         margin-bottom: 1rem;
     }

     .contact-us-form-text-social ul li a {
         width: 36px;
         height: 36px;
     }

     .contact-us-form-text-social ul li svg {
         width: 20px;
         height: 20px;
     }

     .form-field {
         padding: 20px 20px 20px 45px;
     }

     .form-field label {
         font-size: 18px;
     }

     .form-field label span {
         top: 1px;
         left: -30px;
         font-size: 16px;
     }

     .form-field input,
     .form-field textarea,
     .form-field select {
         font-size: 18px;
         padding: 10px 10px 10px 0;
     }

     .form-field input[type="file"] {
         font-size: 16px;
     }

     .form-field input {
         height: 30px;
     }
 }

 .become--a--partner footer.footer {
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.partner-benefits {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0 200px;
 }

 @media (max-width:1200px) {
     section.partner-benefits {
         padding: 80px 0 150px;
     }
 }

 @media (max-width:768px) {
     section.partner-benefits {
         padding: 1.5rem 0 60px;
     }
 }

 .marketing--packages--page footer.footer,
 .become--a--partner footer.footer {
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.partner-benefits {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0 200px;
 }

 @media (max-width:1200px) {
     section.partner-benefits {
         padding: 80px 0 150px;
     }
 }

 @media (max-width:768px) {
     section.partner-benefits {
         padding: 1.5rem 0 60px;
     }
 }

 .certified--partners--page footer.footer {
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.certified-partners-page-lists {
     padding: 0 0 250px;
     background: var(--color-white);
     color: var(--color-white);
 }

 .certified-partners-page-grid ul {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 50px;
     list-style: none;

     li {
         padding: 40px;
         background-color: var(--color-black);
         border-radius: 20px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         gap: 20px;
         transition: all 0.3s ease-in-out;

         a {
             color: var(--color-white);

             img {
                 width: 100%;
                 max-width: fit-content;
                 height: 100%;
                 max-height: 40px;
                 padding: 15px 20px;
                 background: var(--color-white);
                 border-radius: 10px;
             }

             h3 {
                 font-size: 30px;
                 font-weight: 600;
                 line-height: 1.4;
                 margin: 30px 0 15px;
             }

             p {
                 font-size: 20px;
                 line-height: 1.6;
                 opacity: 0.8;
             }
         }
     }
 }

 @media (max-width:1200px) {
     section.certified-partners-page-lists {
         padding: 0 0 150px;
     }

     .certified-partners-page-grid ul {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;

         li {
             padding: 30px;

             a {
                 h3 {
                     font-size: 26px;
                     margin: 30px 0 10px;
                 }

                 p {
                     font-size: 18px;
                 }
             }
         }
     }
 }

 @media (max-width:1200px) {
     section.certified-partners-page-lists {
         padding: 0 0 100px;
     }

     .certified-partners-page-grid ul {
         grid-template-columns: repeat(1, 1fr);
         gap: 1.5rem;

         li {
             padding: 20px;

             a {
                 h3 {
                     font-size: 22px;
                     margin: 20px 0 10px;
                 }

                 p {
                     font-size: 16px;
                 }
             }
         }
     }
 }

 .our-blogs-page-blogs {
     background-color: var(--color-accent);
     color: var(--color-white);
     padding: 100px 0 200px;
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
 }

 @media (max-width:1200px) {
     section.our-blogs-page {
         padding: 200px 0px 80px;
     }
 }

 @media (max-width:768px) {
     section.our-blogs-page {
         padding: 120px 0px 1.5rem;
     }
 }

 .our--teams footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.our-team__list {
     padding: 0 0 100px;
     background: var(--color-white);
     color: var(--color-black);
     border-top-left-radius: 100px;
     border-top-right-radius: 100px;
 }

 .team__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 100px 30px;
 }

 .team__wrapper {
     border-top-left-radius: 200px;
     border-top-right-radius: 200px;
     background-color: var(--color-accent);
     transition: border-radius 0.3s ease-in-out;
 }

 .team__wrapper:hover {
     border-radius: 0;
     transition: border-radius 0.3s ease-in-out;
 }

 .team__img {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 100px 20px 30px;
 }

 .team__img img {
     width: 100%;
     height: auto;
     max-width: 256px;
     margin: auto;
 }

 .team__content {
     padding: 20px 20px 30px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     background-color: var(--color-accent);
     text-align: center;

     p {
         font-size: 18px;
         line-height: 1.4;
     }
 }

 .team__name {
     font-size: 30px;
     font-weight: 800;
     line-height: 1.3;
 }

 @media (max-width:1440px) {
     .team__grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 80px 30px;
     }
 }

 @media (max-width:1200px) {
     section.our-team__list {
         padding: 0 0 80px;
         border-top-left-radius: 60px;
         border-top-right-radius: 60px;
     }
 }

 @media (max-width:1000px) {
     .team__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 60px 30px;
     }

     .team__img {
         padding: 70px 20px 0px;
     }

     .team__img img {
         max-width: 200px;
     }

     .team__name {
         font-size: 26px;
     }

     .team__content {
         gap: 2px;

         p {
             font-size: 16px;
         }
     }
 }

 @media (max-width:768px) {
     section.our-team__list {
         border-top-left-radius: 30px;
         border-top-right-radius: 30px;
         padding: 0 0 60px;
     }

     .team__grid {
         grid-template-columns: repeat(1, 1fr);
         gap: 20px 20px;
     }

     .team__img {
         padding: 40px 20px 0px;
     }
 }

 section.career-photo {
     div {
         div {
             margin-block: clamp(2rem, 4vw, 4rem);
             display: grid;
             grid-template-columns: 1fr 1fr 1fr 1fr;
             grid-template-rows: 1fr;
             gap: 25px;

             img {
                 width: 100%;
                 height: 100%;
                 object-fit: cover;
                 border-radius: 10px;
             }
         }
     }
 }

 section.our-values {
     padding: 70px 0;

     >div {
         >div {
             --border-color: #dee2e6;
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             grid-template-rows: repeat(3, auto);
             gap: 25px;
             grid-template-areas: "header card-1" "card-4 card-2" "card-5 card-3";

             .our-values__header {
                 grid-area: header;

                 h2 {
                     font-size: clamp(2.5rem, 0.7308rem + 2.6442vw, 3.375rem);
                 }

                 p {
                     font-size: 24px;
                     color: #717171;
                 }
             }

             .our-values__card {
                 display: flex;
                 flex-direction: column;
                 justify-content: flex-start;
                 gap: 20px;
                 background-color: #f8f9fa;
                 padding: 35px;
                 border: 1px solid var(--border-color);
                 border-radius: 12px;

                 h3 {
                     font-size: 28px;
                 }

                 p {
                     font-size: 17px;
                     margin-bottom: 11px;
                     color: #717171;
                 }
             }

             .our-values__card-1 {
                 grid-area: card-1;
             }

             .our-values__card-2 {
                 grid-area: card-2;
             }

             .our-values__card-3 {
                 grid-area: card-3;
             }

             .our-values__card-4 {
                 grid-area: card-4;
             }
         }
     }
 }

 section.vacancy-section {
     padding: 300px 0px;
     position: relative;
     background: var(--color-black);

     div {
         h1 {
             font-size: clamp(3rem, -0.6731rem + 6.6106vw, 5.9375rem);
             color: var(--color-white);
             text-align: center;

             span {
                 display: block;
             }
         }

         >a {
             margin: 30px auto 0;
             width: fit-content;
             font-size: 24px;
             text-transform: uppercase;
         }
     }
 }

 @media screen and (max-width: 768px) {
     section.career-photo {
         div {
             div {
                 grid-template-columns: 1fr 1fr;
                 grid-template-rows: 1fr 1fr;

                 img {
                     max-width: 350px;
                 }
             }
         }
     }

     section.our-values {
         >div {
             div {
                 display: flex;
                 flex-direction: column;
             }
         }
     }
 }

 .industry--serve footer.footer {
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.industry-serve__marquee-list {
     padding: 40px 0 0;
 }

 .industry-serve__marquee {
     padding: 20px 0;
     margin-inline: auto;
     mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0));
     overflow: hidden;
     position: relative;
     width: 100%;
     background-color: var(--color-black);
     transform: rotate(3deg);
     color: var(--color-white);
 }

 .industry-serve__marquee .auto-scroll-slider {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 50px;
 }

 .bottom-marquee {
     background-color: var(--color-accent);
     transform: rotate(-3deg) translateY(-60px);
     color: var(--color-black);
 }

 .industry-serve__marquee-item {
     font-weight: 600;
     font-size: 24px;
     text-align: center;
     display: inline-block;
     width: 100%;
     max-width: max-content;
     min-width: max-content;
 }

 section.industry-serve__lists {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0 200px;
 }

 .industry-serve__list-grid ul {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     list-style: none;
 }

 .industry-serve__link {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 30px;
     padding: 40px;
     position: relative;
     z-index: 1;
     color: currentColor;
 }

 .industry-serve__icon {
     width: 60px;
     height: 60px;
     background-color: var(--color-black);
     color: var(--color-white);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;

     >svg {
         width: 30px;
         height: 30px;
         color: currentcolor;
     }
 }

 .industry-serve__name {
     font-size: 26px;
     font-weight: 600;
     margin: 0 0 10px;
     text-transform: capitalize;
     color: var(--color-black);
     line-height: 1.4;
 }

 .industry-serve__content p {
     font-size: 18px;
     color: var(--color-gray-500);
     line-height: 1.5;
 }

 .industry-serve__item {
     width: 100%;
     height: 100%;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     border-radius: 30px;
     box-shadow: 0 4px 30px #00000010;
     border: 1px solid var(--color-gray-300);
 }

 .industry-serve__item::before {
     content: "";
     position: absolute;
     width: 150px;
     height: 200%;
 }

 .industry-serve__item::after {
     content: "";
     position: absolute;
     inset: 2px;
     background: white;
     border-radius: 28px;
 }

 .industry-serve__item:hover::before {
     background: var(--color-black);
     animation: animate 6s linear infinite both;
 }

 @keyframes animate {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .industry-serve__wrapper {
     margin-block: 80px;

     >img {
         width: 100%;
         object-fit: cover;
         border-radius: 30px;
     }
 }

 @media screen and (max-width: 1200px) {
     section.industry-serve__lists {
         padding: 80px 0 150px;
     }

     .industry-serve__list-grid ul {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media screen and (max-width: 1000px) {
     .industry-serve__list-grid ul {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media screen and (max-width: 768px) {
     section.industry-serve__marquee-list {
         padding: 0;
     }

     .industry-serve__marquee {
         padding: 15px 0;
         transform: rotate(0deg);
     }

     .bottom-marquee {
         transform: rotate(0deg) translateY(0px);
     }

     .industry-serve__marquee .auto-scroll-slider {
         gap: 30px;
     }

     .industry-serve__marquee-item {
         font-size: 18px;
     }

     section.industry-serve__lists {
         padding: 1.5rem 0 100px;
     }

     .industry-serve__list-grid ul {
         grid-template-columns: repeat(1, 1fr);
     }

     .industry-serve__link {
         gap: 1.5rem;
         padding: 30px;
     }

     .industry-serve__icon {
         width: 44px;
         height: 44px;

         >svg {
             width: 24px;
             height: 24px;
         }
     }

     .industry-serve__name {
         font-size: 22px;
         margin: 0 0 6px;
     }

     .industry-serve__content p {
         font-size: 14px;
     }
 }

 .life--at--vebtech--page footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.team-img-marquee {
     padding: 100px 0;
     overflow: hidden;
     mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));

     .team-img-marquee-slider {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 50px;

         >div {
             width: 100%;
             max-width: 700px;
             min-width: 500px;

             img {
                 width: 100%;
                 border-radius: 10px;
             }
         }
     }
 }

 section.work-life {
     background-color: black;
     padding-block: 5rem;

     >div {
         h2 {
             color: white;
             font-size: clamp(2.5rem, 4vw, 3.5rem);
             text-align: center;
         }

         ul {
             margin-block: 3rem 2rem;
             display: grid;
             width: 100%;
             grid-template-columns: 1fr 1fr 1fr 1fr;
             grid-column-gap: 20px;

             li {
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 background-color: white;
                 padding: 30px;
                 border-radius: 20px;
                 min-width: 0;

                 >div {
                     background-color: black;
                     width: 50px;
                     height: 50px;
                     border-radius: 50%;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     margin: 0 auto 25px;

                     svg {
                         width: 60%;
                     }
                 }

                 p {
                     font-size: 18px;
                     text-align: center;

                     span {
                         display: block;
                     }
                 }
             }
         }

         >div {
             padding: 35px;
             background-color: #1b1b1b;
             border: 1px solid #343434;
             border-radius: 20px;
             color: white;

             h2 {
                 text-align: center;
                 font-size: clamp(2.5rem, 3vw, 3rem);
                 margin-bottom: 10px;
             }

             p {
                 text-align: center;
                 font-size: 18px;
             }

             >a {
                 width: fit-content;
                 margin: 30px auto 0;
             }
         }
     }
 }

 section.celebration-section {
     padding: 60px 0 100px;
     position: relative;

     >div {
         >div {
             h2 {
                 text-align: center;
                 font-size: clamp(2.5rem, 3vw, 2.5rem);
                 line-height: 1.2;
             }

             p {
                 text-align: center;
                 font-size: 20px;
                 max-width: 950px;
                 margin: 10px auto;
             }
         }

         .celebration-grid {
             margin-block: 70px 50px;
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             grid-auto-rows: 1fr;
             gap: 30px;

             img {
                 width: 100%;
                 border-radius: 20px;
             }
         }
     }
 }

 @media screen and (max-width: 1200px) {
     section.work-life {
         >div {
             ul {
                 grid-template-columns: repeat(2, 1fr);
                 grid-template-rows: repeat(2, 1fr);
                 gap: 20px;
             }
         }
     }
 }

 @media only screen and (max-width: 700px) {
     section.work-life {
         >div {
             ul {
                 display: flex;
                 flex-direction: column;

                 li {
                     padding: 20px;
                 }
             }
         }
     }

     section.celebration-section {
         >div {
             .celebration-grid {
                 display: flex;
                 flex-direction: column;
             }
         }
     }
 }

 .search--engine--optimization--packages footer.footer,
 .pay--per--click--packages footer.footer,
 .app--store--optimizations--packages footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000009;
 }

 section.marketing-packages-details-page-header {
     padding: 300px 0px 100px;
     position: relative;
     text-align: center;
     color: var(--color-white);

     &::before {
         content: '';
         position: absolute;
         width: 100%;
         height: 75%;
         inset: 0;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         background: var(--color-black);
         z-index: -1;
     }

     span {
         h1 {
             font-size: 26px;
             font-weight: 600;
             text-transform: capitalize;
         }

         h2 {
             font-size: 148px;
             font-weight: 400;
             line-height: 1.2;
             margin-top: 20px;
         }

         p {
             font-size: 20px;
             font-weight: 400;
             line-height: 1.8;
             max-width: 1000px;
             margin: 20px auto 0;
         }

         div {
             margin-top: 60px;
         }
     }
 }

 @media (max-width:1200px) {
     section.marketing-packages-details-page-header {
         padding: 200px 0px 80px;

         &::before {
             height: 83%;
         }

         span {
             h2 {
                 font-size: 100px;
             }

             p {
                 font-size: 18px;
             }

             div {
                 margin-top: 40px;
             }
         }
     }
 }

 @media (max-width:768px) {
     section.marketing-packages-details-page-header {
         padding: 120px 0px 1.5rem;
         text-align: left;

         &::before {
             height: 100%;
         }

         span {
             h1 {
                 font-size: 20px;
             }

             h2 {
                 font-size: 40px;
                 margin-top: 10px;

                 br {
                     display: none;
                 }
             }

             p {
                 font-size: 14px;
                 margin: 10px auto 0;
             }

             div {
                 margin-top: 1rem;
             }
         }
     }
 }

 .marketing-packages-details-page-section {
     margin-top: 50px;
 }

 .marketing-packages-details-page-section * {
     display: flex;
 }

 .marketing-packages-details-image-wrapper {
     clip-path: inset(25% round 100px);

     video,
     img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: 50% 50%;
     }
 }

 @media (max-width:768px) {
     .marketing-packages-details-image-wrapper {
         clip-path: inherit;

         video,
         img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             object-position: inherit;
         }
     }
 }

 .packages-pricing-blocks {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;

     .packages-pricing-blocks-header {
         margin-bottom: 80px;

         h2 {
             font-size: 72px;
             font-weight: 800;
             line-height: 1.1;
             width: 100%;
             max-width: 900px;
             margin-bottom: 10px;
         }

         p {
             font-size: 22px;
             line-height: 1.6;
             width: 100%;
             max-width: 1000px;
         }
     }

     .packages-pricing-blocks-grid {
         ul {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 60px 30px;

             li {
                 border: 3px solid var(--color-black);
                 border-radius: 20px;
                 overflow: hidden;
                 display: flex;
                 flex-direction: column;
                 box-shadow: 6px 6px 0px var(--color-black);

                 >span {
                     padding: 30px;
                     display: block;
                 }

                 >span:nth-child(1) {
                     background: var(--color-accent);
                     color: var(--color-black);
                     border-bottom: 3px solid var(--color-black);

                     h3 {
                         font-size: 20px;
                         font-weight: 500;
                         line-height: 1.2;
                         text-transform: uppercase;
                     }

                     p {
                         font-size: 16px;
                         font-weight: 500;
                         line-height: 1.6;
                         display: inline-block;
                     }

                     h4 {
                         margin: 10px 0px;

                         p:first-child {
                             font-size: 48px;
                             line-height: 1.2;
                             font-weight: 700;
                         }

                         p:last-child {
                             font-size: 16px;
                             font-weight: 500;
                             padding-left: 6px;
                             opacity: .5;
                         }
                     }
                 }

                 >span:nth-child(2) {
                     flex: 1 0 0;

                     h3 {
                         font-size: 16px;
                         font-weight: 500;
                         line-height: 1.2;
                         text-transform: uppercase;
                         margin-bottom: 20px;
                         opacity: .5;
                     }

                     p {
                         font-size: 16px;
                         font-weight: 500;
                         line-height: 1.6;
                         display: block;
                         margin-bottom: 10px;
                         position: relative;
                         padding-left: 30px;

                         &::before {
                             content: '';
                             position: absolute;
                             top: 2px;
                             left: 0;
                             background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_618_14)"><path d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z" fill="black"/><path d="M6.11084 10.556L8.33307 12.7782L13.8887 7.22266" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_618_14"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
                             background-repeat: no-repeat;
                             background-size: cover;
                             background-position: center;
                             width: 20px;
                             height: 20px;
                         }
                     }
                 }

                 >span:nth-child(3) {
                     padding-top: 0;

                     button {
                         width: 100%;
                         border-radius: 8px;
                         background: var(--color-black);
                         border-color: var(--color-black);
                         color: var(--color-white);
                     }
                 }
             }

             li:nth-child(4) {
                 flex-direction: row;
                 align-items: center;
                 justify-content: space-between;
                 gap: 100px;
                 grid-column: 1/ span 3;
                 padding: 60px;

                 div:first-child {
                     max-width: 600px;

                     h3 {
                         font-size: 20px;
                         font-weight: 500;
                         line-height: 1.2;
                         text-transform: uppercase;
                         opacity: .5;
                     }

                     h4 {
                         font-size: 48px;
                         line-height: 1.1;
                         font-weight: 700;
                         margin: 15px 0;
                     }

                     p {
                         font-size: 18px;
                         font-weight: 500;
                         line-height: 1.6;
                         display: inline-block;
                         opacity: .5;
                     }
                 }

                 div:last-child {
                     height: 100%;

                     button {
                         padding: 0 50px;
                         min-height: 100px;
                         border-radius: 20px;
                         height: 100%;
                         font-size: 26px;
                         line-height: 1.4;
                         background: var(--color-black);
                         border-color: var(--color-black);
                         color: var(--color-white);
                     }
                 }
             }

             li button:hover {
                 border-color: var(--color-black) !important;
             }
         }

         >div {
             text-align: center;
             margin: 60px 0 0;

             >button {
                 display: inline-block;
                 font-size: 18px;
                 font-weight: bold;
                 background: transparent;
                 color: var(--color-black);
                 text-decoration: underline;
                 text-decoration-thickness: 3px;
                 text-underline-offset: 8px;
                 transition: all 0.3s ease;
                 border: none;
                 outline: none;
             }
         }
     }
 }

 @media (max-width:1200px) {
     .packages-pricing-blocks {
         padding: 80px 0;

         .packages-pricing-blocks-header {
             margin-bottom: 60px;

             h2 {
                 font-size: 48px;
             }

             p {
                 font-size: 20px;
             }
         }

         .packages-pricing-blocks-grid {
             ul {
                 display: grid;
                 grid-template-columns: repeat(2, 1fr);
                 gap: 30px;

                 li:nth-child(3) {
                     grid-column: 1/ span 2;
                 }

                 li:nth-child(4) {
                     flex-direction: column;
                     align-items: flex-start;
                     gap: 20px;
                     grid-column: 1/ span 2;
                     padding: 30px;

                     div:first-child {
                         max-width: 100%;
                     }

                     div:last-child {
                         height: auto;

                         button {
                             padding: 0 26px;
                             font-size: 18px;
                             border-radius: 8px;
                             height: auto;
                             min-height: 50px;
                         }
                     }
                 }
             }

             >div {
                 margin: 50px 0 0;
             }
         }
     }
 }

 @media (max-width:768px) {
     .packages-pricing-blocks {
         padding: 60px 0;

         .packages-pricing-blocks-header {
             margin-bottom: 1.5rem;

             h2 {
                 font-size: 30px;
             }

             p {
                 font-size: 16px;
             }
         }

         .packages-pricing-blocks-grid {
             ul {
                 display: grid;
                 grid-template-columns: repeat(1, 1fr);
                 gap: 1.5rem;

                 li {
                     border: 2px solid var(--color-black);
                     border-radius: 15px;
                     box-shadow: 4px 4px 0px #000000;

                     >span {
                         padding: 20px;
                         display: block;
                     }

                     >span:nth-child(1) {
                         border-bottom: 2px solid var(--color-black);

                         h3 {
                             font-size: 18px;
                         }

                         p {
                             font-size: 14px;
                         }

                         h4 {
                             p:first-child {
                                 font-size: 36px;
                             }

                             p:last-child {
                                 font-size: 14px;
                             }
                         }
                     }

                     >span:nth-child(2) {
                         p {
                             font-size: 16px;
                             margin-bottom: 8px;
                             padding-left: 30px;
                         }
                     }
                 }

                 li:nth-child(3) {
                     grid-column: 1/ span 1;
                 }

                 li:nth-child(4) {
                     gap: 15px;
                     grid-column: 1/ span 1;
                     padding: 20px;

                     div:first-child {
                         h3 {
                             font-size: 18px;
                         }

                         h4 {
                             font-size: 36px;
                             margin: 12px 0;
                         }

                         p {
                             font-size: 16px;
                         }
                     }

                     div:last-child {
                         button {
                             padding: 0 20px;
                             font-size: 16px;
                             min-height: 40px;
                         }
                     }
                 }
             }

             >div {
                 text-align: center;
                 margin: 40px 0 0;
             }
         }
     }
 }

 .packages-plan-features {
     background-color: var(--color-white);
     color: var(--color-black);
     padding: 100px 0;

     .packages-plan-features-header {
         margin-bottom: 80px;

         h2 {
             font-size: 72px;
             font-weight: 800;
             line-height: 1.1;
             width: 100%;
             max-width: 900px;
             margin-bottom: 10px;
         }

         p {
             font-size: 22px;
             line-height: 1.6;
             width: 100%;
             max-width: 1000px;
         }
     }

     .packages-plan-features-blocks {
         .packages-plan-features-blocks-header {
             position: relative;
             z-index: 999999999999999;

             ul {
                 display: grid;
                 grid-template-columns: repeat(6, 1fr);
                 list-style: none;

                 li {
                     font-size: 30px;
                     font-weight: 600;
                     padding: 100px 20px 20px;
                     color: var(--color-white);
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     text-align: center;
                 }

                 li:nth-child(1) {
                     grid-column: 1/ span 2;
                     background: var(--color-white);
                 }

                 li:nth-child(2) {
                     background: var(--color-accent);
                     border-radius: 20px 0 0 0;
                 }

                 li:nth-child(3) {
                     background: var(--color-black);
                 }

                 li:nth-child(4) {
                     background: var(--color-accent);
                 }

                 li:nth-child(5) {
                     background: var(--color-black);
                     border-radius: 0 20px 0 0;
                 }
             }
         }

         .packages-plan-features-blocks-information {
             >div {
                 border: 1px solid #f5f5f5;
                 border-radius: 20px 0 20px 20px;
                 overflow: hidden;

                 h3 {
                     font-size: 24px;
                     font-weight: 700;
                     margin: 20px 0;
                     padding: 15px 30px;
                     display: flex;
                     align-items: center;
                 }

                 div {
                     span {
                         display: block;

                         ul {
                             display: grid;
                             grid-template-columns: repeat(6, 1fr);
                             list-style: none;

                             li {
                                 font-size: 18px;
                                 font-weight: 500;
                                 padding: 15px 20px;
                                 display: flex;
                                 align-items: center;
                                 justify-content: center;
                                 text-align: center;

                                 img {
                                     width: 24px;
                                     height: 24px;
                                 }
                             }

                             li:nth-child(1) {
                                 padding: 15px 30px;
                                 grid-column: 1/ span 2;
                                 justify-content: flex-start;
                                 text-align: left;
                                 line-height: 1.6;
                             }

                             li:nth-child(2) {
                                 background: #E5CFDC09;
                             }

                             li:nth-child(3) {
                                 background: #16272F09;
                             }

                             li:nth-child(4) {
                                 background: #E5CFDC09;
                             }

                             li:nth-child(5) {
                                 background: #16272F09;
                             }
                         }
                     }

                     span:nth-child(2n-1) {
                         background: #f8f8f8;
                     }
                 }
             }

             >div:not(:first-child) {
                 margin: 50px 0 0;
                 border-radius: 20px;
             }
         }
     }
 }

 @media (max-width:1200px) {
     .packages-plan-features {
         padding: 80px 0;

         .packages-plan-features-header {
             margin-bottom: 60px;

             h2 {
                 font-size: 48px;
             }

             p {
                 font-size: 20px;
             }
         }

         .packages-plan-features-blocks {
             .packages-plan-features-blocks-header {
                 ul {
                     li {
                         font-size: 24px;
                         padding: 95px 10px 20px;
                     }
                 }
             }

             .packages-plan-features-blocks-information {
                 >div {
                     h3 {
                         font-size: 20px;
                         margin: 10px 0;
                         padding: 15px 20px;
                     }

                     div {
                         span {
                             ul {
                                 li {
                                     font-size: 16px;
                                 }

                                 li:nth-child(1) {
                                     padding: 15px 20px;
                                 }
                             }
                         }
                     }
                 }

                 >div:not(:first-child) {
                     margin: 40px 0 0;
                 }
             }
         }
     }
 }

 @media (max-width:1000px) {
     .packages-plan-features {
         .packages-plan-features-blocks {
             .packages-plan-features-blocks-header {
                 ul {
                     li {
                         font-size: 18px;
                         padding: 90px 10px 15px;
                     }
                 }
             }

             .packages-plan-features-blocks-information {
                 >div {
                     h3 {
                         font-size: 18px;
                     }
                 }

                 >div:not(:first-child) {
                     margin: 30px 0 0;
                 }
             }
         }
     }
 }

 @media (max-width:768px) {
     .packages-plan-features {
         padding: 60px 0;

         .packages-plan-features-header {
             margin-bottom: 1.5rem;

             h2 {
                 font-size: 30px;
             }

             p {
                 font-size: 16px;
             }
         }

         .packages-plan-features-blocks-container {
             padding: 0;
         }

         .packages-plan-features-blocks {
             .packages-plan-features-blocks-header {
                 ul {
                     display: grid;
                     grid-template-columns: repeat(4, 1fr);
                     list-style: none;

                     li {
                         font-size: 14px;
                         padding: 80px 4px 15px;
                     }

                     li:nth-child(1) {
                         display: none;
                     }

                     li:nth-child(2) {
                         border-radius: 0;
                     }

                     li:nth-child(5) {
                         border-radius: 0;
                     }
                 }
             }

             .packages-plan-features-blocks-information {
                 >div {
                     border: none;
                     border-radius: 0;

                     h3 {
                         font-size: 16px;
                         margin: 0;
                         background: var(--color-black);
                         color: var(--color-white);
                     }

                     div {
                         span {
                             ul {
                                 grid-template-columns: repeat(4, 1fr);

                                 li {
                                     justify-content: flex-start;
                                     padding: 10px 20px;

                                     img {
                                         width: 20px;
                                         height: 20px;
                                     }
                                 }

                                 li:nth-child(1) {
                                     grid-column: 1/ span 4;
                                     padding: 20px 20px 10px;
                                 }
                             }
                         }

                         span:nth-child(2n-1) {
                             background: var(--color-white);
                         }
                     }
                 }

                 >div:not(:first-child) {
                     margin: 20px 0 0;
                     border-radius: 0;
                 }
             }
         }
     }
 }

 .privacy--policy--page footer.footer {
     margin-top: 0 !important;
     border-top: 1px solid var(--color-gray-300);
     box-shadow: 0px -30px 50px #00000008;
 }

 section.policy-content {
     padding: 0 0 100px;

     >div {
         span {
             display: inline-block;
             max-width: 1200px;

             h4 {
                 font-size: 48px;
                 margin: 60px 0 0;
                 font-weight: 600;
             }

             p {
                 margin-top: 30px;
                 font-size: 22px;
                 line-height: 1.6;
             }
         }
     }
 }

 @media screen and (max-width:1200px) {
     section.policy-content {
         padding: 0 0 80px;

         >div {
             span {
                 h4 {
                     font-size: 36px;
                     margin: 40px 0 0;
                 }

                 p {
                     margin-top: 20px;
                     font-size: 20px;
                 }
             }
         }
     }
 }

 @media screen and (max-width:768px) {
     section.policy-content {
         padding: 0 0 60px;

         >div {
             span {
                 h4 {
                     font-size: 26px;
                     margin: 20px 0 0;
                 }

                 p {
                     margin-top: 15px;
                     font-size: 16px;
                 }
             }
         }
     }
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* Quote Modal CSS Start */

.quote__modal {
    font-family: "DM Sans", sans-serif;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 800px;
    background-color: white;
    padding: 60px;
    z-index: 999999;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
}

.quote__modal--open {
    opacity: 1;
    visibility: visible;
    animation: tilt-in-bottom-2-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    pointer-events: auto;
}

.quote__modal--close {
    animation: tilt-in-bottom-2-out 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.quote__modal-close,
.quote__modal-back {
    border: none;
    background: transparent;
    position: absolute;
    top: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.quote__modal-back {
    left: 25px;
    display: none;
}

.quote__modal-close {
    right: 25px;
}

.quote__modal-close img,
.quote__modal-back img {
    width: 100%;
}

.quote__modal-title {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    color: var(--color-black);
    text-transform: capitalize;
    margin-bottom: 20px;
}

.quote__modal-form-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    cursor: pointer;
    margin: 20px auto 0;
}

.quote__modal-form-btn span {
    font-size: 16px;
    color: var(--color-black);
    font-weight: 800;
}

.quote__modal-form-btn img {
    width: 30px;
    transition: transform 0.3s ease;
}

.quote__modal-form-btn:hover img {
    transform: translateX(5px);
}

.quote__modal-form-wrap h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.quote__box input[type="checkbox"],
.quote__box input[type="radio"] {
    display: none;
}

.quote__box label {
    display: block;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: 350px;
    margin: 0 auto 10px;
    cursor: pointer;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    position: relative;
}

.quote__box label:hover,
.quote__box input[name="services[]"]:checked+label,
.quote__box input[type="radio"]:checked+label {
    background-color: #16272F08;
    border-color: var(--color-black);
    color: var(--color-black);
}

.service-error {
    font-size: 14px;
    color: red;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}

#third-step,
#fifth-step {
    text-align: left;
    margin: 0 auto;
}

#third-step {
    max-width: 75%;
}

#fifth-step {
    max-width: 70%;
}

.desc-grp {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.description-label {
    font-size: 22px;
    font-weight: 900;
    padding: 5px 0;
}

.input-grp {
    width: 95%;
    height: 75px;
    max-height: 90px;
}

.input-grp textarea {
    overflow: hidden;
    height: 100%;
    width: 100%;
    font-weight: 900;
    font-size: 22px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    color: var(--color-black);
    resize: none;
}

.input-grp textarea:focus {
    outline: none;
    border-color: var(--color-black);
}

.final-form-grp label {
    font-size: 26px;
    font-weight: 900;
    padding: 5px 0;
    font-family: "DM Sans", sans-serif;
    display: inline-block;
}

.final-form-input {
    width: 300px;
    margin: 0 0 10px 4px;
    display: inline-block;
    position: relative;
}

.final-form-input input {
    width: 100%;
    font-size: 26px;
    color: var(--color-black);
    font-weight: 900;
    padding: 5px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    
    &:focus {
        outline: none;
        border-color: var(--color-black);
    }
}

.final-form-input input::placeholder {
    color: #ddd;
    transition: transform 0.6s ease;
}

.final-form-input input:focus::placeholder {
    transform: translateX(-100%);
}

.final-form-input input::-webkit-outer-spin-button,
.final-form-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.final-form-input input[type="number"] {
    -moz-appearance: textfield;
}

.calling-code-grp {
    display: flex;
    align-items: center;
    position: relative;
}

.country-code {
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 1;
    color: var(--color-black);
    font-weight: 900;
    font-size: 24px;
    background: white;
    width: 60px;
    text-align: center;
    line-height: 40px;
}

#quote-mobile {
    padding-left: 80px;
}

.error-msg {
    color: #f00;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: -18px;
    z-index: 1;
    display: none;
}

.ui-button-common {
    position: relative;
    display: inline-block;
    padding: 13px 25px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    color: var(--color-black);
    background: transparent;
    cursor: pointer;
    transition: ease-out 0.5s;
    border: 2px solid var(--color-black);
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 var(--color-black);
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--font-funnel-display);
    font-weight: 600;
}

.quote-send-btn {
    display: flex;
    margin: 30px auto 0;
}

.ui-button-common:hover {
    color: white;
    box-shadow: inset 0 -100px 0 0 var(--color-black);
    border-color: var(--color-black);
}

.ui-button-common:active {
    transform: scale(0.9);
}

#sixth-step h3 {
    font-size: 3rem;
    font-weight: 900;
    color: var(--color-black);
}

#sixth-step p {
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    padding-bottom: 1rem;
}

#sixth-step video {
    display: flex;
    margin: 0 auto;
    width: 180px;
    height: 180px;
    object-fit: cover;
}

.quote__modal-form-container {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, height 0.5s ease;
    background: white;
}

.quote__modal-form-container--active {
    opacity: 1;
    height: auto;
}

@keyframes tilt-in-bottom-2-in {
    0% {
        transform: rotateY(-30deg) translate(-50%, 300px) skewY(30deg);
        opacity: 0;
        }
    
    100% {
        transform: rotateY(0deg) translate(-50%, -50%) skewY(0deg);
        opacity: 1;
    }
}

@keyframes tilt-in-bottom-2-out {
    0% {
        transform: rotateY(0deg) translate(-50%, -50%) skewY(0deg);
        opacity: 1;
    }
    
    100% {
        transform: rotateY(-30deg) translate(-50%, 300px) skewY(-30deg);
        opacity: 0;
    }
}

.contact-us-men {
    position: fixed;
    right: -20px;
    bottom: -4px;
    z-index: 99999;
    display: flex;
    
    a {
        display: flex;
    
        img {
            width: 120px;
            height: auto;
        }
    }
}

@media (max-width:1024px) {
    .quote__box label {
        font-size: 16px;
    }
    
    .final-form-grp label,
    .final-form-input input,
    .country-code {
        font-size: 20px;
    }
    
    .country-code {
        top: 0;
    }
}

@media (max-width:768px) {
    .quote__modal {
        max-width: 70%;
    }
    
    #fifth-step {
        max-width: 100%;
    }
    
    .final-form-input {
        width: 600px;
    }
    
    .calling-code-grp {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .contact-us-men {
        a {
            img {
                width: 100px;
                height: auto;
            }
        }
    }
}

 @media (max-width:480px) {
    .quote__modal {
        max-width: 80%;
        padding-inline: 20px;
    }
    
    .quote__box label,
    .description-label,
    .quote__modal-form-wrap h3,
    .final-form-grp label,
    .final-form-input input,
    .country-code {
        font-size: 17px;
    }
    
    #sixth-step h3 {
        font-size: 2rem;
    }
    
    #sixth-step p {
        font-size: 1rem;
    }
}
 
 
 
 
section.thank-you-page-header {
    padding: 200px 0px 100px;
    position: relative;
    text-align: center;
    
    &::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        opacity: 0.5;
        background-image: radial-gradient(#6e6e6e 0.55px, #ffffff 0.5px);
        background-size: 15px 15px;
        mask-image: linear-gradient(
            to top,
            hsl(0 0% 0% / 0),
            hsl(0 0% 0% / 1) 10%,
            hsl(0 0% 0% / 1) 95%,
            hsl(0 0% 0% / 0)
        );
        z-index: -1;
    }
    
    span {
        display: inline-block;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
        
        h1 {
            font-size: 72px;
            font-weight: 500;
            text-transform: capitalize;
            line-height: 1.2;
        }
        
        p {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.6;
            margin-top: 20px;
        }
    }
}

@media (max-width:1200px) {
    section.thank-you-page-header {
        padding: 160px 0px 80px;
        
        span {
            h1 {
                font-size: 48px;
            }
            
            p {
                font-size: 18px;
            }
        }
    }
}

@media (max-width:768px) {
    section.thank-you-page-header {
        padding: 100px 0px 1.5rem;
        
        span {
            p {
                font-size: 16px;
                margin-top: 10px;
            }
        }
    }
}