/* TCtech IT solution & Technology Services HTML-5 Template */

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

	.about-two_image,
	.slider-one_pagination {
		display: none;
	}

	.about-two_content-outer {
		padding-left: 0px;
	}

	.about-two_content-outer .sec-title_text {
		max-width: 100%;
	}

}

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

	.main-header .main-menu .navigation>li>a {
		font-size: 16px;
	}

	.main-header .main-menu .navigation>li {
		margin-right: 20px;
	}

	.slider-one .swiper-slide {
		padding: 300px 0px 150px;
	}

	.slider-one_socials {
		display: none;
	}

	.video-one::before {
		top: 0px;
	}

	.video-one .image img {
		max-width: 100%;
	}

	.skill-one_title-outer {
		padding-right: 0px;
	}

	.skill-one_gallery-outer {
		padding-left: 0px;
	}

	.time-table-section .table-outer {
		overflow-y: visible;
		overflow-x: auto;
	}

	.table-outer {
		position: relative;
		overflow-x: scroll;
	}

}

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

	h1 {
		line-height: 90px;
		font-size: 76px;
	}

	h2 {
		line-height: 60px;
		font-size: 50px;
	}

	.counter-one .counter-block_one {
		width: 33.33333%;
	}

	.service-block_one-text {
		padding: 0px 0px;
	}

	.main-header.header-style-one .header-lower .inner-container {
		padding-right: 20px;
	}

	.testimonial-block_two-content {
		padding: 50px 50px 120px;
	}

	.service-block_three {
		margin: 0px 5px 20px;
	}

	.news-block_two-inner:before {
		display: none;
	}

	.news-block_two-inner,
	.accordion-box .block {
		padding-left: 0px;
		padding-right: 0px;
	}

	.testimonial-two_title-outer {
		padding-left: 0px;
	}

	.counter-three_gallery-outer {
		padding-right: 0px;
	}

	.services-four_images-outer {
		width: 320px;
		height: 280px;
	}

	.team-block_two-content {
		padding-left: 90px;
	}

	.testimonial-block_three-inner {
		padding: 0px 60px 20px;
	}

	.testimonial-block_three-text {
		font-size: 30px;
		line-height: 40px;
	}

	.feature-block_two-inner {
		padding-right: 30px;
	}

	.testimonial-one .swiper-container {
		margin-right: 0px;
	}

}

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

	.main-header .main-menu .navigation>li {
		margin-right: 15px;
	}

	.main-header .main-menu .navigation>li>a {
		font-size: 16px;
	}

	.main-header .header-lower {
		border-radius: 0px;
	}

	.main-header .header-lower .outer-box {
		margin-top: 0px;
	}

	h3 {
		line-height: 38px;
		font-size: 28px;
	}

	.main-header_button {
		display: none;
	}

	.header-top .inner-container {
		padding: 0px 0px;
		margin-bottom: 15px;
	}

	.main-header .header-lower .logo-box .logo {
		margin-top: 0px;
	}

	.main-header {
		top: 15px;
	}

	.service-block_one-inner {
		padding: 60px 20px;
	}

	.cta-one .inner-container {
		padding: 290px 60px 60px;
	}

	.services-four .inner-container {
		margin-top: 80px;
	}

	.service-four_button,
	.header-phone_box {
		display: none;
	}

	.testimonial-block_two-content {
		padding: 35px 35px 120px;
	}

	.testimonial-block_two-text {
		font-size: 34px;
		line-height: 44px;
	}

	.testimonial-block_two-info .info {
		margin-top: 0px;
	}

	.testimonial-block_two-info {
		margin-left: 25px;
	}

	.service-block_three-inner {
		font-size: 22px;
	}

	.services-three .lower-box {
		margin-top: 20px;
	}

	.slider-two_button {
		margin-top: 30px;
	}

	.slider-two_image-two {
		position: relative;
		margin-top: 25px;
	}

	.slider-two .swiper-slide {
		padding-bottom: 140px;
	}

	.agency-one_button {
		display: none;
	}

	.counter-block_three-count {
		font-size: 70px;
	}

	.price-block_one .price-block_one-inner {
		padding: 30px 30px;
	}

	.team-block_two-image {
		right: 15px;
		top: -80px;
		width: 150px;
		height: 150px;
	}

	.services-five .content-column {
		margin-top: 35px;
	}

	.services-five_outer {
		padding-left: 0px;
	}

	.testimonial-three {
		padding-bottom: 120px;
	}

	.news-block_three-title {
		max-width: 400px;
	}

	.news-three_button {
		margin-bottom: 40px;
	}


	.shop-detail_content-column .inner-column {
		padding-left: 0px;
	}

}

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

	.main-header .main-box .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
		text-align: left;
	}

	.main-header .outer-box {
		position: static;
		display: block;
	}

	.main-header .mobile-nav-toggler {
		display: block;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
	}

	.main-header .nav-outer,
	.main-header .sticky-header .main-menu {
		display: none;
	}

	.main-header #navbarSupportedContent {
		display: block;
	}

	.main-header .mCSB_inside>.mCSB_container {
		margin-right: 0px;
	}

	.main-header .outer-box {
		margin-left: 0px;
	}

	.main-header .main-menu {
		display: none;
	}

	.mobile-menu .navigation li.has-mega-menu>.mega-menu {
		display: none;
		overflow: hidden;
	}

	.main-header .mobile-menu .navigation li.has-mega-menu .mega-menu .mega-menu-bar .column h6 {
		display: none;
	}

	.main-header .mobile-menu .navigation li.has-mega-menu .mega-menu .mega-menu-bar .column {
		width: 100%;
	}

}

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

	.mega-menu-bar h6 {
		margin-left: 20px;
		margin-top: 15px;
		font-weight: 600;
		display: none;
	}

	.mobile-menu .navigation li.has-mega-menu>.mega-menu {
		display: none;
		overflow: hidden;
	}

	.about-one_image {
		margin-bottom: 40px;
	}

	.testimonial-one .swiper-container {
		margin-right: 0px;
	}

	.agency-one_image,
	.cta-two::before,
	.testimonial-two_pattern,
	.sec-title_heading br {
		display: none;
	}

	.agency-one_content {
		position: relative;
		bottom: 0px;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.agency-one_text,
	.agency-block_one-inner {
		max-width: 100%;
	}

	.testimonial-block_two-content {
		padding: 30px 30px 30px;
	}

	.testimonial-block_two-inner {
		padding-bottom: 30px;
		background-color: #F5F5F5;
	}

	.testimonial-block_two-info {
		margin-top: 0px;
		padding-right: 30px;
	}

	.gallery-two_text {
		display: block;
		max-width: 100%;
	}

	.counter-three_count-column,
	.testimonial-two_title-column {
		order: 1;
	}

	.counter-three_gallery-column,
	.testimonial-two_carousel-column {
		order: 2;
	}

	.testimonial-two_title-outer {
		padding-bottom: 50px;
	}

	.gallery-three_button {
		margin-bottom: 30px;
	}

	.sticky-top {
		top: 0px;
	}

	.team-detail_two .image-column .image {
		margin-right: 0px;
	}

	.team-detail_two .content-column .content-inner {
		margin-top: 40px;
	}


	.project-detail_info {
		display: block;
	}

	.project-detail_info li {
		width: 33%;
		display: inline-block;
	}

}

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

	.team-block_four-inner {
		gap: 30px;
	}

	h1 {
		line-height: 70px;
		font-size: 60px;
	}

	.about-one_authors {
		margin-top: 20px;
	}

	.service-block_two-number {
		display: none;
	}

	.service-block_two-inner {
		padding-left: 0px;
	}

	.app-block_one-icon {
		width: auto;
		height: auto;
		line-height: inherit;
	}

	.app-block_one-inner {
		padding: 50px 10px 30px;
	}

	.app-block_one-title {
		font-size: 20px;
	}

	.testimonial-two_title-column .about-one_button,
	.services-three_button {
		display: none;
	}

	.services-three .lower-box .content {
		font-size: 14px;
		padding: 14px 15px;
		text-align: center;
		justify-content: center !important;
	}

	.services-four_images-outer {
		position: relative;
		right: 0px;
		top: 0px;
		margin-left: 20px;
		margin-bottom: 60px;
	}

	.marketing-three .animation_mode h1 {
		font-size: 80px;
		padding: 0px 0px 0px;
	}

	.news-two {
		padding-top: 30px;
	}

	.cta-two h1 {
		font-size: 80px;
		line-height: 90px;
	}

	.cta-two_title {
		font-size: 24px;
	}

	.slider-three_heading {
		margin-bottom: 35px;
	}

	.about-two_shadow {
		display: none;
	}

	.about-two_image-two {
		margin-top: 30px;
	}

}

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

	.main-header .header-upper .logo-outer {
		position: relative;
		width: 100%;
	}

	.main-header .sticky-header .outer-box {
		display: block;
		right: 0px;
		left: auto;
		top: 0px;
	}

	.main-header .main-menu {
		width: 100%;
		display: none;
	}

	.main-header .main-menu .navbar-collapse>.navigation li.dropdown:after,
	.main-header .main-menu .navigation>li>ul:before {
		display: none !important;
	}

	.main-header .main-box .logo-box {
		float: none;
		text-align: center;
		padding-bottom: 10px;
	}

	.main-header .header-lower .outer-box {
		position: relative;
		z-index: 12;
		display: block;
	}

	.main-header .main-menu .navbar-header .navbar-toggler {
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}

	.main-header .main-menu .navbar-header .navbar-toggler .icon-bar {
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin: 0 auto;
		margin: 5px 11px;
	}

	.main-header .nav-outer .mobile-nav-toggler {
		display: block;
	}

	.main-header #navbarSupportedContent {
		display: block;
	}

	.main-header .mCSB_inside>.mCSB_container {
		margin-right: 0px;
	}

	.clock-wrapper {
		display: none;
	}

	.coming-soon .content .content-inner h2 {
		margin-bottom: 30px;
	}

	.time-counter .time-countdown {
		margin-bottom: 30px;
	}

	.counter-one_inner {
		text-align: center;
	}

	.header-top {
		display: none;
	}

	h2 {
		line-height: 46px;
		font-size: 36px;
	}

	.service-block_two-button {
		margin-top: 25px;
	}

	.service-block_two-inner {
		margin-left: 125px;
	}

	.app-one .app-block_one {
		width: 33.333%;
	}

	.counter-one .counter-block_one {
		width: 50%;
	}

	.cta-one .inner-container {
		padding: 100px 30px 30px;
		background-image: none !important;
	}

	.main-footer_bg {
		display: none;
	}

	.main-footer {
		background-color: var(--color-two);
	}

	.main-footer .inner-container {
		padding-left: 0px;
		padding-bottom: 0px;
	}

	.video-one_play {
		display: none;
	}

	.about-one {
		padding-bottom: 60px;
	}

	.video-one .expand-section {
		width: 100%;
	}

	.cta-one_bg {
		display: none;
	}

	.cta-one {
		background-color: var(--color-two);
	}

	.slider-two_content-inner {
		padding-left: 0px;
	}

	.slider-two_pattern-two,
	.slider-two_image {
		display: none;
	}

	.slider-two .swiper-slide {
		padding-top: 180px;
	}

	.cta-three .inner-container::before,
	.cta-three_image {
		display: none;
	}

	.about-two {
		padding: 20px 0;
	}

	.testimonial-three_carousel-column .bg-color {
		border-radius: 100px;
	}



	.slider-three .swiper-slide {
		padding-bottom: 120px;
	}

	.about-block_one-inner br,
	.about-one_contact {
		display: none;
	}

	.about-two_phone {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.sec-title_title {
		font-size: 16px;
	}

	.testimonial-three .single-item_carousel-prev,
	.testimonial-three .single-item_carousel-next {
		display: none;
	}

	.testimonial-three_authors {
		margin-bottom: 40px;
	}

	.project-detail_info {
		display: block;
		border: none;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.project-detail_info li {
		width: 49%;
		border: none;
		padding: 10px 0px;
		display: inline-block;
	}

	.post-share-options .social-links {
		margin-top: 15px;
	}

	.blog-author-post_inner {
		padding-left: 0px;
	}

	.blog-detail_author-image {
		position: relative;
		margin-bottom: 25px;
	}

	.sidebar-page-container .comments-area .reply-comment {
		margin-left: 0px;
	}

	.comments-area {
		padding: 25px 25px;
	}

	.error-section h1 {
		font-size: 180px;
	}

}

@media only screen and (max-width: 599px) {
	.dsdsdzzc {
		display: none;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		font-variant: initial;
		line-height: 1;
		font-size: 40px;
	}

	h1 {
		line-height: 50px;
		font-size: 40px;
	}

	.footer-social_box {
		margin-bottom: 0px;
	}

	.about-one_author {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.about-one_image {
		margin-top: 35px;
	}

	.app-one .app-block_one {
		width: 50%;
	}

	.counter-one .counter-block_one {
		width: 100%;
	}

	.counter-block_one-inner {
		border: none;
		padding-bottom: 30px;
	}

	.feature-block_two-text {
		line-height: 30px;
	}

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

	.main-footer .footer-logo {
		position: relative;
		margin-bottom: 25px;
	}

	.footer-bottom {
		padding: 15px 0px 15px;
	}

	.main-footer_copyright {
		margin-bottom: 15px;
	}

	.accordion-box .block .content .text {
		line-height: 28px;
		font-size: 15px;
	}

	.cta-two h1 {
		margin-top: 25px;
		font-size: 60px;
		line-height: 60px;
	}

	.cta-two {
		padding: 80px 0px 80px;
	}

	.privacy-section h4 br,
	.news-block_four-more,
	.slider-three_socials,
	.news-block_two-title a br,
	.counter-two_counts {
		display: none;
	}

	.testimonial-block_two-info .info,
	.gallery-two_text {
		font-size: 16px;
	}

	.testimonial-block_two-text {
		font-size: 24px;
		line-height: 34px;
	}

	.testimonial-block_two-info .author-image {
		margin-top: 25px;
	}

	.services-four {
		padding-bottom: 30px;
	}

	.counter-two {
		margin-top: 0px;
	}

	.contact-one_address {
		font-size: 18px;
		line-height: 28px;
		text-align: center;
	}

	.contact-one {
		padding-top: 20px;
	}

	.contact-form .form-group input,
	.contact-form .form-group textarea {
		font-size: 14px !important;
	}

	.news-block_two-arrow {
		margin-top: 20px;
	}

	.slider-three_text {
		max-width: 100%;
		margin-right: 0px;
	}

	.service-block_five-button {
		margin-top: 20px;
	}

	.service-block_five-inner {
		margin-left: 0px;
	}

	.service-block_five-icon {
		position: relative;
		top: 0px;
		margin-bottom: 25px;
	}

	.testimonial-three_carousel-column .bg-color {
		left: 0px;
		right: 0px;
	}

	.testimonial-block_three-inner {
		padding: 0px 20px 20px;
	}

	.news-block_three-title {
		line-height: 30px;
		font-size: 20px;
	}

	.news-block_four-content {
		left: 15px;
		bottom: 15px;
		right: 15px;
	}

	.news-three {
		padding-bottom: 70px;
	}

	.team-detail_two .contact-box {
		padding: 30px 30px;
	}

	.team-detail_two p,
	.team-detail_two-text {
		font-size: 16px;
	}

	.project-detail_lists li {
		font-size: 18px;
	}

	.shop-detail_title {
		font-size: 28px;
		line-height: 38px;
	}

	.comments-area {
		padding: 30px 30px;
	}

	.reply-comment {
		margin-left: 0px;
	}

	.sidebar-page-container .comments-area .comment {
		padding-left: 0px;
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb {
		position: relative;
	}

	.comment-form-outer .rating strong {
		display: block;
		margin-top: 20px;
		margin-left: 0px;
	}

	.error-section .text {
		font-size: 16px;
	}

}

@media only screen and (max-width: 479px) {
	.contact-one_title-image_three {
		bottom: 165px;
		border: none;
		border-radius: 0;
	}

	.ccvvdd {
		display: none !important;
	}

	.widgets-section {
		padding: 15px 0 !important;
	}

	.contact-one_phone {
		display: block;
		width: 100%;
		text-align: center;
	}

	.contact-one_title-image_three img {
		padding: 10px;
		width: 100%;
	}

	.sec-title h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.mobile-menu .nav-logo img {
		max-width: 60px;
		margin-right: 10px;
	}

	.mobile-menu .nav-logo {
		font-size: 20px;
		font-weight: 700;
		padding-bottom: 10px;
	}

	.services-five .auto-container {
		padding: 25px 10px;
	}

	.sec-title {
		text-align: center;
	}

	.about-widget,
	.process-block_one-number,
	.main-header .header-lower .nav-outer::before,
	.main-header .search-box-btn {
		display: none;
	}

	.main-header .header-lower .logo-box .logo {
		border: none;
		padding: 0px 0px;
	}

	.main-header.header-style-one .header-lower .inner-container {
		padding-right: 0px;
	}

	.slider-one .swiper-slide {
		padding: 200px 0px 150px;
	}

	h1 {
		line-height: 44px;
		font-size: 34px;
	}

	h2 {
		line-height: 40px;
		font-size: 28px;
	}

	.sec-title_title {
		font-size: 20px;
	}

	.sec-title_text {
		font-size: 18px;
	}

	.slider-one_authors ul {
		margin-left: 25px;
	}

	.service-block_two-inner {
		margin-left: 0px;
	}

	.service-block_two-icon {
		position: relative;
		margin-bottom: 20px;
		display: inline-block;
	}

	.service-block_two-heading span {
		line-height: 26px;
	}

	.process-block_one-inner {
		margin-left: 0px;
	}

	.process-block_one-inner {
		padding: 25px 25px;
	}

	.testimonial-one .swiper-container {
		margin-left: -15px;
	}

	.testimonial-block_one-inner {
		padding: 25px 25px 30px;
	}

	.testimonial-block_one-author {
		margin-left: 0px;
	}

	.feature-block_two-inner {
		min-height: auto;
		padding: 0px 20px 25px;
	}

	.feature-block_two-title {
		position: relative;
		font-size: 150px;
	}

	.marketing-two .animation_mode h1 {
		font-size: 22px;
	}

	h3 {
		line-height: 34px;
		font-size: 24px;
	}

	.footer-list li {
		font-size: 16px;
	}

	.footer-text {
		font-size: 16px;
		line-height: 30px;
	}

	.service-block_three .icon {
		display: none;
	}

	.service-block_three {
		display: block;
	}

	.service-block_three-inner {
		display: block;
		padding: 20px 10px;
	}

	.agency-block_one strong {
		font-size: 22px;
		line-height: 1.5;
	}

	.app-one {
		display: none;
	}

	.agency-block_one-inner {
		font-size: 14px;
	}

	.agency-block_one {
		margin-bottom: 25px;
	}

	.services-four_images-outer {
		margin-left: 0px;
		width: 100%;
	}

	.services-four_list li a {
		padding: 20px 0px;
		font-size: 22px;
	}

	.agency-one_content {
		width: 100%;
	}

	.contact-one_phone {
		font-size: 30px;
	}

	.accordion-box .block .acc-btn {
		font-size: 18px;
		line-height: 28px;
	}

	.about-block_one-inner {
		padding-left: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.about-block_one-icon {
		position: relative;
		margin-bottom: 20px;
	}

	.about-two_phone-inner a {
		font-size: 20px;
	}

	.about-two_phone-inner {
		font-size: 16px;
		line-height: 28px;
		padding: 15px;
		height: 100px;
		width: 90%;
	}

	.about-two_phone-inner strong {
		position: absolute;
		top: 25px;
		left: 50%;
		transform: translate(0, -50%);

	}

	.about-two_image-column .about-two_image-two {
		display: none;
	}

	.about-two_image-three {
		position: static;
		width: auto;
		left: 0;
	}

	.about-two_phone-inner a {
		position: absolute;
		bottom: 8px;
		left: 38%;
		transform: translate(0, -50%);
		display: block;
	}

	.about-two_phone-inner .icon {
		left: 25px;
		top: 9px;
	}

	.marketing-three .animation_mode h1 {
		font-size: 34px;
	}

	.marketing-three.style-two {
		padding: 15px 0;
	}

	.feature-two {
		padding: 10px 0;
	}

	.skill-one_gallery-outer {
		height: 300px;
	}

	.marketing-one .animation_mode {
		min-height: 200px;
	}

	.gggc {
		width: 50%;
	}

	.marketing-one,
	.services-five {
		padding: 0;
	}

	.marketing-one .animation_mode-two h1 {
		font-size: 22px;
		/* padding: 37px 0; */
	}

	.marketing-one .animation_mode-two .marketing-one_icon {
		line-height: 3em;
	}

	.price-block_one .price-block_one-inner {
		padding: 10px;
	}

	.price-block_one-title {
		text-align: center;
	}

	.price-block_one .price-block_one-list li {
		margin-bottom: 5px;
	}

	.price-block_one .price-block_one-list {
		margin-top: 15px;
	}

	.price-block_one .price-block_one-price {
		font-size: 32px;
	}

	.price-block_one .price-block_one-text {
		margin-top: 10px;
	}

	.ccddss {
		display: none;
	}

	.fdfdww img {
		width: 100% !important;
	}

	.gallery-block_two-overlay {
		left: 20px;
		bottom: -70px;
	}

	.team-block_two-image {
		position: relative;
		top: 0px;
		right: auto;
		width: 100%;
		height: auto;
	}

	.team-block_two-image:before {
		display: none;
	}

	.team-block_two-content {
		margin-top: 0px;
	}

	.team-block_two-content {
		padding: 25px 20px 20px 80px;
	}

	.testimonial-block_three-text {
		font-size: 22px;
		line-height: 32px;
	}

	.team-block_two-title {
		font-size: 22px;
	}

	.news-block_three-inner {
		padding-left: 0px;
	}

	.news-block_three-image {
		position: relative;
		margin-bottom: 20px;
	}

	.page-title {
		padding: 180px 0px 0px;
	}


	.project-detail_info li {
		width: 100%;
	}

	.shop-detail .prod-tabs .tab-btns .tab-btn {
		font-size: 15px;
		padding: 14px 18px;
	}

	.comments-area {
		padding: 20px 20px;
	}

	.comment-box .comment {
		padding-left: 0px;
	}

	.comment-box .author-thumb {
		position: relative;
		margin-bottom: 20px;
	}

	.register-one .form-column .inner-column,
	.cart-total-box {
		padding: 20px 20px;
	}

	.shipping-outer .cart-shipping-box {
		padding: 20px 15px;
	}

	.voucher-box .form-group {
		padding-right: 0px;
	}

	.voucher-box .form-group button {
		position: relative;
		display: block;
		width: 100%;
	}

	.news-block_four-date {
		display: none;
	}

	.news-block_four-title {
		font-size: 18px;
		line-height: 28px;
	}

	.post-widget .post {
		padding-left: 0px;
		min-height: auto;
		padding-bottom: 20px;
	}

	.post-widget .post .thumb {
		position: relative;
		margin-bottom: 20px;
	}

	.category-list li a {
		padding: 12px 18px;
		font-size: 16px;
	}

	.category-list li a::before {
		right: 15px;
		top: 12px;
	}

	.blog-detail blockquote .blockquote-inner {
		padding-left: 0px;
	}

	.blog-detail blockquote .quote {
		position: relative;
		margin-bottom: 25px;
		display: block;
	}

	.error-section h1 {
		font-size: 140px;
	}

	.process-block_one-text {
		font-size: 14px;
	}

}

.grwd11as {
	justify-content: center;
}

.gree42d {
	justify-content: space-between;
}

/* 1. 容器样式 */
.image-wrapper {
	width: 150px;
	height: auto;
	position: relative;
	/* 关键：伪元素的定位参考点 */
	display: inline-block;
}

/* 2. 原图样式：保持原样，不脱离文档流 */
.scascwqe21e {
	width: 150px;
	height: auto;
	display: block;
}

/* 3. 伪元素（放大副本）的初始设置：默认隐藏 */
.image-wrapper::after {
	content: "";
	/* 关键：必须有 content 才能显示伪元素 */
	display: none;
	/* 默认隐藏 */
	position: absolute;
	/* 关键：脱离文档流，浮动 */
	z-index: 100;
	/* 确保在最上层 */
	background-color: white;
	/* 放大图的位置：放置在原图右侧 */
	top: 0;
	left: 100%;
	margin-left: 10px;
	/* 留一点间隙 */

	/* 放大图的尺寸 */
	width: 300px;
	height: 171px;
	/* 假设您的图片比例，请根据实际调整高度 */

	/* 设置背景图为原图的 URL */
	/* 注意：需要手动输入图片路径 */
	background-image: url('../images/resource/ggg.png');
	background-size: cover;
	/* 确保背景图完整显示 */
	background-repeat: no-repeat;

	/* 样式美化 */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	border: 1px solid #ddd;
	transition: opacity 0.3s ease-in-out;
}

/* 4. 悬停时的显示效果：悬停容器时，显示并激活伪元素 */
.image-wrapper:hover::after {
	display: block;
	/* 从隐藏变为显示 */
	opacity: 1;
	/* 平滑显示 */
}
.fgew21escxzzxc {
	font-size: 16px !important;
}