:root {
     --color-background: #ffffff;
     --color-text-primary: #212529;
     --color-text-secondary: #6c757d;
     --color-primary-brand: #0d6efd;
     --color-primary-hover: #0b5ed7;
     --color-border: #dee2e6;
     --color-top-bar-bg: #f8f9fa;

     --font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     --font-weight-normal: 400;
     --font-weight-bold: 600;

     --container-width: 1200px;
     --navbar-padding: 1rem;
     --transition-speed: 0.2s;
 }

 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 body {
     margin: 0;
     font-family: var(--font-family-sans-serif);
     font-size: 1rem;
     line-height: 1.5;
     color: var(--color-text-primary);
     background-color: var(--color-background);
 }
a.main-navbar__link {
    color: #000;
}
 .container {
     max-width: 1290px;
     margin: 0 auto;
 }

 .top-bar.header-container {
     max-width: 100%;
     background: #D7390F;
 }

 img {
     width: 100%;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0;
 }

 /*.content {*/
 /*    height: 200vh;*/
 /*    padding: 150px var(--navbar-padding) 1rem;*/
 /*    text-align: center;*/
 /*}*/

 ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 a {
     text-decoration: none;
     transition: color var(--transition-speed) ease;
 }

 button {
     cursor: pointer;
 }

 .site-header {
     border-bottom: 1px solid var(--color-border);
     position: sticky;
     top: 0;
     background-color: var(--color-background);
     z-index: 1000;
 }

 .header-container {
     width: 100%;
     max-width: var(--container-width);
     margin: 0 auto;
     padding: 0 var(--navbar-padding);
 }

 .top-bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: var(--color-top-bar-bg);
     padding: 0.5rem var(--navbar-padding);
     font-size: 0.875rem;
     color: var(--color-text-secondary);
     border-bottom: 1px solid var(--color-border);
 }

 .top-bar a {
     display: inline-flex;
     align-items: center;
     gap: 0.5em;
     color: var(--color-text-secondary);
 }

 .top-bar a:hover,
 .top-bar a:focus {
     color: var(--color-primary-brand);
 }

 .top-bar-section {
     display: flex;
     align-items: center;
     gap: 1rem;
 }

 .main-navbar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 80px;
 }

 .main-navbar__brand {
     font-size: 1.75rem;
     font-weight: var(--font-weight-bold);
     color: var(--color-text-primary);
     width: 20%;
 }

 .icon {
     width: 1em;
     height: 1em;
     fill: #fff;
     transition: fill var(--transition-speed) ease;
 }

 span.contact-info__text {
     color: #fff;
 }

 .main-navbar__toggle {
     display: block;
     border: 1px solid var(--color-border);
     border-radius: 4px;
     padding: 0.5rem;
     background: transparent;
     cursor: pointer;
     z-index: 1001;
 }

 .main-navbar__toggle .bar {
     display: block;
     width: 22px;
     height: 2px;
     margin: 5px 0;
     background-color: var(--color-text-primary);
     transition: transform var(--transition-speed) ease;
 }

 .main-navbar__toggle.is-active .bar:nth-child(1) {
     transform: translateY(7px) rotate(45deg);
 }

 .main-navbar__toggle.is-active .bar:nth-child(2) {
     opacity: 0;
 }

 .main-navbar__toggle.is-active .bar:nth-child(3) {
     transform: translateY(-7px) rotate(-45deg);
 }

 .main-navbar__menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background-color: var(--color-background);
     border-bottom: 1px solid var(--color-border);
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
 }

 .main-navbar__menu.is-active {
     display: block;
 }

 .main-navbar__item {
     border-top: 1px solid var(--color-border);
 }

 .main-navbar__link {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 1rem 1.5rem;
     font-weight: var(--font-weight-bold);
     color: var(--color-text-primary);
 }

 .main-navbar__link:focus {
     color: #000;
 }

 .main-navbar__link:hover {
     color: #000000;
 }

 .dropdown {
     position: relative;
 }

 .dropdown>.main-navbar__link::after {
     content: '\25BC';
     font-size: 0.7em;
 }

 .dropdown-menu {
     display: none;
     background-color: var(--color-top-bar-bg);
 }

 .dropdown.is-active>.dropdown-menu {
     display: block;
     background: #fff;
     border: 0.5px solid #e9e9e9;
 }

 .dropdown-menu a {
     padding-left: 2.5rem;
     font-size: 16px;
     font-weight: 600;
     color: #000;
 }

 :is(.main-navbar__toggle, .top-bar a, .main-navbar__link):focus-visible {
     outline: 2px solid var(--color-primary-brand);
     outline-offset: 2px;
     border-radius: 4px;
 }

 section.home-banner-main {
     margin: 50px 0;
 }

 section.home-banner-main .inner {
     display: flex;
     align-items: center;
     gap: 30px;
     padding: 10px;
 }

 section.home-banner-main .inner .text {
     width: 50%;
 }

 section.home-banner-main .inner .image {
     width: 50%;
 }

 section.home-banner-main .inner .text a button {
     background: #D7390F;
     color: #fff;
     font-size: 15px;
     padding: 10px 20px;
     border: none;
     font-family: sans-serif;
     margin-top: 15px;
 }

 .header-btn a button {
     background: #D7390F;
     color: #fff;
     font-size: 15px;
     padding: 10px 20px;
     border: none;
     font-family: sans-serif;
 }

 .dropdown.is-active>.dropdown-menu li {
     padding: 10px;
     box-shadow: 0px 0px 1px 0px;
 }

 .header-inner {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 section.home-banner-main .inner .text h2 {
     font-size: 32px;
     font-weight: 600;
     line-height: 35px;
     margin-bottom: 15px;
 }

 section.home-banner-main .inner .text p {
     font-size: 18px;
     line-height: 23px;
     font-family: sans-serif;
 }

 section.working-sec-main {
     padding: 50px 0;
     background: #D7390F;
 }

 section.working-sec-main h2,
 section.working-sec-main p {
     color: #fff;
 }

 section.working-sec-main h2,
 section.pakages-sec-main h2 {
     font-size: 42px;
     text-align: center;
     font-family: sans-serif;
     margin-bottom: 0;
 }

 section.working-sec-main p,
 section.pakages-sec-main p {
     font-size: 20px;
     text-align: center;
     margin-top: 0;
     padding: 0 10px;
 }

 section.working-sec-main .inner .column img {
     width: 50px;
     filter: invert(1);
     margin-bottom: 5px;
 }

 section.working-sec-main .inner {
     margin-top: 50px;
     display: flex;
     gap: 30px;
     justify-content: center;
     padding: 10px;
 }

 section.working-sec-main .inner .column {
     width: 30%;
     display: flex;
     flex-direction: column;
     align-items: center;
     border: 1px solid #fff;
     padding: 20px;
     border-radius: 10px;
     color: #fff;
 }

 section.working-sec-main .inner .column h3 {
     font-size: 20px;
     font-family: sans-serif;
     text-align: center;
     color: #fff;
     margin-bottom: 15px;
 }

 section.working-sec-main .inner .column p {
     font-size: 18px;
     font-family: sans-serif;
 }

 section.pakages-sec-main {
     padding: 50px 0;
 }

 section.pakages-sec-main .inner {
     display: flex;
     align-items: stretch;
     justify-content: center;
     gap: 30px;
     padding: 0 10px;
     margin-top: 30px;
 }

 section.pakages-sec-main .inner .column {
     border: 1px solid;
     padding: 20px;
     border-radius: 10px;
     display: flex;
     width: 30%;
     gap: 15px;
     flex-direction: column;
     justify-content: space-between;
 }

 section.pakages-sec-main .inner .column h3 {
     font-size: 24px;
     font-family: sans-serif;
     margin: 0;
 }

 section.pakages-sec-main .inner .column p {
     font-size: 18px;
     font-family: sans-serif;
     margin: 0;
     text-align: start;
 }

 section.pakages-sec-main .inner .column ul li {
     font-size: 18px;
     font-family: sans-serif;
 }

 section.pakages-sec-main .inner .column span {
     font-size: 30px;
     font-weight: bold;
 }
 .about-us-page .inner .text h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
.about-us-page .inner .text p {
    font-size: 17px;
    margin-bottom: 10px;
}

 section.pakages-sec-main .inner .column a button {
     background: #D7390F;
     color: #fff;
     font-size: 15px;
     padding: 10px 20px;
     cursor: pointer;
     border: none;
     font-family: sans-serif;
     margin-top: 15px;
 }

 section.our-services-sec-main {
     padding: 50px 10px;
 }

 section.our-services-sec-main .inner {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 section.our-services-sec-main .inner .text-tab {
     width: 60%;
 }

 section.our-services-sec-main .inner .image {
     width: 40%;
 }

 section.our-services-sec-main .inner .text-tab h3 {
     font-size: 20px;
     font-family: sans-serif;
     margin-bottom: 15px;
 }

 section.our-services-sec-main .inner .text-tab h2 {
     font-size: 34px;
     line-height: 38px;
     font-family: sans-serif;
 }

 section.rating-sec-main {
     padding: 50px 10px;
     background: #D7390F;
 }

 section.rating-sec-main .inner {
     display: flex;
     justify-content: space-evenly;
 }

 footer section.footer-sec-main .inner {
     display: flex;
     justify-content: space-between;
 }

 section.rating-sec-main .inner .column {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 section.rating-sec-main .inner span {
     font-size: 42px;
     font-family: sans-serif;
     font-weight: 900;
     color: #fff;
 }

 section.rating-sec-main .inner p {
     font-size: 20px;
     font-family: sans-serif;
     color: #fff;
 }

 section.footer-sec-main {
     padding: 50px 10px;
     background-color: #D7390F;
 }
section.footer-sec-main .inner .column.first {
    width: 20%;
}
 footer section.footer-sec-main .inner .column-social-link img {
     width: 35px;
     margin: 0 3px;
     filter: invert(1);
 }

 footer section.footer-sec-main .inner .column a.main-navbar__brand {
     color: #fff;
 }

 footer section.footer-sec-main .inner .column-social-link h3,
 footer section.footer-sec-main .inner .column h3 {
     font-size: 22px;
     margin-bottom: 20px;
     color: #fff;
 }

 footer section.footer-sec-main .inner .column ul li {
     font-size: 18px;
     line-height: 32px;
     font-weight: 400;
     color: #fff;
 }

 .footer-bottom .inner {
     display: flex;
     justify-content: space-between;
 }

 .footer-bottom {
     background: #D7390F;
     padding: 10px;
     border-top: 1px solid #fff;
 }

 .footer-bottom .inner .text1 span {
     color: #fff;
 }

 .footer-bottom .inner .text2 span {
     color: #fff;
 }

 .footer-bottom .inner .text2 {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 section.image-with-text-sec-main {
     padding: 50px 10px;
 }

 section.image-with-text-sec-main .inner {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 section.image-with-text-sec-main .inner .text {
     width: 50%;
 }

 section.image-with-text-sec-main .inner .image {
     width: 50%;
 }

 section.inner-page-banner-main {
     padding: 50px 10px;
     min-height: 300px;
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/inner-banner-bg-imge.png');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     display: flex;
     align-items: center;
 }

 section.inner-page-banner-main.resources-page.comprehensive-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/trademark-bg.png');
 }

 section.inner-page-banner-main.resources-page.copyright-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/copyright-bg.png');
 }

 section.inner-page-banner-main.resources-page.dmca-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/dmca-bg-1.png');
 }

 section.inner-page-banner-main.resources-page.filing-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/filing-bg.png');
 }

 section.inner-page-banner-main.resources-page.office-action-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/office-action-bg.png');
 }

 section.inner-page-banner-main.resources-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/resources-image-bg.png');
     min-height: unset;
     padding: 100px 0;
 }

 section.inner-page-banner-main.resources-page.monitring-page {
     background-image: url('https://trademarksfiling.com/wp-content/uploads/2026/01/monitring-image-bg.png');
     min-height: unset;
     padding: 100px 0;
 }

 section.inner-page-banner-main .inner {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 section.inner-page-banner-main.resources-page .inner {
     flex-direction: column;
     align-items: flex-start;
     background: #fff;
     border-radius: 5px;
     width: 50%;
     padding: 20px;
     gap: 15px;
 }

 section.inner-page-banner-main.resources-page .inner h2 {
     color: #000;
     font-size: 34px;
     line-height: 37px;
     margin-bottom: 10px;
     text-align: start;
 }

 section.inner-page-banner-main.resources-page .inner p {
     font-size: 20px;
     font-family: sans-serif;
     color: #000;
 }

 section.inner-page-banner-main.resources-page .inner ul li {
     font-size: 18px;
     font-family: sans-serif;
 }

 section.inner-page-banner-main.resources-page .inner a button {
     background: #D7390F;
     color: #fff;
     font-size: 18px;
     padding: 10px 20px;
     border: none;
     font-family: sans-serif;
     margin-top: 15px;
     cursor: pointer;
 }

 section.inner-page-banner-main .inner h2 {
     font-size: 42px;
     color: #fff;
     text-align: center;
     font-family: sans-serif;
 }

 section.privacy-policy-sec-main {
     padding: 50px 10px;
 }

 section.privacy-policy-sec-main .inner h3 {
     font-size: 24px;
     font-family: sans-serif;
     margin-bottom: 10px;
 }

 section.privacy-policy-sec-main .inner p {
     font-size: 18px;
     font-family: sans-serif;
     margin-bottom: 15px;
 }

  section.contact-form-main {
     padding: 50px 10px;
 }

 section.contact-form-main form {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 section.contact-form-main form label {
     display: flex;
     flex-direction: column;
     gap: 5px;
     font-size: 18px;
     font-weight: 600;
 }

 section.contact-form-main form a button {
     background: #D7390F;
     color: #fff;
     font-size: 15px;
     padding: 10px 20px;
     border: none;
     font-family: sans-serif;
     margin-top: 15px;
     width: 100%;
 }

 section.contact-form-main form label input {
     padding: 10px;
     border: none;
     box-shadow: 0 0 2px 0;
     border-radius: 4px;
 }

 section.contact-form-main form label input::placeholder {
     font-size: 14px;
     color: #000;
 }

 section.contact-form-main form textarea {
     min-height: 150px;
     border: none;
     box-shadow: 0 0 2px 0;
     border-radius: 4px;
 }

 section.contact-form-main h2 {
     text-align: center;
     font-size: 32px;
     font-family: sans-serif;
     margin-bottom: 20px;
 }

 section.contact-form-main .inner {
     display: flex;
     gap: 30px;
     flex-direction: row-reverse;
     align-items: center;
     justify-content: center;
 }

 section.contact-form-main .inner .form {
     width: 40%;
     padding: 20px;
 }

 section.contact-form-main .inner .form {
     box-shadow: 0 0 6px 0;
     border-radius: 4px;
 } 



 .contact-form-main {
    min-height: 100vh;
    background: #f4f6f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-form-main .container {
    max-width: 500px;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.contact-form-main .container h2 {
    text-align: center;
    margin-bottom: 25px;
    color: #333;
}

.contact-form-main .form .field {
    margin-bottom: 15px;
}

.contact-form-main .form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #555;
}

.contact-form-main .form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
}

.contact-form-main .form input:focus {
    border-color: #007bff;
}

.contact-form-main .form button {
    width: 100%;
    padding: 12px;
    border: none;
    background: #007bff;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.contact-form-main .form button:hover {
    background: #0056b3;
}















 section.internet-testimonial-section {
     padding: 50px 10px;
 }

 section.internet-testimonial-section .testimonial {
     background-color: #fff;
     position: relative;
     padding: 32px;
     box-shadow: 0 0 4px 0;
 }

 section.internet-testimonial-section .slick-track {
     min-height: 200px;
     margin: 0 auto;
     display: -webkit-flex;
     display: flex;
 }

 .my-blog-slider.slick-initialized.slick-slider .slick-track {
     gap: 20px;
     padding: 10px 0;
 }

 .my-blog-slider.slick-initialized.slick-slider .testimonial.slick-slide {
     border-radius: 10px;
     padding: 10px;
 }

 section.internet-testimonial-section .slick-slide {
     height: unset;
 }

 section.internet-testimonial-section .slick-track .slick-slide {
     -webkit-flex: 1 !important;
     -ms-flex: 1 !important;
     flex: 1 !important;
 }

 section.internet-testimonial-section .my-slider .slick-slide {
     border-radius: 10px;
     color: #000000;
     margin: 20px;
     display: flex;
     flex-wrap: nowrap;
     flex-direction: column;
     justify-content: space-between;
     gap: 10px;
     padding: 15px;
     align-items: center;
 }

 section.internet-testimonial-section .slick-dots {
     display: flex;
 }

 section.internet-testimonial-section .testimonial p {
     font-family: sans-serif;
     font-size: 18px;
     font-weight: 500;
     line-height: 25.3px;
     padding-bottom: 10px;
 }

 section.internet-testimonial-section .testimonial p {
     margin: 0px;
 }

 section.internet-testimonial-section .author strong {
     font-family: "Gotham Rounded";
     font-size: 16px;
     font-weight: 325;
     line-height: 19.2px;
     text-align: left;

 }

 section.internet-testimonial-section .testimonial .author {
     display: flex;
     align-items: center;
     justify-content: flex-start;
 }

 section.internet-testimonial-section .testimonial .author p {
     background: none;
     margin: 0;
     font-family: "Gotham Rounded";
     font-size: 16px;
     font-weight: 325;
     line-height: 19.2px;
     text-align: left;
     color: #000000;

 }

 section.internet-testimonial-section .testimonial .author span {
     font-family: "Gotham Rounded";
     font-size: 16px;
     font-weight: bold;
     line-height: 35.2px;
     text-align: left;
 }

 section.internet-testimonial-section .para-box {
     width: 226px;
     border-right: 1.5px solid #fbab18;
     height: 61px;

 }

 section.internet-testimonial-section .author img {
     margin-left: 20px;
 }

 section.internet-testimonial-section .quote {
     display: flex;
     align-items: flex-start;
 }

 section.internet-testimonial-section .slick-dots {
     display: flex;
 }

 section.internet-testimonial-section ul.slick-dots {
     list-style: none;
     margin: 0;
     padding-inline-start: 20px;
 }

 section.internet-testimonial-section .slick-dots li {
     margin: 0 0.25rem;
 }

 section.internet-testimonial-section .slick-dots button {
     display: block;
     width: 11.53px;
     height: 11.53px;
     padding: 0;
     border: none;
     border-radius: 100%;
     background-color: #000000;
     text-indent: -9999px;
     Opacity: 0.4;
 }

 section.internet-testimonial-section .slick-dots li.slick-active button {
     background-color: #D7390F;
     opacity: 1;
 }

 section.internet-testimonial-section .container h1 {
     font-size: 38px;
     font-family: sans-serif;
     text-align: center;
     line-height: 44px;
     margin: 10px 0;
     padding: 0 0 30px;
 }

 section.internet-testimonial-section .author .webflow {
     display: none;
 }

 section.internet-testimonial-section .my-slider .slick-slide img.profile-img {
     width: 80px;
 }

 section.internet-testimonial-section .testimonial h3.name,
 section.internet-testimonial-section .testimonial p.role {
     font-family: sans-serif;
 }




 section.internet-testimonial-section .dnd-section {
     padding: 88px 20px;
 }

 section.internet-testimonial-section .slidebox h2 {
     text-align: left;
 }

 section.internet-testimonial-section .quote img {
     padding-right: 32px;
 }

 section.internet-testimonial-section .testimonial .quote {
     display: flex;
     align-items: flex-start;
 }

 section.internet-testimonial-section .my-slider .slick-slide .testi-inner {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 section.internet-testimonial-section ul.slick-dots {
     list-style: none;
     margin: 0;
     margin-top: 28px;
 }

 section.internet-testimonial-section .author .supima {
     width: 116px;
     height: 23px;
 }



 .internet-testimonial-section {
     padding: 80px 0;
     background: #FFF4E7;
 }

 .internet-testimonial-section .container {
     max-width: 1290px;
     margin: auto;
     padding: 0 20px;
 }

 .internet-testimonial-section .inner {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }

  Card 
 .internet-testimonial-section .blog-card {
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
     transition: transform 0.3s ease;
 }

 .internet-testimonial-section .blog-card:hover {
     transform: translateY(-6px);
 }

  Image 
 .internet-testimonial-section .image {
     position: relative;
 }

 .internet-testimonial-section .image img {
     width: 100%;
     height: 220px;
     object-fit: cover;
 }

 .internet-testimonial-section .tag {
     position: absolute;
     bottom: 15px;
     left: 15px;
     background: #e8f0ff;
     color: #2b5fd9;
     padding: 6px 14px;
     font-size: 13px;
     border-radius: 20px;
     font-weight: 500;
 }

  Content 
 .internet-testimonial-section .content {
     padding: 25px;
     height: unset;
 }

 .internet-testimonial-section .content h3 {
     font-size: 20px;
     line-height: 1.4;
     margin-bottom: 12px;
     margin-top: 10px;
 }

 .internet-testimonial-section .content p {
     font-size: 15px;
     color: #666;
     margin-bottom: 25px;
 }

  Author 
 .internet-testimonial-section .author {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .internet-testimonial-section .author img {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     object-fit: cover;
 }

 .internet-testimonial-section .author h5 {
     margin: 0;
     font-size: 15px;
 }

 .internet-testimonial-section .author span {
     font-size: 13px;
     color: #888;
 }

 button.slick-next.slick-arrow {
     background: #d7390f;
     padding: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50px;
 }

 button.slick-prev.slick-arrow {
     background: #d7390f;
     padding: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50px;
 }


 .internet-faq-sec-main {
     padding: 5rem 0;
     background: #f8f9fa;
 }

 .internet-faq-sec-main .faq-list {
     max-width: 800px;
     margin: 0 auto;
 }

 .internet-faq-sec-main .faq-item {
     background: #fff;
     border-radius: 10px;
     margin-bottom: 1rem;
     overflow: hidden;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 .internet-faq-sec-main .faq-question {
     padding: 1.5rem;
     cursor: pointer;
     font-weight: 600;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: background 0.3s;
 }

 .internet-faq-sec-main .faq-question:hover {
     background: #FFF4E7;
 }

 .internet-faq-sec-main .active.faq-question {
     background: #d7390f;
     color: #fff;
 }

 .section-title {
     text-align: center;
     font-size: 32px;
     margin-bottom: 2rem;
     color: #333;
 }

 .internet-faq-sec-main .faq-answer {
     padding: 0 1.5rem;
     max-height: 0;
     overflow: hidden;
     transition: all 0.3s;
 }

 .internet-faq-sec-main .faq-answer.active {
     padding: 1.5rem;
     max-height: 300px;
 }

 .internet-faq-sec-main .faq-icon {
     font-size: 1.5rem;
     transition: transform 0.3s;
 }

 .internet-faq-sec-main .faq-icon.active {
     transform: rotate(45deg);
 }



  tabs css 


 .sociuu-banner {
     height: 240px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 section.sociuu-banner-main-sec .sociuu-banner h1 {
     font-size: 32px;
     font-family: "Raleway", sans-serif;
     font-weight: 500;
     line-height: 1.2;
     text-align: center;
     color: #fff;
 }

 section.sociuu-banner-main-sec .sociuu-banner p {
     font-size: 18.4px;
     text-align: center;
     font-weight: 400;
     color: #fff;
     margin-top: 32px;
 }

 section.sociuu-tabs-main-sec {
     padding: 30px 0 0;
 }

 section.sociuu-tabs-main-sec .sociuu-tabs .tab {
     border-top: 1px solid #dee2e6;
     padding: 16px 0;
     border-bottom: 1px solid #dee2e6;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .tab button {
     font-size: 12.8px;
     border: 1px solid #ECECEC;
     cursor: pointer;
     overflow: visible;
     padding: .5rem 1rem;
     position: relative;
     display: inline-block;
     min-width: 5rem;
     text-align: center;
     background-color: #fff;
 }

 .tab button:hover {
     background-color: #000000;
     color: #fff;
 }

 .tab button.active {
     background-color: #000000;
     color: #fff;
 }

 .tabcontent {
     display: none;
     padding: 6px 12px;
     border-top: none;
 }


 .sociuu-image-with-text {
     padding: 48px 0 0;
 }

 .sociuu-image-with-text .inner {
     display: flex;
     align-items: center;
     gap: 10px;
     border: 1px solid rgba(0, 0, 0, 0.125);
     margin-bottom: 50px;
 }

 .sociuu-image-with-text .inner .image {
     width: 52%;
 }

 .sociuu-image-with-text .inner .image img {
     width: 100%;
 }

 .sociuu-image-with-text .inner .text {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 25px;
     width: 47%
 }

 .sociuu-image-with-text .inner .text h3 {
     font-size: 20px;
     font-family: "Roboto", sans-serif;
     font-weight: 300;
     text-align: center;
     color: #153638;
     line-height: 1.5;
 }

 .sociuu-image-with-text .inner .text p {
     font-size: 12.8px;
     font-weight: 400;
     text-align: center;
     color: #6c757d;
     line-height: 1.5;
 }

 .sociuu-image-with-text .inner .text a button {
     color: #153638;
     border: 1px solid #153638;
     font-weight: 400;
     text-align: center;
     vertical-align: middle;
     user-select: none;
     background-color: transparent;
     padding: 0.5rem 2.5rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 0;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     margin-top: 24px;
 }

 .sociuu-image-with-text .inner .text img {
     width: 120px;
     margin-bottom: 24px;
 }

 section.resources-tabs-main .inner .card p {
     font-family: "Roboto", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.5;
 }

 section.resources-tabs-main .inner .card .icon-text h3 {
     font-size: 12.8px;
     font-weight: 400;
     font-family: "Roboto", sans-serif;
     line-height: 1.5;
 }

 .icon-text img {
     width: 15px;
 }

 section.sociuu-tabs-main-sec .sociuu-tabs.resources-page {
     display: flex;
     justify-content: space-between;
 }

 section.sociuu-tabs-main-sec .sociuu-tabs.resources-page button.tablinks.hide-tab {
     padding: 0;
     border: none;
 }

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

     section.home-banner-main .inner .text h2,
     section.working-sec-main h2,
     section.pakages-sec-main h2 {
         font-size: 28px;
         font-weight: 600;
         line-height: 32px;
     }

     section.working-sec-main p,
     section.pakages-sec-main p {
         font-size: 18px;
     }

     section.working-sec-main .inner .column h3 {
         font-size: 18px;
         line-height: 22px;
     }

     section.working-sec-main .inner .column p {
         font-size: 16px;
     }

     section.working-sec-main .inner {
         margin-top: 30px;
         flex-direction: column;
         align-items: center;
     }

     section.working-sec-main .inner .column {
         width: 100%;
     }

     section.working-sec-main,
     section.pakages-sec-main,
     section.our-services-sec-main {
         padding: 30px 10px;
     }

     section.pakages-sec-main .inner .column {
         gap: 5px;
         padding: 10px;
     }

     section.pakages-sec-main .inner .column h3 {
         font-size: 20px;
     }

     section.pakages-sec-main .inner .column span {
         font-size: 28px;
     }

     section.rating-sec-main .inner span {
         font-size: 32px;
     }

     section.rating-sec-main .inner p {
         font-size: 18px;
     }

     section.contact-form-main .inner .form {
         width: 50%;
     }
 }

 @media (min-width: 992px) {
     .main-navbar__toggle {
         display: none;
     }

     .main-navbar__menu {
         display: flex;
         align-items: center;
         position: static;
         width: auto;
         background: none;
         border: none;
         box-shadow: none;
     }

     .main-navbar__list {
         display: flex;
         align-items: center;
         gap: 0.5rem;
     }

     .main-navbar__item {
         border: none;
     }

     .main-navbar__link {
         display: inline-flex;
         padding: 0.75rem 1rem;
         border-radius: 4px;
     }

     .main-navbar__link:hover,
     .main-navbar__link:focus {
         background-color: #FFF4E7;
     }

     .dropdown {
         position: relative;
     }

     .dropdown>.main-navbar__link::after {
         content: '\25BC';
         font-size: 0.7em;
         display: inline-block;
         margin-left: 0.5em;
     }

     .dropdown:hover .dropdown-menu {
         display: block;
     }

     .dropdown-menu {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         min-width: 200px;
         background-color: var(--color-background);
         border: 1px solid var(--color-border);
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         border-radius: 4px;
         padding: 0.5rem 0;
         z-index: 1010;
     }

     .dropdown-menu a {
         display: block;
         padding: 0.5rem 1rem;
         font-weight: var(--font-weight-normal);
         color: #000;
     }

     .dropdown-menu a:hover,
     .dropdown-menu a:focus {
         background-color: #FFF4E7;
         color: #000000;
     }

     .main-navbar__link--cta {
         background-color: var(--color-primary-brand);
         color: var(--color-background);
         margin-left: 1rem;
     }

     .main-navbar__link--cta:hover,
     .main-navbar__link--cta:focus {
         background-color: var(--color-primary-hover);
         color: var(--color-background);
     }

     .internet-testimonial-section .inner {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media screen and (max-width:767px) {

     .header-btn {
         display: none;
     }
     .main-navbar__brand { 
        width: 30%;
    }
     section.home-banner-main {
         margin: 30px 0;
     }

     section.inner-page-banner-main {
         min-height: 250px;
     }

     section.home-banner-main .inner {
         flex-direction: column;
     }

     section.home-banner-main .inner .text {
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     section.home-banner-main .inner .image {
         width: 100%;
     }

     section.home-banner-main .inner .text h2 {
         font-size: 24px;
         text-align: center;
         margin-top: 0;
     }

     section.home-banner-main .inner .text p {
         font-size: 16px;
         line-height: 21px;
         text-align: center;
     }

     section.pakages-sec-main .inner {
         display: flex;
         align-items: center;
         flex-direction: column;
     }

     section.pakages-sec-main .inner .column,
     section.our-services-sec-main .inner .text-tab,
     section.our-services-sec-main .inner .image,
     section.image-with-text-sec-main .inner .image,
     section.image-with-text-sec-main .inner .text,
     section.contact-form-main .inner .form,
     section.inner-page-banner-main.resources-page .inner {
         width: 100%;
     }

     section.home-banner-main .inner .text h2,
     section.working-sec-main h2,
     section.pakages-sec-main h2,
     section.our-services-sec-main .inner .text-tab h2,
     section.contact-form-main h2,
     .internet-faq-sec-main .section-title {
         font-size: 24px;
         font-weight: 600;
         line-height: 32px;
     }

     section.our-services-sec-main .inner,
     section.image-with-text-sec-main .inner,
     footer section.footer-sec-main .inner {
         flex-direction: column;
     }

     section.our-services-sec-main .inner .text-tab h3,
     section.our-services-sec-main .inner .text-tab h2 {
         text-align: center;
     }

     section.rating-sec-main .inner {
         flex-direction: column;
         gap: 20px;
     }

     section.rating-sec-main,
     section.image-with-text-sec-main,
     section.footer-sec-main,
     section.contact-form-main,
     section.inner-page-banner-main.resources-page,
     section.internet-testimonial-section {
         padding: 30px 10px;
     }

     section.inner-page-banner-main.resources-page .inner h2 {
         font-size: 24px;
         line-height: 27px;
     }

     section.rating-sec-main .inner span {
         font-size: 24px;
     }

     section.rating-sec-main .inner p {
         font-size: 16px;
     }

     .internet-faq-sec-main {
         padding: 2rem 0;
     }

     footer section.footer-sec-main .inner .column-social-link h3,
     footer section.footer-sec-main .inner .column h3 {
         font-size: 18px;
         margin-bottom: 10px;
         color: #fff;
     }

     footer section.footer-sec-main .inner {
         gap: 30px;
     }

     footer section.footer-sec-main .inner .column-social-link img {
         width: 30px;
     }

     .footer-bottom .inner {
         align-items: center;
         flex-direction: column;
     }

     section.resources-tabs-main .inner .card {
         width: 100%;
     }

     section.resources-tabs-main .inner .card h2,
     section.inner-page-banner-main.resources-page .inner p {
         font-size: 18px;
     }

     section.resources-tabs-main .inner .card p {
         font-size: 14px;
     }

     .sociuu-image-with-text .inner {
         flex-direction: column;
         margin-bottom: 30px;
     }

     .sociuu-image-with-text .inner .image {
         width: 100%;
     }

     .sociuu-image-with-text .inner .text {
         width: 100%;
         padding: 10px;
     }

     section.sociuu-tabs-main-sec {
         padding: 40px 0 40px;
     }

     .sociuu-image-with-text .inner .text h3 {
         font-size: 18px;
         padding: 0 10px;
     }

     .sociuu-image-with-text .inner .text p {
         padding: 0 10px;
     }

     .sociuu-image-with-text .inner .text a button {
         font-size: 14px;
     }

     section.sociuu-tabs-main-sec .sociuu-tabs .tab {
         flex-direction: column;
     }

     section.sociuu-tabs-main-sec .sociuu-tabs.resources-page {
         flex-direction: column;
     }

     section.inner-page-banner-main .inner h2 {
         font-size: 32px;
     }

     section.internet-testimonial-section .container h1 {
         font-family: "Gotham Rounded";
         font-size: 28px;
         font-weight: 350;
         line-height: 38.4px;
         width: unset;
         padding: 0;
     }

     .internet-testimonial-section .inner {
         grid-template-columns: 1fr;
     }

     .internet-testimonial-section .content h3 {
         font-size: 18px;
         line-height: 1.2;
     }

     section.internet-testimonial-section .testimonial p {
         font-size: 16px;
         line-height: 20px;
     }
     section.footer-sec-main .inner .column.first {
        width: 35%;
    }
 }

 @media (max-width: 576px) {
     .contact-info__text {
         display: none;
     }
 }

 @media screen and (max-width: 430px) {
    .main-navbar__brand { 
        width: 50%;
    }
     section.internet-testimonial-section .quote {
         flex-direction: column;
     }

     section.internet-testimonial-section .quote img {
         padding: 0;
     }

     section.internet-testimonial-section .my-slider .slick-slide {
         margin: 14px;
     }

     section.internet-testimonial-section .testimonial {
         padding: 16px;
     }

     section.internet-testimonial-section .author .loftex {
         display: none;
     }

     section.internet-testimonial-section .para-box {
         border: 0;
     }

     section.internet-testimonial-section .testimonial .author p {
         padding: 0;
     }

     section.internet-testimonial-section .para-box {
         height: auto;
     }

     section.internet-testimonial-section .author img {
         margin: 0;
     }

     section.internet-testimonial-section ul.slick-dots {
         justify-content: center;
         padding: 0;
     }

     section.internet-testimonial-section .author .webflow {
         display: block;
     }

     .global-fast-services-main .inner .column img {
         width: 70px;
     }

     .global-fast-services-main .inner .column .icon-text img,
     .accordion .check {
         width: 18px;
         height: 18px;
     }

     section.internet-testimonial-section .my-slider .slick-slide .testi-inner {
         flex-direction: column;
     }
     section.footer-sec-main .inner .column.first {
        width: 50%;
    }
 }