@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

 :root {
     --primary-color: #FF7417;
     --secondary-color: #FFF4F3;
     --text-color: #757575;
     --box-shadow-color: #585B631A;
     --light-color: #FFF;
     --dark-color: #000;
     --divider-color: #FFDCC8;
     --dark-divider-color: #E6E6E6;
     --error-color: #e65757;
     --bg-dark: #121212;
     --bg-primary-dark: #100A08;
     --bg-gray: #F7F7F7;
     --red-color: #FF3333;
     --yellow-color: #FFAA33;
     --green-color: #00CC66;
     --secandory-green: #3BC13B;
     --bg-theme: linear-gradient(180deg, #ff74172d 0%, #F6F4F1 57%);
     --white-half-gradient: linear-gradient(to top, var(--light-color) 50%, transparent 0%);
     --primary-font: "DM Sans", sans-serif;
     --container: 1300px;
 }

 ::selection {
     background-color: var(--primary-color);
     color: var(--bg-dark);
 }

 code {
     background-color: var(--primary-color);
     padding: 1px 10px;
     border-radius: 5px;
     color: var(--light-color);
 }

 .error-icon {
     --size: 30px;
     display: inline-flex;
     text-align: center;
     justify-content: center;
     align-items: center;
     width: var(--size);
     height: var(--size);
     background-color: var(--red-color);
     color: var(--light-color);
     padding: 20px;
     border-radius: 50%;
     line-height: 0;
     margin-bottom: 20px;
 }

 .error-icon i {
     font-size: 20px;
 }

 .text-primary {
     color: var(--primary-color) !important;
 }

 .bg-green {
     background-color: var(--green-color) !important;
 }

 .green {
     color: var(--green-color) !important;
 }

 .bg-red {
     background-color: var(--red-color) !important;
 }

 .red {
     color: var(--red-color) !important;
 }

 .bg-yellow {
     background-color: var(--yellow-color) !important;
 }

 .yellow {
     color: var(--yellow-color) !important;
 }

 .logo {
     width: 200px;
     height: auto;
     object-fit: contain;
 }

 body {
     font-family: var(--primary-font);
     font-size: 16px;
     font-weight: 400;
     line-height: 1.6em;
     color: var(--text-color);
     background-color: var(--light-color);
 }

 p {
     line-height: 1.6em;
     margin-bottom: 1.6em;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     font-weight: 700;
     color: var(--bg-dark);
     line-height: 1.1em;
 }

 figure {
     display: block;
     margin: 0;
 }

 img {
     max-width: 100%;
 }

 a {
     text-decoration: none;
 }

 a:hover {
     text-decoration: none;
     outline: 0;
 }

 a:focus {
     text-decoration: none;
     outline: 0;
 }

 html,
 body {
     width: 100%;
     overflow-x: clip;
 }

 table {
     border-collapse: collapse;
     color: var(--bg-dark);
 }

 td,
 th {
     border: 1px solid var(--box-shadow-color);
     padding: 10px;
     min-width: 200px;
 }

 tr:nth-child(even),
 thead tr {
     background-color: var(--divider-color);
 }

 .bg-transparent {
     background: transparent !important;
 }

 .text-left {
     text-align: left !important;
 }

 .bg-gradient-theme {
     background: var(--bg-theme) !important;
 }

 .aso-strategies {
     background: var(--bg-theme);

     & .how-work-item {
         background-image: none;
     }
 }

 .app-store-img {
     aspect-ratio: 16 / 9;
     object-fit: contain;
     height: 550px;
 }

 .website-audit-content .section-title .performance {
     font-size: 65px;
     display: inline-flex;
     --size: 150px;
     width: var(--size);
     height: var(--size);
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: 5px solid currentColor;
 }

 .audit-info {
     border: 1px dashed currentColor;
     padding: 15px;
     border-radius: 10px;
 }

 .audit-info>div:nth-child(2) {
     border-inline: 2px dotted currentColor;
 }

 .audit-info :is(.seo, .accessibility, .best_practices) {
     display: inline-flex;
     --size: 70px;
     width: var(--size);
     height: var(--size);
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: 2px solid currentColor;
 }

 .ai-seo {
     padding-bottom: 0 !important;
 }

 .website-audit-report {
     position: relative;
     background-color: var(--light-color);
     padding: 40px;
     border-radius: 20px;
     margin-bottom: 40px;

     & .company-feature-image {
         width: 100% !important;
         margin: 0 !important;
     }
 }

 .why-choose-item {
     position: relative;
     background-color: var(--light-color);
     padding: 40px;
     border-radius: 20px;
     margin-bottom: 40px;

     & .company-feature-image {
         width: 100% !important;
         margin: 0 !important;
     }
 }

 .why-choose-item img {
     aspect-ratio: 1;
     object-fit: contain;
     width: 500px;
 }

 .arrow-list {
     padding-left: 0;
     padding-block: 16px;
     margin-bottom: 0;
     color: var(--light-color);
 }

 .arrow-list li {
     list-style-type: none;
     margin-bottom: 8px;
 }

 .arrow-list li:before {
     content: '\f101';
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900);
     padding-right: 10px;
     color: var(--primary-color);
     font-size: 20px;
 }

 .container {
     max-width: var(--container);
 }

 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
     padding-right: 15px;
     padding-left: 15px;
 }

 .row {
     margin-right: -15px;
     margin-left: -15px;
 }

 .row>* {
     padding-right: 15px;
     padding-left: 15px;
 }

 .row.no-gutters {
     margin-right: 0px;
     margin-left: 0px;
 }

 .row.no-gutters>* {
     padding-right: 0px;
     padding-left: 0px;
 }

 .image-anime {
     position: relative;
     overflow: hidden;
 }

 .image-anime:after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: var(--primary-color);
     transform: translate(-50%, -50%) rotate(-45deg);
     z-index: 1;
 }

 .image-anime:hover:after {
     height: 250%;
     transition: all 600ms linear;
     background-color: transparent;
 }

 .reveal {
     position: relative;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     visibility: hidden;
     overflow: hidden;
 }

 .reveal img {
     height: 100%;
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transform-origin: left;
     transform-origin: left;
 }

 #magic-cursor {
     position: absolute;
     width: 10px !important;
     height: 10px !important;
     pointer-events: none;
     z-index: 1000000;
 }

 #ball {
     position: fixed;
     display: block;
     left: 0;
     top: 0;
     transform: translate(-50%, -50%);
     width: 8px !important;
     height: 8px !important;
     background: var(--primary-color);
     margin: 0;
     border-radius: 50%;
     pointer-events: none;
     opacity: 1 !important;
 }

 .preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1000;
     background-color: var(--bg-dark);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
 }

 .loading-container,
 .loading {
     height: 150px;
     position: relative;
     width: 150px;
     border-radius: 100%;
 }

 .loading-container {
     margin: 40px auto;
 }

 .loading {
     border: 1px solid transparent;
     border-color: transparent var(--primary-color) transparent var(--primary-color);
     animation: rotate-loading 1.5s linear 0s infinite normal;
     transform-origin: 50% 50%;
 }

 .loading-container:hover .loading,
 .loading-container .loading {
     transition: all 0.5s ease-in-out;
 }

 #loading-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     max-width: 120px;
     width: 100%;
     transform: translate(-50%, -50%);
 }

 @keyframes rotate-loading {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .btn-default {
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     line-height: 1em;
     color: var(--light-color);
     text-transform: capitalize;
     background-image: linear-gradient(to right, var(--primary-color) 0%, var(--yellow-color) 50%, var(--primary-color) 100%);
     background-size: 200% auto;
     padding: 14px 20px;
     border-radius: 10px;
     border: none;
     transition: 0.3s ease-in-out;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }

 .btn-default:hover {
     background-position: right center;
 }

 .btn-large {
     font-size: 20px;
     padding: 20px 65px 20px 20px;
 }

 .btn-default.btn-large::before {
     width: 40px;
     height: 40px;
     background-size: 15px;
 }

 .btn-outline {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-size: 14px;
     font-weight: 600;
     line-height: 1em;
     border: 1px solid var(--primary-color);
     color: var(--primary-color);
     text-transform: capitalize;
     background-color: transparent;
     padding: 10px 12px;
     border-radius: 10px;
     width: 100%;
     transition: 0.3s ease-in-out;
 }

 .service-tab .btn-outline {
     font-size: 16px;
     padding: 20px;
 }

 .btn-outline i {
     transition: all 0.4s ease-in-out;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
 }

 .btn-outline.white {
     border-color: var(--light-color);
     color: var(--light-color);
 }

 .btn-outline:hover,
 .btn-outline.active {
     background-color: var(--primary-color);
     color: var(--light-color);
 }

 .btn-outline:hover i {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
 }

 .btn-outline.white:hover {
     border-color: var(--primary-color);
 }

 .btn-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     width: fit-content;
     font-size: 14px;
     font-weight: 600;
     line-height: 1em;
     color: var(--light-color);
     text-transform: capitalize;
     background-color: var(--primary-color);
     padding: 10px 12px;
     border-radius: 10px;
     border: none;
     transition: 0.3s ease-in-out;
 }

 .btn-icon i {
     transition: all 0.4s ease-in-out;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
 }

 .cta-button {
     position: fixed;
     top: 50%;
     right: -72px;
     transform: translateY(-50%) rotate(90deg);
     -webkit-transform: translateY(-50%) rotate(90deg);
     -moz-transform: translateY(-50%) rotate(90deg);
     -ms-transform: translateY(-50%) rotate(90deg);
     -o-transform: translateY(-50%) rotate(90deg);
     z-index: 99;
 }

 .cta-button .btn-icon,
 .fixed-cta .btn-icon {
     font-size: 18px;
     padding: 15px 20px;
 }

 .cta-button:hover .btn-icon i {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
 }

 .fixed-cta {
     position: fixed;
     bottom: 80px;
     right: 10px;
     z-index: 99;
     transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
 }

 .fixed-cta .btn-icon i {
     transform: rotate(0);
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
 }

 .fixed-cta:hover {
     transform: translateX(-20px);
     -webkit-transform: translateX(-20px);
     -moz-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
 }

 .section-row {
     text-align: center;
     margin-bottom: 60px;
 }

 .section-row .section-title {
     width: 100%;
     max-width: 700px;
     margin: 0 auto;
     margin-bottom: 0;
 }

 .section-row .section-title.w-m-900 {
     max-width: 900px;
 }

 .section-btn {
     text-align: end;
 }

 .section-title {
     margin-bottom: 30px;
 }

 .section-title h3 {
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     line-height: 1.3em;
     color: var(--primary-color);
     margin-bottom: 20px;
 }

 .section-title h1,
 .section-title h2 {
     font-size: 46px;
     color: var(--light-color);
 }

 .section-title h2 {
     font-size: 36px;
     color: var(--light-color);
 }

 .section-title h1 span,
 .section-title h2 span {
     color: var(--primary-color);
 }

.section-title.service-heading h3.main-title {
    font-size: 36px;        
    font-weight: 700;  
text-transform: none; 
color: var(--light-color);


   
}

