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

 .encabezado-claro {
 	background-color: #f4f4f4;
 	border-bottom: 2px solid #ff4500;
 	position: fixed;
 	width: 100%;
 	top: 0;
 	z-index: 100;
 }

 .pricing-card {
 	width: 320px;
 	background-color: #fff;
 	transition: all 0.3s ease-in-out;
 }

 .pricing-card:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
 }

 .pricing-card ul {
 	padding-left: 1.2rem;
 }

 .pricing-card ul li {
 	margin-bottom: 8px;
 }

 .modern-btn {
 	background-color: var(--secondary-color);
 	/* колір кнопки */
 	color: white;
 	padding: 12px 24px;
 	font-size: 16px;
 	border: none;
 	/* без рамки */
 	border-radius: 8px;
 	cursor: pointer;
 	transition: background-color 0.3s ease, transform 0.2s ease;
 	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .modern-btn:hover {
 	background-color: #45a049;
 	transform: translateY(-2px);
 }

 .ErDYSh0dfI {
 	max-width: 1200px;
 	margin: 0 auto;
 	padding: 10px 20px;
 	display: flex;
 	align-items: center;
 	justify-content: space-evenly;
 }

 .logo-destacado {
 	font-size: 1.8rem;
 	color: #ff4500;
 	font-weight: bold;
 	text-decoration: none;
 }

 .menu-icono {
 	font-size: 2rem;
 	color: #ff4500;
 	display: none;
 	cursor: pointer;
 }

 .menu-principal {
 	display: flex;
 	gap: 25px;
 }

 .menu-principal a {
 	text-decoration: none;
 	color: #333;
 	font-size: 1rem;
 	transition: color 0.3s;
 }

 .menu-principal a:hover {
 	color: #ff4500;
 }

 .menu-toggle {
 	display: none;
 }

 @media (max-width: 768px) {
 	.menu-icono {
 		display: block;
 	}

 	.menu-principal {
 		position: absolute;
 		top: 100%;
 		left: 0;
 		right: 0;
 		background: #ffffff;
 		flex-direction: column;
 		align-items: flex-start;
 		display: none;
 		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 	}

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

 	.menu-principal a {
 		padding: 15px 20px;
 		border-top: 1px solid #ddd;
 		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;
 	transition: opacity 0.3s ease-in-out;
 }

 .cookies-eu-banner .cookie-checkbox {
 	display: none;
 }

 .cookies-eu-banner .accept-btn {
 	display: inline-block;
 	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 .accept-btn:hover {
 	background: #fff;
 	color: #222;
 }

 .cookie-checkbox:checked+.cookies-content {
 	display: none;
 }

 :root {
 	--primary-font: "Mulish";
 	--primary-color: #1E193A;
 	--secondary-color: #F46621;
 	--black-color: #606060;
 	--white-color: #fff;
 	--success-color: #333333;
 	--tertiary-color: #FFFBF6;
 }

 body {
 	padding: 0px;
 	margin: 0px;
 	border: 0;
 	font-size: 16px;
 	line-height: 26px;
 	font-weight: 600;
 	font-family: var(--primary-font);
 }

 p {
 	margin: 0px;
 	color: var(--success-color);
 }

 /*** header ***/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: var(--primary-font);
 	margin: 0px;
 	padding: 0;
 	color: var(--success-color);
 }

 h1 {
 	font-size: 52px;
 	line-height: 62px;
 	font-weight: 900;
 }

 h2 {
 	font-size: 42px;
 	line-height: 52px;
 	font-weight: 800;
 }

 h3 {
 	font-size: 32px;
 	line-height: 42px;
 	font-weight: 700;
 }

 h4 {
 	font-size: 20px;
 	line-height: 30px;
 	font-weight: 700;
 }

 h5 {
 	font-size: 18px;
 	line-height: 28px;
 	font-weight: 500;
 }

 h6 {
 	font-size: 16px;
 	line-height: 26px;
 	font-weight: 700;
 }

 /*** list ***/
 ul,
 ol {
 	padding: 0px;
 	margin: 0px;
 	list-style: none;
 }

 /*** link ***/
 a {
 	color: var(--primary-color);
 	text-decoration: none;
 	transition: all 0.3s ease;
 }

 a,
 a:active,
 a:focus,
 a:active {
 	text-decoration: none;
 }

 a:hover,
 a:focus {
 	outline: none;
 	text-decoration: none;
 }

 .text-wrap {
 	color: var(--secondary-color);
 }

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

 /*** btn ***/
 .btn {
 	font-size: 16px;
 	font-weight: 700;
 	line-height: 26px;
 	font-family: var(--secondary-font);
 	background-color: var(--secondary-color);
 	color: var(--white-color);
 	border: none;
 	border-radius: 0px;
 	padding: 13px 30px;
 }

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

 /*** padding-top-bottom ***/
 .ptb-120 {
 	padding: 120px 0px;
 }

 .pt-120 {
 	padding-top: 120px;
 }

 .pt-110 {
 	padding-top: 110px;
 }

 .pt-100 {
 	padding-top: 100px;
 }

 .pt-90 {
 	padding-top: 90px;
 }

 .pt-80 {
 	padding-top: 80px;
 }

 .pt-70 {
 	padding-top: 70px;
 }

 .pt-60 {
 	padding-top: 60px;
 }

 .pt-50 {
 	padding-top: 50px;
 }

 .qKbcvTM0pp {
 	padding-top: 40px;
 }

 .pt-30 {
 	padding-top: 30px;
 }

 .pt-20 {
 	padding-top: 20px;
 }

 .pt-10 {
 	padding-top: 10px;
 }

 .pb-120 {
 	padding-bottom: 120px;
 }

 .pb-110 {
 	padding-bottom: 110px;
 }

 .pb-100 {
 	padding-bottom: 100px;
 }

 .pb-90 {
 	padding-bottom: 90px;
 }

 .pb-80 {
 	padding-bottom: 80px;
 }

 .pb-70 {
 	padding-bottom: 70px;
 }

 .pb-60 {
 	padding-bottom: 60px;
 }

 .pb-50 {
 	padding-bottom: 50px;
 }

 .pb-40 {
 	padding-bottom: 40px;
 }

 .B2SQxOxZhb {
 	padding-bottom: 30px;
 }

 .pb-20 {
 	padding-bottom: 20px;
 }

 .pb-10 {
 	padding-bottom: 10px;
 }

 /*** margin-top-bottom ***/
 .mt-10 {
 	margin-top: 10px;
 }

 .mt-20 {
 	margin-top: 20px;
 }

 .HGMIvY1pLt {
 	margin-top: 30px;
 }

 .mt-40 {
 	margin-top: 40px;
 }

 .mt-50 {
 	margin-top: 50px;
 }

 .mt-60 {
 	margin-top: 60px;
 }

 .mt-70 {
 	margin-top: 70px;
 }

 .mt-80 {
 	margin-top: 80px;
 }

 .mt-90 {
 	margin-top: 90px;
 }

 .mt-100 {
 	margin-top: 100px;
 }

 .x1NGoF8vtV {
 	margin-bottom: 10px;
 }

 .aY7Qkz8LC5 {
 	margin-bottom: 20px;
 }

 .mb-30 {
 	margin-bottom: 30px;
 }

 .mb-40 {
 	margin-bottom: 40px;
 }

 .mb-50 {
 	margin-bottom: 50px;
 }

 .mb-60 {
 	margin-bottom: 60px;
 }

 .mb-70 {
 	margin-bottom: 70px;
 }

 .mb-80 {
 	margin-bottom: 80px;
 }

 .mb-90 {
 	margin-bottom: 90px;
 }

 .mb-100 {
 	margin-bottom: 100px;
 }

 /************************* 
    02. Header
*************************/
 .header-wrap .top-bar {
 	background-color: var(--primary-color);
 }

 .top-bar .social-icon a i {
 	font-size: 22px;
 }

 .top-bar .social-icon a i:hover {
 	font-size: 22px;
 	color: var(--secondary-color);
 }

 .header-wrap .main-inner {
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
 	background-color: var(--white-color);
 }

 .main-inner .navbar-expand-lg .navbar-nav .nav-link {
 	padding: 13px 20px;
 	color: var(--primary-color);
 	font-weight: 700;
 }

 .main-inner .navbar-expand-lg .navbar-nav .nav-link:hover,
 .main-inner .navbar-expand-lg .navbar-nav .active {
 	color: var(--secondary-color);
 }

 .main-inner .navbar-expand-lg .navbar-toggler {
 	background: var(--secondary-color);
 	color: var(--white-color);
 	padding: 10px;
 	border: 0px;
 	border-radius: 4px;
 }

 .main-inner .navbar-expand-lg .navbar-toggler:hover {
 	background: var(--primary-color);
 	color: var(--white-color);
 }

 /************************* 
    03. Hero Section
*************************/
 .hero-section {

 	background-repeat: no-repeat;
 	background-position: center right;
 	width: 100%;
 	height: 700px;
 	display: flex;
 	align-items: center;
 }

 .hero-section .XOumx5qrDb h1 {
 	color: var(--primary-color);
 	margin-bottom: 20px;
 }

 .hero-section .XOumx5qrDb p {
 	font-weight: 700;
 	width: 87%;
 }

 .hero-section .play-icon:hover {
 	color: var(--secondary-color);
 }

 .mfp-image-holder .mfp-close,
 .mfp-iframe-holder .mfp-close {
 	color: var(--primary-color);
 	right: 0%;
 }

 .hero-section .home-image {
 	position: relative;
 	z-index: 1;
 }

 .hero-section .home-image .arrow-orange {
 	position: absolute;
 	top: 50%;
 	right: 0;
 	z-index: -1;
 }

 .hero-section .home-image .progress-arrow {
 	position: absolute;
 	bottom: 100px;
 	left: 0;
 }

 .hero-section .home-image .arrow-gray {
 	position: absolute;
 	top: 20%;
 	left: 0;
 }

 /************************* 
    04. Our Features Section
*************************/
 .svSNNbyHPH h6,
 .svSNNbyHPH h2 {
 	color: var(--success-color);
 }

 .divider-line {
 	width: 140px;
 }

 .svSNNbyHPH .DL4tFcu6QF {
 	position: relative;
 }

 .svSNNbyHPH .DL4tFcu6QF::after {
 	content: '';
 	border-right: 3px solid #F4F3F5;
 	position: absolute;
 	height: 200px;
 	right: 0;
 	top: 13%;
 }

 .svSNNbyHPH .DL4tFcu6QF p {
 	width: 68%;
 }

 .svSNNbyHPH .DL4tFcu6QF a {
 	color: var(--secondary-color);
 	font-size: 16px;
 	line-height: 26px;
 	font-weight: 700;
 }

 .svSNNbyHPH .DL4tFcu6QF a:hover {
 	color: var(--primary-color);
 }

 /************************* 
    05. About Us Section
*************************/
 .about-section {
 	background-color: var(--tertiary-color);
 }

 .about-section .oC26SR35z4 .lf0oEgDIQ5 {
 	width: 87%;
 }



 .about-section .pEFxYoErXA img {
 	width: 70%;
 }

 /************************* 
    06. Services Section
*************************/
 .services-section .services-item .card {
 	padding: 30px;
 	display: flex;
 	align-items: center;
 	border: 2px solid var(--white-color);
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
 	transition: all .5s;
 	border-radius: 0;
 }

 .services-section .services-item .card:hover {
 	border: 2px solid #F466213D;
 	cursor: pointer;
 }

 .services-section .services-item .card i {
 	width: 70px;
 	height: 70px;
 	padding: 16px;
 	border-radius: 50px;
 	font-size: 36px;
 	background-color: var(--secondary-color);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--white-color);
 }

 .services-section .services-item .card .card-body .xJG9APRZhw {
 	color: var(--black-color);
 	width: 80%;
 }

 .services-section .services-item .card .card-body a {
 	color: #000000;
 }

 .services-section .services-item .card .card-body a:hover {
 	color: var(--primary-color);
 }

 /************************* 
    07. Working Section
*************************/
 .working-section {
 	background-color: var(--tertiary-color);
 }

 .working-section .working-image {
 	width: 12%;
 }

 .working-section .slick-dots,
 .slick-arrow {
 	display: none !important;
 }

 .working-section .working-wrapper {
 	width: 83%;
 	padding: 55px 45px 55px 45px;
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 	background-color: var(--white-color);
 }

 .slick-initialized .slick-slide {
 	display: flex;
 	justify-content: center;
 }

 .working-wrap {
 	margin-top: -38px;
 }

 .working-wrap .working-title {
 	padding: 80px 40px 40px 40px;
 	border: 5px solid var(--secondary-color);
 }

 .working-wrap .working-text p {
 	width: 79%;
 }

 .left-arrow {
 	animation: run 2s linear infinite;
 }

 @keyframes run {
 	0% {
 		left: 0;
 	}

 	50% {
 		transform: translateX(-15px);
 	}

 	100% {
 		left: 0;
 	}
 }

 /************************* 
    08. work Process
*************************/
 .process-section .process-item-wrap .process-item {
 	width: 170px;
 	height: 170px;
 	background-color: var(--white-color);
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 	border-radius: 200px;
 	position: relative;
 }

 .process-wrapper {
 	background-image: url(../images/process-line.png);
 	background-position: 33% 100%;
 	background-repeat: no-repeat;
 	background-size: 62% auto;
 }

 .process-item-wrap .process-item span {
 	position: absolute;
 	top: 0;
 	background-color: var(--primary-color);
 	padding: 11px 10px 11px 10px;
 	right: 9px;
 	border-radius: 50px;
 	color: var(--white-color);
 	font-size: 16px;
 	line-height: 18px;
 }

 .process-item-wrap .process-item h6 {
 	width: 41%;
 	text-align: center;
 	padding-top: 15px;
 }

 /************************* 
    09. Real Numbers
*************************/
 .counter-section {
 	background-color: var(--tertiary-color);
 }

 .counter-section .counter-image {
 	background-image: url(../images/background-circle.png);
 	background-repeat: no-repeat;
 	background-size: auto;
 	background-position: 15% center;
 	position: relative;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

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

 .counter-section .counter-image .arrow-black {
 	position: absolute;
 	left: 70px;
 	top: 20%;
 	width: 10%;
 }

 .counter-section .counter-content h2 {
 	width: 85%;
 }

 .counter-section .counter-content p {
 	width: 73%;
 }

 .counter-section .counter-icon-list i {
 	color: var(--secondary-color);
 	padding-right: 10px;
 }

 .counter-number-wrap .counter-wrap h3 {
 	font-size: 36px;
 	line-height: 46px;
 	color: var(--primary-color);
 }

 .counter-number-wrap span {
 	font-size: 18px;
 	line-height: 28px;
 	color: var(--black-color);
 }

 .counter-number-wrap {
 	width: 33%;
 	border-right: 2px dotted var(--black-color);
 	display: flex;
 	align-items: center;
 	flex-direction: column;
 	text-align: center;
 }

 .counter-number-wrap:last-child {
 	border-right: 0px;
 }

 /************************* 
    10. Your Seo Score?
*************************/
 .cta-section .cta-image {
 	background-image: url(../images/seo-check-element.png);
 	background-repeat: no-repeat;
 	position: relative;
 }

 .cta-section .form-control {
 	box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1);
 	padding: 14px 25px 14px;
 	border-radius: 0px;
 	border: 1px solid #fff;
 }

 .cta-section P {
 	width: 48%;
 	text-align: center;
 }

 .cta-section .form-control:focus {
 	box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
 	border: 1px solid #69727d;
 }

 .cta-section .form-group .btn {
 	padding: 13px 38px;
 }

 .cta-section .arrow-gradient {
 	width: 150px;
 	position: absolute;
 	right: 0;
 }

 /************************* 
    11. Creative Team
*************************/
 .team-section {
 	background-color: var(--tertiary-color);
 }

 .team-section h2 {
 	width: 50%;
 }

 .team-item-wrap .card {
 	padding: 30px;
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
 	background-color: transparent;
 	border: 0px;
 }

 .team-item-wrap .card:hover {
 	cursor: pointer;
 	background-color: var(--white-color);
 }

 .team-item-wrap .card .card-img-top {
 	width: 130px;
 	border-radius: 140px;
 }

 .team-item-wrap .card .card-body .card-title,
 .team-item-wrap .card .card-body .xJG9APRZhw {
 	color: var(--success-color);
 }

 .team-item-wrap .card .card-body .card-social-icon i {
 	padding: 0px 15px;
 	font-size: 18px;
 	display: flex;
 	line-height: 28px;
 	color: var(--black-color);
 	width: 40px;
 	text-align: center;
 	height: 40px;
 	align-items: center;
 	justify-content: center;
 }

 .team-item-wrap .card .card-body .card-social-icon i:hover {
 	border-radius: 30px;
 	background-color: var(--secondary-color);
 	color: var(--white-color);
 }

 /************************* 
    12. Choose Your Plan
*************************/
 .pricing-section .pricing-wrap .card {
 	border: 2px solid #F466214F;
 	padding: 25px 0px;
 	border-radius: 0px;
 }

 .pricing-section .pricing-wrap .card .card-title {
 	padding: 8px 16px 8px 16px;
 	background-color: var(--secondary-color);
 	border-radius: 0px 30px 30px 0px;
 	color: var(--white-color);
 	display: block;
 	width: 135px;
 }

 .pricing-section .pricing-wrap .card .card-body {
 	padding: 0px 25px;
 }

 .pricing-section .pricing-wrap .card .card-body h2,
 .pricing-section .pricing-wrap .card .card-body ul li a {
 	color: var(--success-color);
 }

 .pricing-section .pricing-wrap .card .card-body h5 {
 	color: var(--black-color);
 }

 .pricing-section .pricing-wrap .card .card-body span {
 	width: 100%;
 	border: 1px solid #6060603b;
 	display: inline-block;
 }

 /************************* 
    13. Testimonials
*************************/
 .testimonials-section {
 	background-color: var(--tertiary-color);
 	background-image: url(../images/testimonials-bg.png);
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: 56%;
 }

 .testimonial-slide p {
 	width: 60%;
 	text-align: center;
 	font-weight: 700;
 }

 .testimonials-section .testimonial-slide {
 	cursor: pointer;
 }

 .testimonials-wrapper .slick-arrow {
 	display: none !important;
 }

 .testimonials-wrapper .slick-dots {
 	display: flex !important;
 	justify-content: center;
 	padding-top: 40px;
 }

 .testimonials-wrapper .slick-dots li {
 	margin: 0 5px;
 }

 .testimonials-wrapper .slick-dots button {
 	display: block;
 	width: 10px;
 	height: 10px;
 	padding: 0;
 	border-radius: 100%;
 	background-color: transparent;
 	border: 0px;
 	text-indent: -9999px;
 	background-color: var(--black-color);
 }

 .testimonials-wrapper .slick-dots li.slick-active button {
 	background-color: var(--secondary-color);
 }

 /************************* 
    14. Blog
*************************/
 .G2yby0SuEB .blog-item .card {
 	padding: 30px;
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 	border: 0px;
 }

 .G2yby0SuEB .blog-item .card .xJG9APRZhw {
 	color: var(--success-color);
 }

 .G2yby0SuEB .blog-item .card .card-body .blog-btn {
 	color: var(--secondary-color);
 	font-weight: 700;
 	font-size: 18px;
 	line-height: 28px;
 }

 .G2yby0SuEB .blog-item .card .card-body .blog-btn:hover {
 	color: var(--primary-color);
 }

 .A88KkHSvFh {
 	max-width: 1280px;
 	margin: auto;
 	padding: 60px 30px;
 	background: linear-gradient(135deg, #e0f7fa, #ffffff);
 	border-radius: 20px;
 }

 .bqdW40S52y {
 	font-size: 2.4rem;
 	text-align: center;
 	color: #004d40;
 	margin-bottom: 50px;
 }

 .review-flex {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 32px;
 	justify-content: space-between;
 }

 .review-card {
 	background: #ffffff;
 	border: 1px solid #b2dfdb;
 	border-radius: 14px;
 	padding: 24px;
 	width: calc(50% - 16px);
 	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
 	transition: transform 0.2s;
 }

 .review-card:hover {
 	transform: translateY(-5px);
 }

 .review-header {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 10px;
 }

 .pZYr6jpGCd {
 	font-weight: 600;
 	font-size: 1.1rem;
 	color: #00695c;
 }

 .dKZdxXaxJZ {
 	color: #ffca28;
 	font-size: 1.2rem;
 }

 .review-text {
 	color: #37474f;
 	font-size: 0.96rem;
 	line-height: 1.6;
 }

 @media (max-width: 768px) {
 	.review-card {
 		width: 100%;
 	}
 }

 /************************* 
    15. Footer
*************************/
 .footer-section {
 	background-image: url(../images/footer-bg-image.png);
 	background-position: center center;
 	padding: 120px 120px;
 	background-size: cover;
 	background-repeat: no-repeat;
 }

 .footer-section img {
 	display: inline-block;
 	width: 200px;
 }

 .footer-section .footer-item a {
 	color: var(--success-color);
 }

 .footer-section .k0jXHmOLZo ul li a {
 	padding: 0px 20px;
 }

 .footer-section .k0jXHmOLZo ul li .active,
 .footer-section .k0jXHmOLZo ul li a:hover {
 	color: var(--secondary-color);
 }

 .footer-section p {

 	color: var(--primary-color);
 }

 .footer-contact-item .footer-item i {
 	font-size: 23px;
 	padding: 16px;
 	background-color: var(--secondary-color);
 	color: var(--white-color);
 	border-radius: 30px;
 	margin-right: 15px;
 }

 .footer-social-icon i {
 	font-size: 22px;
 	width: 50px;
 	height: 50px;
 	background-color: var(--primary-color);
 	color: var(--white-color);
 	padding: 12px;
 	border-radius: 30px;
 	margin-right: 15px;
 	transition: all .3s ease-in-out;
 	text-align: center;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .footer-social-icon i:hover {
 	font-size: 22px;
 	background-color: var(--secondary-color);
 	color: var(--white-color);
 	transform: scale(1.1);
 }

 /************************* 
    16. Blog Page
*************************/
 .main-hero-section {

 	background-repeat: no-repeat;
 	background-position: top left;
 	background-size: contain;
 	height: 200px;
 	display: flex;
 	align-items: center;
 }

 .main-hero-image img {
 	width: 60%;
 	max-width: 100%;
 }

 .main-hero-section .main-hero-image {
 	position: relative;
 }

 .main-hero-image .about-arrow-image {
 	position: absolute;
 	top: 50%;
 	left: 113px;
 }

 /************************* 
    17. About Us Page
*************************/
 .z743k9pA2i {
 	background-color: var(--tertiary-color);
 }

 .mission-about-section {

 	background-repeat: no-repeat;
 	background-position: top center;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .mission-about-section .video-wrap {
 	position: relative;
 }

 .mission-about-section .mission-about-wrap {
 	margin-top: -80px;
 	border-radius: 20px;
 	z-index: 99;
 	position: relative;
 	text-align: center;
 }

 .mission-about-section .popup-video .play-icon {
 	margin-top: -50px;
 	position: absolute;
 	top: 75px;
 	left: 75px;
 }

 .nvv18Sxsam h2 {
 	width: 86%;
 }

 .mfp-container {
 	padding-left: 6px;
 	padding-right: 6px;
 	position: fixed;
 	background-color: #000000b0;
 }

 .step-section .step-item,
 .step-section .people-item,
 .step-section .process-item {
 	background-color: var(--white-color);
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
 	padding: 30px;
 	border-radius: 10px;
 	border: 2px solid var(--white-color);
 }

 .step-item h5,
 .people-item h5,
 .process-item h5 {
 	width: 54px;
 	height: 47px;
 	background-color: #FDE4E7;
 	border-radius: 30px;
 	padding: 10px;
 	font-weight: 700;
 	text-align: center;
 	font-size: 24px;
 	color: var(--secondary-color);
 	margin-right: 20px;
 }

 .people-item h5 {
 	background-color: #E7E3FF;
 	color: #745EFE;
 }

 .process-item h5 {
 	background-color: #FEF3D9;
 	color: #ec901c;
 }

 .people-item .stop-item-text p,
 .process-item .stop-item-text p {
 	width: 90%;
 }

 .step-section .people-item:hover {
 	cursor: pointer;
 	border: 2px solid #745EFE;
 }

 .step-section .process-item:hover {
 	cursor: pointer;
 	border: 2px solid #ed901b;
 }

 .step-item .stop-item-text p {
 	width: 90%;
 }

 .step-section .step-item:hover {
 	cursor: pointer;
 	border: 2px solid #E25549;
 }

 .choose-section {
 	background-color: var(--tertiary-color);
 }

 .choose-section .choose-text h2 {
 	width: 80%;
 }

 .choose-section .choose-text p {
 	width: 80%;
 }

 .choose-section .animated-progress {
 	width: 100%;
 	height: 18px;
 	border-radius: 15px;
 	overflow: hidden;
 	position: relative;
 	background-color: #eeeeee;
 	margin-top: 10px;
 }

 .choose-section .animated-progress span {
 	height: 100%;
 	display: block;
 	width: 0;
 	color: rgb(255, 251, 251);
 	line-height: 30px;
 	position: absolute;
 	text-align: end;
 	font-size: 12px;
 	background-color: var(--secondary-color);
 	line-height: 19px;
 	padding-right: 5px;
 }

 .choose-section .choose-image img {
 	width: 80%;
 }

 .about-counter {
 	background-image: url(../images/counter-bg.png);
 	background-repeat: no-repeat;
 	background-position: center center;
 }

 .about-counter .counter-number-wrap {
 	width: 25%;
 }

 .about-counter .counter-number-wrap .counter-wrap h3 {
 	font-size: 52px;
 	line-height: 46px;
 	font-weight: 700;
 	margin-bottom: 10px !important;
 }

 .about-working-section {
 	background-color: transparent;
 }

 /************************* 
    18. Services Page
*************************/
 .services-counter .counter-image {
 	background-image: none;
 }

 .client-section {
 	background-color: var(--tertiary-color);
 }

 .client-image {
 	background-image: url(../images/background-circle.png);
 	background-position: center center;
 	background-repeat: no-repeat;
 }

 .client-section .form-control {
 	padding: 15px 25px;
 	margin-bottom: 20px;
 	border: 1px solid #F4662130;
 	border-radius: 0px;
 	font-weight: 600;
 	color: var(--black-color);
 }

 /************************* 
    19. Our Customer  Page
*************************/
 .trust-section p {
 	width: 52%;
 }

 .trust-wrapper {
 	margin: 60px 0px 0px 0px;
 	padding: 40px 0px 40px 0px;
 	border-style: solid;
 	border-width: 1px 0px 1px 0px;
 	border-color: #33333312;
 	border-radius: 0px 0px 0px 0px;
 }

 .touch-section {
 	background-color: var(--tertiary-color);
 }

 .touch-section .form-control {
 	padding: 15px 25px;
 	margin-bottom: 20px;
 	border: 1px solid #F4662130;
 	border-radius: 0px;
 	font-weight: 600;
 	color: var(--black-color);
 }

 /************************* 
    20. Contact  Page
*************************/
 .contact-details .P8NLgaedZe {
 	color: var(--success-color) !important;
 	font-size: 18px !important;
 	line-height: 28px !important;
 }

 .contact-testimonials-section {
 	background-color: var(--white-color);
 }

 /************************* 
    21. Single Blog Page
*************************/
 .blog-details-wrap span {
 	color: var(--secondary-color);
 }

 .related-box {
 	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
 	padding: 20px 20px 20px 20px;
 	border-radius: 8px;
 }

 .blog-box .related-box .card-img-top {
 	width: 30%;
 	background-size: cover;
 	border-radius: 0px;
 }

 .blog-box .related-box .site-info i:hover {
 	background-color: var(--secondary-color);
 	transform: translateY(-8px);
 	transition-duration: 0.3s;
 	transition-timing-function: ease-out;
 	cursor: pointer;
 }

 .blog-box .related-box .site-info i {
 	background-color: var(--primary-color);
 	padding: 12px 14px;
 	color: var(--white-color);
 	border-radius: 50px;
 	margin-right: 5px;
 	font-size: 18px;
 	list-style: 28px;
 }

 /************************* 
    22. 404 Page
*************************/
 .error-page {
 	background: url(../images/404-background.png);
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center;
 	display: flex;
 	align-items: center;
 	height: 100vh;
 }

 .error-page-text-area img {
 	width: 50%;
 }

 .error-page-text-area p {
 	width: 50%;
 }

 .error-page .error-page-text-area .btn-home:hover {
 	color: var(--white-color);
 	background: var(--primary-color);
 }

 /************************* 
    23. Coming Soon Page
*************************/
 .coming-hero-section {
 	background-image: url(../images/404-background.png);
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center;
 	display: flex;
 	align-items: center;
 	height: 100vh;
 }

 .coming-hero-text img {
 	width: 30%;
 }

 .coming-hero-title p {
 	width: 30%;
 }

 .coming-hero-text .contact-form .form-control {
 	background-color: var(--white-color);
 	border: 2px solid var(--success-color);
 	color: var(--black-color) !important;
 	border-radius: 0px;
 }

 .coming-hero-text .contact-form .form-btn {
 	border-radius: 10px;
 	margin-left: 15px;
 }