/* ===================================================================================

* Theme Name: Frisk Child
* Theme URI: https://frisk.themegenix.com/
* Author: ThemeGenix
* Author URI: https://themeforest.net/user/themegenix/
* Description: Frisk - Creative Agency & Portfolio WordPress Theme
* Version: 2.0
* Template: frisk
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');
@media only screen and (min-width: 767px) {
	#ball {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background-color: #FE3E6B;
		position: fixed;
		z-index: 9999;
		margin-top: -20px;
		margin-left: -15px;
		pointer-events: none;
	}

	#cursor-image {
	  width: 150px;
	  height: 150px;
	  background-repeat: no-repeat;
	  background-position: center;
	  position: fixed;
	  z-index: 9998;
	  pointer-events: none;
	  opacity: 0;
	  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	}
}
.cursorN,
.cursorBase,
.cursorDot,
.nu-cursor {
  position: fixed;
  z-index: 99999999999;
  left: 20px;
  top: 20px;
  will-change: transform;
  fill: #FE3E6B;
  pointer-events: none;
  transform: translate(var(--mouse-x), var(--mouse-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.11, 0.71, 0.65, 0.99);
}
@media not (pointer: fine) {
  .cursorN,
  .cursorBase,
  .cursorDot,
  .nu-cursor {
    display: none;
  }
}
.cursorN {
  transition-duration: 0.05s;
}
.cursorBase {
  transition-duration: 0.45s;
  left: 38px;
  height: 15px;
  margin-top: 2px;
}
.cursorDot {
  transition-duration: 0.8s;
  left: 38px;
  height: 15px;
  margin-top: 4px;
}

:root {
    --gutter: 5vw;
    --shadow-color: 0deg 0% 0%;
    --shadow: 7.7px 6.1px 14.7px hsl(var(--shadow-color) / 0.18);
    --shadow-medium: 6.7px 5.3px 12.8px hsl(var(--shadow-color) / 0.1), 14.5px 11.5px 27.8px hsl(var(--shadow-color) / 0.12), 30.9px 24.5px 59.2px hsl(var(--shadow-color) / 0.2);
    --trans-time-func: 
cubic-bezier(0.45, -0.19, 0.4, 2.11);
    --header-height: 3.75rem;
    --s-spacer: 2rem;
    --m-spacer: 2.5rem;
    --l-spacer: 3.75rem;
    --content-slider-gutter: 5.5rem;
    --content-slider-gap: 0rem;
	--trans-time-func: cubic-bezier(0.45, -0.19, 0.4, 2.11);
}
@media only screen and (min-width: 81.25rem) {
  :root {
    --content-left-gutter: 7rem;
    --content-slider-gap: 6rem;
  }
}
@media only screen and (min-width: 100rem) {
  :root {
    --content-left-gutter: 8.5rem;
  }
}
@media only screen and (min-width: 112.5rem) {
  :root {
    --content-left-gutter: 10rem;
  }
}


.hero-3-bg .elementor-widget-image img {
	border-radius: 25px;
}
.cust-con-are .shw {
	border-radius: 25px;
/* 	box-shadow: 0px 3px 2px -1px #0000004d; */
}

.side-btn-set .sidebar-btn .line:not(:last-child) {
    margin-bottom: 7px;
}
.side-btn-set .sidebar-btn .line {
    height: 3px;
    width: 21px;
}
.side-btn-set .sidebar-btn {
	height: 58px;
    width: 58px;
    border: 3px solid var(--title-color);
}

.single-services .service-details-page-area {
	padding-bottom: 0px;
}
.cky-btn {
	border-radius: 50px !important;	
}
.wp-block-tag-cloud a, .tagcloud a {
	border-radius: 50px;
}
.header-layout1 .search-btn {
	display: none !important;
}
.black-bg-contact .contact-form input,
.black-bg-contact .contact-form textarea {
	border-bottom: 2px solid #fff;
    color: #fff;
}
.black-bg-contact .contact-form input::placeholder,
.black-bg-contact .contact-form textarea::placeholder {
	color: #fff;
}
.black-bg-contact .contact-form .form-btn .btn {
	background-color: #fff;
	color: #000;
	border-radius: 50px;
	box-shadow: 6px 9px 3px -3px #AAAAAA;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-radius: 60px 60px 60px 60px;
    margin: 10px 4px;
}
.blog-post-item .blog-post-thumb img {
	border-radius: 20px;
}
.breadcumb-wrapper.show-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
    z-index: 1;
}
.blog-details-area .blog__details-thumb img {
	border-radius: 25px;
}
.service-details-page-area .col-xl-12 {
	padding: 0;
}
html:root {
/*     --theme-color: #E3FF04; */
	 --theme-color: #FE3E6B;
}