.section-title.service-heading h3.main-title span {
    color: var(--primary-color);
}


 .section-title p {
     color: var(--text-color);
     margin-top: 20px;
     margin-bottom: 0;
 }

 .topbar {
     background-color: var(--bg-dark);
 }

 .topbar-contact-info {
     padding: 10px 0;
     text-align: left;
 }

 .topbar-contact-info ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .topbar-contact-info ul li {
     position: relative;
     display: inline-block;
     font-size: 14px;
     color: var(--light-color);
     margin-right: 4px;
     padding-right: 13px;
 }

 .topbar-contact-info ul li:last-child {
     margin-right: 0;
     padding-right: 0;
 }

 .topbar-contact-info ul li::after {
     content: '/';
     position: absolute;
     right: 0;
     top: 0;
     color: var(--light-color);
 }

 .topbar-contact-info ul li:last-child:after {
     display: none;
 }

 .topbar-contact-info ul li a {
     color: var(--light-color);
 }

 .topbar-social-links {
     padding: 10px 0;
 }

 .topbar-social-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
     text-align: end;
 }

 .topbar-social-links ul li {
     display: inline-block;
     margin-right: 12px;
     transition: all 0.3s ease-in-out;
 }

 .topbar-social-links ul li a {
     color: var(--light-color);
     transition: all 0.3s ease-in-out;
 }

 .topbar-social-links ul li a:hover {
     color: var(--primary-color);
 }

 .topbar-social-links ul li:last-child {
     margin-right: 0;
 }

 .topbar-social-links ul li a i {
     font-size: 16px;
     color: inherit;
 }

 header.main-header {
     background-color: var(--light-color);
     position: relative;
     z-index: 100;
 }

 header.main-header .header-sticky {
     position: fixed;
     left: 0;
     z-index: 100;
     right: 0;
 }

 .header-sticky.stick {
     -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
     animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
     box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999;
     left: 0;
     transition: all 0.3s ease 0s;
     background: var(--bg-dark);
     margin-top: 0 !important;
     background-image: url(../images/glitters.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .stick ul a {
     color: rgba(71, 85, 105, var(--tw-text-opacity));
 }

 .main-menu ul ul li a {
     color: var(--bg-dark);
 }

 header.main-header .header-sticky.hide {
     transform: translateY(-100%);
     transition: transform 0.3s ease-in-out;
     border-radius: 0;
 }

 header.main-header .header-sticky.active {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     border-radius: 0;
     transform: translateY(0);
     background: var(--secondary-color);
     border-bottom: 1px solid var(--divider-color);
     backdrop-filter: blur(30px);
 }

 .navbar {
     padding: 20px 0;
     align-items: center;
 }

 .navbar-brand {
     padding: 0;
     margin: 0;
 }

 .main-menu .nav-menu-wrapper {
     flex: 1;
     text-align: center;
 }

 .main-menu .nav-menu-wrapper>ul {
     align-items: center;
     display: inline-flex;
 }

 .main-menu ul li {
     margin: 0 5px;
     position: relative;
     color: var(--light-color);
 }

 .main-menu ul li a {
     font-size: 16px;
     font-weight: 500;
     padding: 15px 15px !important;
     color: var(--light-color);
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
 }

 .main-menu ul li.submenu>a:after {
     content: '\f107';
     font-family: 'FontAwesome';
     font-weight: 900;
     font-size: 14px;
     margin-left: 8px;
 }

 .main-menu ul li a:hover,
 .main-menu ul li a:focus,
 .main-menu ul li a.active,
 .slicknav_nav li a.active,
 .slicknav_nav li a.active a,
 .slicknav_nav li a.active .slicknav_arrow:after {
     color: var(--primary-color) !important;
 }

 .main-menu ul ul {
     visibility: hidden;
     opacity: 0;
     transform: scaleY(0.8);
     transform-origin: top;
     padding: 0;
     margin: 0;
     list-style: none;
     width: 280px;
     border-radius: 10px;
     position: absolute;
     left: 0;
     top: 100%;
     overflow: hidden;
     background-color: var(--light-color);
     transition: all 0.3s ease-in-out;
     text-align: left;
     color: var(--dark-color);
 }

 .main-menu ul ul ul {
     left: 100%;
     top: 0;
     text-align: left;
 }

 .main-menu ul ul li {
     margin: 0;
     padding: 0;
 }

 .main-menu ul ul li a {
     color: var(--bg-dark);
     padding: 8px 20px !important;
     transition: all 0.3s ease-in-out;
 }

 .main-menu ul li:hover>ul {
     visibility: visible;
     opacity: 1;
     transform: scaleY(1);
     padding: 5px 0;
 }

 .main-menu ul ul li a:hover {
     color: var(--primary-color);
     background-color: transparent;
     transform: translateX(10px);
 }

 .main-menu ul li.highlighted-menu {
     display: none;
 }

 .responsive-menu,
 .navbar-toggle {
     display: none;
 }

 .responsive-menu {
     top: 0;
     position: relative;
 }

 .slicknav_btn {
     background: var(--primary-color);
     background-color: transparent;
     padding: 6px 0 0;
     width: 38px;
     height: 38px;
     margin: 0;
     border-radius: 6px;
 }

 .slicknav_icon .slicknav_icon-bar {
     display: block;
     width: 100%;
     height: 3px;
     width: 22px;
     background-color: var(--light-color);
     border-radius: 6px;
     margin: 4px auto !important;
     transition: all 0.1s ease-in-out;
 }

 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
     transform: rotate(-45deg) translate(-5px, 5px);
 }

 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
     opacity: 0;
 }

 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
     transform: rotate(45deg) translate(-5px, -5px);
 }

 .slicknav_menu {
     position: absolute;
     width: 100%;
     padding: 0;
     background: var(--light-color);
 }

 .slicknav_menu ul {
     margin: 5px 0;
 }

 .slicknav_menu ul ul {
     margin: 0;
 }

 .slicknav_nav .slicknav_row,
 .slicknav_nav li a {
     position: relative;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     padding: 10px 20px;
     color: var(--bg-dark);
     line-height: normal;
     margin: 0;
     border-radius: 0 !important;
     transition: all 0.3s ease-in-out;
 }

 .slicknav_nav a:hover,
 .slicknav_nav .slicknav_row:hover,
 .slicknav_nav .slicknav_row:hover a {
     background-color: transparent;
     color: var(--primary-color);
 }

 .slicknav_nav a:not(.slicknav_item):hover {
     transform: translateX(10px);
     -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
     -ms-transform: translateX(10px);
     -o-transform: translateX(10px);
 }

 .slicknav_menu ul ul li a {
     padding: 10px 20px 10px 30px;
 }

 .slicknav_arrow {
     font-size: 0 !important;
 }

 .slicknav_arrow:after {
     content: '\f107';
     font-family: 'FontAwesome';
     font-weight: 900;
     font-size: 12px;
     margin-left: 8px;
     color: var(--bg-dark);
     position: absolute;
     right: 15px;
     top: 15px;
     transition: all 0.3s ease-out;
 }

 .slicknav_open>a .slicknav_arrow:after {
     transform: rotate(-180deg);
     color: var(--primary-color);
 }

 .hero {
     padding: 140px 0 100px;
     background-color: var(--bg-primary-dark);
     background-image: url("../images/bg-seo-fast1.webp");
     --background-overlay: '';
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 .hero-content .section-title.hero-content-title h1 {
     font-size: 50px;
 }

 .hero-image {
     text-align: center;
 }

 .hero-img {
     position: relative;
     background: url(../images/bg-pattern-img.webp);
     background-size: 100% 150px;
     background-repeat: repeat-y;
     background-position: center;
     width: min(540px, 100%);
 }

 .hero-content-footer {
     display: flex;
     align-items: center;
 }

 .wide-client {
     display: flex;
     align-items: center;
     margin-left: 20px;
 }

 .wide-client-image {
     margin-right: 10px;
 }

 .wide-client-image img {
     width: 136px;
 }

 .wide-client-content {
     width: calc(100% - 146px);
 }

 .wide-client-content p {
     font-size: 14px;
     font-weight: 600;
     color: var(--bg-dark);
     text-transform: capitalize;
     max-width: 100px;
     margin: 0;
 }

 .hero-image {
     position: relative;
 }

 .company-sales {
     position: absolute;
     bottom: 0;
     left: 0;
     transform: translateY(-50%);
     display: flex;
     align-items: center;
     background-color: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 17px;
     padding: 15px 25px 15px 15px;
     animation: salesmoveobject 3s infinite linear alternate;
 }

 @keyframes salesmoveobject {
     50% {
         left: 50px;
     }
 }

 .company-sales .icon-box {
     margin-right: 15px;
 }

 .company-sales .icon-box img {
     width: 50px;
 }

 .company-sales-content {
     width: calc(100% - 65px);
     text-align: left;
 }

 .company-sales-content h3 {
     font-size: 18px;
     font-weight: 500;
 }

 .company-sales-content p {
     text-transform: capitalize;
     margin: 0;
 }

 .company-visit {
     position: absolute;
     top: 0;
     right: 0;
     transform: translateY(50%);
     display: flex;
     align-items: center;
     background-color: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 17px;
     padding: 15px 25px 15px 15px;
     animation: visitmoveobject 3s infinite linear alternate;
 }

 @keyframes visitmoveobject {
     50% {
         right: 30px;
     }
 }

 .company-visit .icon-box {
     margin-right: 15px;
 }

 .company-visit .icon-box img {
     width: 50px;
 }

 .company-visit-content {
     width: calc(100% - 65px);
     text-align: left;
 }

 .company-visit-content h3 {
     font-size: 18px;
     font-weight: 500;
 }

 .company-visit-content p {
     text-transform: capitalize;
     margin: 0;
 }

 .about-us {
     position: relative;
     background: url('../images/section-bg-img-1.png') no-repeat;
     background-color: transparent;
     background-image: var(--bg-theme);
     padding: 100px 0;
 }

 .about-image {
     position: relative;
 }

 .about-img {
     position: relative;
     background: url(../images/bg-pattern-img.webp);
     background-size: 130%;
     background-repeat: repeat-y;
     background-position: center;
     width: min(400px, 70%);
 }

 .company-experience {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     display: flex;
     align-items: center;
     background-color: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 17px;
     padding: 15px 25px 15px 15px;
     animation: expmoveobject 3s infinite linear alternate;
 }

 @keyframes expmoveobject {
     50% {
         right: 50px;
     }
 }

 .company-experience .icon-box {
     margin-right: 15px;
 }

 .company-experience .icon-box img {
     width: 50px;
 }

 .company-experience-content {
     width: calc(100% - 65px);
     text-align: left;
 }

 .company-experience-content h3 {
     font-size: 18px;
     font-weight: 500;
 }

 .company-experience-content p {
     text-transform: capitalize;
     margin: 0;
 }

 .about-content {
     padding-left: 80px;
 }

 .about-content-body {
     margin-bottom: 30px;
 }

 .about-content-body ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .about-content-body ul li {
     position: relative;
     width: calc(50% - 10px);
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     padding-left: 30px;
 }

 .about-content-body ul li:before {
     content: '\f058';
     font-family: "Font Awesome 6 Free";
     color: var(--primary-color);
     font-size: 20px;
     font-weight: 900;
     position: absolute;
     top: 0;
     left: 0;
 }

 .our-services {
     background: var(--bg-gray) url('../images/section-bg-img-2.webp') no-repeat;
     padding: 100px 0 70px;
 }

 .our-service-content {
     position: sticky;
     top: 120px;
     margin-bottom: 30px;
 }

 .our-services .section-btn {
     text-align: left;
 }

 .service-item {
     position: relative;
     background-color: var(--light-color);
     border: 1px solid var(--divider-color);
     box-shadow: 5px 28px 75px 4px var(--box-shadow-color);
     border-radius: 16px;
     height: calc(100% - 30px);
     margin-bottom: 30px;
     padding: 30px;
     transition: all 0.4s ease-in-out;
     overflow: hidden;
 }

 .service-tab .service-item {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .service-item::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: 100%;
     border-radius: 16px;
     border: 4px solid var(--primary-color);
     height: 100%;
     z-index: 1;
 }

 .service-item::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 100%;
     border-radius: 16px;
     border: 4px solid var(--primary-color);
     height: 100%;
     z-index: 1;
 }

 .service-item:hover:before {
     top: 0;
 }

 .service-item .icon-box {
     position: relative;
     z-index: 2;
     margin-bottom: 20px;
 }

 .service-item .icon-box img {
     width: 70px;
     height: 70px;
     object-fit: cover;
     aspect-ratio: 1;
     transition: all 0.4s ease-in-out;
 }

 .benefits-section .service-item .icon-box img {
     --size: 55px;
     width: var(--size);
     height: var(--size);
 }

 .service-body {
     position: relative;
     z-index: 2;
     margin-bottom: 20px;
 }

 .service-body h3 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 20px;
     transition: all 0.3s ease-in-out;
 }

 .service-body p {
     margin: 0;
     transition: all 0.3s ease-in-out;
 }

 .service-footer {
     position: relative;
     z-index: 2;
 }

 .service-item:hover a i {
     transform: rotate(0deg);
 }

 .our-strategy {
     background: url('../images/section-bg-img-3.png') no-repeat;
     background-position: top right;
     padding: 100px 0;
 }

 .strategy-image {
     display: flex;
     align-items: start;
     text-align: left;
     position: relative;
 }

 .strategy-image::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background: url('../images/strategy-image-bg.png') no-repeat;
     background-position: center top;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .strategy-img-1 {
     margin-right: 30px;
 }

 .strategy-img-2 {
     padding-top: 80px;
 }

 .strategy-img-2 figure,
 .strategy-img-1 figure {
     display: block;
 }

 .strategy-img-2 img,
 .strategy-img-1 img {
     border-radius: 16px;
 }

 .our-strategy-box {
     padding-left: 80px;
 }

 .strategy-item {
     background-color: var(--light-color);
     border: 1px solid var(--divider-color);
     box-shadow: 5px 28px 75px 4px var(--box-shadow-color);
     border-radius: 16px;
     display: flex;
     align-items: center;
     padding: 30px;
     margin-bottom: 30px;
 }

 .strategy-item:last-child {
     margin-bottom: 0;
 }

 .strategy-item .icon-box {
     position: relative;
     border: 1px solid var(--divider-color);
     border-radius: 50%;
     width: 75px;
     height: 75px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     margin-right: 20px;
     transition: all 0.3s ease-in-out;
 }

 .strategy-item:hover .icon-box {
     border-color: transparent;
 }

 .strategy-item .icon-box::before {
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, var(--primary-color) 0%, var(--yellow-color) 100%);
     top: 0;
     left: 0;
     transform: scale(0);
     transition: all 0.3s ease-in-out;
     border-radius: 50px;
 }

 .strategy-item:hover .icon-box:before {
     transform: scale(1);
 }

 .strategy-item .icon-box img {
     position: relative;
     z-index: 1;
     transition: all 0.4s ease-in-out;
 }

 .strategy-item:hover .icon-box img {
     filter: brightness(0) invert(1);
 }

 .strategy-progress-bar {
     width: calc(100% - 95px);
 }

 .skillbar .skill-data {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
 }

 .skillbar .skill-data .skill-title {
     font-size: 20px;
     font-weight: 600;
     color: var(--bg-dark);
     text-transform: capitalize;
 }

 .skillbar .skill-data .skill-no {
     font-size: 16px;
     font-weight: 600;
     color: var(--primary-color);
 }

 .skillbar .skill-progress {
     width: 100%;
     height: 12px;
     background: var(--dark-divider-color);
     border-radius: 16px;
     position: relative;
 }

 .skillbar .skill-progress .count-bar {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     background: linear-gradient(180deg, var(--primary-color) 0%, var(--yellow-color) 100%);
     border-radius: 16px;
 }

 .company-feature {
     padding: 100px 0;
     background-color: var(--bg-primary-dark);
     background-image: url("../images/bg-seo-fast1.webp");
     --background-overlay: '';
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     overflow: hidden;
 }

 .company-feature-item {
     background-color: var(--light-color);
     box-shadow: 5px 28px 75px 4px var(--box-shadow-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     display: flex;
     align-items: center;
     height: calc(100% - 30px);
     margin-bottom: 30px;
     padding: 15px 20px;
 }

 .company-feature-item .icon-box {
     position: relative;
     border: 1px solid var(--divider-color);
     border-radius: 50%;
     width: 75px;
     height: 75px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     margin-right: 15px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .company-feature-item .icon-box i {
     background: linear-gradient(to bottom, #FE4139 0%, #FFBE36 80%);
     color: transparent;
     background-clip: text;
     font-size: 30px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
 }

 .company-feature-item:hover .icon-box i {
     scale: 1.2;
 }

 .company-feature-item:hover .icon-box {
     border-width: 3px;
 }

 .key-feature .company-feature-item:hover .icon-box {
     border-color: transparent;
 }

 .key-feature .company-feature-item .icon-box::before {
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, var(--primary-color) 0%, var(--yellow-color) 100%);
     top: 0;
     left: 0;
     transform: scale(0);
     transition: all 0.3s ease-in-out;
     border-radius: 50px;
 }

 .key-feature .company-feature-item:hover .icon-box:before {
     transform: scale(1);
 }

 .key-feature .company-feature-item .icon-box img {
     position: relative;
     z-index: 1;
     transition: all 0.4s ease-in-out;
 }

 .key-feature .company-feature-item:hover .icon-box img {
     filter: brightness(0) invert(1);
 }

 .feature-item-content {
     width: calc(100% - 90px);
     text-align: left;
 }

 .feature-item-content h3 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 5px;
 }

 .feature-item-content p {
     margin: 0;
 }

 .company-feature-image {
     text-align: center;
     margin-block: -100px;
     display: block;
     margin-inline: auto;
 }

 .how-it-works {
     padding-block: 100px;
     background: var(--bg-gray) url(../images/section-bg-img-2.webp) no-repeat;

     .timeline {
         --col-gap: 2rem;
         --row-gap: 3rem;
         --line-w: 0.25rem;
         display: grid;
         grid-template-columns: var(--line-w) 1fr;
         grid-auto-columns: max-content;
         column-gap: var(--col-gap);
         list-style: none;
         margin-inline: auto;
         padding-left: 15px;
     }

     .timeline::before {
         content: "";
         grid-column: 1;
         grid-row: 1 / span 20;
         background: rgb(225, 225, 225);
         border-radius: calc(var(--line-w) / 2);
     }

     .timeline>li:not(:last-child) {
         margin-bottom: var(--row-gap);
     }

     .timeline>li {
         grid-column: 2;
         margin-inline: 1.5rem;
         grid-row: span 2;
         display: grid;
         grid-template-rows: min-content min-content min-content;
     }

     .timeline>li .timeline-heading {
         --height: 3rem;
         height: var(--height);
         margin-inline: calc(1.5rem * -1);
         text-align: center;
         background-color: var(--primary-color);
         color: var(--light-color);
         font-size: 1rem;
         font-weight: 700;
         display: grid;
         place-content: center;
         position: relative;
         border-radius: calc(var(--height) / 2) 0 0 calc(var(--height) / 2);
         -webkit-border-radius: calc(var(--height) / 2) 0 0 calc(var(--height) / 2);
         -moz-border-radius: calc(var(--height) / 2) 0 0 calc(var(--height) / 2);
         -ms-border-radius: calc(var(--height) / 2) 0 0 calc(var(--height) / 2);
         -o-border-radius: calc(var(--height) / 2) 0 0 calc(var(--height) / 2);
     }

     .timeline>li .timeline-heading::before {
         content: "";
         width: 1.5rem;
         aspect-ratio: 1;
         background: var(--primary-color);
         background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
         position: absolute;
         top: 100%;
         clip-path: polygon(0 0, 100% 0, 0 100%);
         right: 0;
     }

     .timeline>li .timeline-heading::after {
         content: "";
         position: absolute;
         width: 2rem;
         aspect-ratio: 1;
         background-color: var(--primary-color);
         border: 0.6rem solid var(--divider-color);
         border-radius: 50%;
         top: 50%;
         right: calc(100% + var(--col-gap) + var(--line-w) / 2);
         transform: translate(50%, -50%);
         -webkit-transform: translate(50%, -50%);
         -moz-transform: translate(50%, -50%);
         -ms-transform: translate(50%, -50%);
         -o-transform: translate(50%, -50%);
     }

     .timeline>li .title {
         position: relative;
         padding-inline: 1.5rem;
     }

     .timeline>li .title {
         overflow: hidden;
         padding-block-start: 1.5rem;
         padding-block-end: 1rem;
         font-weight: 500;
     }

     .timeline>li .description {
         position: relative;
         padding: 1rem;
         background-color: var(--light-color);
     }

     .timeline>li .description ul {
         padding-left: 1.6rem;
         list-style-type: disc;
     }

     .timeline>li .description p:not(:last-child),
     .timeline>li .description ul {
         margin-bottom: 0.8rem;
     }

     .timeline>li .description p:last-child {
         margin-bottom: 0;
     }

     .timeline>li .title::before,
     .timeline>li .description::before {
         content: "";
         position: absolute;
         width: 100%;
         height: 0.5rem;
         background: rgb(0 0 0 / 10%);
         left: 50%;
         filter: blur(4px);
         border-radius: 50%;
         transform: translate(-50%, 50%);
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;
         -o-border-radius: 50%;
     }

     .timeline>li .title::before {
         bottom: calc(100% + 0.125rem);
     }

     .timeline>li .description::before {
         z-index: 2;
         bottom: 0.0;
     }

     @media (min-width: 40rem) {
         .timeline>li .description {
             padding-inline: 1rem;
             background-color: var(--light-color);
         }

         .timeline {
             grid-template-columns: 1fr var(--line-w) 1fr;
         }

         .timeline::before {
             grid-column: 2;
         }

         .timeline>li:nth-child(odd) {
             grid-column: 1;
         }

         .timeline>li:nth-child(even) {
             grid-column: 3;
         }

         .timeline>li:nth-child(2) {
             grid-row: 2/4;
         }

         .timeline>li:nth-child(odd) .timeline-heading::before {
             clip-path: polygon(0 0, 100% 0, 100% 100%);
             left: 0;
         }

         .timeline>li:nth-child(odd) .timeline-heading::after {
             transform: translate(-50%, -50%);
             left: calc(100% + var(--col-gap) + var(--line-w) / 2);
         }

         .timeline>li:nth-child(odd) .timeline-heading {
             border-radius: 0 calc(var(--height) / 2) calc(var(--height) / 2) 0;
             -webkit-border-radius: 0 calc(var(--height) / 2) calc(var(--height) / 2) 0;
             -moz-border-radius: 0 calc(var(--height) / 2) calc(var(--height) / 2) 0;
             -ms-border-radius: 0 calc(var(--height) / 2) calc(var(--height) / 2) 0;
             -o-border-radius: 0 calc(var(--height) / 2) calc(var(--height) / 2) 0;
         }

         .timeline>li .timeline-heading {
             font-size: 1.25rem;
         }
     }
 }

 .how-it-work {
     padding: 100px 0 70px;
 }

 .why-choose-ai-seo {
     background-color: var(--bg-primary-dark);
     background-image: url(../images/bg-seo-fast1.webp);
     --background-overlay: '';
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 .how-work-item {
     position: relative;
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     height: calc(100% - 30px);
     margin-bottom: 30px;
     padding: 30px;
     transition: all 0.4s ease-in-out;
     overflow: hidden;
     background-color: transparent;
     --background-overlay: '';
     background-image: linear-gradient(180deg, #ff74172d 50%, #ff74170c 100%);
     box-shadow: 5px 5px var(--primary-color), inset 1px 1px 2px var(--primary-color);
 }

 .how-work-item::before {
     content: '';
     position: absolute;
     inset: 0;
     border-radius: 16px;
     transition: all 0.4s ease-in-out;
     height: 100%;
     z-index: 1;
     border: 4px solid transparent;
 }

 .how-work-item:hover:before {
     top: 0;
     border: 4px solid var(--primary-color);
 }

 .how-work-item .icon-box {
     position: relative;
     z-index: 2;
     margin-bottom: 20px;
 }

 .how-work-item .icon-box img {
     width: 55px;
     transition: all 0.4s ease-in-out;
 }

 .how-work-content {
     position: relative;
     z-index: 2;
 }

 .how-work-content h3 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 20px;
     transition: all 0.3s ease-in-out;
 }

 .why-choose-ai-seo .how-work-content h3 {
     color: var(--light-color);
 }

 .how-work-content p {
     margin: 0;
     transition: all 0.3s ease-in-out;
     color: var(--bg-dark);
 }

 .why-choose-ai-seo .how-work-content p {
     color: var(--light-color);
 }

 .our-pricing {
     background: var(--bg-theme);
     padding: 100px 0 70px;
 }

 .pricing-item {
     background-color: var(--light-color);
     box-shadow: 5px 28px 75px 4px var(--box-shadow-color);
     border-radius: 16px;
     padding: 40px 30px;
     margin-bottom: 30px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .pricing-header {
     border-bottom: 1px solid var(--dark-divider-color);
     text-align: center;
     margin-bottom: 40px;
 }

 .pricing-header h3 {
     font-size: 22px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 15px;
 }

 .pricing-header h2 {
     font-size: 48px;
     margin-bottom: 15px;
     color: var(--primary-color);
 }

 .pricing-header p {
     margin: 0;
 }

 .pricing-body {
     margin-bottom: 15px;
 }

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

 .pricing-body ul li {
     position: relative;
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     margin-bottom: 15px;
     display: flex;
     justify-content: space-between;
     gap: 10px;
 }

 .pricing-body ul li:last-child {
     margin-bottom: 0;
 }

 .pricing-body ul li i {
     font-size: 18px;
     color: var(--secandory-green);
 }

 .pricing-body ul li i.fa-solid.fa-xmark {
     color: var(--error-color);
 }

 .pricing-footer {
     text-align: center;
 }

 .pricing-item.highlighted-box {
     position: relative;
     background-color: var(--bg-dark);
     overflow: hidden;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     scale: 1.045;
 }

 .pricing-item.highlighted-box::before {
     content: '';
     display: block;
     position: absolute;
     top: -40px;
     right: -60px;
     transform: rotate(45deg);
     background: url('../images/icon-star.svg') no-repeat, linear-gradient(to right, var(--primary-color) 35%, var(--yellow-color) 2.05%, var(--primary-color) 99.13%);
     background-position: right 50px top 60px;
     width: 140px;
     height: 100px;
     z-index: 1;
 }

 .pricing-item.highlighted-box .pricing-body ul li,
 .pricing-item.highlighted-box .pricing-header p,
 .pricing-item.highlighted-box .pricing-header h2,
 .pricing-item.highlighted-box .pricing-header h3 {
     color: var(--light-color);
 }

 .our-project {
     padding: 100px 0 70px;
 }

 .our-projects-nav {
     margin-bottom: 30px;
 }

 .our-projects-nav ul {
     list-style: none;
     text-align: center;
     padding: 0;
     margin: 0;
 }

 .service-tab .our-projects-nav ul {
     text-align: left;
 }

 .our-projects-nav ul li {
     display: inline-block;
     margin-right: 20px;
     margin-bottom: 10px;
 }

 .service-tab .our-projects-nav ul li {
     margin-right: 0;
 }

 .our-projects-nav ul li:last-child {
     margin-right: 0;
     margin-bottom: 0;
 }

 .our-projects-nav ul li a {
     position: relative;
     display: inline-block;
     background-color: transparent;
     border: 1px solid var(--divider-color);
     border-radius: 10px;
     color: var(--text-color);
     font-weight: 600;
     padding: 8px 20px;
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
     overflow: hidden;
 }

 .service-tab .our-projects-nav ul li a {
     width: 100%;
 }

 .our-projects-nav ul li a:hover {
     color: var(--light-color);
 }

 .our-projects-nav ul li a::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: 100%;
     border-radius: 0px;
     background: linear-gradient(180deg, var(--primary-color) 0%, var(--yellow-color) 100%);
     transition: all 0.3s ease-in-out;
     height: 100%;
     z-index: -1;
 }

 .our-projects-nav ul li a:hover:before {
     top: 0;
 }

 .our-projects-nav ul li a.active-btn {
     background: linear-gradient(180deg, var(--primary-color) 0%, var(--yellow-color) 100%);
     color: var(--light-color);
 }

 .project-item-box .project-item {
     height: calc(100% - 30px);
     margin-bottom: 30px;
 }

 .project-item {
     position: relative;
     overflow: hidden;
 }

 .project-image a {
     position: relative;
     display: block;
 }

 .project-image img {
     width: 100%;
     border-radius: 16px;
     aspect-ratio: 1/1.1;
     object-fit: cover;
 }

 .project-body {
     position: absolute;
     bottom: 20px;
     right: 20px;
     left: 20px;
     transform: translateY(100%);
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: space-between;
     opacity: 0;
     border-radius: 10px;
     padding: 20px;
     z-index: 1;
     transition: all 0.5s ease-in-out;
 }

 .project-body::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background-color: var(--bg-dark);
     border-radius: 10px;
     opacity: 90%;
     z-index: -1;
 }

 .project-item:hover .project-body {
     opacity: 1;
     transform: translateY(0px);
 }

 .project-content {
     text-align: left;
 }

 .project-content h3 {
     font-size: 20px;
     font-weight: 600;
     color: var(--light-color);
     text-transform: capitalize;
     margin-bottom: 5px;
 }

 .project-content p {
     color: var(--light-color);
     text-transform: capitalize;
     margin: 0;
 }

 .project-readmore-btn a {
     background-color: var(--primary-color);
     width: 45px;
     height: 45px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .project-readmore-btn a img {
     max-width: 20px;
     transform: rotate(-45deg);
     transition: all 0.4s ease-in-out;
 }

 .project-body:hover .project-readmore-btn a img {
     transform: rotate(0deg);
 }

 .our-testimonial {
     padding: 100px 0;
     background: var(--bg-theme);
     background-position: top right;
 }

 .our-testimonial .section-title {
     text-align: center;
 }

 .testimonial-slider .testimonial-item {
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     padding: 30px;
 }

 .testimonial-header {
     margin-bottom: 15px;
 }

 .testimonial-header .author-image {
     margin-bottom: 15px;
 }

 .testimonial-header .author-image figure,
 .testimonial-header .author-image img {
     height: 78px;
     width: 78px;
     aspect-ratio: 1 / 1;
     object-fit: cover;
     border-radius: 100%;
 }

 .our-seo-services .testimonial-header .author-image figure,
 .our-seo-services .testimonial-header .author-image img {
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
 }

 .testimonial-header .testimonial-rating i {
     font-size: 14px;
     color: var(--primary-color);
 }

 .testimonial-body {
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid var(--dark-divider-color);
 }

 .our-seo-services .testimonial-body {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: none;
 }

 .testimonial-body p {
     margin: 0;
 }

 .testimonial-footer .author-content h3 {
     font-size: 20px;
     text-transform: capitalize;
 }

 .testimonial-footer .author-content p {
     margin: 0;
     text-transform: capitalize;
 }

 .testimonial-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 50px;
 }

 .testimonial-slider .testimonial-button-next,
 .testimonial-slider .testimonial-button-prev {
     position: relative;
     width: 40px;
     height: 40px;
     border-radius: 100%;
     background-color: var(--primary-color);
     transition: all 0.4s ease-in-out;
 }

 .testimonial-slider .testimonial-button-next {
     margin-left: 15px;
 }

 .testimonial-slider .testimonial-button-prev {
     margin-right: 15px;
 }

 .testimonial-slider .testimonial-button-next:hover,
 .testimonial-slider .testimonial-button-prev:hover {
     background-color: var(--bg-dark);
 }

 .testimonial-slider .testimonial-button-next::before,
 .testimonial-slider .testimonial-button-prev::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: url('../images/icon-arrow.svg') no-repeat center center;
     background-size: 15px auto;
     transform: rotate(180deg);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.4s ease-in-out;
 }

 .testimonial-slider .testimonial-button-next::before {
     content: '';
     background: url('../images/icon-arrow.svg') no-repeat center center;
     background-size: 15px auto;
     transform: rotate(0deg);
 }

 .our-blog {
     padding: 100px 0 70px;
     background-color: var(--bg-gray);
 }

 .our-blog .section-title {
     text-align: center;
 }

 .blog-item {
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     box-shadow: 5px 28px 75px 4px var(--box-shadow-color);
     overflow: hidden;
     margin-bottom: 30px;
     height: calc(100% - 30px);
 }

 .blog-item .post-item-content {
     padding: 30px;
 }

 .post-featured-image figure a {
     display: block;
 }

 .blog-item .post-featured-image img {
     width: 100%;
     height: 100%;
     transition: all 0.5s ease-in-out;
 }

 .blog-item:hover .post-featured-image img {
     transform: scale(1.1);
 }

 .post-item-body h2 {
     font-size: 20px;
     color: var(--primary-color);
     line-height: 1.4em;
     margin-bottom: 20px;
 }

 .post-item-body h2 a {
     color: inherit;
 }

 .post-item-body p {
     margin-bottom: 20px;
 }

 .post-item-footer a {
     background-color: var(--primary-color);
     width: 45px;
     height: 45px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .post-item-footer a img {
     max-width: 20px;
     transition: all 0.4s ease-in-out;
     transform: rotate(-45deg);
 }

 .blog-item:hover .post-item-footer a img {
     transform: rotate(0deg);
 }

 .main-footer {
     position: relative;
     background: var(--bg-dark);
     background: var(--bg-dark);
     padding-top: 100px;
     background-image: url(../images/bottom-fire-img.png);
     background-position: 50% 100%;
     background-repeat: no-repeat;
     z-index: 1;

     &::before {
         content: '';
         position: absolute;
         inset: 0;
         background-image: url(../images/glitters.png);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         z-index: -1;
     }
 }

 .about-footer {
     padding-right: 25px;
 }

 .footer-logo {
     margin-bottom: 30px;
 }

 .footer-contact-box .footer-info-box {
     position: relative;
     padding-left: 30px;
     margin-bottom: 20px;
 }

 .footer-contact-box .footer-info-box:last-child {
     margin-bottom: 0;
 }

 .footer-info-box .icon-box {
     position: absolute;
     top: 2px;
     left: 0;
 }

 .footer-info-box .icon-box.icon-center {
     top: 12px;
 }

 .footer-info-box .icon-box i {
     color: var(--light-color);
     font-size: 20px;
 }

 .footer-info-box p {
     color: var(--light-color);
     margin: 0;
 }

 .footer-info-box p a,
 .footer-copyright-text p a {
     transition: color 0.3s ease;
     -webkit-transition: color 0.3s ease;
     -moz-transition: color 0.3s ease;
     -ms-transition: color 0.3s ease;
     -o-transition: color 0.3s ease;
 }

 .footer-info-box p a:hover,
 .footer-copyright-text p a:hover {
     color: var(--primary-color);
 }

 .footer-links h3 {
     font-size: 20px;
     font-weight: 500;
     color: var(--light-color);
     text-transform: capitalize;
     margin-bottom: 30px;
 }

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

 .footer-links ul li {
     margin-bottom: 15px;
 }

 .footer-links ul li:last-child {
     margin-bottom: 0;
 }

 .footer-links ul li a {
     position: relative;
     display: inline-block;
     font-size: 16px;
     color: var(--light-color);
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
 }

 .footer-links ul li a:hover {
     color: var(--primary-color);
     transform: translateX(10px);
 }

 .footer-copyright {
     margin-top: 80px;
     padding: 20px 0;
     border-top: 1px solid #FFFFFF26;
 }

 .footer-copyright-text p {
     color: var(--light-color);
     margin: 0;
 }

 .footer-copyright .footer-social-links ul {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: end;
 }

 .footer-copyright .footer-social-links ul li {
     display: inline-block;
     margin-right: 10px;
 }

 .footer-copyright .footer-social-links ul li:last-child {
     margin-right: 0;
 }

 .footer-copyright .footer-social-links ul li a {
     background-color: var(--light-color);
     color: var(--bg-dark);
     height: 36px;
     width: 36px;
     border-radius: 100%;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease-in-out;
 }

 .footer-copyright .footer-social-links ul li a i {
     font-size: 18px;
 }

 .footer-copyright .footer-social-links ul li a:hover {
     background: var(--primary-color);
     color: var(--light-color);
 }

 .page-header {
     position: relative;
     padding-block: 200px 150px;
     background: linear-gradient(179.5deg, var(--bg-dark) 0.06%, #ff741770 90.6%), url('../images/page-header-bg.webp') no-repeat center center;
     background-size: cover;
     background-attachment: fixed;
 }

 .page-header-box {
     position: relative;
     z-index: 1;
     text-align: center;
 }

 .page-header-box h1 {
     color: var(--light-color);
     font-size: 56px;
 }

 .page-header-box ol {
     margin: 0;
     padding: 0;
     justify-content: center;
 }

 .page-header-box ol li.breadcrumb-item {
     color: var(--light-color);
     font-size: 16px;
     line-height: 1.1em;
     text-transform: capitalize;
 }

 .page-header-box ol li.breadcrumb-item a {
     color: inherit;
 }

 .page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
     color: var(--light-color);
 }

 .page-about {
     padding: 100px 0;
     background: var(--secondary-color) url('../images/section-bg-img-1.png') no-repeat;
     background-position: right -100px bottom -100px;
 }

 .page-about .row.section-row {
     max-width: 100%;
     text-align: left;
 }

 .page-about .section-row .section-title {
     margin-bottom: 30px;
 }

 .about-us-image {
     position: relative;
     margin-right: 40px;
 }

 .about-img-1 {
     position: relative;
     width: 380px;
 }

 .about-img-2 {
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .about-img-2 figure,
 .about-img-1 figure {
     display: block;
 }

 .about-img-1 img {
     aspect-ratio: 1 /1.32;
     object-fit: cover;
     border-radius: 219px 219px 0 0;
 }

 .about-img-2 figure {
     border-radius: 219px 219px 0 0;
 }

 .about-img-2 img {
     aspect-ratio: 1 /1.26;
     object-fit: cover;
     border-width: 10px 0 0 10px;
     border-style: solid;
     border-color: var(--secondary-color);
     border-radius: 219px 219px 0 0;
 }

 .experience-counter-item {
     position: absolute;
     top: 50px;
     right: 0;
     display: flex;
     align-items: center;
     width: 250px;
     padding: 15px;
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     animation: moveobject 3s infinite linear alternate;
 }

 @keyframes moveobject {
     50% {
         right: 50px;
     }
 }

 .experience-counter-item .icon-box {
     margin-right: 15px;
 }

 .experience-counter-item .icon-box img {
     width: 50px;
 }

 .experience-counter-item .experience-counter-content {
     width: calc(100% - 60px);
 }

 .experience-counter-item .experience-counter-content h3 {
     font-size: 18px;
     font-weight: 500;
 }

 .experience-counter-item .experience-counter-content p {
     font-weight: 500;
     text-transform: capitalize;
     margin: 0;
 }

 .about-us-content-body ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .about-us-content-body ul li {
     position: relative;
     width: calc(50% - 10px);
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     text-transform: capitalize;
     padding-left: 30px;
 }

 .about-us-content-body ul li:before {
     content: '\f058';
     font-family: "Font Awesome 6 Free";
     color: var(--primary-color);
     font-size: 20px;
     font-weight: 900;
     position: absolute;
     top: 0;
     left: 0;
 }

 .trusted-company {
     margin-top: 60px;
 }

 .trusted-companies-title h3 {
     font-size: 18px;
     font-weight: 500;
     text-transform: capitalize;
 }

 .why-choose-us {
     padding: 100px 0;
     background: var(--secondary-color) url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -120px bottom -300px;
 }

 .why-choose-us .section-title {
     text-align: center;
 }

 .faq-accordion.why-choose-accordion .accordion-item {
     position: relative;
     background: none;
     border-bottom: 1px solid var(--dark-divider-color);
     padding-bottom: 25px;
     margin-bottom: 25px;
 }

 .faq-accordion.why-choose-accordion .accordion-item:last-child {
     border: none;
     margin-bottom: 0;
     padding-bottom: 0;
 }

 .faq-accordion.why-choose-accordion .accordion-header {
     position: relative;
 }

 .faq-accordion.why-choose-accordion .accordion-header .icon-box {
     position: absolute;
     left: 0;
     top: 4px;
 }

 .faq-accordion.why-choose-accordion .accordion-item .accordion-button {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--bg-dark);
     border: none;
     box-shadow: none;
     padding: 5px 35px 5px 55px;
     position: relative;
     transition: all 0.3s ease-in-out;
 }

 .faq-accordion.why-choose-accordion .accordion-item .accordion-button.collapsed::after,
 .faq-accordion.why-choose-accordion .accordion-item .accordion-button:after {
     display: none;
 }

 .faq-accordion.why-choose-accordion .accordion-item .accordion-button span {
     position: absolute;
     right: 0;
     top: 0;
     bottom: auto;
     transform: translateY(50%);
     font-size: 26px;
     line-height: 1em;
     color: var(--primary-color);
     transition: all 0.3s ease-in-out;
 }

 .faq-accordion.why-choose-accordion .accordion-item .accordion-body {
     padding: 5px 30px 5px 55px;
 }

 .faq-accordion.why-choose-accordion .accordion-item.accordion-body p {
     margin: 0;
 }

 .why-choose-image {
     display: flex;
     align-items: start;
     justify-content: end;
     position: relative;
     margin-left: 60px;
 }

 .why-choose-image::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background: url('../images/why-choose-image-bg.png') no-repeat;
     background-position: center top;
     width: 100%;
     height: 100%;
     z-index: 0;
 }

 .why-choose-img-1 {
     margin-right: 30px;
 }

 .why-choose-img-2 {
     padding-top: 80px;
 }

 .wwhy-choose-img-1 figure,
 .why-choose-img-2 figure {
     display: block;
 }

 .why-choose-img-1 img,
 .why-choose-img-2 img {
     border-radius: 16px;
 }

 .our-team {
     padding: 100px 0 70px;
 }

 .our-team .section-row {
     width: 100%;
     max-width: 100%;
     text-align: left;
 }

 .team-member-item {
     margin-bottom: 30px;
 }

 .team-image {
     position: relative;
     overflow: hidden;
     border-radius: 16px;
     margin-bottom: 15px;
 }

 .team-image img {
     width: 100%;
     border-radius: 0px;
     aspect-ratio: 1/1.2;
     object-fit: cover;
     transition: all 0.5s ease-in-out;
 }

 .team-member-item:hover .team-image img {
     transform: scale(1.1);
 }

 .team-social-icon {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     text-align: center;
     transition: all 0.4s ease-in-out;
     opacity: 0;
     z-index: 1;
 }

 .team-member-item:hover .team-social-icon {
     opacity: 1;
     bottom: 20px;
 }

 .team-social-icon ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .team-social-icon ul li {
     display: inline-block;
     text-align: center;
     margin-right: 10px;
 }

 .team-social-icon ul li:last-child {
     margin-right: 0;
 }

 .team-social-icon ul li a {
     display: block;
 }

 .team-social-icon ul li a i {
     background-color: var(--primary-color);
     width: 40px;
     height: 40px;
     border-radius: 99px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease-out;
     color: var(--light-color);
     font-size: 18px;
 }

 .team-social-icon ul li a i:hover {
     background-color: var(--bg-dark);
 }

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

 .team-content h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 5px;
 }

 .team-content p {
     text-transform: capitalize;
     margin: 0;
 }

 .about-company-counter {
     background: linear-gradient(180deg, var(--light-color) 50%, var(--bg-dark) 50%);
 }

 .about-company-counter .company-counter-box {
     background-color: var(--primary-color);
     border-radius: 16px;
     padding: 60px 0;
 }

 .company-counter-item {
     text-align: center;
 }

 .company-counter-item .company-counter-content h3 {
     font-size: 40px;
     color: var(--light-color);
     margin-bottom: 5px;
 }

 .company-counter-item .company-counter-content p {
     font-size: 20px;
     font-weight: 600;
     color: var(--light-color);
     text-transform: capitalize;
     margin: 0;
 }

 .our-faq {
     padding: 100px 0;
     background: var(--light-color) url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -100px bottom -250px;
 }

 .faq-image {
     position: relative;
     padding-bottom: 110px;
     margin-right: 20px;
 }

 .faq-img-2 {
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .faq-img-1 {
     position: relative;
     width: 450px;
 }

 .faq-img-2 figure,
 .faq-img-1 figure {
     display: block;
 }

 .faq-img-1 img {
     border-radius: 16px;
 }

 .faq-img-2 img {
     aspect-ratio: 1 /1.25;
     object-fit: cover;
     border: 10px solid var(--light-color);
     border-radius: 16px;
 }

 .faq-accordion .accordion-item {
     position: relative;
     background: none;
     border-bottom: 1px solid var(--dark-divider-color);
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 .faq-accordion .accordion-item:last-child {
     border: none;
     margin-bottom: 0;
     padding-bottom: 0;
 }

 .faq-accordion .accordion-item .accordion-button {
     font-size: 20px;
     font-weight: 600;
     color: var(--bg-dark);
     border: none;
     box-shadow: none;
     padding: 5px 30px 5px 0px;
     position: relative;
     transition: all 0.3s ease-in-out;
 }

 .faq-accordion .accordion-item .accordion-button::after,
 .faq-accordion .accordion-item .accordion-button.collapsed::after {
     content: '\f068';
     font-family: "Font Awesome 6 Free";
     position: absolute;
     right: 0px;
     top: 50%;
     bottom: auto;
     transform: translate(0px, -10px);
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 900;
     font-size: 20px;
     width: 20px;
     height: 20px;
     padding: 5px;
     color: var(--bg-dark);
 }

 .faq-accordion .accordion-item .accordion-button.collapsed::after {
     content: '\f067';
     color: var(--bg-dark);
 }

 .faq-accordion .accordion-item .accordion-body {
     padding: 5px 30px 5px 0px;
 }

 .faq-accordion .accordion-item .accordion-body p {
     margin: 0;
 }

 .page-services {
     background: var(--secondary-color) url('../images/section-bg-img-1.png') no-repeat;
     background-position: right -100px bottom -100px;
     padding: 100px 0 70px;
 }

 .our-pricing.service-pricing {
     background: var(--secondary-color) url(../images/section-bg-img-2.webp) no-repeat;
     background-position: left -100px bottom -250px;
 }

 .page-service-single {
     padding: 100px 0;
 }

 .service-sidebar {
     position: sticky;
     top: 120px;
 }

 .service-list {
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     padding: 30px;
     margin-bottom: 30px;
 }

 .service-list h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 30px;
 }

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

 .service-list ul li {
     border-bottom: 1px solid var(--dark-divider-color);
     margin-bottom: 15px;
     padding-bottom: 15px;
 }

 .service-list ul li:last-child {
     border: none;
     margin-bottom: 0px;
     padding-bottom: 0px;
 }

 .service-list ul li a {
     display: block;
     position: relative;
     color: var(--bg-dark);
     font-weight: 500;
     font-size: 16px;
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
 }

 .service-list ul li a:after {
     content: '\f105';
     font-family: "Font Awesome 6 Free";
     font-weight: 700;
     display: block;
     position: absolute;
     top: 50%;
     right: 0px;
     transform: translateY(-50%);
     color: var(--primary-color);
 }

 .service-list ul li a:hover {
     color: var(--primary-color);
     transform: translateX(10px);
     -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
     -ms-transform: translateX(10px);
     -o-transform: translateX(10px);
 }

 .sidebar-cta-box {
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     padding: 30px;
 }

 .sidebar-cta-box .icon-box {
     margin-bottom: 20px;
 }

 .sidebar-cta-box .cta-content h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 20px;
 }

 .sidebar-cta-box .cta-content p {
     margin-bottom: 20px;
 }

 .service-featured-image {
     margin-bottom: 30px;
 }

 .service-featured-image figure {
     display: block;
 }

 .service-featured-image img {
     aspect-ratio: 1 / 0.6;
     object-fit: cover;
     border-radius: 16px;
 }

 .service-entry {
     margin-bottom: 30px;
 }

 .service-entry h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 20px;
 }

 .company-growth .company-growth-img figure {
     display: block;
 }

 .company-growth .company-growth-img img {
     border-radius: 16px;
 }

 .company-growth-content h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 20px;
 }

 .company-growth-content p {
     margin-bottom: 20px;
 }

 .company-growth-content ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .company-growth-content ul li {
     position: relative;
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     padding-left: 25px;
     margin-bottom: 12px;
 }

 .company-growth-content ul li:last-child {
     margin-bottom: 0;
 }

 .company-growth-content ul li:before {
     content: '';
     position: absolute;
     background: url('../images/icon-check.svg') no-repeat center center;
     background-size: 100% auto;
     height: 16px;
     width: 16px;
     top: 5px;
     left: 0;
 }

 .about-company-growth-content {
     margin-top: 20px;
 }

 .about-company-growth-content p {
     margin: 0;
 }

 .our-solution-faq {
     padding: 100px 0;
     background-color: transparent;
     background-image: linear-gradient(180deg, #ff74172d 0%, #F6F4F1 47%);
 }

 .our-solution-faq .solution-faqs {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
 }

 .page-blog {
     padding: 100px 0;
 }

 .post-pagination {
     margin-top: 30px;
     text-align: center;
 }

 .post-pagination ul {
     justify-content: center;
     padding: 0;
     margin: 0;
 }

 .post-pagination ul li a,
 .post-pagination ul li span {
     display: flex;
     text-decoration: none;
     justify-content: center;
     align-items: center;
     background: var(--primary-color);
     color: var(--light-color);
     width: 40px;
     height: 40px;
     margin: 0 4px;
     border-radius: 4px;
     font-weight: 700;
     transition: all 0.3s ease-in-out;
 }

 .post-pagination ul li.active a,
 .post-pagination ul li a:hover {
     background: var(--bg-dark);
 }

 .page-single-post {
     padding: 100px 0;
 }

 .post-single-meta ol li i {
     font-size: 16px;
     color: var(--light-color);
     margin-right: 5px;
 }

 .post-image {
     position: relative;
     margin-bottom: 30px;
 }

 .post-image figure {
     display: block;
 }

 .post-image figure,
 .post-image img {
     aspect-ratio: 1 / 0.50;
     object-fit: cover;
     border-radius: 16px;
 }

 .post-content {
     width: 100%;
     max-width: 1100px;
     margin: 0 auto;
 }

 .post-entry:after {
     content: '';
     display: block;
     clear: both;
 }

 .post-entry a {
     color: var(--primary-color);
 }

 .post-entry h1,
 .post-entry h2,
 .post-entry h3,
 .post-entry h4,
 .post-entry h5,
 .post-entry h6 {
     margin: 0 0 0.6em;
 }

 .post-entry h1 {
     font-size: 58px;
 }

 .post-entry h2 {
     font-size: 50px;
 }

 .post-entry h3 {
     font-size: 40px;
 }

 .post-entry h4 {
     font-size: 30px;
 }

 .post-entry h5 {
     font-size: 24px;
 }

 .post-entry h6 {
     font-size: 18px;
 }

 .post-entry p {
     margin-bottom: 20px;
 }

 .post-entry p:last-child {
     margin-bottom: 0;
 }

 .post-entry p strong {
     color: var(--bg-dark);
     font-size: 18px;
     font-weight: 700;
 }

 .post-entry ol {
     margin: 0 0 30px;
 }

 .post-entry ol li {
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: 700;
     color: var(--text-color);
 }

 .post-entry ul {
     padding: 0;
     margin: 20px 0 20px;
     padding-left: 20px;
 }

 .post-entry ul li {
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     position: relative;
     margin-bottom: 18px;
 }

 .post-entry ul li:last-child {
     margin-bottom: 0;
 }

 .post-entry ul ul,
 .post-entry ul ol,
 .post-entry ol ol,
 .post-entry ol ul {
     margin-top: 20px;
     margin-bottom: 0;
 }

 .post-entry ul ul li:last-child,
 .post-entry ul ol li:last-child,
 .post-entry ol ol li:last-child,
 .post-entry ol ul li:last-child {
     margin-bottom: 0;
 }

 .post-entry blockquote {
     background: var(--primary-color) url('../images/icon-blockquote.svg') no-repeat 40px 46px;
     background-size: 45px;
     border-radius: 16px;
     padding: 40px 40px 40px 110px;
     margin-bottom: 30px;
 }

 .post-entry blockquote p {
     color: var(--bg-dark);
     font-size: 20px;
     font-weight: 600;
 }

 .post-entry blockquote p:last-child {
     margin-bottom: 0;
 }

 .tag-links {
     font-size: 20px;
     font-weight: 600;
     color: var(--bg-dark);
     display: inline-block;
 }

 .post-tags .tag-links a {
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     text-transform: capitalize;
     background-color: var(--primary-color);
     color: var(--light-color);
     border-radius: 10px;
     padding: 8px 20px;
     margin-left: 10px;
     margin-bottom: 10px;
     transition: all 0.3s ease-in-out;
 }

 .post-tags .tag-links a:hover {
     background: var(--bg-dark);
 }

 .post-social-sharing {
     text-align: right;
 }

 .post-social-sharing ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .post-social-sharing ul li {
     display: inline-block;
     margin-right: 10px;
 }

 .post-social-sharing ul li:last-child {
     margin-right: 0;
 }

 .post-social-sharing ul li a {
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     text-align: center;
     background-color: var(--primary-color);
     color: var(--light-color);
     width: 38px;
     height: 38px;
     transition: all 0.3s ease-in-out;
 }

 .post-social-sharing ul li:hover a {
     background-color: var(--bg-dark);
 }

 .post-social-sharing ul li a i {
     font-size: 18px;
     color: inherit;
     transition: all 0.3s ease-in-out;
 }

 .post-social-sharing ul li:hover a i {
     color: var(--secondry-color);
 }

 .page-project {
     padding: 100px 0;
 }

 .page-project-single {
     padding: 100px 0;
     background: var(--secondary-color) url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -100px bottom -250px;
 }

 .project-featured-image {
     margin-bottom: 30px;
 }

 .project-featured-image figure {
     display: block;
 }

 .project-featured-image img {
     border-radius: 16px;
     aspect-ratio: 1/ 0.6;
     object-fit: cover;
 }

 .project-single-content .project-section-title h3 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 20px;
 }

 .project-detail,
 .project-values-content,
 .project-about-image {
     margin-bottom: 30px;
 }

 .project-values-content ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
 }

 .project-values-content ul li {
     position: relative;
     width: calc(50% - 10px);
     text-transform: capitalize;
     padding-left: 30px;
 }

 .project-values-content ul li:before {
     content: '';
     position: absolute;
     background: url('../images/icon-check.svg') no-repeat center center;
     background-size: 100% auto;
     height: 16px;
     width: 16px;
     top: 5px;
     left: 0;
 }

 .project-about-image .project-about-img-2 figure,
 .project-about-image .project-about-img-1 figure {
     display: block;
 }

 .project-about-image .project-about-img-1 img,
 .project-about-image .project-about-img-2 img {
     aspect-ratio: 1 / 0.8;
     object-fit: cover;
     border-radius: 16px;
 }

 .project-result-content p {
     margin: 0;
 }

 .project-sidebar {
     position: sticky;
     top: 20px;
 }

 .portfolio-info-box {
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     padding: 30px;
     margin-bottom: 30px;
 }

 .portfolio-info-box-title {
     margin-bottom: 30px;
 }

 .portfolio-info-box-title h3 {
     font-size: 20px;
     text-transform: capitalize;
 }

 .portfolio-info-item {
     display: flex;
     border-bottom: 1px solid var(--dark-divider-color);
     margin-bottom: 20px;
     padding-bottom: 20px;
 }

 .portfolio-info-item:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border: none;
 }

 .portfolio-info-item .icon-box {
     margin-right: 15px;
 }

 .portfolio-info-content {
     width: calc(100% - 65px);
 }

 .portfolio-info-content h3 {
     font-size: 16px;
     font-weight: 400;
     color: var(--text-color);
     text-transform: capitalize;
     margin-bottom: 3px;
 }

 .portfolio-info-content p {
     font-size: 18px;
     font-weight: 500;
     color: var(--bg-dark);
     text-transform: capitalize;
     margin: 0;
 }

 .page-team {
     background: var(--light-color) url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -120px bottom -300px;
     padding: 100px 0 70px;
 }

 .page-contact-us {
     padding: 100px 0;
     background: #F6F4F1 url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -100px bottom -250px;
 }

 .contact-us .contact-form {
     padding: 0;
     border: none;
     background-image: linear-gradient(180deg, #ff74172d 50%, #ff74173a 100%);
     background: transparent;
 }

 .contact-us form {
     padding: 35px;
     background-image: linear-gradient(180deg, #ff74172d 50%, #ff74173a 100%);
     border-radius: 16px;
 }

 .contact-info .contact-info-box {
     margin-bottom: 40px;
 }

 .contact-info .contact-info-box:last-child {
     margin-bottom: 0;
 }

 .contact-info-box .contact-info-title {
     margin-bottom: 20px;
 }

 .contact-info-box .contact-info-title h2 {
     font-size: 20px;
     text-transform: capitalize;
     margin-bottom: 10px;
 }

 .contact-info-box .contact-info-title p {
     margin: 0;
 }

 .contact-info-item {
     position: relative;
     padding-left: 35px;
     margin-bottom: 20px;
 }

 .contact-info-item a {
     text-decoration: underline;
     color: var(--bg-dark);
 }

 .contact-info-item:last-child {
     margin-bottom: 0;
 }

 .contact-info-item .icon-box {
     position: absolute;
     top: 0px;
     left: 0px;
     font-size: 20px;
     ;
 }

 .contact-info-item .contact-info-content p {
     color: var(--bg-dark);
     margin: 0;
 }

 .contact-form {
     background: var(--light-color);
     border: 1px solid var(--divider-color);
     border-radius: 16px;
     padding: 40px;
     background-color: transparent;
     --background-overlay: '';
     background-image: linear-gradient(180deg, #ff74172d 50%, #ff74170a 100%);
     border: 4px solid var(--primary-color);
 }

 .seo-contact-form {
     padding: 25px;
     border: none;
     box-shadow: 0 0 20px #ffffff63;
 }

 .seo-audit {
     padding: 20px;
 }

 .contact-form-content p {
     margin-bottom: 20px;
 }

 .contact-form .form-control {
     padding: 11px 20px;
     background-color: var(--secondary-color);
     color: var(--bg-dark);
     box-shadow: none;
     border: none;
     border-radius: 10px;
     resize: none;
 }

 .contact-form .form-control::placeholder {
     color: var(--bg-dark);
 }

 .contact-form button.btn-default {
     width: 100%;
 }

 .help-block.with-errors ul {
     margin-bottom: 0;
 }

 .help-block.with-errors ul li {
     color: var(--error-color);
     font-size: 14px;
 }

 .google-map .container-fluid {
     padding: 0;
 }

 .google-map-iframe,
 .google-map-iframe iframe {
     width: 100%;
     height: 500px;
 }

 .page-faqs {
     padding: 100px 0;
     background: var(--light-color) url('../images/section-bg-img-2.webp') no-repeat;
     background-position: left -120px bottom -300px;
 }

 .faq-sidebar {
     position: sticky;
     top: 20px;
 }

 .faq-category-box {
     padding: 30px;
     border: 1px solid var(--divider-color);
     border-radius: 16px;
 }

 .faq-category-box ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .faq-category-box ul li {
     border-bottom: 1px solid var(--dark-divider-color);
     margin-bottom: 15px;
     padding-bottom: 15px;
 }

 .faq-category-box ul li:last-child {
     border: none;
     margin-bottom: 0px;
     padding-bottom: 0px;
 }

 .faq-category-box ul li a {
     display: block;
     position: relative;
     color: var(--text-color);
     font-size: 16px;
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
 }

 .faq-category-box ul li a:after {
     content: '\f105';
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     display: block;
     position: absolute;
     top: 50%;
     right: 0px;
     transform: translateY(-50%);
     color: var(--primary-color);
 }

 .faq-category-box ul li a:hover {
     color: var(--primary-color);
 }

 .faq-section {
     margin-bottom: 60px;
 }

 .faq-section:last-child {
     margin-bottom: 0;
 }

 .error-page {
     padding: 100px 0;
     background-color: var(--bg-primary-dark);
     background-image: url(../images/bg-seo-fast1.webp);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 .error-page-image {
     text-align: center;
     margin-bottom: 60px;
 }

 .error-page .error-page-content {
     text-align: center;
 }

 .error-page-content-heading {
     margin-bottom: 30px;
 }

 .error-page-content-heading h2 {
     font-size: 46px;
 }

 .error-page-content-heading h2 span {
     color: var(--primary-color);
 }

 .whatsapp-button {
     position: fixed;
     bottom: 20px;
     left: 20px;
     z-index: 999;

     & img {
         width: 80px;
     }
 }

 .popup-overlay {
     background-color: #00000057;
     backdrop-filter: blur(30px);
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
     z-index: 9999;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in 0s;
     -webkit-transition: all 0.3s ease-in 0s;
     -moz-transition: all 0.3s ease-in 0s;
     -ms-transition: all 0.3s ease-in 0s;
     -o-transition: all 0.3s ease-in 0s;
 }

 .popup {
     position: fixed;
     backdrop-filter: blur(10px);
     top: 50%;
     left: 50%;
     width: min(550px, 90%);
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     z-index: 9999;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-in 0.2s;
     -webkit-transition: all 0.3s ease-in 0.2s;
     -moz-transition: all 0.3s ease-in 0.2s;
     -ms-transition: all 0.3s ease-in 0.2s;
     -o-transition: all 0.3s ease-in 0.2s;
 }

 .show {
     opacity: 1;
     visibility: visible;
 }

 .model-close-btn {
     background-color: transparent;
     outline: none;
     border: none;
     position: absolute;
     color: var(--light-color);
     --move: 20px;
     top: var(--move);
     right: var(--move);

     & i {
         font-size: 25px;
         cursor: pointer;
         transition: transform 0.3s ease;
         -webkit-transition: transform 0.3s ease;
         -moz-transition: transform 0.3s ease;
         -ms-transition: transform 0.3s ease;
         -o-transition: transform 0.3s ease;

         &:hover {
             transform: rotate(90deg);
             -webkit-transform: rotate(90deg);
             -moz-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
         }
     }
 }

 .industries {
     padding-block: 100px;
 }

 .industries .how-work-item {
     background-image: none;
     text-align: center;
 }

 .our-package {
     padding-block: 100px;
     background-color: var(--bg-primary-dark);
     background-image: url(../images/bg-seo-fast1.webp);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 .our-package .how-work-item {
     background-image: none;
     text-align: center;
     box-shadow: none;
 }

 .our-package .how-work-content h3 {
     color: var(--light-color);
     font-size: 28px;
 }

 .our-package .how-work-item::before {
     border: none;
 }

 .image-comparison {
     background-image: var(--white-half-gradient);
 }

 .cd-image-container {
     position: relative;
     width: min(900px, 90%);
     margin-inline: auto;
 }

 .cd-resize-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     overflow: hidden;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .cd-resize-img img {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: auto;
     max-width: none;
 }

 .is-visible .cd-resize-img {
     width: 50%;
     -webkit-animation: cd-bounce-in 0.7s;
     -moz-animation: cd-bounce-in 0.7s;
     animation: cd-bounce-in 0.7s;
 }

 @-webkit-keyframes cd-bounce-in {
     0% {
         width: 0;
     }

     60% {
         width: 55%;
     }

     100% {
         width: 50%;
     }
 }

 @-moz-keyframes cd-bounce-in {
     0% {
         width: 0;
     }

     60% {
         width: 55%;
     }

     100% {
         width: 50%;
     }
 }

 @keyframes cd-bounce-in {
     0% {
         width: 0;
     }

     60% {
         width: 55%;
     }

     100% {
         width: 50%;
     }
 }

 .cd-handle {
     position: absolute;
     height: calc(100% - 10px);
     width: 3px;
     left: 50%;
     top: 0;
     background: var(--primary-color);
     cursor: col-resize;
     opacity: 0;
     -webkit-transform: translate3d(0, 0, 0) scale(0);
     -moz-transform: translate3d(0, 0, 0) scale(0);
     -ms-transform: translate3d(0, 0, 0) scale(0);
     -o-transform: translate3d(0, 0, 0) scale(0);
     transform: translate3d(0, 0, 0) scale(0);
 }

 .cd-handle.draggable {
     cursor: col-resize;
 }

 .is-visible .cd-handle {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     -moz-transform: translate3d(0, 0, 0) scale(1);
     -ms-transform: translate3d(0, 0, 0) scale(1);
     -o-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1);
     transition: transform 0.3s 0.7s ease, opacity 0s 0.7s;
     -webkit-transition: transform 0.3s 0.7s ease, opacity 0s 0.7s;
     -moz-transition: transform 0.3s 0.7s ease, opacity 0s 0.7s;
     -ms-transition: transform 0.3s 0.7s ease, opacity 0s 0.7s;
     -o-transition: transform 0.3s 0.7s ease, opacity 0s 0.7s;
 }

 @media only screen and (max-width: 1024px) {
     .main-menu ul li {
         margin-left: 0;
     }
 }

 @media only screen and (max-width: 991px) {
     .pricing-item.highlighted-box {
         scale: 1;
     }

     .company-feature-image {
         margin-block: -50px;
         width: 80%;
     }

     #magic-cursor {
         display: none !important;
     }

     .industries {
         padding-block: 60px;
     }

     .slicknav_nav li,
     .slicknav_nav ul {
         display: block;
     }

     .responsive-menu,
     .navbar-toggle {
         display: block;
     }

     .section-row {
         margin-bottom: 40px;
     }

     .section-btn {
         text-align: left;
         margin-top: 15px;
     }

     .section-title h1,
     .section-title h2 {
         font-size: 38px;
     }

     .section-title h2 {
         font-size: 34px;
     }

     .section-title-content {
         text-align: left;
         margin-left: 0;
         margin-top: 15px;
     }

     .hero {
         padding: 100px 0 60px;
     }

     .hero-content .section-title.hero-content-title h1 {
         font-size: 46px;
     }

     .about-us {
         padding: 50px 0;
     }

     .about-image {
         margin-bottom: 30px;
     }

     .about-content {
         padding-left: 0px;
     }

     .our-services {
         background-position: left -100px bottom -250px;
         padding: 50px 0 20px;
     }

     .service-item {
         padding: 20px;
     }

     .our-strategy {
         padding: 50px 0;
     }

     .strategy-image {
         justify-content: center;
         margin-bottom: 30px;
     }

     .our-strategy-box {
         padding-left: 0px;
     }

     .strategy-item {
         padding: 20px;
         margin-bottom: 20px;
     }

     .company-feature {
         padding: 50px 0;
     }

     .company-feature-content {
         margin-bottom: 10px;
     }

     .company-feature-item .icon-box {
         width: 60px;
         height: 60px;
     }

     .company-feature-item .icon-box img {
         width: 35px;
     }

     .feature-item-content {
         width: calc(100% - 75px);
     }

     .how-it-work {
         padding: 50px 0 20px;
     }

     .how-work-item {
         padding: 20px;
     }

     .how-work-content h3 {
         margin-bottom: 15px;
     }

     .our-pricing {
         padding: 50px 0 20px;
     }

     .pricing-item {
         padding: 30px 20px;
     }

     .pricing-header h2 {
         font-size: 38px;
         margin-bottom: 10px;
     }

     .pricing-header {
         padding-bottom: 30px;
         margin-bottom: 30px;
     }

     .our-project {
         padding: 50px 0 20px;
     }

     .project-body {
         padding: 15px;
     }

     .our-testimonial {
         padding: 50px 0;
     }

     .testimonial-item {
         padding: 20px;
     }

     .testimonial-header .author-image figure,
     .testimonial-header .author-image img {
         height: 65px;
         width: 65px;
     }

     .testimonial-btn {
         margin-top: 30px;
     }

     .our-blog {
         padding: 50px 0 20px;
     }

     .blog-item .post-item-content {
         padding: 25px;
     }

     .main-footer {
         padding: 50px 0 0;
     }

     .footer-logo {
         margin-bottom: 30px;
     }

     .about-footer {
         margin-bottom: 30px;
         padding-right: 0;
     }

     .footer-links h3 {
         margin-bottom: 20px;
     }

     .footer-copyright {
         margin-top: 60px;
         padding: 15px 0;
     }

     .page-header-box h1 {
         font-size: 46px;
     }

     .page-about {
         padding: 50px 0;
     }

     .about-us-image {
         width: 100%;
         max-width: 580px;
         margin: 0 auto;
         margin-bottom: 30px;
     }

     .about-us-content-body ul li {
         font-size: 16px;
     }

     .trusted-company {
         margin-top: 40px;
     }

     .trusted-companies-title {
         margin-bottom: 20px;
     }

     .why-choose-us {
         padding: 50px 0;
     }

     .why-choose-image {
         justify-content: center;
     }

     .faq-accordion.why-choose-accordion {
         margin-bottom: 30px;
     }

     .faq-accordion.why-choose-accordion .accordion-item .accordion-button span {
         font-size: 22px;
     }

     .why-choose-image {
         margin-left: 0;
     }

     .our-team {
         padding: 50px 0 20px;
     }

     .about-company-counter .company-counter-box {
         padding: 30px;
     }

     .company-counter-item .company-counter-content h3 {
         font-size: 32px;
     }

     .company-counter-item .company-counter-content p {
         font-size: 18px;
     }

     .our-faq {
         padding: 50px 0;
     }

     .faq-image {
         max-width: 650px;
         margin: 0 auto;
         margin-bottom: 30px;
     }

     .page-services {
         padding: 50px 0 20px;
     }

     .page-service-single {
         padding: 50px 0;
     }

     .service-sidebar {
         margin-bottom: 30px;
     }

     .service-list {
         padding: 20px;
     }

     .service-list h3 {
         margin-bottom: 20px;
     }

     .sidebar-cta-box {
         padding: 20px;
     }

     .sidebar-cta-box .icon-box {
         margin-bottom: 15px;
     }

     .sidebar-cta-box .icon-box img {
         width: 50px;
     }

     .sidebar-cta-box .cta-content h3 {
         margin-bottom: 15px;
     }

     .company-growth-content ul li {
         font-size: 16px;
     }

     .our-solution-faq {
         padding: 50px 0;
     }

     .page-blog {
         padding: 50px 0;
     }

     .page-single-post {
         padding: 50px 0;
     }

     .post-image {
         margin-bottom: 20px;
     }

     .post-entry blockquote {
         background: var(--primary-color) url('../images/icon-blockquote.svg') no-repeat 30px 36px;
         background-size: 45px;
         padding: 30px 30px 30px 90px;
         margin-bottom: 20px;
     }

     .post-entry blockquote p {
         font-size: 18px;
         color: var(--bg-dark);
     }

     .post-entry h2 {
         font-size: 36px;
     }

     .post-entry ul li {
         font-size: 16px;
     }

     .post-tag-links {
         padding: 0 0px;
     }

     .post-tags {
         margin-bottom: 10px;
     }

     .post-social-sharing ul {
         text-align: left;
     }

     .post-tags .tag-links a {
         padding: 8px 15px;
     }

     .page-project {
         padding: 50px 0;
     }

     .post-pagination {
         margin-top: 20px;
     }

     .page-project-single {
         padding: 50px 0;
     }

     .project-sidebar {
         margin-top: 30px;
     }

     .portfolio-info-box {
         padding: 20px;
     }

     .portfolio-info-item .icon-box img {
         width: 40px;
     }

     .portfolio-info-content {
         width: calc(100% - 55px);
     }

     .page-team {
         padding: 50px 0 20px;
     }

     .page-contact-us {
         padding: 50px 0;
     }

     .contact-us {
         padding: 50px 10px;
     }

     .contact-info .contact-info-box {
         margin-bottom: 30px;
     }

     .contact-info {
         margin-bottom: 30px;
     }

     .contact-form {
         padding: 20px;
     }

     .contact-info-box .contact-info-title {
         margin-bottom: 15px;
     }

     .contact-info-item {
         margin-bottom: 15px;
     }

     .google-map-iframe,
     .google-map-iframe iframe {
         height: 500px;
     }

     .page-faqs {
         padding: 50px 0;
     }

     .faq-sidebar {
         margin-bottom: 30px;
     }

     .faq-category-box {
         padding: 20px;
     }

     .faq-section {
         margin-bottom: 30px;
     }

     .error-page {
         padding: 50px 0;
     }

     .error-page-image {
         margin-bottom: 30px;
     }

     .error-page-content-heading {
         margin-bottom: 20px;
     }

     .error-page-content-heading h2 {
         font-size: 38px;
     }

     .pricing-new {
         background-image: none !important;
         padding: 40px 0px;
     }
 }

 @media only screen and (max-width: 767px) {
     .fixed-cta {
         bottom: 92px;
     }

     .fixed-cta .btn-icon {
         font-size: 14px;
         padding: 12px 16px;
     }

     .seo-audit {
         border: none;
     }

     .model-close-btn {
         --move: 10px;
     }

     .audit-info>div:nth-child(2) {
         border-inline: none;
         border-block: 2px dotted currentColor;
         padding-block: 20px;
     }

     td,
     th {
         min-width: 100%;
     }

     .why-choose-item {
         padding: 20px;
     }

     .our-package {
         padding-block: 60px;
     }

     .cta-button,
     .cb-cursor {
         display: none;
     }

     .how-it-works {
         padding-block: 60px;
     }

     .btn-default {
         font-size: 16px;
         padding: 15px 25px;
     }

     .section-title h1,
     .section-title h2 {
         font-size: 30px;
     }

     .section-title h2 {
         font-size: 26px;
     }

     .topbar-contact-info {
         text-align: center;
     }

     .topbar-contact-info ul li {
         margin-right: 0;
         padding-right: 10px;
     }

     .topbar-social-links {
         display: none;
     }

     .hero-content .section-title.hero-content-title h1 {
         font-size: 36px;
     }

     .hero-content-footer {
         display: block;
     }

     .wide-client {
         margin-left: 0px;
         margin-top: 15px;
     }

     .company-sales {
         transform: translateY(0%);
         padding: 10px 15px 10px 10px;
     }

     .company-sales .icon-box img {
         width: 40px;
     }

     .company-sales-content {
         width: calc(100% - 55px);
     }

     .company-visit {
         top: 50%;
         transform: translateY(-50%);
         padding: 10px 15px 10px 10px;
     }

     .company-visit .icon-box img {
         width: 40px;
     }

     .company-visit-content {
         width: calc(100% - 55px);
     }

     .about-image {
         padding-bottom: 30px;
     }

     .company-experience {
         top: auto;
         bottom: 0%;
         right: 0;
         transform: translateY(0%);
         padding: 10px 15px 10px 10px;
     }

     .company-experience .icon-box img {
         width: 40px;
     }

     .company-experience-content {
         width: calc(100% - 55px);
     }

     .about-content-body ul {
         display: block;
     }

     .about-content-body ul li {
         width: 100%;
         font-size: 16px;
         margin-bottom: 15px;
     }

     .about-content-body ul li:last-child {
         margin-bottom: 0;
     }

     .about-content-body ul li:before {
         font-size: 18px;
     }

     .service-body h3 {
         font-size: 18px;
         margin-bottom: 10px;
     }

     .strategy-image::before {
         left: 50%;
         transform: translateX(-50%);
         background-size: contain;
         width: 150px;
         height: 200px;
         z-index: -1;
     }

     .strategy-img-1 {
         margin-right: 20px;
     }

     .strategy-img-2 {
         padding-top: 60px;
     }

     .strategy-item .icon-box {
         width: 60px;
         height: 60px;
         margin-right: 10px;
     }

     .strategy-item .icon-box img {
         width: 30px;
     }

     .strategy-progress-bar {
         width: calc(100% - 70px);
     }

     .skillbar .skill-data {
         margin-bottom: 5px;
     }

     .skillbar .skill-data .skill-title {
         font-size: 18px;
     }

     .feature-item-content h3 {
         font-size: 18px;
     }

     .how-work-content h3 {
         font-size: 18px;
         margin-bottom: 10px;
     }

     .pricing-header {
         padding-bottom: 20px;
         margin-bottom: 20px;
     }

     .pricing-header h2 {
         font-size: 28px;
     }

     .pricing-body ul li {
         font-size: 16px;
     }

     .our-projects-nav ul li {
         margin-right: 10px;
     }

     .our-projects-nav ul li a {
         padding: 8px 15px;
     }

     .project-content h3 {
         font-size: 18px;
     }

     .testimonial-footer .author-content h3 {
         font-size: 18px;
     }

     .post-item-body h2 {
         font-size: 18px;
         margin-bottom: 15px;
     }

     .post-item-body p {
         margin-bottom: 15px;
     }

     .footer-info-box .icon-box i {
         font-size: 18px;
     }

     .footer-links {
         margin-bottom: 30px;
     }

     .main-footer .col-12:last-child .footer-links {
         margin-bottom: 0;
     }

     .footer-links ul li {
         margin-bottom: 10px;
     }

     .footer-copyright {
         margin-top: 30px;
     }

     .footer-copyright-text {
         text-align: center;
         margin-bottom: 15px;
     }

     .footer-copyright .footer-social-links ul {
         text-align: center;
     }

     .page-header {
         padding-block: 100px 75px;
     }

     .page-header-box h1 {
         font-size: 36px;
     }

     .about-img-1 {
         width: 250px;
     }

     .about-img-2 img {
         width: 175px;
     }

     .experience-counter-item {
         padding: 10px 15px 10px 10px;
         width: 240px;
         top: 0;
     }

     .experience-counter-item .icon-box img {
         width: 40px;
     }

     .about-us-content-body ul li {
         width: 100%;
     }

     .trusted-companies-title h3 {
         font-size: 16px;
     }

     .why-choose-image::before {
         left: 50%;
         transform: translateX(-50%);
         background-size: contain;
         width: 150px;
         height: 200px;
     }

     .faq-accordion.why-choose-accordion .accordion-header .icon-box {
         top: 0;
     }

     .faq-accordion.why-choose-accordion .accordion-item .accordion-button span {
         font-size: 18px;
     }

     .faq-accordion.why-choose-accordion .accordion-item .accordion-button {
         font-size: 18px;
     }

     .why-choose-img-1 {
         margin-right: 20px;
     }

     .why-choose-img-2 {
         padding-top: 60px;
     }

     .team-content h3 {
         font-size: 18px;
     }

     .about-company-counter .company-counter-box {
         padding: 30px 30px 0;
     }

     .company-counter-item {
         margin-bottom: 30px;
         height: calc(100% - 30px);
     }

     .company-counter-item {
         margin-bottom: 30px;
         height: calc(100% - 30px);
     }

     .company-counter-item .company-counter-content h3 {
         font-size: 24px;
     }

     .company-counter-item .company-counter-content p {
         font-size: 16px;
     }

     .faq-img-1 {
         width: 250px;
     }

     .faq-img-2 img {
         width: 175px;
         border-width: 6px;
     }

     .faq-accordion .accordion-item .accordion-button {
         font-size: 18px;
     }

     .faq-accordion .accordion-item .accordion-button::after,
     .faq-accordion .accordion-item .accordion-button.collapsed::after {
         font-size: 18px;
     }

     .service-list h3 {
         font-size: 18px;
     }

     .sidebar-cta-box .cta-content h3 {
         font-size: 18px;
     }

     .service-entry h3 {
         font-size: 18px;
     }

     .company-growth-content h3 {
         font-size: 18px;
     }

     .company-growth-img {
         margin-bottom: 30px;
     }

     .post-entry blockquote {
         background: var(--primary-color) url('../images/icon-blockquote.svg') no-repeat 20px 20px;
         background-size: 35px;
         padding: 55px 20px 20px 20px;
     }

     .post-entry h2 {
         font-size: 30px;
         color: var(--bg-dark);
     }

     .tag-links {
         font-size: 18px;
     }

     .project-single-content .project-section-title h3 {
         font-size: 18px;
     }

     .project-values-content ul {
         gap: 10px;
     }

     .project-values-content ul li {
         width: 100%;
         padding-left: 25px;
     }

     .project-values-content ul li:before {
         height: 14px;
         width: 14px;
         top: 6px;
     }

     .project-about-image .project-about-img-1 {
         margin-bottom: 20px;
     }

     .portfolio-info-box-title h3 {
         font-size: 18px;
     }

     .contact-info-box .contact-info-title h2 {
         font-size: 18px;
     }

     .contact-form .form-control {
         padding: 12px 15px;
     }

     .google-map-iframe,
     .google-map-iframe iframe {
         height: 350px;
     }

     .error-page-content-heading h2 {
         font-size: 30px;
     }

     .-b-75 {
         bottom: auto !important;
     }

     .pricing-new {
         background-image: none !important;
         padding: 40px 0px;
     }
 }

 .bg-theme {
     padding: 100px 0 70px;
     background-color: var(--bg-dark) !important;
 }

 .bg-white {
     background-color: var(--light-color) !important;
 }

 .text-dark {
     color: var(--bg-dark) !important;
 }

 .bg-gradient {
     background-color: transparent;
     background-image: linear-gradient(180deg, #ff74172d 0%, #F6F4F1 57%) !important;
     padding: 100px 0;
     border-radius: 25px;
 }

 .text-white {
     color: var(--light-color) !important;
 }

 .pricing-new {
     background-color: var(--bg-dark) !important;
     background-image: url("../images/rocket-bg-img1.png");
     --background-overlay: '';
     background-position: 49% 340px;
     background-repeat: no-repeat;
     padding: 100px 0px;
 }

 .new-pricing-item {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.02);
     margin: 0px 0px 0px 0px;
     padding: 31px 32px 26px 32px;
     border-style: solid;
     border-width: 1px 3px 3px 1px;
     border-color: #FFFFFF36;
     border-radius: 20px 20px 20px 20px;
 }

 .new-pricing-item::before {
     background: rgb(255 255 255 / 14%);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 .cloud-shape {
     transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .cloud-shape svg {
     display: block;
     left: 50%;
     position: relative;
     transform: translateX(-50%);
     width: calc(100% + 1.3px);
 }

 svg {
     fill: #FFF3E2;
 }

 .pricing-new .how-work-item {
     backdrop-filter: blur(12px);
 }

 .p-40 {
     padding: 40px !important;
 }

 .dark-faq-accordion::after,
 .dark-faq-accordion.collapsed::after {
     color: var(--light-color) !important;
 }

 .-b-75 {
     bottom: -75px;
 }

 .bg-gray {
     background-color: var(--bg-gray) !important;
 }

 .h-30 {
     height: 318px;
 }

 .service-item {
     transition: var(--primary-color) 0.25s;

     &::before,
     &::after {
         border: 2px solid transparent;
         width: 0;
         height: 0;
     }

     &::before {
         top: 0;
         left: 0;
     }

     &::after {
         bottom: 0;
         right: 0;
     }

     &:hover::before,
     &:hover::after {
         width: 100%;
         height: 100%;
     }

     &:hover::before {
         border-top-color: var(--primary-color);
         border-right-color: var(--primary-color);
         transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
     }

     &:hover::after {
         border-bottom-color: var(--primary-color);
         border-left-color: var(--primary-color);
         transition: width 0.25s ease-out, height 0.25s ease-out;
     }
 }

 span.text-red {
     color: rgb(220, 53, 69);
 }

 span.text-green {
     color: rgb(25, 135, 84);
 }