:root {
     --primary-color: #111828;
     --secondary-color: rgba(65, 67, 68, 0.5);
     --text-color: #3D3B39;
     --accent-color: #B2F51F;
     --white-color: #FFFFFF;
     --divider-color: #BDC3C5;
     --error-color: rgb(230, 87, 87);
     --accent-font: 'Urbanist', sans-serif;
     --default-font: 'Outfit', sans-serif;
 }

 .purple-border {
     border: 2px solid #8439e6;
 }

 .nav-btn {
     display: inline-block;
     padding: 12px 28px;
     background-color: #8439e6;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 50px;
     text-decoration: none;
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
     transition: transform 0.3s ease;
 }

 .pulse-btn {
     display: inline-block;
     padding: 12px 28px;
     background-color: #8439e6;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 50px;
     text-decoration: none;
     box-shadow: 0 0 0 0 rgba(132, 57, 230, 0.7);
     transition: transform 0.3s ease;
     animation: pulse 2s infinite;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(207, 57, 230, 0.7);
         transform: scale(1);
     }

     50% {
         box-shadow: 0 0 0 10px rgba(230, 57, 70, 0);
         transform: scale(1.05);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
         transform: scale(1);
     }
 }

 .hero-section {
     background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
     color: white;
     padding: 60px 0;
 }

 .article-meta {
     color: #6c757d;
     font-size: 0.9rem;
     margin-bottom: 30px;
 }

 .article-content {
     font-size: 1.1rem;
     line-height: 1.8;
 }

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

 .INGQIx7weO {
     background: #f8f9fa;
     border-left: 4px solid #007bff;
     padding: 20px;
     margin: 30px 0;
 }

 .image-placeholder {
     background: #e9ecef;
     border: 2px dashed #dee2e6;
     padding: 60px 20px;
     text-align: center;
     color: #6c757d;
     margin: 30px 0;
     border-radius: 8px;
 }

 .related-links {
     background: #f8f9fa;
     padding: 30px;
     border-radius: 8px;
     margin-top: 40px;
 }

 .byline {
     color: #007bff;
     font-weight: 600;
 }

 .article-header {
     border-bottom: 3px solid #007bff;
     padding-bottom: 20px;
     margin-bottom: 30px;
 }

 .quote-box {
     background: #fff;
     border-left: 5px solid #28a745;
     padding: 25px;
     margin: 30px 0;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     font-style: italic;
     font-size: 1.15rem;
 }

 .section-divider {
     border: 0;
     height: 2px;
     background: linear-gradient(to right, transparent, #007bff, transparent);
     margin: 40px 0;
 }

 .qzfW9vPEzy {
     background: linear-gradient(135deg, #8439e6 0%, #c50fe5 100%);
     position: relative;
     overflow: hidden;
 }

 .qzfW9vPEzy::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
     opacity: 0.3;
 }

 .maple-leaf {
     color: rgba(255, 255, 255, 0.738);
     font-size: 3rem;
     position: absolute;
     animation: float 6s ease-in-out infinite;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-20px);
     }
 }

 .JWuPkV2Ce6:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .qR31lEi7Z1 {
     background: linear-gradient(45deg, #350a49, #680e60);
     border: none;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     transition: all 0.3s ease;
 }

 .bg-purple {
     background: linear-gradient(45deg, #350a49, #680e60);
 }

 .qR31lEi7Z1:hover {
     background: linear-gradient(45deg, #aa2eb5, #c014ac);
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
 }

 .trust-indicators {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
     border-radius: 15px;
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .UHvOCDkS8d {
     background: linear-gradient(45deg, #350a49, #680e60);
     padding: 60px 0;
     min-height: 100vh;
     display: flex;
     align-items: center;
 }

 .aRzncvccZ6 {
     background: white;
     border-radius: 15px;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
     overflow: hidden;
 }

 .form-header {
     background: #8439e6;
     color: white;
     padding: 40px;
     text-align: center;
 }

 .form-header h2 {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 15px;
 }

 .form-header p {
     font-size: 1.1rem;
     opacity: 0.9;
     margin-bottom: 0;
 }

 .form-body {
     padding: 40px;
 }

 .form-label {
     font-weight: 600;
     color: #495057;
     margin-bottom: 8px;
 }

 .JWuPkV2Ce6 {
     border-radius: 10px;
     border: 2px solid #e9ecef;
     padding: 12px 16px;
     font-size: 1rem;
     transition: all 0.3s ease;
 }

 .JWuPkV2Ce6:focus {
     border-color: var(--primary-color);
     box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
 }

 .plan-card {
     border: 2px solid #e9ecef;
     border-radius: 12px;
     padding: 20px;
     margin-bottom: 15px;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
 }

 .plan-card:hover {
     border-color: var(--primary-color);
     background-color: #f8f9ff;
 }

 .plan-card input[type="radio"] {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .plan-card input[type="radio"]:checked+.plan-content {
     color: var(--primary-color);
 }

 .plan-card input[type="radio"]:checked~.checkmark {
     background-color: var(--primary-color);
     border-color: var(--primary-color);
 }

 .plan-card input[type="radio"]:checked~.checkmark:after {
     display: block;
 }

 .checkmark {
     position: absolute;
     top: 20px;
     right: 20px;
     height: 24px;
     width: 24px;
     background-color: #fff;
     border: 2px solid #ddd;
     border-radius: 50%;
     transition: all 0.3s ease;
 }

 .checkmark:after {
     content: "✓";
     position: absolute;
     display: none;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     color: white;
     font-size: 12px;
     font-weight: bold;
 }

 .plan-name {
     font-size: 1.25rem;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .plan-price {
     font-size: 1.5rem;
     font-weight: 600;
     color: var(--success-color);
     margin-bottom: 8px;
 }

 .plan-description {
     color: #6c757d;
     font-size: 0.9rem;
     line-height: 1.4;
 }

 .btn-subscribe {
     background: linear-gradient(135deg, #0d6efd, #6610f2);
     border: none;
     border-radius: 10px;
     padding: 15px 30px;
     font-size: 1.1rem;
     font-weight: 600;
     color: white;
     width: 100%;
     transition: all 0.3s ease;
 }

 .btn-subscribe:hover {
     background: linear-gradient(135deg, #0b5ed7, #5a0fc8);
     transform: translateY(-2px);
     box-shadow: 0 4px 15px rgba(13, 110, 253, 0.4);
 }

 .security-info {
     background-color: #f8f9fa;
     border-radius: 10px;
     padding: 20px;
     margin-top: 30px;
     text-align: center;
 }

 .security-info .row {
     align-items: center;
 }

 .security-badge {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     color: #6c757d;
     font-size: 0.9rem;
     margin-bottom: 10px;
 }

 .security-badge i {
     color: var(--success-color);
 }

 @media (max-width: 768px) {
     .form-header {
         padding: 30px 20px;
     }

     .form-header h2 {
         font-size: 2rem;
     }

     .form-body {
         padding: 30px 20px;
     }

     .plan-card {
         padding: 15px;
         margin-bottom: 10px;
     }

     .checkmark {
         top: 15px;
         right: 15px;
     }
 }

 .cSeYdFTguv {
     color: #000;
 }

 .pricing-card {
     border: none;
     border-radius: 20px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
     background: white;
 }


 .pricing-card.featured {
     border: 3px solid var(--accent-color);
     transform: scale(1.05);
 }

 .pricing-card.featured::before {
     content: 'MOST POPULAR';
     position: absolute;
     top: 20px;
     right: -30px;
     background: var(--accent-color);
     color: white;
     padding: 5px 40px;
     font-size: 12px;
     font-weight: bold;
     transform: rotate(45deg);
     z-index: 10;
 }

 .price-tag {
     font-size: 3rem;
     font-weight: 700;
     color: var(--primary-color);
     line-height: 1;
 }

 .price-period {
     color: #718096;
     font-size: 1rem;
 }

 .feature-list {
     list-style: none;
     padding: 0;
 }

 .feature-list li {
     padding: 12px 0;
     border-bottom: 1px solid #e2e8f0;
     position: relative;
     padding-left: 30px;
 }

 .feature-list li:last-child {
     border-bottom: none;
 }

 .feature-list li i {
     position: absolute;
     left: 0;
     top: 15px;
     color: var(--success-color);
 }

 .btn-subscribe {
     background: var(--gradient-bg);
     border: none;
     border-radius: 50px;
     padding: 15px 40px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .btn-subscribe:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 }

 .btn-subscribe::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: left 0.5s;
 }

 .btn-subscribe:hover::before {
     left: 100%;
 }

 .benefits-section {
     background: #f8fafc;
     padding: 100px 0;
 }

 .benefit-icon {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     background: var(--gradient-bg);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 30px;
     font-size: 2rem;
     color: white;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .testimonial-card {
     background: white;
     border-radius: 15px;
     padding: 40px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     margin: 20px 0;
     position: relative;
 }

 .testimonial-card::before {
     content: '"';
     position: absolute;
     top: -10px;
     left: 30px;
     font-size: 4rem;
     color: var(--accent-color);
     font-family: serif;
 }

 .comparison-table {
     background: white;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 }

 .table-header {
     background: var(--gradient-bg);
     color: white;
     padding: 30px;
     text-align: center;
 }

 .faq-item {
     border: 1px solid #e2e8f0;
     border-radius: 10px;
     margin-bottom: 15px;
     overflow: hidden;
 }

 .faq-header {
     background: #f8fafc;
     padding: 20px;
     cursor: pointer;
     border: none;
     width: 100%;
     text-align: left;
     font-weight: 600;
 }

 .faq-content {
     padding: 20px;
     background: white;
 }

 .floating-elements {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
     pointer-events: none;
 }

 .floating-elements::before,
 .floating-elements::after {
     content: '';
     position: absolute;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.1);
     animation: float 6s ease-in-out infinite;
 }

 .floating-elements::before {
     width: 100px;
     height: 100px;
     top: 20%;
     left: 10%;
     animation-delay: 0s;
 }

 .floating-elements::after {
     width: 60px;
     height: 60px;
     top: 60%;
     right: 15%;
     animation-delay: 3s;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-20px);
     }
 }

 .lS5J5wvRXX {
     position: relative;
     display: inline-block;
     margin-bottom: 50px;
 }

 .lS5J5wvRXX::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: var(--gradient-bg);
     border-radius: 2px;
 }

 @media (max-width: 768px) {
     .pricing-card.featured {
         transform: none;
         margin-bottom: 30px;
     }

     .hero-section {
         padding: 60px 0;
     }

     .price-tag {
         font-size: 2.5rem;
     }
 }

 .nav-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 30px;
     position: relative;
 }

 .rainbow-text {
     display: inline-block;
     font-weight: bold;
     background: linear-gradient(270deg, #ff6ec4, #7873f5, #4adede, #ff6ec4);
     background-size: 800% 800%;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: flowColors 8s ease infinite;
 }

 @keyframes flowColors {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 .news-img {
     height: 200px;
     object-fit: cover;
 }

 /* Для великих карток (опціонально) */
 .news-img-large {
     height: 300px;
     object-fit: cover;
 }

 .logo a {
     font-size: 22px;
     font-weight: bold;
     color: #000;
     text-decoration: none;
 }

 .menu {
     display: flex;
 }

 .menu ul {
     list-style: none;
     display: flex;
     gap: 20px;
     padding: 0;
     margin: 0;
 }

 .menu ul li a {
     text-decoration: none;
     color: #000;
     font-size: 18px;
 }

 .burger {
     display: none;
     cursor: pointer;
     font-size: 30px;
 }

 #menu-toggle {
     display: none;
 }

 @media (max-width: 768px) {
     .menu {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #fff !important;
         flex-direction: column;
         padding: 10px;
         z-index: 4444;
     }

     .menu ul {
         flex-direction: column;
         gap: 10px;
     }

     .burger {
         display: block;
     }

     #menu-toggle:checked+.menu {
         display: flex;
     }
 }

 /************************************/
 /*** 	   02. General css		  ***/
 /************************************/
 .Nnp7WIYaYB {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background: #f9f9f9;
     color: #333;
     padding: 12px 16px;
     font-size: 14px;
     text-align: center;
     border-top: 1px solid #ddd;
     transition: transform 0.3s ease-in-out;
     z-index: 1000;
 }

 .Nnp7WIYaYB a {
     color: #555;
     text-decoration: underline;
     font-weight: 500;
 }

 .Nnp7WIYaYB .close-btn {
     display: inline-block;
     margin-left: 16px;
     padding: 6px 12px;
     background: #e0e0e0;
     color: #333;
     border: none;
     border-radius: 4px;
     font-size: 13px;
     cursor: pointer;
     transition: background 0.2s;
 }

 .Nnp7WIYaYB .close-btn:hover {
     background: #d5d5d5;
 }

 /* Hide the cookie banner if checkbox is checked */
 .cookie-checkbox:checked+.Nnp7WIYaYB {
     display: none;
 }

 body {
     font-size: 18px;
     font-weight: 400;
     background: var(--white-color);
     font-family: var(--default-font);
     color: var(--text-color);
     line-height: 1.2em;
 }

 p {
     line-height: 1.7em;
     margin-bottom: 0;
 }

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

 figure {
     margin: 0;
 }

 img {
     max-width: 100%;
 }

 .cookies-eu-banner {
     background: #444;
     color: #fff;
     padding: 6px;
     font-size: 13px;
     text-align: center;
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 10;

 }

 .cookies-eu-banner button {
     text-decoration: none;
     background: #222;
     color: #fff;
     border: 1px solid #000;
     cursor: pointer;
     padding: 4px 7px;
     margin: 2px 0;
     font-size: 13px;
     font-weight: 700;
     transition: background 0.07s, color 0.07s, border-color 0.07s;

 }

 .cookies-eu-banner button:hover {
     background: #fff;
     color: #222;
 }

 .hidden {
     display: none;
 }

 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;
 }

 .container {
     max-width: 1300px;
 }

 .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: rgba(255, 255, 255, .3);
     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;
 }

 .btn-default {
     display: inline-block;
     background-color: var(--accent-color);
     color: var(--primary-color);
     font-family: var(--default-font);
     text-transform: uppercase;
     line-height: 1.3em;
     letter-spacing: 0.1em;
     font-size: 16px;
     font-weight: 600;
     padding: 14px 30px;
     position: relative;
     overflow: hidden;
     z-index: 0;
     border: none;
     outline: 0;
     box-shadow: none;
     transition: all 0.4s ease-in-out;
 }

 .btn-default:before {
     content: '';
     position: absolute;
     width: 0;
     height: 104%;
     top: 50%;
     left: 50%;
     background: var(--white-color);
     opacity: 0;
     z-index: -1;
     transform: translateX(-51%) translateY(-51%);
     transition: all 0.4s ease-in-out;
     border-radius: 5px;
 }

 .btn-default:hover::before {
     width: 106%;
     opacity: 1;
 }

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

 #ball {
     position: fixed;
     display: block;
     left: 0;
     top: 0;
     transform: translate(-50%, -50%);
     background: var(--accent-color);
     width: 14px !important;
     height: 14px !important;
     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(--primary-color);
     display: flex;
     align-items: center;
     justify-content: center;
 }

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

 .loading-container {
     margin: 40px auto
 }

 .loading {
     border: 1px solid transparent;
     border-color: transparent var(--accent-color) transparent var(--accent-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: 50px;
     transform: translate(-50%, -50%);
 }

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

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

 /************************************/
 /*** 	 03. main Header css      ***/
 /************************************/

 .main-header {
     position: relative;
     z-index: 100;
 }

 header.main-header .header-sticky {
     position: relative;
     top: 0;
     z-index: 100;
 }

 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);
     border-bottom: 1px solid var(--divider-color);
     backdrop-filter: blur(30px);
 }

 .navbar>.container-fluid {
     justify-content: space-between;
     padding: 0;
 }

 .navbar {
     background-color: var(--accent-color);
     padding: 0;
 }

 .header-logo {
     width: 50%;
     background-color: var(--white-color);
     padding: 15px 0px 15px 40px;
     border-left: 10px solid var(--accent-color);
 }

 .main-menu {
     width: 50%;
     font-family: var(--default-font);
     display: flex;
     justify-content: center;
     background-color: var(--accent-color);
 }

 .main-menu ul {
     justify-content: center;
     align-items: center;
     background-color: var(--accent-color);
 }

 .main-menu ul li {
     margin: 0 7px;
     position: relative;
     padding: 38px 0;
 }

 .navbar .main-menu ul li.submenu a {
     padding-right: 20px !important;
 }

 .main-menu ul li.submenu>a:after {
     content: '\f107';
     display: inline-flex;
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
     font-size: 14px;
     line-height: 1;
     align-items: center;
     margin-left: 10px;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -6px;
 }

 .main-menu ul li a {
     font-size: 16px;
     font-weight: 400;
     color: var(--primary-color);
     padding: 0;
     text-transform: uppercase;
     transition: all 0.3s ease-in-out;
 }

 .main-menu ul li a:hover {
     color: var(--white-color);
 }

 .navbar .main-menu ul ul {
     padding: 0;
     margin: 0;
     list-style: none;
     width: 220px;
     position: absolute;
     left: 0;
     top: 100%;
     background-color: var(--accent-color);
     z-index: 1;
     transform: scaleY(0.8);
     transform-origin: top;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease-out;
 }

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

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

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

 .main-menu ul ul li a {
     padding: 12px 20px !important;
     transition: all 0.3s ease-in-out;
 }

 .main-menu ul li:hover>ul {
     display: block;
 }

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

 .responsive-menu {
     margin-top: 0px;
 }

 .slicknav_btn {
     background: var(--primary-color);
     width: 36px;
     height: 36px;
     margin: 0;
     padding: 5px;
     border-radius: 0;
     margin: 19px;
 }

 .slicknav_icon .slicknav_icon-bar {
     display: block;
     width: 100%;
     height: 3px;
     width: 22px;
     background-color: var(--white-color);
     margin: 4px auto !important;
 }

 .slicknav_menu {
     padding: 0;
     background: var(--accent-color);
     position: absolute;
     width: 100%;
     z-index: 1;
 }

 .slicknav_nav ul {
     margin: 0;
 }

 .slicknav_nav li a {
     font-size: 16px;
     font-weight: 400;
     padding: 10px 20px;
     margin: 0;
     text-transform: uppercase;
     color: var(--primary-color);
     transition: all 0.3s ease-in-out;
 }

 .slicknav_nav li a:hover {
     background-color: transparent;
     color: var(--white-color);
     border-radius: 0;
     margin: 0;
 }

 .slicknav_nav .nav-item.submenu ul li a {
     font-size: 16px;
     font-weight: 400;
     font-family: var(--accent-font);
     padding: 10px 30px;
     margin: 0;
     color: var(--primary-color);
 }

 .slicknav_nav .nav-item li a:hover {
     background-color: transparent;
     color: var(--white-color);
 }

 .slicknav_nav .slicknav_row {
     padding: 10px 20px;
     margin: 0;
     background-color: transparent !important;
 }

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

 .slicknav_nav .slicknav_row,
 .slicknav_nav li a {
     position: relative;
 }

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

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

 .navbar-toggle a.slicknav_btn .slicknav_icon span.slicknav_icon-bar {
     transition: 0.1s;
     border-radius: 2px;
 }

 .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);
 }

 /************************************/
 /***** 	    04. hero css		 ****/
 /************************************/

 .hero {
     background-image: url(../img/ryppM6M4m6.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     z-index: 1;
     padding: 50px 0 50px;
     position: relative;
 }

 .hero::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background-color: var(--primary-color);
     opacity: 0.8;
 }

 .hero .hero-content {
     text-align: center;
     margin: 0 auto;
     position: relative;
 }

 .hero-content-title {
     margin-bottom: 20px;
 }

 .hero-content-title h2 {
     font-size: 70px;
     margin: 0;
     font-weight: 700;
     color: var(--white-color);
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .hero-content-title h2 span {
     color: var(--accent-color);
 }

 .hero-content-body {
     margin: 0 auto;
     color: var(--white-color);
     margin-bottom: 20px;
 }

 .hero-content-footer .btn-default.btn-accent {
     background-color: var(--white-color);
     color: var(--primary-color);
     margin: 0;
 }

 .hero-content-footer .btn-default.btn-accent:before {
     background: var(--accent-color);
 }

 .hero-content-footer .btn-default {
     margin-right: 30px;
 }

 /************************************/
 /***** 	   05. About Us css	     ****/
 /************************************/

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

 .about-us .lS5J5wvRXX {
     text-align: left;
 }

 .lS5J5wvRXX {
     position: relative;
     z-index: 1;
     text-align: center;
     margin-bottom: 50px;
 }

 .lS5J5wvRXX h3 {
     background-color: var(--accent-color);
     border-radius: 24px;
     display: inline-block;
     font-family: var(--default-font);
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     padding: 10px 20px;
     margin-bottom: 25px;
 }

 .lS5J5wvRXX h2 {
     font-size: 50px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .lS5J5wvRXX p {
     margin-top: 20px;
 }

 .about-counter {
     width: 100%;
     max-width: 205px;
 }

 .about-counter h2 {
     font-size: 40px;
     font-weight: 600;
     margin-bottom: 12px;
 }

 .about-counter p {
     font-weight: 500;
     text-transform: uppercase;
 }

 .section-footer-btn {
     position: relative;
     z-index: 1;
     margin-top: 50px;
 }

 .section-footer-btn a {
     display: inline-block;
     position: relative;
     font-size: 16px;
     font-weight: 600;
     color: var(--primary-color);
     line-height: 1.6em;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     padding-right: 50px;
     transition: all 0.3s ease-in-out;
 }

 .section-footer-btn a:hover {
     color: var(--accent-color);
 }

 .section-footer-btn a i {
     position: absolute;
     top: -4px;
     right: 0;
     background-color: var(--accent-color);
     font-size: 14px;
     width: 30px;
     height: 30px;
     border-radius: 100%;
     text-align: center;
     transform: rotate(35deg);
     padding: 8px;
     transition: all 0.4s ease-in-out;
 }

 .section-footer-btn a:hover i {
     transform: rotate(90deg);
     color: var(--primary-color);
 }

 .about-image {
     position: relative;
 }

 .about-img {
     position: relative;
     text-align: end;
 }

 .about-image-counter {
     content: '';
     display: block;
     position: absolute;
     top: 5%;
     left: -3%;
 }

 .about-counter-image {
     position: relative;
 }

 .about-image-counter-box {
     content: '';
     position: absolute;
     top: 20%;
     right: 0;
     left: 0;
     text-align: center;
 }

 .about-image-counter-box h3 {
     font-size: 70px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .about-image-counter-box p {
     text-transform: uppercase;
 }

 /************************************/
 /***     06. our process css      ***/
 /************************************/

 .process-section {
     position: relative;
     padding: 80px 60px;
     background-image: url(../images/our-process-bg.png);
     background-repeat: no-repeat;
     background-position: center right;
     z-index: 1;
 }

 .process-section::before {
     content: '';
     position: absolute;
     background-color: rgba(189, 195, 197, 0.3);
     border-radius: 30px;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .our-process .lS5J5wvRXX p {
     max-width: 530px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .our-process-item {
     position: relative;
     z-index: 1;
     text-align: left;
     height: 100%;
 }

 .our-process-item .icon-box {
     margin-bottom: 30px;
 }

 .our-process-content {
     padding-bottom: 60px;
 }

 .our-process-content h3 {
     width: 100%;
     max-width: 285px;
     font-size: 26px;
     margin-bottom: 25px;
     text-transform: uppercase;
 }

 .our-process-body {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
 }

 .our-process-body h2 {
     font-family: var(--default-font);
     font-size: 18px;
     font-weight: 500;
     background-color: var(--primary-color);
     color: var(--white-color);
     padding: 5px;
     border-radius: 100%;
     display: inline-block;
     text-align: center;
     width: 30px;
     height: 30px;
 }

 /************************************/
 /***    07. our service css       ***/
 /************************************/

 .our-services {
     padding: 100px 0 50px;
 }

 .our-services .lS5J5wvRXX {
     text-align: left;
 }

 .our-services .col-lg-6:nth-child(2n + 2) {
     padding-bottom: 80px;
 }

 .our-services-list ul {
     padding: 0;
     margin: 0;
     display: flex;
     flex-wrap: wrap;
     list-style: none;
 }

 .our-services-list ul li {
     width: 48%;
     margin-right: 2%;
     position: relative;
     padding-left: 30px;
     margin-bottom: 20px;
     color: var(--text-color);
     text-transform: uppercase;
 }

 .our-services-list ul li:before {
     content: '\f058';
     font-family: "Font Awesome 6 Free";
     color: var(--accent-color);
     font-size: 18px;
     font-weight: 700;
     position: absolute;
     top: 0;
     left: 0;
 }

 .our-services-content .section-footer-btn {
     margin-top: 30px;
 }

 .our-services-image {
     position: relative;
     text-align: end;
 }

 .our-services-image::before {
     content: '';
     position: absolute;

     background-repeat: no-repeat;
     background-position: center left;
     width: 150px;
     height: 150px;
     left: -7%;
     bottom: -6%;
     animation: rotate 20s infinite linear;
 }

 @keyframes rotate {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 .our-services-image::after {
     content: '';
     position: absolute;

     background-repeat: no-repeat;
     background-position: center left;
     width: 388px;
     height: 260px;
     right: 0;
     bottom: -80px;
     animation: moveobjects 2s infinite linear alternate;
 }

 @keyframes moveobjects {
     50% {
         right: 10%;
     }
 }

 .happy-clients {
     position: absolute;
     top: 25%;
     left: -5%;
     animation: moveobject 2s infinite linear alternate;
 }

 @keyframes moveobject {
     50% {
         left: 3%;
     }
 }

 .service-explore {
     padding: 50px 0 100px;
 }

 .service-explore .service-item {
     width: 100%;
     max-width: 300px;
     text-align: left;
 }

 .service-item-content h2 {
     font-size: 40px;
     font-weight: 600;
     border-bottom: 2px solid var(--divider-color);
     padding-bottom: 20px;
     margin-bottom: 20px;
 }

 .service-item-content h3 {
     font-size: 28px;
     font-weight: 500;
     text-transform: uppercase;
 }

 /************************************/
 /*****     08. our faqs css      ****/
 /************************************/

 .our-faqs {
     background-color: var(--secondary-color);
     padding: 100px 0;
 }

 .our-faqs .lS5J5wvRXX p {
     width: 680px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .accordion-default .accordion-item {
     border: none;
     margin-bottom: 20px;
     border-radius: 0;
     background-color: transparent;
 }

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

 .accordion-default .accordion-item h2 {
     border-left: 2px solid var(--primary-color);
     border-top: 0;
     border-right: 0;
     border-bottom: 0;
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
     padding: 5px 0px 5px 15px;
     cursor: pointer;
     position: relative;
 }

 .accordion-default .accordion-body {
     color: var(--text-color);
     padding: 15px;
 }

 .our-faqs .section-footer-btn {
     text-align: center;
 }

 .our-faqs .section-footer-btn a:hover {
     color: var(--white-color);
 }

 /************************************/
 /***      09. our team css        ***/
 /************************************/

 .our-team {
     position: relative;
     padding: 100px 0 70px;
     background-image: url(../images/team-bg.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .our-team .lS5J5wvRXX p {
     width: 680px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .team-member-item {
     position: relative;
     z-index: 1;
     overflow: hidden;
     text-align: center;
     margin-bottom: 30px;
 }

 .team-image {
     margin-bottom: 20px;
     height: 100%;
     overflow: hidden;
 }

 .team-image img {
     width: 100%;
     transition: all 0.5s ease-in-out;
 }

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

 .team-body h3 a {
     font-family: var(--default-font);
     font-size: 18px;
     font-weight: 500;
     color: var(--primary-color);
     text-transform: capitalize;
 }

 .team-body p {
     font-size: 16px;
     text-transform: capitalize;
 }

 /************************************/
 /***  10. clients testimonial css ***/
 /************************************/

 .our-testimonial {
     background-color: var(--secondary-color);
     padding: 100px 0;
 }

 .testimonial-item {
     width: 750px;
     margin: 0 auto;
     text-align: center;
 }

 .testimonial-rating {
     margin-bottom: 20px;
 }

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

 .testimonial-rating ul li {
     display: inline-block;
     margin-right: 5px;
 }

 .testimonial-rating ul li i {
     color: #FF7A00;
 }

 .testimonial-content {
     margin-bottom: 50px;
 }

 .testimonial-body {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .testimonial-author-img {
     margin-right: 20px;
 }

 .testimonial-author-img figure {
     border-radius: 100%;
 }

 .testimonial-author-img img {
     width: 100px;
     height: 100px;
     border-radius: 100%;
     border: 3px solid var(--accent-color);
 }

 .testimonial-body-content h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 5px;
     text-transform: capitalize;
 }

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

 /************************************/
 /*****   11. Footer Ticker css   ****/
 /************************************/

 .scrolling-ticker {
     background-color: var(--primary-color);
     padding: 30px 0;
 }

 .scrolling-ticker-box {
     --gap: 30px;
     position: relative;
     display: flex;
     overflow: hidden;
     user-select: none;
     gap: var(--gap);
     align-items: center;
 }

 .scrolling-content {
     flex-shrink: 0;
     display: flex;
     gap: var(--gap);
     min-width: 100%;
     animation: scroll 24s linear infinite;
 }

 .scrolling-content span {
     display: inline-block;
     font-size: 34px;
     font-weight: 600;
     color: var(--white-color);
     font-family: var(--accent-font);
     text-transform: uppercase;
     line-height: 1.1em;
     vertical-align: middle;
 }

 .scrolling-content span img {
     width: 24px;
     height: 24px;
     margin-right: 5px;
     margin-bottom: 3px;
 }

 @keyframes scroll {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(calc(-100% - var(--gap)));
     }
 }

 /************************************/
 /***     12. main footer css      ***/
 /************************************/

 .mega-footer {
     padding: 80px 0 0;
 }

 .footer-about {
     width: 260px;
 }

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

 .footer-about-content {
     margin-bottom: 20px;
 }

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

 .footer-social-links ul li {
     display: inline-block;
     text-align: center;
     font-size: 22px;
     padding: 5px;
     border-radius: 100%;
     margin-right: 5px;
 }

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

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

 .footer-links {
     margin: 0 auto;
 }

 .footer-links h3 {
     font-size: 28px;
     font-weight: 200;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

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

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

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

 .footer-links ul li a {
     color: var(--primary-color);
     text-transform: capitalize;
     transition: all 0.3s ease-in-out;
 }


 .footer-contact-info {
     max-width: 240px;
 }

 .footer-contact-info h2 {
     font-size: 28px;
     font-weight: 200;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

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

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

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

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

 .footer-info-box p {
     line-height: 1.2em;
 }

 .Subscribe-Newsletters h3 {
     font-size: 28px;
     font-weight: 200;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

 .Subscribe-Newsletters p {
     margin-bottom: 20px;
 }

 .newsletters-form .mail-box .JWuPkV2Ce6 {
     background-color: var(--white-color);
     border: 1px solid var(--primary-color);
     border-right: 0;
     border-radius: 0;
     color: var(--primary-color);
     padding: 12px 20px;
     height: 50px;
     box-shadow: none;
 }

 .newsletters-form .mail-box .JWuPkV2Ce6::placeholder {
     color: var(--primary-color);
 }

 .form-group .help-block.with-errors {
     color: var(--error-color);
 }

 .newsletters-form .mail-box button {
     background: var(--primary-color);
     border: none;
     width: 100%;
     height: 50px;
 }

 .newsletters-form .mail-box i {
     font-size: 16px;
     color: var(--accent-color);
     transition: all 0.3s ease-in-out;
 }

 .copy-right {
     margin-top: 50px;
     border-top: 1px solid var(--divider-color);
     text-align: center;
     padding: 10px 0 15px;
 }

 /************************************/
 /***     13. page about us css    ***/
 /************************************/

 .page-header {
     padding: 100px 0 50px;
     text-align: center;
 }

 .page-header.page-img-header .page-header-box {
     text-align: left;
 }

 .page-header-box h2 {
     font-size: 50px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .page-header-box .breadcrumb {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background-color: var(--accent-color);
     padding: 14px 20px 13px;
     border-radius: 50px;
     margin-bottom: 25px;
 }

 .page-header-box .breadcrumb li {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     color: var(--primary-color);
 }

 .page-header-box ol li.breadcrumb-item {
     color: var(--primary-color);
 }

 .page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
     color: var(--primary-color);
     padding: 0 2px;
 }

 .breadcrumb-item.active {
     padding-left: 2px;
 }

 .page-header-box .breadcrumb li a {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     color: var(--primary-color);
     transition: all 0.3s ease-in-out;
 }

 .page-header-image {
     text-align: end;
 }

 .page-header-image img {
     animation: rotate 30s infinite linear;
 }

 @keyframes rotate {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

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

 .page-about-image {
     position: relative;
 }

 .about-img-1 {
     padding: 0 30px 50px 0;
 }

 .about-img-2 {
     overflow: hidden;
     line-height: 0;
     position: absolute;
     right: -30px;
     bottom: -12px;
     z-index: 1;
 }

 .page-about-content {
     margin-left: 30px;
 }

 .page-about-content .lS5J5wvRXX {
     text-align: left;
 }

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

 .about-content-list ul li {
     width: 48%;
     margin-right: 2%;
     position: relative;
     padding-left: 30px;
     margin-bottom: 20px;
     color: var(--text-color);
     text-transform: uppercase;
 }

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

 .section-footer-btn.about-project {
     display: flex;
     align-items: center;
     margin-top: 30px;
 }

 .section-footer-btn.about-project p {
     margin-left: 50px;
 }

 .section-footer-btn.about-project a span {
     font-family: var(--accent-font);
     font-size: 28px;
     font-weight: 500;
     color: var(--primary-color);
 }

 .our-company {
     background-color: var(--secondary-color);
     padding: 100px 0 70px;
 }

 .our-company .lS5J5wvRXX p {
     max-width: 580px;
     width: 100%;
     margin: 0 auto;
     margin-top: 20px;
 }

 .our-company-item {
     background-color: var(--white-color);
     padding: 50px;
     height: calc(100% - 30px);
     margin-bottom: 30px;
 }

 .our-company-item .icon-box {
     margin-bottom: 30px;
 }

 .company-content h3 {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 20px;
 }

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

 .our-award .lS5J5wvRXX p {
     width: 580px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .our-award .col-lg-3 {
     margin-bottom: 30px;
 }

 .our-award-item {
     position: relative;
     z-index: 1;
     background-color: var(--primary-color);
     padding: 30px;
     border-radius: 10px;
     text-align: left;
     height: 100%;
     overflow: hidden;
 }

 .our-award-item::before {
     content: '';
     position: absolute;
     background-position: bottom right;
     background-repeat: no-repeat;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0.5;
     z-index: -1;
 }

 .our-award-item.award-1::before {
     background-image: url(../images/award-1-bg.png);
 }

 .our-award-item.award-2::before {
     background-image: url(../images/award-2-bg.png);
     background-position: 97% 97%;
 }

 .our-award-item.award-3::before {
     background-image: url(../images/award-3-bg.png);
 }

 .our-award-item.award-4::before {
     background-image: url(../images/award-4-bg.png);
 }

 .our-award-icon {
     position: absolute;
     bottom: 30px;
     left: 30px;
 }

 .our-award-item .icon-box {
     background-color: var(--accent-color);
     width: 50px;
     height: 50px;
     border-radius: 10px;
     text-align: center;
     padding: 11px;
     margin-bottom: 20px;
 }

 .award-item-content {
     position: relative;
     padding-bottom: 90px;
 }

 .award-item-content h3 {
     font-family: var(--default-font);
     font-size: 16px;
     font-weight: 400;
     color: var(--white-color);
     text-transform: capitalize;
     margin-bottom: 10px;
 }

 .award-item-content h2 {
     width: 100%;
     max-width: 200px;
     font-size: 26px;
     font-weight: 700;
     color: var(--white-color);
     text-transform: capitalize;
     margin-bottom: 20px;
 }

 .award-item-content p {
     font-family: var(--default-font);
     color: var(--white-color);
     font-weight: 500;
 }

 .our-culture {
     background-color: var(--secondary-color);
     padding: 100px 0;
 }

 .our-culture .lS5J5wvRXX p {
     width: 580px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .our-gallery {
     display: flex;
     align-items: center;
 }

 .our-culture-box {
     width: 20%;
     padding: 10px;
 }

 .our-culture-box.gallery-1 .our-culture-box-image img,
 .our-culture-box.gallery-2 .our-culture-box-image img,
 .our-culture-box.gallery-4 .our-culture-box-image img,
 .our-culture-box.gallery-5 .our-culture-box-image img {
     aspect-ratio: 1 / 1;
     object-fit: cover;
 }

 .our-culture-box.gallery-3 .our-culture-box-image img {
     aspect-ratio: 1 / 1.7;
     object-fit: cover;
 }

 .our-culture-box-image img {
     width: 100%;
 }

 .our-culture-box-image.img-1 {
     margin-bottom: 20px;
 }

 .our-culture .section-footer-btn {
     text-align: center;
 }

 .our-culture .section-footer-btn a:hover {
     color: var(--white-color);
 }

 .our-video-tour {
     background-color: var(--secondary-color);
     padding: 100px 0;
 }

 .video-tour-image {
     position: relative;
 }

 .video-tour-image::before {
     content: '';
     position: absolute;
     background-image: url(../images/line-curve-shape.png);
     background-repeat: no-repeat;
     background-position: center center;
     width: 150px;
     height: 56px;
     bottom: 4%;
     right: -13%;
     z-index: 1;
     transform: rotate(-14deg);
 }

 .take-video-image {
     overflow: hidden;
     border-radius: 100%;
 }

 .take-video-image img {
     border-radius: 100%;
     filter: brightness(55%) contrast(100%);
     transition: all 0.5s ease-in-out;
 }

 .take-video-image:hover img {
     transform: scale(1.1);
 }

 .video-play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
 }

 .video-play-button::before {
     content: '';
     position: absolute;
     top: -30%;
     left: -30%;
     width: 160%;
     height: 160%;
     border: 3px solid var(--white-color);
     border-radius: 50%;
     transform: scale(0.6);
     z-index: -1;
     animation: border-zooming 1s infinite linear;
 }

 .video-play-button a:after {
     content: '';
     position: absolute;
     top: -30%;
     left: -30%;
     width: 160%;
     height: 160%;
     border: 3px solid var(--white-color);
     border-radius: 50%;
     transform: scale(0.6);
     z-index: -1;
     animation: border-zooming 1s infinite linear;
     animation-delay: .3s;
 }

 @-webkit-keyframes border-zooming {
     100% {
         transform: scale(1);
         opacity: 0;
     }
 }

 @keyframes border-zooming {
     100% {
         transform: scale(1);
         opacity: 0;
     }
 }

 .video-tour-content {
     margin-left: 40px;
 }

 .video-tour-content .lS5J5wvRXX {
     text-align: left;
 }

 .video-tour-counter {
     display: flex;
 }

 .video-counter-item {
     width: 33.33%;
 }

 .video-counter-item h3 {
     font-size: 40px;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .video-counter-item p {
     font-weight: 500;
     text-transform: uppercase;
 }

 .video-tour-content .section-footer-btn a:hover {
     color: var(--white-color);
 }

 .our-company-client {
     padding: 100px 0;
 }

 .our-company-client .lS5J5wvRXX {
     width: 730px;
     margin: 0 auto;
     margin-bottom: 50px;
 }

 .swiper-slide {
     text-align: center;
 }

 /************************************/
 /***    14. page services css     ***/
 /************************************/

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

 .page-services .col-lg-4 {
     margin-bottom: 30px;
 }

 .service-item {
     padding: 50px 38px;
     background-color: var(--secondary-color);
     height: 100%;
 }

 .service-item-icon {
     margin-bottom: 30px;
 }

 .service-content h3 {
     font-size: 26px;
     font-weight: 500;
     margin-bottom: 30px;
 }

 .service-content ul {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-bottom: 50px;
 }

 .service-content ul li {
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .service-content ul li:last-child {
     margin-bottom: 0px;
 }

 .service-content ul li i {
     margin-right: 10px;
     color: var(--primary-color);
     font-size: 20px;
 }

 .services-item-body {
     text-align: center;
 }

 .service-content .btn-default::before {
     background-color: var(--primary-color);
 }

 .service-content .btn-default:hover {
     color: var(--white-color);
 }

 .company-growth {
     padding: 100px 0;
     background-color: var(--secondary-color);
 }

 .company-growth-content {
     background-color: var(--white-color);
     padding: 30px;
     height: 100%;
 }

 .company-growth-content h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .company-growth-content h3 {
     font-family: var(--default-font);
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .company-growth-video {
     position: relative;
     height: 100%;
 }

 .company-growth-image {
     overflow: hidden;
 }

 .company-growth-image img {
     width: 100%;
     filter: brightness(55%) contrast(100%);
     aspect-ratio: 1/0.7;
     object-fit: cover;
     transition: all 0.5s ease-in-out;
 }

 .company-growth-image:hover img {
     transform: scale(1.1);
 }

 .company-growth-chart {
     background-color: var(--white-color);
     padding: 30px;
     height: 100%;
 }

 .company-growth-chart h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .best-results {
     padding: 100px 0;
 }

 .best-results-image {
     position: relative;
     padding-right: 50px;
 }

 .best-results-chart {
     position: absolute;
     top: 7%;
     right: 0;
 }

 .best-results-content {
     margin-left: 27px;
 }

 .best-results-content .lS5J5wvRXX {
     text-align: left;
 }

 .best-results-item {
     position: relative;
     padding-left: 35px;
     margin-bottom: 30px;
 }

 .best-results-item:nth-child(3n + 3) {
     margin-bottom: 0;
 }

 .best-results-item .icon-box {
     position: absolute;
     top: 2px;
     left: 0;
 }

 .best-results-item .icon-box i {
     color: var(--accent-color);
     font-size: 25px;
 }

 .best-results-item h2 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 10px;
     text-transform: uppercase;
 }

 /************************************/
 /***   15. services details css   ***/
 /************************************/

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

 .service-single-list {
     margin-right: 50px;
 }

 .service-single-list ul {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin: 0;
     margin-top: 30px;
 }

 .service-single-list ul li {
     width: 48%;
     margin-right: 2%;
     position: relative;
     padding-left: 30px;
     margin-bottom: 20px;
     color: var(--text-color);
     text-transform: uppercase;
 }

 .service-single-list ul li:before {
     content: '\f058';
     font-family: "Font Awesome 6 Free";
     color: var(--accent-color);
     font-size: 18px;
     font-weight: 700;
     position: absolute;
     top: 0;
     left: 0;
 }

 .service-single-list .section-footer-btn {
     margin-top: 30px;
 }

 .service-contact-form {
     background-color: var(--secondary-color);
     padding: 50px;
 }

 .service-contact-form .JWuPkV2Ce6 {
     background-color: var(--white-color);
     color: var(--text-color);
     box-shadow: none;
     border: none;
     border-radius: 0;
     outline: 0;
     font-size: 18px;
     font-weight: 400;
     padding: 10px 20px;
 }

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

 .service-single-image {
     margin-bottom: 50px;
 }

 .service-single-image img {
     filter: brightness(50%) contrast(100%) saturate(100%);
     aspect-ratio: 1/0.45;
     object-fit: cover;
 }

 .inculding-service-image {
     position: relative;
     padding: 0 70px 70px 0;
 }

 .inculding-img-2 {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 1;
 }

 .inculding-counter-img {
     background-color: var(--white-color);
     box-shadow: 0px 0px 30px 0px #00000026;
     border-radius: 10px;
     width: 170px;
     height: 120px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     position: absolute;
     top: 1%;
     left: -15px;
     z-index: 1;
 }

 .inculding-counter-img .icon-box {
     margin-bottom: 10px;
 }

 .inculding-counter-content h3 {
     font-family: var(--default-font);
     font-size: 32px;
     font-weight: 600;
     color: #046B01;
 }

 .inculding-service-content {
     margin-left: 30px;
 }

 .inculding-service-content ul {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-top: 30px
 }

 .inculding-service-content ul li {
     position: relative;
     padding-left: 30px;
     margin-bottom: 20px;
     color: var(--text-color);
     text-transform: uppercase;
 }

 .inculding-service-content ul li:last-child {
     margin-bottom: 0;
 }

 .inculding-service-content ul li:before {
     content: '\f058';
     font-family: "Font Awesome 6 Free";
     color: var(--accent-color);
     font-size: 18px;
     font-weight: 700;
     position: absolute;
     top: 0;
     left: 0;
 }

 .inculding-service-footer {
     margin-top: 50px;
 }

 .service-benefit {
     background-color: var(--secondary-color);
     background-image: url(../images/benefit-bg.png);
     background-repeat: no-repeat;
     background-position: center right;
     width: 100%;
     height: 100%;
     padding: 100px 0;
 }

 .service-benefit .lS5J5wvRXX p {
     width: 544px;
     margin: 0 auto;
     margin-top: 10px;
 }

 .service-benefit-list ul {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     width: 900px;
     margin: 0 auto;
     padding: 0;
 }

 .service-benefit-list ul li {
     width: 48%;
     position: relative;
     font-size: 20px;
     font-weight: 500;
     color: var(--text-color);
     text-transform: uppercase;
     margin-right: 2%;
     padding-left: 30px;
     margin-bottom: 20px;
 }

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

 .our-faqs.service-single-faqs {
     background-color: var(--white-color);
 }

 .our-faqs.service-single-faqs .section-footer-btn a:hover {
     color: var(--accent-color);
 }

 /************************************/
 /****     16. page team css      ****/
 /************************************/

 .page-header.meet-team {
     text-align: center;
 }

 .page-header.meet-team p {
     width: 100%;
     max-width: 680px;
     margin: 0 auto;
     margin-top: 10px;
 }

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

 /************************************/
 /****    17. page our blog css    ***/
 /************************************/

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

 .blog-item {
     position: relative;
     overflow: hidden;
     height: calc(100% - 30px);
     margin-bottom: 40px;
 }

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

 .post-featured-image img {
     transition: all 0.5s ease-out;
     aspect-ratio: 1/0.65;
     object-fit: cover;
 }

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

 .post-item-body h2 {
     display: block;
     font-size: 26px;
     margin-bottom: 10px;
 }

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

 .blog-item .section-footer-btn {
     margin-top: 20px;
 }

 .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(--accent-color);
     color: var(--primary-color);
     width: 40px;
     height: 40px;
     margin: 0 4px;
     border-radius: 10px;
     font-weight: 700;
     transition: all 0.3s ease-out;
 }

 .post-pagination ul li.active a,
 .post-pagination ul li a:hover {
     background: var(--primary-color);
     color: var(--white-color);
 }

 /************************************/
 /****   18. blog details css      ***/
 /************************************/

 .post-single-meta ul {
     display: inline-flex;
     align-items: center;
     background-color: var(--accent-color);
     padding: 14px 20px 13px;
     border-radius: 50px;
     margin-bottom: 25px;
 }

 .post-single-meta ul li {
     position: relative;
     display: inline-block;
     color: var(--primary-color);
     font-size: 14px;
     font-weight: 500;
     text-transform: capitalize;
     padding: 0 15px 0 5px;
 }

 .post-single-meta ul li:first-child {
     padding-left: 0;
 }

 .post-single-meta ul li:last-child {
     padding-right: 0;
 }

 .post-single-meta ul li::after {
     content: '/';
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
 }

 .post-single-meta ul li:last-child:after {
     display: none;
 }

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

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

 .post-image img {
     aspect-ratio: 1 / 0.50;
     object-fit: cover;
 }

 .post-entry {
     border-bottom: 1px solid var(--divider-color);
     margin-bottom: 30px;
     padding-bottom: 30px;
 }

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

 .post-entry a {
     color: var(--accent-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: 48px;
 }

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

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

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

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

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

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

 .post-entry p strong {
     color: var(--accent-color);
     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 {
     list-style: none;
     padding: 0;
     margin: 20px 0 20px;
 }

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

 .post-entry ul li:before {
     content: '\f058';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 18px;
     color: var(--accent-color);
     display: inline-block;
     line-height: normal;
     position: absolute;
     top: 2px;
     left: 0;
 }

 .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(--accent-color) url(../images/icon-blockquote.svg) no-repeat 40px 46px;
     padding: 40px 40px 40px 110px;
     margin-bottom: 30px;
 }

 .post-entry blockquote p {
     font-size: 26px;
     color: var(--primary-color);
     font-weight: 700;
     line-height: 1.3em;
 }

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

 .tag-links {
     display: inline-block;
 }

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

 .post-tags .tag-links a:hover {
     background-color: var(--primary-color);
     color: var(--accent-color);
 }

 .post-tags .tag-links a:last-child {
     margin-right: 0;
 }

 .post-tags .tag-links a::before {
     display: none;
 }

 .post-tags .tag-links a::after {
     background-color: var(--accent-color);
 }

 .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: 5px;
 }

 .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: 10px;
     text-align: center;
     background-color: var(--accent-color);
     color: var(--primary-color);
     width: 38px;
     height: 38px;
     transition: all 0.3s ease-in-out;
 }

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

 .post-social-sharing ul li a i {
     font-size: 18px;
     color: inherit;
 }

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

 .recent-post {
     padding: 50px 0 70px;
 }

 /************************************/
 /****   19. page case study css   ***/
 /************************************/

 .case-study {
     padding: 50px 0 60px;
 }

 .case-study-item {
     height: calc(100% - 40px);
     margin-bottom: 40px;
 }

 .case-study-image {
     margin-bottom: 20px;
     overflow: hidden;
 }

 .case-study-image img {
     transition: all 0.5s ease-out;
     aspect-ratio: 1/0.7;
     object-fit: cover;
 }

 .case-study-item:hover .case-study-image img {
     transform: scale(1.1);
 }

 .case-study-content h2 {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .case-study-content .section-footer-btn {
     margin-top: 30px;
 }

 /************************************/
 /***  20. case study Details css  ***/
 /************************************/

 .case-study-details {
     padding: 50px 0;
 }

 .case-study-detail-image {
     margin-bottom: 40px;
 }

 .case-study-detail-image img {
     aspect-ratio: 1/0.5;
     object-fit: cover;
 }

 .case-study-counter {
     margin-bottom: 30px;
 }

 .case-study-counter-box {
     display: flex;
 }

 .case-study-counter-box .counter-icon {
     margin-right: 15px;
 }

 .case-study-counter-box .counter-content {
     width: calc(100% - 75px);
 }

 .case-study-counter-box .counter-content h3 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .case-study-counter-box .counter-content p {
     font-family: var(--default-font);
     font-size: 22px;
     font-weight: 500;
     color: var(--text-color);
 }

 .case-study-rating {
     padding: 50px 0;
 }

 .case-study-rating-image {
     position: relative;
     padding: 0 80px 80px 0;
 }

 .rating-img-2 {
     position: absolute;
     bottom: 0;
     right: -50px;
 }

 .case-study-rating-content {
     margin-left: 50px;
 }

 .rating-point {
     position: relative;
     padding-left: 75px;
     margin-bottom: 25px;
 }

 .rating-point:last-child {
     margin-bottom: 0;
 }

 .rating-point-no {
     position: absolute;
     top: 2px;
     left: 0;
 }

 .rating-point-no h3 {
     background-color: var(--accent-color);
     font-size: 34px;
     width: 60px;
     height: 60px;
     border-radius: 100%;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .rating-point h2 {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .case-study-research {
     padding: 50px 0;
 }

 .csd-research-point {
     padding: 50px 0;
 }

 .research-point-item {
     display: flex;
     justify-content: center;
     position: relative;
 }

 .research-point-item::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: -25px;
     width: 100%;
     height: 100%;
     background-image: url(../images/icon-case-study-arrow.svg);
     background-repeat: no-repeat;
     background-position: right center;
 }

 .csd-research-point .col-lg-3:last-child .research-point-item:after {
     display: none;
 }

 .research-point-title {
     position: relative;
     z-index: 1;
     width: 100%;
     max-width: 170px;
 }

 .research-point-title h3 {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .infobar {
     padding: 50px 0 100px;
 }

 .cta-box {
     position: relative;
     background-image: url(../images/cta-bg-img.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 80px;
 }

 .cta-box::before {
     content: '';
     position: absolute;
     background-color: var(--primary-color);
     opacity: 0.7;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
 }

 .cta-box::after {
     content: '';
     position: absolute;
     background-image: url(../images/line-curve-shape1.png);
     background-repeat: no-repeat;
     background-position: center right;
     width: 200px;
     height: 60px;
     right: 20%;
     bottom: 25%;
     z-index: 1;
 }

 .cta-box-content {
     position: relative;
     z-index: 1;
 }

 .cta-box-content h2 {
     font-size: 50px;
     font-weight: 700;
     color: var(--accent-color);
     text-transform: uppercase;
 }

 .cta-box-btn {
     position: relative;
     z-index: 1;
     text-align: end;
 }

 .cta-box-btn .btn-default {
     padding: 15px 30px;
 }

 /************************************/
 /***    21. page pricing css      ***/
 /************************************/

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

 .pricing-item {
     background-color: var(--secondary-color);
     padding: 50px;
     height: calc(100% - 30px);
     margin-bottom: 30px;
 }

 .pricing-header {
     display: flex;
     border-bottom: 1px solid var(--divider-color);
     margin-bottom: 20px;
     padding-bottom: 20px;
 }

 .pricing-header .icon-box {
     margin-right: 30px;
 }

 .pricing-content {
     width: calc(100% - 85px);
 }

 .pricing-content h3 {
     font-size: 28px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .pricing-content p {
     font-size: 22px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--primary-color);
 }

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

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

 .pricing-body ul li {
     position: relative;
     text-transform: capitalize;
     padding-left: 30px;
     margin-bottom: 25px;
 }

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

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

 /************************************/
 /***     22. Contact Us css       ***/
 /************************************/

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

 .contact-us-content {
     margin-bottom: 30px;
 }

 .contact-form .form-group .JWuPkV2Ce6 {
     padding: 10px 20px;
     border-radius: 0;
     font-size: 18px;
     font-weight: 400;
     background-color: transparent;
     color: var(--text-color);
     box-shadow: none;
     border: 1px solid var(--divider-color);
 }

 .contact-form .form-group .JWuPkV2Ce6::placeholder {
     color: var(--text-color);
 }

 .contact-form .btn-default {
     border: 2px solid var(--accent-color);
 }

 .contact-info {
     background-color: rgba(189, 195, 197, 0.3);
     padding: 50px;
     margin-left: 80px;
 }

 .contact-info-title h2 {
     font-size: 50px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 30px;
 }

 .contact-info-title h3 {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 30px;
 }

 .contact-info-box {
     border-bottom: 2px solid var(--divider-color);
     padding-bottom: 35px;
     margin-bottom: 30px;
 }

 .contact-info-box:last-child {
     border: none;
     padding: 0;
     margin: 0;
 }

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

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

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

 .contact-info-item .icon-box i {
     color: var(--primary-color);
     font-size: 20px;
 }

 .contact-info-item p {
     font-size: 20px;
     color: var(--primary-color);
     line-height: 1.2em;
 }

 /************************************/
 /***      23. page Faqs css       ***/
 /************************************/

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

 .faqs-pricing {
     background-color: var(--secondary-color);
     padding: 100px 0 70px;
 }

 .faqs-pricing-item {
     background-color: var(--white-color);
     padding: 50px;
     height: calc(100% - 30px);
     margin-bottom: 30px;
 }

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

 .faqs-pricing-header .icon-box {
     margin-bottom: 30px;
 }

 .faqs-pricing-content h3 {
     font-size: 28px;
     font-weight: 500;
     text-transform: capitalize;
     margin-bottom: 10px;
 }

 .faqs-pricing-content p {
     font-family: var(--accent-font);
     font-size: 22px;
     font-weight: 500;
     color: var(--primary-color);
 }

 .faqs-pricing-content p span {
     font-size: 14px;
     text-transform: uppercase;
 }

 .faqs-pricing-body {
     margin-bottom: 50px;
 }

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

 .faqs-pricing-body ul li {
     margin-bottom: 20px;
     text-transform: capitalize;
 }

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

 .faqs-pricing-body ul li i {
     font-size: 18px;
     color: var(--accent-color);
     margin-right: 10px;
 }

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

 .faqs-pricing-footer .btn-default:hover {
     color: var(--white-color);
 }

 .faqs-pricing-footer .btn-default:hover::before {
     background-color: var(--primary-color);
 }

 /************************************/
 /***    24. page 404 page css     ***/
 /************************************/

 .error-page {
     padding: 50px 0 100px;
     text-align: center;
 }

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

 .error-page-heading h2 {
     font-size: 50px;
     text-transform: uppercase;
     margin-bottom: 20px;
 }

 .error-page-content .btn-default {
     border: 2px solid var(--accent-color);
 }

 /************************************/
 /***     25. responsive css       ***/
 /************************************/

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

     .header-logo {
         width: 25%;
     }

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

     .hero-content {
         padding: 0;
     }
 }

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

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

     .btn-default {
         font-size: 14px;
     }

     .navbar-toggle {
         display: block;
     }

     .navbar-expand-lg .navbar-collapse {
         display: none !important;
     }

     .header-logo {
         width: 90%;
         padding: 10px 0px 10px 30px;
     }

     .main-menu {
         width: 10%;
     }

     .responsive-menu {
         display: block;
         position: relative;
         width: 100%;
         z-index: 1000;
     }

     .navbar-brand img {
         width: 22%;
     }

     .hero {
         padding: 180px 0 80px;
     }

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

     .hero-content-body {
         max-width: 580px;
     }

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

     .lS5J5wvRXX {
         margin-bottom: 30px;
     }

     .lS5J5wvRXX h2 {
         font-size: 36px;
     }

     .about-img {
         text-align: center;
         margin-bottom: 40px;
     }

     .about-img img {
         width: 55%;
     }

     .about-counter {
         width: 100%;
     }

     .about-counter h2 {
         font-size: 34px;
     }

     .about-image-counter {
         top: 5%;
         left: 0%;
     }

     .about-counter-image img {
         width: 70%;
     }

     .about-image-counter-box {
         top: 20%;
         right: 0;
         left: 4%;
         text-align: left;
     }

     .about-image-counter-box h3 {
         font-size: 50px;
     }

     .section-footer-btn {
         margin-top: 30px;
     }

     .process-section {
         padding: 40px 20px;
     }

     .our-process .lS5J5wvRXX {
         margin-bottom: 30px;
     }

     .our-process-item .icon-box {
         margin-bottom: 20px;
     }

     .our-process-item .icon-box img {
         width: 70px;
         height: 70px;
     }

     .our-process-content h3 {
         font-size: 22px;
         margin-bottom: 10px;
     }

     .our-services {
         padding: 50px 0 25px;
     }

     .our-services-image::before {
         background-size: cover;
         width: 120px;
         height: 118px;
         left: 12%;
         bottom: -5%;
     }

     .our-services-image::after {
         background-size: cover;
         width: 310px;
         height: 240px;
         right: 0;
         bottom: -80px;
     }

     .happy-clients {
         top: 25%;
         left: 6%;
     }

     @keyframes moveobject {
         50% {
             left: 1%;
         }
     }

     .our-services-list {
         margin-bottom: 20px;
         margin-top: 20px;
     }

     .service-explore {
         padding: 25px 0 20px;
     }

     .service-explore .our-service-item {
         width: 250px;
         margin-bottom: 30px;
     }

     .service-explore .service-item-content h2 {
         font-size: 34px;
         padding-bottom: 10px;
         margin-bottom: 10px;
     }

     .service-explore .service-item-content {
         margin-bottom: 30px;
     }

     .service-item-content h3 {
         font-size: 24px;
     }

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

     .our-faqs .lS5J5wvRXX p {
         width: 100%;
         margin-top: 20px;
     }

     .accordion-default .accordion-item h2 {
         font-size: 22px;
     }

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

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

     .testimonial-item {
         width: 680px;
     }

     .testimonial-content {
         margin-bottom: 30px;
     }

     .testimonial-author-img img {
         width: 80px;
         height: 80px;
     }

     .testimonial-body-content h2 {
         font-size: 24px;
     }

     .testimonial-body-content p {
         margin: 0;
     }

     .scrolling-ticker {
         padding: 20px 0;
     }

     .scrolling-content span {
         font-size: 30px;
     }

     .mega-footer {
         padding: 40px 0 0;
     }

     .footer-about {
         width: 100%;
         text-align: center;
         margin-bottom: 30px;
     }

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

     .footer-logo img {
         max-width: 150px;
     }

     .footer-about-content {
         margin-bottom: 10px;
     }

     .footer-links {
         max-width: 100%;
     }

     .Subscribe-Newsletters h3,
     .footer-links h3,
     .footer-contact-info h2 {
         font-size: 24px;
     }

     .copy-right {
         margin-top: 30px;
     }

     .page-header {
         padding: 50px 0 25px;
     }

     .page-header-image {
         text-align: center;
     }

     .page-header-image img {
         width: 170px;
         height: 170px;
     }

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

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

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

     .about-img-1 {
         text-align: center;
         padding-right: 0;
     }

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

     .about-img-2 img {
         width: 240px;
         height: 240px;
     }

     .page-about-content {
         margin-left: 0;
     }

     .section-footer-btn.about-project a span {
         font-size: 24px;
     }

     .our-company {
         padding: 50px 0 30px;
     }

     .our-company-item {
         padding: 20px;
     }

     .our-company-item .icon-box {
         margin-bottom: 20px;
     }

     .company-content h3 {
         font-size: 24px;
         margin-bottom: 20px;
     }

     .our-company-item .icon-box img {
         width: 80px;
     }

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

     .our-award-item.award-1 {
         margin-bottom: 20px;
     }

     .award-item-content h2 {
         font-size: 24px;
         max-width: 215px;
     }

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

     .our-gallery .section-footer-btn a {
         font-size: 14px;
         padding-right: 42px;
     }

     .our-video-tour {
         padding: 50px 0;
     }

     .video-tour-image {
         text-align: center;
         margin-bottom: 30px;
     }

     .take-video-image img {
         width: 440px;
         height: 440px;
     }

     .video-tour-image::after {
         top: 42%;
         left: 45%;
     }

     .video-tour-image::before {
         display: none;
     }

     .video-tour-content {
         margin-left: 0px;
     }

     .video-play-buttontem h3 {
         font-size: 34px;
     }

     .our-company-client {
         padding: 50px 0;
     }

     .our-company-client .lS5J5wvRXX {
         width: 550px;
         margin-bottom: 30px;
     }

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

     .service-item {
         padding: 30px;
     }

     .service-item-icon {
         margin-bottom: 20px;
     }

     .service-content h3 {
         font-size: 24px;
         margin-bottom: 20px;
     }

     .service-content ul li {
         margin-bottom: 15px;
     }

     .service-content ul li i {
         font-size: 18px;
     }

     .service-content ul {
         margin-bottom: 20px;
     }

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

     .company-growth .row .col-md-12 {
         margin-bottom: 20px;
     }

     .company-growth-content h2 {
         font-size: 24px;
     }

     .company-growth-image img {
         aspect-ratio: 1 / 0.75;
     }

     .company-growth-chart h2 {
         font-size: 24px;
     }

     .best-results {
         padding: 50px 0;
     }

     .best-results-image {
         padding-right: 0;
         margin-bottom: 30px;
     }

     .result-img img {
         aspect-ratio: 1/0.7;
         object-fit: cover;
     }

     .best-results-content {
         margin-left: 0px;
     }

     .best-results-item {
         margin-bottom: 20px;
     }

     .best-results-item h2 {
         font-size: 24px;
         margin-bottom: 5px;
     }

     .icon-box i {
         font-size: 22px;
     }

     .service-single-contact {
         padding: 25px 0;
     }

     .service-single-list {
         margin-right: 0px;
         margin-bottom: 30px;
     }

     .service-contact-form {
         padding: 30px;
     }

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

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

     .inculding-service-image {
         text-align: center;
         padding: 0 0px 50px 0;
         margin-bottom: 20PX;
     }

     .inculding-counter-img {
         left: 1%;
     }

     .inculding-service-content {
         margin-left: 0px;
     }

     .inculding-service-footer {
         margin-top: 30px;
     }

     .service-benefit {
         padding: 50px 0;
     }

     .service-benefit-list ul {
         width: 100%;
     }

     .service-benefit-list ul li {
         font-size: 18px;
     }

     .service-benefit-list ul li:before {
         font-size: 18px;
     }

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

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

     .post-item-body h2 {
         font-size: 24px;
     }

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

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

     .post-entry h2 {
         font-size: 38px;
         margin-bottom: 20px;
     }

     .tag-links {
         margin-bottom: 10px;
     }

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

     .post-entry blockquote {
         background: var(--accent-color) url(../images/icon-blockquote.svg) no-repeat 30px 36px;
         padding: 30px 30px 30px 100px;
         margin-bottom: 30px;
     }

     .post-entry blockquote p {
         font-size: 22px;
     }

     .recent-post {
         padding: 25px 0 20px;
     }

     .case-study {
         padding: 25px 0 20px;
     }

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

     .case-study-content h2 {
         font-size: 22px;
     }

     .case-study-details {
         padding: 25px 0;
     }

     .case-study-detail-image {
         margin-bottom: 30px;
     }

     .case-study-counter {
         margin-bottom: 0;
     }

     .case-study-counter-box {
         margin-bottom: 20px;
     }

     .case-study-counter-box .counter-content h3 {
         font-size: 24px;
         margin-bottom: 5px;
     }

     .case-study-rating {
         padding: 25px 0;
     }

     .case-study-rating-image {
         padding: 0 0px 80px 0;
         margin-bottom: 20px;
     }

     .rating-img-2 {
         right: 0;
     }

     .case-study-rating-content {
         margin-left: 0;
     }

     .rating-point-no h3 {
         font-size: 30px;
         width: 55px;
         height: 55px;
     }

     .rating-point h2 {
         font-size: 24px;
         margin-bottom: 5px;
     }

     .case-study-research {
         padding: 25px 0;
     }

     .csd-research-point {
         padding: 30px 0 10px;
     }

     .research-point-item {
         margin-bottom: 20px;
     }

     .csd-research-point .col-lg-3:nth-child(2n + 2) .research-point-item:after {
         display: none;
     }

     .research-point-title h3 {
         font-size: 24px;
     }

     .infobar {
         padding: 25px 0 50px;
     }

     .cta-box {
         padding: 50px 30px;
     }

     .cta-box::after {
         right: 26%;
         bottom: 15%;
         z-index: 1;
     }

     .cta-box-content h2 {
         font-size: 36px;
     }

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

     .pricing-item {
         padding: 30px;
     }

     .pricing-content h3 {
         font-size: 24px;
         margin-bottom: 5px;
     }

     .pricing-content p {
         font-size: 20px;
     }

     .pricing-body ul li {
         margin-bottom: 20px;
         padding-left: 25px;
     }

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

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

     .page-contact-us .contact-form {
         margin-bottom: 30px;
     }

     .contact-info {
         padding: 30px;
         margin-left: 0px;
     }

     .contact-info-title h2 {
         font-size: 36px;
         margin-bottom: 20px;
     }

     .contact-info-title h3 {
         font-size: 22px;
     }

     .contact-info-item {
         margin-bottom: 20px;
         padding-left: 30px;
     }

     .contact-info-item .icon-box i {
         color: var(--primary-color);
         font-size: 18px;
     }

     .contact-info-item p {
         font-size: 18px;
     }

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

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

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

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

     .faqs-pricing-header .icon-box {
         margin-bottom: 20px;
     }

     .faqs-pricing-header .icon-box img {
         width: 80px;
     }

     .faqs-pricing-content h3 {
         font-size: 24px;
     }

     .faqs-pricing-content p {
         font-size: 20px;
     }

     .faqs-pricing-body {
         margin-bottom: 30px;
     }

     .faqs-pricing-footer {
         text-align: left;
     }

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

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

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

     .navbar-brand img {
         width: 52%;
     }

     body {
         font-size: 16px;
     }

     .header-logo {
         width: 80%;
         padding: 10px 0px 10px 20px;
     }

     .main-menu {
         width: 20%;
     }

     .hero {
         padding: 140px 0 70px;
     }

     .hero-content-title h2 {
         font-size: 40px;
     }

     .hero-content-title p {
         max-width: 340px;
         margin: 0 auto;
     }

     .hero-content-footer {
         display: inline-grid;
     }

     .hero-content-footer .btn-default {
         margin-right: 0px;
         margin-bottom: 20px;
     }

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

     .about-counter {
         width: 100%;
     }

     .about-counter h2 {
         font-size: 34px;
     }

     .about-img {
         text-align: end;
         margin-bottom: 50px;
     }

     .about-img img {
         position: relative;
         z-index: 1;
         width: 100%;
     }

     .about-image-counter {
         top: auto;
         left: auto;
         bottom: -17%;
         right: 0;
         text-align: right;
     }

     .about-counter-image img {
         width: 70%;
     }

     .about-image-counter-box {
         top: auto;
         right: 10px;
         bottom: 5px;
         left: auto;
     }

     .about-image-counter-box h3 {
         font-size: 40px;
         margin-bottom: 0;
     }

     .our-process .row .RZZ33ECQOP {
         margin-bottom: 30px;
     }

     .our-process .row .RZZ33ECQOP:last-child {
         margin-bottom: 0px;
     }

     .our-process-content {
         padding-bottom: 0px;
     }

     .our-process-body {
         top: 0;
         right: 0;
         left: auto;
         bottom: auto;
     }

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

     .our-services .col-lg-6:nth-child(2n + 2) {
         padding-bottom: 60px;
     }

     .our-services-list ul li {
         width: 100%;
         margin-bottom: 15px;
     }

     .happy-clients {
         top: 25%;
         left: 0%;
     }

     .happy-clients img {
         width: 200px;
     }

     @keyframes moveobject {
         50% {
             left: 8%;
         }
     }

     .our-services-image::before {
         display: none;
     }

     .our-services-image::after {
         width: 210px;
         height: 160px;
         bottom: -50px;
     }

     .service-explore .our-service-item {
         width: 235px;
     }

     .service-explore .service-item-content h2 {
         font-size: 28px;
     }

     .service-item-content h3 {
         font-size: 22px;
     }

     .faqs-accordion {
         margin-bottom: 20px;
     }

     .our-faqs .col-lg-6:nth-child(2n + 2) .faqs-accordion {
         margin-bottom: 0;
     }

     .accordion-default .accordion-item h2 {
         font-size: 18px;
     }

     .our-team .lS5J5wvRXX p {
         width: 100%;
     }

     .team-image {
         margin-bottom: 10px;
     }

     .testimonial-item {
         width: 100%;
     }

     .testimonial-body-content h2 {
         font-size: 22px;
     }

     .scrolling-ticker {
         padding: 15px 0;
     }

     .scrolling-content span {
         font-size: 26px;
     }

     .footer-about {
         text-align: left;
     }

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

     .footer-contact-info {
         max-width: 100%;
         margin-bottom: 30px;
     }

     .Subscribe-Newsletters h3,
     .footer-links h3,
     .footer-contact-info h2 {
         font-size: 22px;
         margin-bottom: 20px;
     }

     .copy-right {
         margin-top: 30px;
     }

     .page-header {
         text-align: center;
     }

     .page-header-image {
         margin-top: 20px;
     }

     .page-header-box h2 {
         font-size: 30px;
     }

     .page-header-image img {
         width: 120px;
         height: 120px;
     }

     .about-us-image {
         margin-bottom: 20px;
     }

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

     .about-content-list ul li {
         width: 100%;
         margin-right: 0%;
     }

     .section-footer-btn.about-project {
         margin-right: 0px;
         display: block;
     }

     .section-footer-btn.about-project p {
         margin-left: 0;
         padding-top: 15px;
     }

     .section-footer-btn.about-project a span {
         font-size: 20px;
     }

     .our-company .lS5J5wvRXX p {
         max-width: 100%;
     }

     .our-company-item .icon-box img {
         width: 70px;
     }

     .company-content h3 {
         font-size: 22px;
     }

     .our-award .lS5J5wvRXX p {
         width: 100%;
     }

     .award-item-content h2 {
         font-size: 22px;
     }

     .our-culture .lS5J5wvRXX p {
         width: 100%;
     }

     .our-gallery {
         display: block;
         text-align: center;
     }

     .our-culture-box {
         width: 100%;
         padding: 0;
         margin-bottom: 20px;
     }

     .our-culture-box:last-child {
         margin-bottom: 0;
     }

     .our-culture-box.gallery-1 .our-culture-box-image img,
     .our-culture-box.gallery-2 .our-culture-box-image img,
     .our-culture-box.gallery-3 .our-culture-box-image img,
     .our-culture-box.gallery-4 .our-culture-box-image img,
     .our-culture-box.gallery-5 .our-culture-box-image img {
         width: 100%;
         aspect-ratio: 1 / 1;
         object-fit: cover;
     }

     .take-video-image img {
         width: 100%;
         height: 100%;
     }

     .video-tour-image::after {
         top: 42%;
         left: 45%;
         width: 50px;
         height: 50px;
     }

     .video-tour-content {
         margin-left: 0px;
     }

     .video-tour-counter {
         display: block;
     }

     .video-counter-item {
         width: 100%;
         margin-bottom: 10px;
     }

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

     .video-counter-item h3 {
         font-size: 28px;
         margin-bottom: 5px;
     }

     .our-company-client .lS5J5wvRXX {
         width: 100%;
     }

     .service-content h3 {
         font-size: 22px;
     }

     .service-content ul li i {
         font-size: 16px;
     }

     .company-growth .row .col-md-12 {
         margin-bottom: 20px;
     }

     .company-growth .row .col-12 {
         margin-bottom: 20px;
     }

     .company-growth .row .col-12:last-child {
         margin-bottom: 0px;
     }

     .company-growth-content h2 {
         font-size: 22px;
     }

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

     .company-growth-chart h2 {
         font-size: 22px;
     }

     .best-results-chart {
         position: absolute;
         width: 195px;
         height: 110px;
         top: 60%;
         right: 0;
     }

     .best-results-item h2 {
         font-size: 22px;
     }

     .service-benefit .lS5J5wvRXX p {
         width: 100%;
     }

     .service-single-list ul {
         display: block;
     }

     .service-single-list ul li {
         width: 100%;
         margin-right: 0;
     }

     .inculding-img-2 img {
         max-width: 150px;
     }

     .inculding-counter-img {
         top: auto;
         left: 0;
         bottom: 0;
     }

     .inculding-counter-img {
         width: 150px;
         height: 100px;
     }

     .inculding-counter-content h3 {
         font-size: 28px;
     }

     .service-benefit-list ul {
         display: block;
         width: 100%;
     }

     .service-benefit-list ul li {
         width: 100%;
         font-size: 16px;
         margin-right: 0;
     }

     .service-benefit-list ul li:last-child {
         margin-bottom: 0;
     }

     .page-header.meet-team p {
         max-width: 100%;
     }

     .post-item-body h2 {
         font-size: 22px;
     }

     .post-single-meta ul {
         display: block;
         padding: 10px;
         margin-bottom: 15px;
     }

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

     .post-single-content {
         margin-bottom: 20px;
         padding-bottom: 20px;
     }

     .post-entry blockquote {
         background: var(--accent-color) url(../images/icon-blockquote.svg) no-repeat 20px 20px;
         padding: 70px 20px 20px 20px;
     }

     .post-entry blockquote p {
         font-size: 20px;
     }

     .case-study-content h2 {
         font-size: 18px;
     }

     .case-study-content .section-footer-btn {
         margin-top: 20px;
     }

     .case-study-counter-box .counter-content h3 {
         font-size: 22px;
         margin-bottom: 5px;
     }

     .rating-img-2 img {
         width: 200px;
     }

     .rating-point {
         padding-left: 60px;
         margin-bottom: 20px;
     }

     .rating-point-no h3 {
         font-size: 26px;
         width: 50px;
         height: 50px;
     }

     .research-point-item::after {
         right: -12px;
     }

     .rating-point h2 {
         font-size: 22px;
         margin-bottom: 5px;
     }

     .research-point-title h3 {
         font-size: 22px;
     }

     .cta-box::after {
         display: none;
     }

     .cta-box-content {
         text-align: center;
         margin-bottom: 20px;
     }

     .cta-box-content h2 {
         font-size: 30px;
     }

     .cta-box-btn {
         text-align: center;
     }

     .pricing-header .icon-box {
         margin-right: 20px;
     }

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

     .pricing-content h3 {
         font-size: 22px;
     }

     .pricing-content p {
         font-size: 18px;
     }

     .contact-info-title h2 {
         font-size: 30px;
     }

     .contact-info-title h3 {
         font-size: 18px;
         margin-bottom: 20px;
     }

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

     .faqs-pricing-header .icon-box img {
         width: 70px;
     }

     .faqs-pricing-content h3 {
         font-size: 20px;
     }

     .faqs-pricing-content p {
         font-size: 18px;
     }

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