.main-menu ul.sub-menu li.active > a,
.social-btn.style2 a:hover,
.testi-box.style2 .quote-icon,
.marquee-wrap .marquee__group .m-item a i {
	color: #FE3E6B;
}
.main-menu a:hover {
	color: #FE3E6B !important;
}
.sidemenu-wrapper .chat-btn {   
    background: #fff;
	height: 180px;
    width: 180px;
}
.preloader-inner span {
    width: 30px;
    height: 30px;
    border-color: #FE3E6B transparent transparent transparent;
}
.sidemenu-wrapper .sidebar-wrap h6 {
	font-size: 16px; 
}
.sidemenu-content .social-btn.style2 a {
    font-size: 24px;
}
.main-menu ul.sub-menu a {
    font-weight: 700;
}
.service-details-page-area >.container {
	max-width: unset;
	margin: 0 auto;
}
.service-details-page-area .service-inner-thumb {
	display: none;
}
.single-services .breadcumb-wrapper {
	display: none;
}
.single-services .service-details-page-area {
	padding-top: 5px;
}
.dotcolor {
	color: #fe3e6b;
}
.mobile-menu ul li ul li a {
    font-weight: 700; 
}
.breadcumb-wrapper {
    padding: 70px 0;
}
.breadcumb-wrapper.style2.bg-smoke {
	background-color: #000 !important;
}
.breadcrumb>* a,
.breadcrumb .current-item,
.breadcumb-wrapper .breadcrumb {
    color: #fff;
}
.ani-hover-wrap:hover >.e-child {
	transform: scale(1.03) translateX(8px);
}
.img-custom-anim-left-n {
	-webkit-animation: img-anim-left 0.9s forwards 
cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
    animation: img-anim-left 1.3s forwards 
cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.breadcumb-wrapper.style2 nav.breadcrumb {
	font-size: 0px;
}
.breadcumb-wrapper.style2 nav.breadcrumb span:first-child a {
	display:none;
}
.breadcumb-wrapper.style2 nav.breadcrumb span+span+span:before {
	content: ">";
    padding: 0 10px;
    color: #fff;
    margin-left: -20px;
}
.header-service-inner-menu .feature-card {
	padding: 18px 18px 1px 18px;
/* 	padding: 18px 18px 18px 0px; */
/*     padding: 18px 18px; */
}
.header-service-inner-menu div.feature-card-icon img {
    max-height: 25px;
}
.header-service-inner-menu .feature-card.style-grid {
    gap: 15px;
	display: block;
}
.header-service-inner-menu .feature-card.style-grid .feature-card-icon {
	margin-bottom: 5px;
}
.header-service-inner-menu .feature-card.style-grid .feature-card-text,
.header-service-inner-menu .feature-card.style-grid .link-btn {
	display: none;
}
.header-service-inner-menu .feature-card-title {
    font-size: 20px;
}
.header-service-inner-menu .feature-card.style-grid .feature-card-text {
    font-size: 16px;
	margin-bottom: 10px;
/* 	font-weight: 600; */
}
.pricing-card .pricing-card_price {
	font-size: 50px;
}
.social-btn.style2 a svg {
    width: 24px;
}
.footer-social-list .elementor-social-icon svg {
    width: 1em;
}
.header-mobile-menu ul.sub-menu {
	padding-left: 1.3em;
}
.header-mobile-menu .menu-item .has-submenu {
	position: relative;
}
.header-mobile-menu .menu-item .has-submenu .sub-arrow {
	position: absolute;
    right: 10px;
	margin-left: 15px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.inner-tab-sec .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text {
	font-size: 115%;
	transition: all .4s;
}
.inner-tab-sec .e-n-tab-title-text em {
    color: #FE3F6B;
    display: inline-block;
    width: 55px;
    height: 30px;
    line-height: 30px;
	font-size: 0.8em;
/*     font-size: 0.8vw; */
}
.cookie-title p {
	font-size: 16px;
}
.cookie-title h2 {
    font-size: 1.8em;
}
.cookie-title h3 {
    font-size: 1.4em;
}
.cookie-title h4 {
    font-size: 1.1em;
}
.cookie-title li {
	font-size: 16px;
	margin-bottom: 8px;
}
.cookie-title li a {
	color: #000;
}
.copy-write-title a:hover {
	color: #FE3E6B !important;	
}
.cookie-title a:hover {
	color: #FE3E6B;
}
.homemarrquee .marquee-wrap {
/*     background: #000; */
}
.approchmarrquee .marquee-wrap {
/*     background: #f25913; */
}
.wp-block-tag-cloud a, .tagcloud a {
	background: #000;
	color: #fff !important;
}
.wp-block-tag-cloud a:hover, .tagcloud a:hover {
    border-color: #FE3E6B;
    background: #FE3E6B;
}
/* steps form CF7 start */
.fieldset-cf7mls .form-control {
	height: auto;
}
.cf7-stepform .cf7mls_progress_bar {
	background-color: transparent !important;
}

.cf7-stepform .wpcf7-not-valid-tip,
.cf7-stepform .fieldset-cf7mls h4,
.cf7-stepform .fieldset-cf7mls h6 {
	text-align: center;
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
/* 	position: absolute;
    top: 0;
    left: 0; */
	display: none;
}
.cf7-stepform .wpcf7-checkbox {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.cf7-stepform .wpcf7-checkbox.step-1chk {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
	margin: 0 auto;
}
.cf7-stepform .wpcf7-checkbox.step-1chk .wpcf7-list-item {
	flex: 1 1 calc(16.66% - 20px);
	box-sizing: border-box;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: 0 auto;
	margin-bottom: 10px;
	min-height: 180px;
    align-content: center;
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item {
/* 	width: 135px; */
    border: 1px solid #ddd;
    text-align: center;
	text-align: -webkit-center;
	position: relative;
	 flex-grow: 1;
    flex-basis: 0;
	margin-bottom: 15px;
/* 	width: 135px; */
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item:hover,
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item:focus {
	border: 1px solid #59d002;
	background: #59d00236;
	cursor: pointer;
	display: block;
    position: relative;
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item label {
	text-align: center;
	text-align: -webkit-center;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
	cursor: pointer;
    
    
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before{
/* 	background-image: url(https://api.leadgenapp.io/api/media/add1d18e-7741-4b54-b9d6-467d76338fff/CE-Form-Solar.png); */
    height: 100px;
    width: 100px;
    padding: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
	margin-bottom: 6px;
}
.cf7-stepform .wpcf7-checkbox.step-1chk .wpcf7-list-item {
/* 	width: 30%; */
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item.first {
	margin-left: 0;
}
.cf7-stepform form.cf7mls input.wpcf7-form-control.wpcf7-submit,
.cf7-stepform .fieldset-cf7mls-wrapper .fieldset-cf7mls:last-child .cf7mls_back {
	width: 100%;
	margin-bottom: 5px;
}
.cf7-stepform .fieldset-cf7mls-wrapper .wpcf7-spinner {
	display: none;
}
.cf7-stepform form.submitting .wpcf7-spinner {
	display: block;
}
.cf7-stepform .wpcf7 form.sent .wpcf7-response-output {
	margin-top: 2px;
}
.cf7-stepform .step-1chk .wpcf7-list-item .wpcf7-list-item-label::before{
	height: 45px;
    width: 45px;
}
.cf7-stepform .step-1chk .wpcf7-list-item label {
	padding-top: 25px;
}
.cf7-stepform .step-1chk .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/11/feature-icon2-.png');
/* 	background-image: url('/wp-content/uploads/2025/12/CE-Form-Solar.png'); */
}
.cf7-stepform .step-1chk .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/11/feature-icon1-n.png');
/* 	background-image: url('/wp-content/uploads/2025/12/Solar-batterys.png'); */
}
.cf7-stepform .step-1chk .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/11/feature-icon4-1-1.png');
/* 	background-image: url('/wp-content/uploads/2025/12/battery-only.png'); */
}
.cf7-stepform .step-1chk .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/11/feature-icon5-1-1.png');
}
.cf7-stepform .step-1chk .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::before {
	background-image: url('https://newyop.siteunderdevelopment.co.uk/wp-content/uploads/2025/11/Maximise-02.gif');
}
.cf7-stepform .step-1chk .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::before {
	background-image: url('https://newyop.siteunderdevelopment.co.uk/wp-content/uploads/2025/11/Maximise-02.gif');
}



.cf7-stepform .step-2chk .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-3.png');
}
.cf7-stepform .step-2chk .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-5.png');
}
.cf7-stepform .step-2chk .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-6.png');
}
.cf7-stepform .step-2chk .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-4.png');
}
.cf7-stepform .step-3chk .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-7.png');
}
.cf7-stepform .step-3chk .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-9.png');
}
.cf7-stepform .step-3chk .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-8.png');
}
.cf7-stepform .step-4chk .wpcf7-list-item:first-child .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-10.png');
}
.cf7-stepform .step-4chk .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-11.png');
}
.cf7-stepform .step-4chk .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-12.png');
}
.cf7-stepform .step-4chk .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
	background-image: url('/wp-content/uploads/2025/12/Solar-13.png');
}
.cf7-stepform .cf7_mls_steps_item_icon {
	background: #000 !important;
    color: #fff;
    font-weight: 800;
}
.cf7-stepform li .cf7_mls_count_step,
.cf7-stepform li.active .cf7_mls_count_step {
    color: #fff !important;
}
.cf7-stepform .wpcf7-form span.cf7_mls_check svg {
    width: 24px;
    height: 17px;
    fill: #fff;
    margin-top: -5px;
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item label,
.cf7-stepform .wpcf7-not-valid-tip, .cf7-stepform .fieldset-cf7mls h4, .cf7-stepform .fieldset-cf7mls h6 {
    color: #fff;
}
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item:hover,
.cf7-stepform .wpcf7-checkbox .wpcf7-list-item:focus {
	border: 1px solid #FE3E6B;
	background: #fe3e6b4d;
}

.blog-grid-static .blog-grid {
    background: #F4F4F4;
}

.testimonial-start-add .testi-box .testi-box_name::before {
	display: block;
    content: '★★★★★';
	color: #fe3e6b;
/*     color: #F7FE00; */
    margin-bottom: 10px;
	font-size: 1.5em;
    margin-top: -15px;
}
/* xss */
.home-basic-gal-custom .gallery-item .gallery-icon {
	border: 3px solid #000;
}
.home-basic-gal-custom .gallery-item .gallery-icon img {
	filter: grayscale(100%);
    transition: .5s ease-in-out;
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
    opacity: 1;
    max-width: 220px;
}
.home-basic-gal-custom .gallery-item:hover .gallery-icon img {
   transition: .5s ease-in-out;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	opacity: 1;
}
.home-basic-gal-custom-check .client-list-wrap {
	gap: 8px;
}
.client-list-wrap li {
    border: 3px solid var(--title-color);
	border-radius: 20px;
}
.home-basic-gal-custom-check .client-list-wrap .tg-brand-item img {
 	filter: grayscale(100%);
    transition: .5s ease-in-out;
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out; 
	opacity: 1;
    max-width: 220px;
} 
.home-basic-gal-custom-check .client-list-wrap .tg-brand-item:hover img {
   	transition: .5s ease-in-out;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
	opacity: 1;
}
.cky-consent-container .cky-consent-bar {
    box-shadow: 0 -1px 10px 0 #16161673;
}
.portfoliocustom_style .portfolio-static-wrap {
	max-width: 1350px;
	margin: 0 auto;
}
.portfoliocustom_style .portfolio-static {
	background: #f4f4f4;
	padding: 30px 30px 30px 30px;
	border-radius: 35px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.portfoliocustom_style .portfolio-wrap.style5 {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
	min-height: 500px;
	align-items: center;
    justify-content: center;
}
.portfoliocustom_style .portfolio-thumb,
.portfoliocustom_style .portfolio-details {
	flex: 1 1 calc(50% - 20px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details {
	position: relative;
	display: block;
	padding: 40px 20px;
}
.portfoliocustom_style .portfolio-thumb img {
	height: 100%;
	min-height: 500px;
/* 	border-radius: 30px; */
}
.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details .portfolio-title {
	font-size: 20px;
	margin-bottom: 22px;
}    
.portfoliocustom_style .portfolio-wrap.style5:after {
	background: transparent;
}
.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details .portfolio-meta li:after,
.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details .portfolio-meta li a,
.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details .portfolio-title a,
.portfoliocustom_style .portfolio-wrap.style5 .link-btn {
    color: #000;
}
.portfoliocustom_style .portfolio-wrap.style5 .link-btn:after, .portfoliocustom_style .portfolio-wrap.style5 .link-btn:before {
	background: #000 !important;
}
.portfoliocustom_style .portfolio-meta,
.portfoliocustom_style .portfolio-title a {
	pointer-events: none;
	cursor: text;
}
.portfoliocustom_style .portfolio-meta,
.portfoliocustom_style .portfolio-details-btn {
	display: none !important;
}
.servoce-dot-img {
	margin: 0.25em 0px 0px 0.12em;
    max-width: 35px !important;
}
.deyound-list ul {
	counter-reset: item;
}
.deyound-list li {
	counter-increment: item;
	position: relative;
}
.deyound-list li .elementor-icon-list-icon {
	opacity: 0;
}
.deyound-list li::before {
	content: counter(item) ". ";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 25px;
    display: inline-block;
    width: 75px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid rgb(170 170 170);
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    display: -webkit-flex;
	-webkit-flex-wrap: wrap; 
	display: flex;   
	flex-wrap: wrap;
}
.blog-grid-static-wrap .blog-grid-static .blog-grid {
    border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.deyound-list.static-scrool ul.elementor-icon-list-items {
	display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}
.deyound-list.static-scrool ul li.elementor-icon-list-item {
	position: sticky;
    top: 155px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    /* margin: auto; */
    width: 100%;
    background: #fff;
    padding-left: 88px;
    margin-top: 0 !important;
    padding-top: 20px;
	border-bottom: 1px solid #656565;
}
.deyound-list.static-scrool ul li.elementor-icon-list-item:last-child {
	border-bottom: 0px solid #656565;
}
.deyound-list.static-scrool li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 0px;
    top: 25px;
    width: 25px;
    display: inline-block;
    width: 75px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid rgb(170 170 170);
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.deyound-list.static-scrool li .elementor-icon-list-icon {
	display: none;
}
@media only screen and (min-width: 1200px) {
	.blog__inner-wrap .blog__sidebar {
		position: sticky;
		top: 155px;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: flex-start;
		/* margin: auto;*/
	}
}
@media only screen and (max-width: 1024px) {
	.sticky-wrapper.header-sticky {
		top: 45px;
	}
	.deyound-list.static-scrool li::before {
    	top: 10px;
	}
}
@media only screen and (min-width: 1024px) {
  .cursorN,
  .cursorBase,
  .cursorDot {
    display: block;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1024px)  {
	.servoce-dot-img {
		margin: 0.1em 0px 0px 0.15em;
		max-width: 35px !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px)  {
	.cf7-stepform .wpcf7-checkbox.step-1chk .wpcf7-list-item {
		flex: 1 1 calc(33.33% - 20px);
	}
	.servoce-dot-img {
		margin: 0em 0px 0px 0.15em;
		max-width: 35px !important;
	}
}
@media only screen and (max-width: 1000px) and (min-width: 768px)  {
	.home-basic-gal-custom .gallery-item {
		max-width: 50% !important;
	}
}
@media screen and (max-width: 767px) {
	.cf7-stepform .wpcf7-checkbox.step-1chk .wpcf7-list-item {
		flex: 1 1 calc(33.33% - 20px);
/* 		width: 33.33%;
		margin-bottom: 15px; */
	}
	.cf7-stepform .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before {
		height: 80px;
		width: 80px;
	}
	.servoce-dot-img {
		margin: 0em 0px 0px 0.15em;
    	max-width: 26px !important;
	}
	.deyound-list li::before {
		width: 35px;
    	height: 35px;
	}
	.deyound-list li .elementor-icon-list-icon {
		padding-inline-end: 35px !important;
	}
	.inner-tab-sec .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text {
		font-size: 95%;
	}
}
@media screen and (max-width: 500px) {
	.cf7-stepform .wpcf7-checkbox.step-1chk .wpcf7-list-item {
		flex: 1 1 calc(50% - 20px);
/* 		width: 33.33%;
		margin-bottom: 15px; */
	}
}

@media only screen and (max-width: 1200px) and (min-width: 1024px)  {
	.custom-header-main .hwm a.tg-btn {
		padding: 20px 15px;
	}
	.custom-header-main .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-title {
		padding: 0.5rem 0.4rem;
	}
	.hm-banner-slide .swiper-slide img {
		object-fit: cover;
    	object-position: center center;
		max-height: 123vh !important;
		min-height: 123vh !important;
	}
}
@media only screen and (max-width: 1030px) and (min-width: 991px)  {
	.btn.headcus-btn-ad {
		padding: 20px 20px;
	}
}
@media screen and (min-width: 992px) {
	.h-small-decive-shoe-menu {
		display: none;
	}
	.h-big-decive-shoe-menu {
		display: block;
	}
}
@media screen and (min-width: 1200px) {
	.breadcrumb>* {
		font-size: 22px;
		font-weight: 600;
	}
	.hm-banner-slide .swiper-slide img {
		object-fit: cover;
    	object-position: center center;
		max-height: 111vh !important;
		min-height: 104vh !important;
/* 		transform: scale(0.9); */
	}
}
@media screen and (min-width: 1024px) {
	.header-m-v-set .nav-header.header-layout1 {
		display: none !important;
	}
	.header-m-v-set.ntest .nav-header.header-layout1 {
		display: block !important;
	}
}
@media screen and (max-width: 1399px) {
	.pricing-card .pricing-card_price {
		font-size: 36px;
	}
}
@media screen and (max-width: 1199px) {
	.pricing-card .pricing-card_price {
		font-size: 28px;
	}
}
@media screen and (max-width: 992px) {
	.social-btn a svg {
		width: 1.5rem;
	}
	.h-small-decive-shoe-menu {
		display: block;
	}
	.h-big-decive-shoe-menu {
		display: none;
	}
}
@media screen and (max-width: 575px) {
	.pricing-card .pricing-card_price {
		font-size: 24px;
	}
}
@media screen and (min-width: 1200px) {
	.cky-notice-btn-wrapper {
		margin-top: -25px;
	}
	.cky-banner-bottom {
/* 		bottom: 35px !important;  */
	}
	.cky-consent-container .cky-consent-bar {
		padding: 30.5px 24px !important;
	}
}
@media only screen and (max-width: 992px) and (min-width: 767px)  {
	.portfoliocustom_style .portfolio-wrap.style5,
	.portfoliocustom_style .portfolio-thumb img {
		min-height: 400px;
	}
}
@media screen and (max-width: 767px) {
	.portfoliocustom_style .portfolio-thumb img {
    	min-height: 250px;
	}
	.portfoliocustom_style .portfolio-wrap.style5 .portfolio-details {
		padding: 0px;
		text-align: center;
	}
	.portfoliocustom_style .portfolio-static {
		padding: 30px 20px 30px 20px; 
		position: relative;
	}
	.portfoliocustom_style .portfolio-thumb, .portfoliocustom_style .portfolio-details {
    	flex: 1 1 calc(100% - 20px);
	}
}

.cst-video-ban-sec {
	
}
.hero__reel.mb-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hero__reel.mb-0 {
    margin-bottom: 0;
}
.hero__reel {
    position: relative;
    margin: 70px 0 60px;
    overflow: hidden;
    height: 300px;
}
.hero__reel {
    height: fit-content !important;
}
.hero__reel--poster {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.hero__reel--poster img {
    width: 100%;
    height: auto !important;
}
.hero__reel--poster img {
    width: 100%;
    object-fit: cover;
}
.hero__reel, .hero__reel--video {
    padding: 0;
}
.hero__reel--video {
    height: auto !important;
}
.hero__reel--video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero__reel--video video {
    width: 100%;
    height: 100% !important;
    -o-object-fit: fill!important;
    object-fit: fill !important;
}
.hero__reel--video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero__reel .mutebtn {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: rgba(0, 0, 0, 0);
}
.hero__reel--play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--white);
    width: 130px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    pointer-events: none;
}
@media screen and (min-width: 1440px) {
    .hero__reel {
        max-width: 1410px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 1200px) {
    .hero__reel {
        max-width: 1350px;
        margin-left: auto;
        margin-right: auto;
    }
	.hero__reel {
        margin: 150px 0;
    }
	.hero__reel--play {
        position: fixed;
        top: 0;
        left: 0;
    }
}

@media screen and (min-width: 740px) {
    .hero__reel {
        margin: 80px 0;
        height: 700px;
    }
	.hero__reel--play {
        position: fixed;
        top: 0;
        left: 0;
    }
}
.country-flag-img .elementor-heading-title img {
	display: inline;
    width: 40px;
	margin: 0px 3px 0px 20px;
/*     margin: 0 10px; */
}
.title-area {
    margin-bottom: calc(var(--section-title-space) - 17px);
    position: relative;
/*     z-index: 2; */
}
.title-area.sec-title .elementor-heading-title {
/*     margin-bottom: 17px; */
}
.sec-title.style2 .elementor-heading-title {
  background: linear-gradient(to right, var(--title-color) 50%, var(--border-color) 50%);
  background-clip: text;
  -webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
/*   color: transparent;
  -webkit-text-fill-color: transparent; */
  line-height: 1.2;
  transition: background 0.4s ease-out;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sec-title.style2-white .elementor-heading-title {
  background: linear-gradient(to right, #fff 20%, var(--border-color) 20%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  line-height: 1.2;
  transition: background 0.4s ease-out;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.digi-expert-sec-main {
	
}
.digi-expert-sec-inner .e-con-inner {
	border-top: 1px solid #FFFFFF33;
}
.digi-expert-sec-inner .e-con-inner >.e-con-full:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--e-global-color-primary);
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: -45px;
}
.de-ex-pro-cust .elementor-widget-container {
	max-width: 1540px;
    margin: 0 auto;
}
.de-ex-pro-cust .process-card .process-card-text {
	font-size: 16px;
    font-weight: 500;
	color: #FFFFFF80;
}
@media screen and (min-width: 992px) {
	.de-ex-pro-cust .col-lg-4 {
		width: 25%;
	}
}
.portfolio-static-wrap-main >.e-con-inner {
	
}
.portfolio-static-inner {
	position: sticky;
    top: 0;
    flex-direction: column;
    flex-wrap: wrap;
/*     align-items: flex-start; */
    margin: auto;
    flex-grow: 1;
	box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.3);
}
.circle-btn.btn.tg-btn {
	border-radius: 50%;
}
/* .elementor-widget-tg-btn  */
.btn.tg-btn {
	border-radius: 50px;	
}


/* home banner start */

.tg-page-area.space {
		padding-top: 0;
	}
	.c-heading__pre h1 {
		font-family: "Poppins", Sans-serif;
		 font-size: 24px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.c-heading__pre h1,
	.m-banner__content .c-heading p,
	.colors-inverted .c-heading__sub {
		color: #000;
		
/* 		text-shadow: 0 0 10px #000, 0 0 20px #fe3e6b; */
	}
	.tg-btn.cus-white-btn {
		background-color: #000;
		color: #fff;
/* 		background-color: #fff;
		color: #000; */
		margin-block: 2rem 0;
	}
	.c-heading__sub img {
		display: inline;
		width: 40px;
		margin: 0px 3px 0px 20px;
		/* margin: 0 10px; */
	}
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-year-field {
     padding: 0
 }

 ::-webkit-inner-spin-button {
     height: auto
 }

 ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-color-swatch-wrapper {
     padding: 0
 }

 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button
 }
 .colors-inverted {
     color: #fff;
     --section-title-color: #fff;
     --btn-link-color: #fff;
     --btn-secondary-gradient: linear-gradient(92.64deg, #000 0%, #000 100%);
     --btn-secondary-color: #000;
 }
@media screen and (min-width: 1600px) {
	.m-banner__content .container {
		max-width: 1600px;
	}
}
@media only screen and (max-width: 1600px) and (min-width: 1500px)  {	
	.m-banner__content .container {
		max-width: 1450px;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1300px)  {	
	.m-banner__content .container {
		max-width: 1180px;
	}
}	
@media only screen and (max-width: 1300px) and (min-width: 1200px)  {		
	.m-banner__content .container {
		max-width: 1140px;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 992px)  {	
	.m-banner__content .container {
		max-width: 960px;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px)  {	
	.m-banner__content .container {
		max-width: 720px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 576px)  {
	.m-banner__content .container {
		max-width: 540px;
	}
}
 :root {
     --grid-gutter-width: 0;
     --grid-outer-margin: 20px;
     --grid-gutter-compensation: calc((var(--grid-gutter-width) * 0.5) * -1);
     --grid-half-gutter-width: calc((var(--grid-gutter-width) * 0.5))
 }

 @media (min-width:1112px) {
     :root {
         --grid-gutter-width: 24px;
         --grid-outer-margin: 24px
     }
 }
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
     to {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
 }
 @keyframes rotation {
     from {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
     to {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
 }
 @-webkit-keyframes rotationCV {
     from {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }
 @keyframes rotationCV {
     from {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     to {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }
 .hero,
 .m-banner {
     overflow: hidden
 }
 .m-banner {
     width: 100%;
     background-color: var(--body-bg-alt);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center bottom;
     position: relative
 }
 .m-banner__container {
     position: relative;
     min-height: var(--bannerHeight, auto);
     padding-left: 0;
     padding-right: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }
 @media (max-width:1112px) {
     .m-banner__container {
         overflow: hidden
     }
 }
 .m-banner__content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     z-index: 1;
     padding-left: 10px;
     padding-right: 10px
 }

 .m-banner__content .c-heading {
     --h2-margin-bottom: 20px
 }
 .m-banner__content .c-heading__pre {
     text-transform: var(--h1-text-transform)
 }
.m-banner__content .c-heading__pre h1 {
     font-size: 0.5em;
     display: inline
 }
 .m-banner__content .c-heading p {
    margin-bottom: 0;
    font-size: 4.5em;
	 
	font-family: "Unbounded", Sans-serif;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: -3px;
    
 }
 .m-banner__content .text-center .c-heading__pre,
 .m-banner__content.text-center .c-heading__pre {
     text-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
 }
 .m-banner--large .m-banner__content {
     min-height: 44vh;
     max-height: 900px
 }	
 .m-banner--large+.s-services {
     padding: 0
 }

 .m-banner--large+.s-services {
     padding-bottom: 0;
     position: relative
 }

 .m-banner--large+.s-services .container {
     position: relative;
     z-index: 3
 }
 .m-banner--large+.s-services::after {
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #000327), to(transparent));
     background-image: linear-gradient(to bottom, #000327 80%, transparent 100%);
     background-repeat: repeat-x;
     z-index: 2
 }

 .m-banner--medium .m-banner__container {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 60px 20px
 }
 .m-banner .-h1 {
     --subtitle-text-transform: uppercase;
     --subtitle-font-size: 3.2rem;
     --subtitle-letter-spacing: 0;
     --subtitle-margin-bottom: .5em
 }
 :not(.home) .home-hero .m-banner__content {
     padding-top: calc(50px + 2rem);
     padding-bottom: 5rem;
     min-height: 90vh;
     height: unset
 }	
.c-heading__sub {
     font-family: "Poppins", Sans-serif;
		 font-size: 24px;
		font-weight: 400;
		line-height: 1.2em;
 }
 @media (max-width:767px) {
     .m-banner__content .c-heading__pre {
         max-width: 360px
     }
 }
 @media (max-width:1112px) {
     .m-banner__content .c-heading__pre {
         margin: 0 auto var(--pretitle-margin-bottom)
     }
 }
 @media (min-width:1113px) {
     .m-banner__content .c-heading__pre {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex
     }
     .m-banner__content .c-heading__pre h1 {
         display: block
     }
 }
 @media (max-width:766px) {
     .m-banner--large .m-banner__content {
         min-height: 90svh;
         padding-top: 70px
     }
	 .m-banner__content .c-heading p {
		 font-size: 2.7em;
	 }
	 .m-banner__content .c-heading__pre h1 {
		 font-size: 1.1em;
	 }
 }
 @media (min-width:767px) {
     .m-banner--large .m-banner__content {
         height: 90vh;
         max-height: none
     }
 }

 @media (max-width:766px) {
     .m-banner--large .m-banner__content {
         text-align: center
     }
 }
 @media (max-width:1112px) {
     .m-banner--medium .m-banner__container {
         padding-top: 100px
     }
 }
 @media (max-width:1112px) {
     .m-banner--medium .m-banner__content {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         text-align: left
     }
     .m-banner--medium .m-banner__content .c-heading {
         text-align: left
     }
 }
 @media (max-width:1112px) {
     .m-banner--medium {
         background-image: radial-gradient(circle at right 20%, rgba(0, 185, 255, .5215686275) -6%, rgba(177, 0, 254, .4784313725) 32%, #00031f 97%), radial-gradient(circle at left top, rgba(186, 0, 133, .5098039216) -6%, rgba(177, 0, 254, .3098039216) 32%, rgba(1, 147, 240, .1803921569) 97%), radial-gradient(circle at center top, rgba(186, 0, 133, .5098039216) -6%, rgba(177, 0, 254, .3098039216) 22%, rgba(2, 157, 255, .5215686275) 57%)
     }   
 }
 @media (min-width:1112px) {
     .m-banner--blog {
         --bannerHeight: var(--banner-height--blog, 420px);
         text-align: center
     }
      
     .m-banner--medium {
         --bannerHeight: var(--banner-height--medium, 450px)
     }
     .m-banner--medium+.s-services {
         padding-bottom: 14vmin
     }
     .m-banner--full {
         --bannerHeight: var(--banner-height--full, 100vh)
     }
     .m-banner--full .m-banner__container {
         max-height: 960px
     }
     .m-banner--large {
         min-height: var(--banner-height--large, auto)
     }
 }
 @media (max-width:1112px) {
     :not(.home) .home-hero .m-banner__content {
		 padding-block: 0rem;
/*          padding-block: 10rem; */
     }
 }
@media (max-width:800px) {
	:not(.home) .home-hero .m-banner__content {
		min-height: 75vh;
	}
}
 @media (min-width:1113px) {
     :not(.home) .home-hero .m-banner__content .c-unordered__list {
         margin-top: 0
     }
 }
 :not(.home) .home-hero .m-banner__content .c-heading.-h1 {
     max-width: 720px
 }
 @media (min-width:1113px) {
     :not(.home) .home-hero .m-banner__content .c-heading.-h1 {
         margin-bottom: 2rem
     }
 }
:not(.home) .home-hero .m-banner__content .c-heading__sub span {
	display: none;
}
 :not(.home) .home-hero .m-banner__content .c-heading__sub {
     margin-block: 2rem 25px;
     text-transform: none;
/* 	 display: none; */
 }
 @media (max-width:575px) {
     :not(.home) .home-hero .m-banner__content .c-heading__sub {
         max-width: 100%
     }
 }
 .home-hero {
     --pretitle-font-size: 2.6rem;
     --pretitle-font-weight: 900;
     --pretitle-letter-spacing: .1em
 }
 .home .home-hero {
     --h1-text-transform-none: uppercase
 }
 @media (max-width:767px) {
     .home-hero {
         --pretitle-margin-bottom: 20px
     }
 }
 @media (max-width:767px) {
     .home-hero.m-banner {
         padding-top: 0
     }
 }
 .page-web-design .home-hero {
     --h1-text-transform-none: capitalize
 }
 @media (max-width:766px) {
     .home-hero {
         padding-top: 20px
     }
	 .c-heading__sub {
    	font-size: 20px;
	 }
	 .c-heading__sub img {
		width: 30px;
		margin: 0px 3px 0px 7px;
	}
 }
 .m-banner {
     --banner-height--small: 300px;
     --banner-height--medium: 500px;
     --banner-height--blog: 400px;
     --banner-height--full: 95vh;
	 --banner-height--large: 90vh;
/*      --banner-height--large: 95vh; */
     --banner-top-padding: 5vmin;
     --banner-bot-padding: 5vmin;
     --overlay-opacity: .9;
     --overlay-color: #fff;
 }
 .hero {
     overflow: hidden;
     background-color: var(--primary-color2);
     position: relative
 }
 @media (min-width:1661px) {
     .hero {
         --h2-font-size: 6rem
     }
 }
 @media (max-width:1112px) {
     .hero {
         padding-top: var(--header-hight);
         background-image: radial-gradient(circle at left 5%, rgba(0, 185, 255, .5) -6%, rgba(169, 74, 210, .4) 32%, #00031f 97%), radial-gradient(circle at center right, rgba(110, 0, 186, .58) -6%, rgba(128, 83, 255, .28) 32%, rgba(2, 157, 255, .4) 57%)
     }
   
 }
 .hero+.section {
     padding-top: 6vmin
 }
 .hero.has-gradient {
     background-image: radial-gradient(circle at left 5%, rgba(0, 185, 255, .5) -6%, rgba(169, 74, 210, .4) 32%, #00031f 97%), radial-gradient(circle at center right, rgba(110, 0, 186, .58) -6%, rgba(128, 83, 255, .28) 32%, rgba(2, 157, 255, .4) 57%)
 }
 .hero .c-heading {
     margin-bottom: 18px
 }
 .hero-bg_wrap {
     z-index: -1;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     overflow: hidden;
     pointer-events: none
 }
 .hero-bg_wrap-cols {
     grid-column-gap: 12px;
     grid-row-gap: 12px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     width: 85%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     top: 0;
     bottom: auto;
     left: 10%;
     right: auto;
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg)
 }
 @media (max-width:766px) {
     .hero-bg_wrap-cols {
         left: -10%
     }
 }
 .hero-bg_wrap-col {
     grid-column-gap: 12px;
     grid-row-gap: 12px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 36%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative
 }
 .hero-bg_wrap-col:nth-child(odd) .v-scroll {
     animation-direction: reverse
 }
 @media (max-width:574px) {
     .hero-bg_wrap-col {
         width: 75%
     }
 }
 .hero-bg_wrap-slides {
     grid-column-gap: 12px;
     grid-row-gap: 12px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }
 .hero-bg_wrap_slide {
     aspect-ratio: 16/9;
     border-radius: 5px;
     overflow: hidden
 }
 .hero-bg_wrap_slide img {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%
 }

 .hero-bg-gradient_overlay {
     position: absolute;
     inset: 0;
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(40.55%, #fff), to(rgba(0, 4, 42, .6))), -webkit-gradient(linear, left top, right top, from(#fff), color-stop(40.39%, #fff), color-stop(70.44%, #fff));
	 background: linear-gradient(180deg, rgb(216 216 216 / 0%) 20.55%, #ffffff4a 100%), linear-gradient(106deg, #fff 0, #fff 40.39%, rgb(23 23 24 / 0%) 60.44%);
/* 	  background: linear-gradient(180deg, rgb(216 216 216 / 0%) 18.55%, #ffffff4a 100%), linear-gradient(106deg, #fff 0, #fff 50.39%, rgb(23 23 24 / 0%) 52.44%); */
/*      background: linear-gradient(180deg, rgb(216 216 216 / 0%) 44.55%, #ffffff4a 100%), linear-gradient(90deg, #fff 0, #fff 43.39%, rgb(23 23 24 / 0%) 83.44%); */
/*      background: -webkit-gradient(linear, left top, left bottom, color-stop(44.55%, rgba(0, 4, 42, 0)), to(rgba(0, 4, 42, .6))), -webkit-gradient(linear, left top, right top, from(rgba(0, 4, 42, .5)), color-stop(43.39%, rgba(0, 4, 42, .31)), color-stop(83.44%, rgba(0, 4, 42, 0)));
     background: linear-gradient(180deg, rgba(0, 4, 42, 0) 44.55%, rgba(0, 4, 42, .6) 100%), linear-gradient(90deg, rgba(0, 4, 42, .5) 0, rgba(0, 4, 42, .31) 43.39%, rgba(0, 4, 42, 0) 83.44%) */
 }

 .hero-bg-gradient_overlay:after {
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    height: 30%;
    width: 36%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20em 20em #fff;
    box-shadow: 0 0 22em 19em #fff;
    border-radius: 47%;
    opacity: .9; 
/* 	  background-color: #000;
     -webkit-box-shadow: 0 0 20em 20em #000;
     box-shadow: 0 0 20em 20em #000; */
/*      background-color: #24004f;
     -webkit-box-shadow: 0 0 20em 20em #24004e;
     box-shadow: 0 0 20em 20em #24004e; */
     border-radius: 50%;
     opacity: .9
 }
 @media (max-width:766px) {
     .hero-bg-gradient_overlay:after {
         top: 30%;
         height: 40%;
         opacity: .77
     }
 }
 .home-hero {
     --h1-margin-bottom: .5em
 }
 .home-hero.m-banner .-h1 {
     --subtitle-font-size: 2.4rem;
     --subtitle-text-transform: capitalize;
     --subtitle-letter-spacing: 0;
     --subtitle-font-size-mobile: 18px
 }

 @media (min-width:1112px) {
     .home-hero.m-banner:has(.hero-list-actual) .m-banner__content {
         padding-top: var(--header-hight)
     }
 }

 .home-hero .c-heading.-h1 {
     max-width: 820px
 }

 @media (max-width:766px) {
     .home-hero .c-heading__sub {
         margin-top: 20px;
         margin-bottom: 50px
     }
 }

 @media (max-width:574px) {
     .home-hero .c-heading__sub {
         margin-left: auto;
         margin-right: auto;
         max-width: 232px
     }
 }

 @-webkit-keyframes scroll {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     to {
         -webkit-transform: translateX(calc(-100% - 5rem));
         transform: translateX(calc(-100% - 5rem))
     }
 }

 @keyframes scroll {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
     to {
         -webkit-transform: translateX(calc(-100% - 5rem));
         transform: translateX(calc(-100% - 5rem))
     }
 }

 @-webkit-keyframes heroscroll {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
     100% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes heroscroll {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
     100% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .v-scroll {
     -webkit-animation: heroscroll 75s linear infinite;
     animation: heroscroll 75s linear infinite
 }

 .paused .v-scroll {
     -webkit-animation-play-state: paused;
     animation-play-state: paused
 }

 .-h1 {
     line-height: var(--h1-line-height, 1);
     font-weight: var(--h1-font-weight, 600);
     font-family: var(--h1-font);
     margin-bottom: var(--h1-margin-bottom, .5em);
     text-transform: var(--h1-text-transform-none);
     letter-spacing: var(--h1-letter-spacing, 0);
     font-size: clamp(var(--h1-font-size-mobile), var(--h-clamp-formula), var(--h1-font-size));
     color: var(--titles-color)
 }

 @media (max-width:574px) {
     .-h1 {
         --pretitle-font-size: 2.7rem
     }
 }

 .-h1 .colors-inverted {
     color: var(--titles-color-alt)
 }
 .c-heading__title {
     position: relative;
     font-size: inherit;
     font-weight: inherit;
     text-transform: inherit;
     line-height: inherit;
     margin: 0;
     z-index: 1;
     color: var(--titles-color)
 }

 .c-heading__title p {
     margin: 0 !important
 }

 .colors-inverted .c-heading__title {
     color: var(--titles-color-alt)
 }
 .text-center .c-heading__title {
     margin-left: auto;
     margin-right: auto
 }

 .c-heading__title .ez-toc-section {
     padding: 0 !important
 }

 .c-heading__pre {
     color: var(--pretitle-color, var(--primary-color2));
     line-height: var(--pretitle-line-height, 1.4);
     letter-spacing: var(--pretitle-letter-spacing, 0);
     margin-bottom: var(--pretitle-margin-bottom, .5em);
     font-family: var(--pretitle-font);
     font-weight: var(--pretitle-font-weight, 500);
     text-transform: var(--pretitle-text-transform);
     font-size: var(--pretitle-font-size-mobile, 18px)
 }

 .c-heading__pre p {
     margin: 0 !important
 }

 @media (min-width:1113px) {
     .c-heading__pre {
         font-size: var(--pretitle-font-size, 2.4rem)
     }
 }

 .colors-inverted .c-heading__pre {
     color: var(--pretitle-color-alt)
 }
 .c-heading__pre.-reverse::before {
     content: " ";
     width: 45px;
     height: 1px;
     margin-right: 25px;
     background-color: var(--primary-color1);
     display: inline-block
 }
 .c-heading__sub p {
     margin: 0 !important
 }
 @media (min-width:1113px) {
     .c-heading__sub {
         font-size: 1.4rem;
     }
     .c-heading__sub b {
         font-size: 3.2rem
     }
 }
@media only screen and (max-width: 992px) and (min-width: 768px)  {
	.m-banner__content .c-heading p {
    	font-size: 3.5em;
	}
}
 .c-heading__text {
     font-size: var(--base-text-size)
 }
 .text-center .c-heading {
     margin-inline: auto;
     text-align: center;
     max-width: 1400px
 }
 .c-heading.text-center {
     max-width: 1400px;
     margin-inline: auto
 }
 @property --rotate {
     syntax: "<angle>";
     initial-value: 132deg;
     inherits: false
 }
@media screen and (min-width: 1200px) {
	.hero-bg_wrap-cols {
		top: -150px;
	}
}
/* home banner End */

.web-design-sec .elementor-image-box-content ul {
/* 	list-style: inherit; */
	list-style-type: none; /* Removes default bullets */
  	padding: 0; /* Adjust padding as needed */
  	margin: 0;
	text-align: left;
}
.web-design-sec .elementor-image-box-content li {
	padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
    list-style: none;
	color: #888888;
	
	
	 
}
.web-design-sec .elementor-image-box-content li::before {
	content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
/*     background-image: url(https://yop.org.uk/wp-content/uploads/2025/12/check-icon.png);
     */
	background-image: url(https://yop.org.uk/wp-content/uploads/2025/12/right-arrow-.png);
	background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 7px;
    transform: translateY(-0%);
}

.cust-key-sus .elementor-icon-list-items {
	list-style: none; 
	counter-reset: item; 
	
	display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px;
}

.cust-key-sus .elementor-icon-list-items li {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
    --e-column-margin-right: 25px;
    --e-column-margin-left: 0px;
    border-style: solid;
    border-width: 4px;
    border-color: #0B2653;
    margin: 0px 0px 20px 0px;
    padding: 15px 15px 15px 50px;
    border-radius: 50px;

	counter-increment: item; 
	  position: relative; 
	 
	  
}
.cust-key-sus .elementor-icon-list-items li .elementor-icon-list-text {
	padding-left: 20px;
}    
.cust-key-sus .elementor-icon-list-items li .elementor-icon-list-text::before {
  	content: counter(item) ". ";
    color: #fe3e6b;
    font-weight: bold;
    position: absolute;
    left: 25px;
    top: 10px;
    font-size: 1.3em;
}
.cust-key-sus .elementor-icon-list-items li .elementor-icon-list-icon {
	order: 2;
	position: absolute;
	right: 20px;
    top: 30%;
}
.about-ul-icon ul {
	display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px 30px;
}
@media screen and (max-width: 800px) {
	.cust-key-sus .elementor-icon-list-items,
	.about-ul-icon ul {
		grid-template-columns: 100%;
		gap: 10px;
	}
}
.h-mega-img.elementor-widget-image {
	max-width: 240px !important;
}
.custom-header-main .feature-static {
	max-width: 560px;
	text-align: center;
}
.toc .toc-title span {
	color: #fe3e6b;
}
.contact-form .wpcf7-quiz-label,
.contact-form .wpcf7-list-item-label {
	color: #fff;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
    margin-top: 10px;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item label {
	display: inline-block;
    width: 100%;
}
.contact-form input.wpcf7-quiz.security {
	padding-left: 0;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
	display: block;
    opacity: 1;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    padding: 10px 10px;
    border-radius: 15px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 1);
    height: 1em !important;
    box-shadow: none !important;
    float: left;
    width: 1em !important;
    margin-right: 10px;
    margin-top: 5px;
	visibility: unset;
}
.contact-form .wpcf7-acceptance .wpcf7-list-item  input[type="checkbox"]:enabled:checked {
	accent-color: #fe3e6b;
}
.blog__details-bottom .col-md-7,
.blog-post-meta .comments {
	display: none !important;
}
.blog__details-bottom .post-share {
	justify-content: flex-start;
}
.widget.widget_categories ul li a {
	font-weight: 600;
}
.breadcumb-wrapper {
/*     padding: 30px 0; */
}
@media screen and (min-width: 1024px) {
	.header-service-inner-menu div.feature-card-icon img {
		margin-top: -20px;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1200px)  {
	.header-service-inner-menu .h-mega-img img {
		width: 100%;
		max-height: 100% !important;
	}
}
.g-scarousal-slide .swiper-slide.swiper-slide-prev .portfolio-static-inner,
.g-scarousal-slide .swiper-slide.swiper-slide-next .portfolio-static-inner {
	padding: 40px;
}

/* si1 hover effects */
.si1,
.si2,
.si3,
.si4,
.si5 {
/*   position: relative; */
  /*background: #7983ff;*/
  /*padding: 0.5rem 1rem;*/
  /*font-size: 1.2rem;*/
  /*border: none;*/
  /*color: white;*/
  cursor: pointer;
  outline: none;
  overflow: hidden;
}
.si1::before,
.si2::before,
.si3::before,
.si4::before,
.si5::before {
    border: 0;
  --size: 0;
  content: '';
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #45E1F0, transparent);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}
.si1:hover::before,
.si2:hover::before,
.si3:hover::before,
.si4:hover::before,
.si5:hover::before {
  --size: 300px;
}

.si1.pink::before,
.si2.pink::before,
.si3.pink::before,
.si4.pink::before,
.si5.pink::before {
	 background: radial-gradient(circle closest-side, #fe3e6b, transparent); 
}
/* si1 hover effects */

.btn.tg-btn {
    box-shadow: 6px 9px 3px -3px #AAAAAA;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-radius: 60px 60px 60px 60px;
    margin: 10px 4px;
}
.circle-btn.btn.tg-btn {
/* 	box-shadow: 0px 0px 0px 0px #AAAAAA; */
	border-width: 0px;
}
.faq-accor .accordion-card:first-child {
	border-top: 0px;
}
.faq-accor .accordion-card {
	padding-left: 20px;
    border-radius: 10px;
    box-shadow: -3px 7px 10px 0px #AAAAAA;
    padding-right: 20px;
    margin-bottom: 20px;
	border-bottom: 0;
	background-color: #000;
}
.faq-accor .accordion-card .accordion-button:after {
	right: 20px;
	color: #fff;
}
.cust-rev-carousal-wp .swiper-wrapper {
    align-items: center;
}
.cust-rev-carousal-wp .swiper-wrapper.swiper-slide {
/* 	display: -webkit-flex;
	-webkit-flex-wrap: wrap; 
	display: flex;   
	align-items: center;
	justify-content: center; */
}
.cust-port-link {
	cursor: pointer;
}
@media only screen and (max-width: 1400px) and (min-width: 992px)  {
	.cust-port-slider .slick-track .col-lg-4.slick-slide {
/* 		width: 33.3333333333% !important; */
	}
}


@media only screen and (max-width: 1500px) and (min-width: 1300px)  {
	.main-area .e-con-boxed.e-con>.e-con-inner {
		max-width: 1180px !important;
	}
	.portfoliocustom_style .portfolio-static-wrap {
		max-width: 1180px !important;
	}
	section.elementor-section-boxed>.elementor-container {
		max-width: 1180px !important;
	}
	.main-area .we-craft-banner.e-con-boxed.e-con>.e-con-inner {
        max-width: 1080px !important;
    }
	
}
@media only screen and (max-width: 1300px) and (min-width: 1140px)  {
	.main-area .e-con-boxed.e-con>.e-con-inner {
		max-width: 1100px !important;
	}
	.portfoliocustom_style .portfolio-static-wrap {
		max-width: 1100px !important;
	}
}
@media only screen and (max-width: 767px) {
	.scroll-top.show {
		display: none !important;
	}
}