/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary-color: #1273EB;
	--font-roboto: "Roboto";
	--font-poppins: "Poppins";

	--color-white: #fff;
	--color-black: #000;
	--color-text: #363636;
	--color-heading: #1c1b1b;
	--color-gray: #333;
	--color-gray-dark: #444;
	--color-border: #ccc;
	--color-border-light: #e6e6e6;
	--color-bg-gray: #f2f2f2;
	--color-bg-gray-2: #f0f0f0;
	--color-bg-fbfbfb: #fbfbfb;
	--color-bg-blue-light: #f1f6fc;
	--color-dark-teal: #012125;
	--color-accent: #c1f43d;
	--color-blue-light: #2f6fed;
	--color-blue-mid: #1f5adb;
	--color-blue-deep: #0D5EC1;
	--color-white-a20: #FFFFFF33;
	--color-white-a30: #ffffff30;

	--shadow-soft: rgba(0, 0, 0, 7%);
	--shadow-medium: rgba(0, 0, 0, 0.35);
	--shadow-navy: rgba(49, 69, 98, 0.47);


	--swp-ring-color: var(--primary-color);
	--swp-track-color: var(--color-white);
	--swp-text-color: var(--color-white);
}

body {
	font-family: "Roboto";
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-poppins);
}

.autocomplete-suggestion .search-price,
.wpcf7-spinner,.absolute-footer {
	display: none;
}

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

.col-inner:last-child {
	padding-bottom: 0;
}

a {
	transition: all .25s ease;
}

p:last-child {
	margin-bottom: 0;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
	max-width: 500px;
	width: 350px;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	font-size: 16px;
	text-transform: math-auto;
	color: var(--color-black);
}

.mfp-bg.mfp-ready {
	background-color: rgba(0, 0, 0, 0.4) !important;
	opacity: 1 !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

.mfp-wrap.mfp-ready {
	backdrop-filter: none !important;
}

.nav:not(.nav-slide) .active>.children {
	padding-bottom: 0;
}

.icon-box-img img,
.icon-box-img svg {
	padding-top: 0;
}

.autocomplete-suggestion img+.search-name {
	font-size: 16px;
}

.header-nav .sub-menu .menu-item-has-children:after {
	content: '\f105';
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-size: 11px;
}

.header-nav .sub-menu .menu-item-has-children {
	position: relative;
	width: 100%;
}

.header-nav .sub-menu .menu-item-has-children .sub-menu {
	display: none;
	opacity: 0;
	transition: all 0.25s ease;
	position: absolute;
	left: 100%;
	background: var(--color-white);
	border-radius: 5px;
	top: 0;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.header-nav .sub-menu .menu-item-has-children:hover .sub-menu {
	display: block;
	opacity: 1;
}

.header-nav .sub-menu .menu-item-has-children:hover .sub-menu .sub-menu {
	display: none;
	opacity: 0;
}

.header-nav .sub-menu .menu-item-has-children:hover .sub-menu .menu-item-has-children:hover .sub-menu {
	display: block;
	opacity: 1;
}

.header-nav .sub-menu.nav-dropdown-default {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.sub-menu li a {
	min-width: 150px;
	font-weight: 400 !important;
	text-transform: math-auto !important;
	color: initial !important;
	font-size: 14px !important;
}


.nav-uppercase li a,
.nav-uppercase li>a,
ul.nav-uppercase>li>a {
	text-transform: none !important;
	letter-spacing: normal !important;
}

.flickity-button {
	opacity: 1;
}

.flickity-button svg {
	background-color: var(--color-white);
	box-shadow: var(--shadow-medium) 0px 5px 15px;
	padding: 10px;
	border-radius: 4px;
	min-width: 30px;
	max-width: 30px;
	height: 30px;
}

.row-slider .flickity-prev-next-button svg {
	padding: 10px !important;
}

.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
	fill: var(--color-gray);
}

.flickity-page-dots {
	background: var(--color-white-a30);
	width: max-content;
	margin: auto;
	border-radius: 16px;
	padding: 0px 4px;
	padding-bottom: 2px;

}

.flickity-page-dots .dot {
	width: 8px;
	height: 8px;
	background-color: var(--color-white);
}

.wpcf7 div.wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
	background: #fddddd;
	border: 1px solid red;
	color: red;
	box-shadow: none;
	font-size: 14px;
	padding: 15px;
	border-radius: 6px;
	margin: 0;
	margin-top: 15px;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: #ebfee3;
	color: #398f14;
	border-color: #398f142e;
}

ul:last-child,
li:last-child {
	margin-bottom: 0;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(2.8);
        transform: scale(2.8);
        opacity: 0;
    }
}
@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(2.8);
        transform: scale(1.6);
        opacity: 0;
    }
}
@keyframes bounce-bottom {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  20% {
    transform: translateY(10px);
    animation-timing-function: ease-out;
  }
  40% {
    transform: translateY(-10px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(6px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-6px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
#menu-item-877{
	.sub-menu {
		inset: 60px 0px 0px -709.25px!important;
		border: none!important;
		.ss-block-menu{
			padding: 0px 15px 5px 40px;
			width: 105%!important;
			.col-menu{
				padding-top: 25px;
				padding-bottom: 5px;
				border-right: 1px solid #0000000F;
			}
			.col-1{
				padding-left: 0;
			}
			.col-2,
			.col-3,
			.col-4{
				padding-left: 50px;
				padding-right: 0;
			}
			.col-4{
				border: none;
			}
			.ux-menu-title{
				font-size: 18px;
				text-transform: capitalize;
				padding: 0;
				margin-bottom: 15px!important;
				min-height: 0;
			}
			.ux-menu-link{
				font-size: 15px;
				margin-bottom: 10px!important;
				a{
					padding: 0;
					border: none;
					text-transform: capitalize;
				}
				.ux-menu-link__text{
					color: var(--color-text);
					transition: color 0.3s ease;
				}
				&:hover{
					.ux-menu-link__text{
						color: var(--primary-color);
					}
				}
				.ux-menu-link__link{
					min-height: 2.2em;
				}
				
			}
			.ux-menu-link--active{
				.ux-menu-link__text{
					color: var(--primary-color);
				}
			}
			.ux-menu-link:last-child{
				margin-bottom: 0;
			}
			.col-5{
				padding: 22px 15px 15px;
				.ux-menu-title {
					font-size: 20px;
					margin-bottom: 5px!important;
					min-height:auto;
				}
				.button{
					margin-bottom: 15px;
				}
				.button:hover{
					color: var(--primary-color);
				}
				.button::before{
					display: none;
				}
				img{
					border-radius: 5px;
					overflow: hidden;
				}
			}
		}
	}
}

.category-page-row .large-9 > hr,
.category-page-row .large-9 > h4.uppercase,
.category-page-row .large-9 > .row-slider {
	display: none !important;
}
.swp-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:60px 50px;
  max-width:1200px;
  margin:0 auto;
  padding:20px 0;
}

.swp-item{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  vertical-align:top;
  width:160px;
  margin:20px 25px;
}

.swp-ring-wrap{
  position:relative;
  width:169px;
  height:160px;
}

.swp-ring{
  width:161px;
  height:161px;
  transform:rotate(-90deg);
  display:block;
}

.swp-ring-track{
  fill:none;
  stroke:var(--swp-track-color);
  stroke-width:6;
}

.swp-ring-progress{
  fill:none;
  stroke:var(--swp-ring-color);
  stroke-width:6;
  stroke-linecap:round;
  transition:stroke-dashoffset 1.2s ease;
}

.swp-percent{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size:20px;
  font-weight:700;
  color:var(--swp-text-color);
  font-family:inherit;
}

.swp-label{
  padding-top: 10px;
  font-size:20px;
  font-weight:700;
  letter-spacing:0.5px;
  color:var(--swp-text-color);
  text-align:center;
  text-transform:uppercase;
  font-family:inherit;
}
#top-bar {
	border-bottom: 1px solid var(--color-white-a20);
}

.nav-center {
	.html {
		padding: 14px 0;

		img {
			width: 14px;
			height: 14px;
			margin-right: 10px;
			margin-bottom: 3px;
		}

		span {
			font-size: 14px !important;

			a {
				color: var(--color-white);
			}

			a:hover {
				color: var(--primary-color);
				cursor: pointer;
			}
		}
	}

	.html_topbar_left {
		border-right: 1px solid var(--color-white-a20);
		padding-right: 20px;
	}

	.html_top_right_text {
		border-right: 1px solid var(--color-white-a20);
		padding-right: 20px;
	}

	.phone-top-bar {
		margin-right: 367px;
	}

	.time-work {
		i {
			font-size: 15px;
			margin-right: 10px;
		}
	}

	.socials {
		span {
			margin-right: 18px;
		}

		span:last-child {
			margin-right: 0;
		}
	}
}

.header-inner {
	margin-left: 19%;
}

.header-nav-main {
	a {
		text-transform: uppercase;
		font-size: 15px !important;
		font-weight: 500;
	}
}

.ss-footer {
	.wpcf7-email {
		padding: 28px 20px;
		border-radius: 0 !important;
	}

	.row-border-bottom {
		border-bottom: 2px solid #081A38;
	}
	.col-p-0{
		padding-bottom: 0;
	}
	.title-footer {
		h3 {
			font-size: 24px;
			margin-bottom: 30px;
		}
	}

	.contact-info-footer {
		ul {
			list-style: none;

			li {
				margin: 0 0 20px 0;

				img {
					width: 24px;
					height: 24px;
					margin-right: 20px;
				}
				a:hover{
					color: var(--primary-color);
				}
			}

			li:last-child {
				margin-bottom: 0;
			}

		}
	}

	.col-newsletter-subscribe {
		h3 {
			font-size: 36px;
			margin-bottom: 0;
			font-weight: 600;
			line-height: 1.4em;
		}
	}

	.col-first-footer {
		img {
			width: 175px;
			height: 38px;
		}

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

			.ux-logo-link {
				padding: 0 !important;
			}
		}

		p {
			margin-bottom: 26px;
		}

		.btn-first-col-footer {
			margin: 10px 0 0 0;
			padding: 15px 24px 15px 24px;
			font-size: 16px;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 1.25em;
			border-style: none;
			border-radius: 3px;
		}
	}

	.post-item {
		padding-bottom: 0;
		img {
			width: 85px;
			height: 85px;
			border-radius: 10px;
			margin: 0;
		}

		.is-divider {
			display: none;
		}
		.box-text {
			padding: 0 0 0 7px;
			a{
				color: #E0E0E0;
				font-weight: 600;
				font-size: 16px;
				&:hover{
					color: var(--primary-color);
				}
			}
			.post-meta{
				font-size: 14px;
			}
		}
	}

	.text-copy-right {
		a:hover {
			color: var(--primary-color);
		}
	}

	.follow-icon-footer {
		.button {
			border: 1px solid var(--primary-color) !important;
			border-radius: 4px !important;
			background-color: var(--primary-color);
			margin-bottom: 0;
			i {
				margin-top: 3px !important;
			}

			&:hover {
				background-color: var(--color-white) !important;
				border-color: var(--color-white) !important;

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

	form {
		margin-bottom: 0;

		.form-footer-absolute {
			input {
				margin: 0;
			}

			p {
				display: flex;
			}

			.wpcf7-submit {
				flex-shrink: 0;
				padding: 10px 37px;
			}

			.wpcf7-form-control-wrap {
				width: 100%;
			}

			.wpcf7-email {
				background: transparent;
				color: var(--color-white);
				border: 2px solid var(--primary-color);

				&:hover,
				&:focus {
					box-shadow: none !important;
				}
			}

			.wpcf7-not-valid-tip {
				display: none;
			}
		}
	}
	.col-third-footer{
		i{
			display: none;
		}
	}
}
.ss-pd{
	padding: 80px 0!important;
}
.ss-banner {
	position: relative;
	.row {
		margin-top: 162px;
	}

	.text {
		margin-bottom: 40px;
	}

	h3 {
		font-size: 25px;
		line-height: 30px;
		font-weight: 700;
	}

	h1 {
		font-size: 80px;
		line-height: 30px;
		font-weight: 700;
	}

	h4 {
		font-size: 30px;
		letter-spacing: 7px;
		font-weight: 400;
		line-height: 1.2;
	}

	.btn-banner {
		height: auto;
		width: auto;
		text-decoration: none;
		line-height: 52px;
		font-weight: 500;
		font-size: 15px;
		padding-left: 32px;
		border-radius: 3px;
		padding-right: 32px;
	}
}
.ss-banner::before{
	content:"";
	position: absolute;
	bottom: 0%;
	right: 17%;
	z-index: 999;
	background-image: url("/wp-content/uploads/2026/07/business-reobiz.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 469px;
	height: 657px;
}

.ss-about-us{
	.col-img{
		padding: 0 30px 0 0;
	}
	.col-img-right{
		padding: 10px;
	}
	.col-img-0{
		padding: 10px;
	}
	.col-img-1{
		padding-bottom: 20px;
	}
	.col-img-2{
		padding-bottom: 0;
	}
	.col-info{
		padding: 20px 34px 35px 20px;
	}
}
.sub-text{
	margin-bottom: 10px;
	p{
		font-size: 16px;
    	font-weight: 500;
   		text-transform: uppercase;
    	color: var(--primary-color);
		margin-bottom: 0;
	}
}
.title{
	
	h2{
		font-size: 36px;
		line-height: 1.2;
		margin-bottom: 20px;
		color: var(--color-heading);
	}
}
.description{
	p{
		margin-bottom: 30px;
		color: var(--color-text);
	}
}

.list-about-us{
	margin-bottom: 40px;
	display: flex;
	ul{
		list-style: none;
		li {
			position: relative;
			margin: 0 0 15px 0;
			padding-left: 32px;
			line-height: 22px;
			font-size: 16px;
			color: var(--color-text);
			font-weight: 500;
		}
		li::before{
			position: absolute;
			content: "";
			background-image: url("/wp-content/uploads/2026/07/check-circle-svgrepo-com.svg");
			background-repeat: no-repeat;
			background-size: contain;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
	}
}

.btn-about-us,
.btn-project,
.btn-news{
	margin: 0;
	padding: 11px 30px 11px 30px;
    font-size: 16px;
    border-radius: 4px 4px 4px 4px;
	line-height: 1;
	font-weight: 400;
}

.ss-skill{
	.col-skill{
		padding: 2px 0 15px 0;
	}
	.col-per-skill{
		padding: 5px;
	}
	.even{
		padding-top: 50px;
	}
}
.label-skill{
	color: var(--color-white);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
	padding-top: 10px;
	p{
		margin-bottom: 0;
	}
}
.ss-services-home{
	.col-title-services{
		padding: 0;
		.title{
			h2{
				margin-bottom: 15px;
			}
		}
	}
	.col-content-services{
		padding: 0;
	}
	.text-services{
		p{
			margin-bottom: 26px;
		}
	}
	.row-post-services{
		padding-top: 15px;
		.col-post{
			padding: 10px 10px 20px 10px;
		}
		.card-item-services{
			padding: 15px 15px 30px 15px;
			background-color: var(--color-white);
			box-shadow: 0px 7px 19px 0px rgba(0,0,0,0.1);
				.box-image{
					margin-bottom: 20px;
				}
				.box-text{
					padding: 0;
					h3{
						font-size: 24px;
						margin: 0 0 10px 0;
						a{
							margin: 0;
						}
					}
					p{
						font-size: 16px;
						color: var(--color-heading);
						margin: 0;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
		}
		.card-item-services .box-image{
			overflow: hidden;
			display: block;
		}

		.card-item-services .box-image img{
			transition: transform 0.4s ease;
			width: 100%;
			display: block;
		}

		.card-item-services:hover .box-image img{
			transform: scale(1.1);
		}
	}
}

.ss-about{
	.title{
		h2{
			margin-bottom: 25px;
		}
	}
	.description{
		p{
			margin-bottom: 40px;
		}
	}
	.col-img-about{
		padding: 10px;
		position: relative;
		.img-about{
			position:absolute;
			top: -194px;
		}
	}
	.col-content-about{
		padding: 20px 20px 0 20px;
		.open-video{
			position: relative;
			background-color: var(--color-white);
			border-color: var(--color-white);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			.icon-play{
				font-size: 1em!important;
				color: var(--primary-color);
			}
		}
		.open-video::before{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--color-white);
            border-radius: 50%;
            -webkit-animation: ping 2s ease-in-out infinite both;
            animation: ping 2s ease-in-out infinite both;
            z-index: -1;
        }
	}
	.btn-about{
		margin: 0;
		padding: 14px 30px 14px 30px;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
		box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0), 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		line-height: 1;
		transition: box-shadow 0.4s linear;
		&:hover{
			box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2), 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		}
	}
	.btn-after{
		border-radius: 0px 4px 4px 0px;
		-webkit-border-radius: 0px 4px 4px 0px;
		-moz-border-radius: 0px 4px 4px 0px;
	}
	.btn-before{
		position: relative;
		margin-right: -10px;
		border-radius: 4px 0px 0px 4px;
		-webkit-border-radius: 4px 0px 0px 4px;
		-moz-border-radius: 4px 0px 0px 4px;
	}
	.btn-before::before{
		content: "OR";
		position: absolute;
		top: 50%;
		left: 79%;
		width: 100%;
		height: 100%;
		z-index: 9;
		overflow: hidden;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		background-color: var(--color-white);
		box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
		color: #27374c;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 30px;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%,-50%);
		transform: translate(50%, -50%);
	}

}

.ss-projects{
	.col-title{
		padding: 90px 0 30px 0;
	}
	.flickity-button{
		display: none;
	}
	.col-titile-projects{
		padding: 10px;
	}
	.portfolio-project{
		padding-bottom: 35px;
		.col{
			padding: 0 10px!important;
		}
		.box-image{
			border-radius: 5px;
			overflow: hidden;
			img{
				transition: transform 0.4s ease;
				transform: scale(1);
				display: block;
				width: 100%;
			}
		}
		.portfolio-box:hover .box-image img{
			transform: scale(1.08);
		}
		.box-text{
			bottom: 2%;
    		right: -2%;
			transition: transform 0.4s ease;
			transform: translateY(0);
			.box-text-inner{
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				text-shadow: unset;
			}
			h6{
				font-size: 22px;
				font-family: var(--font-poppins);
				font-weight: 700;
				line-height: 40px;
				color: var(--color-white);
				margin: 0;
				opacity: 1;
				order: 2;
				transition: all 0.3s ease;
			}
			h6:hover{
				color: var(--primary-color);
				cursor: pointer;
			}
			p{
				font-size: 16px;
				text-transform: capitalize;
				color: var(--color-white);
				opacity: 1;
				order: 1;
			}
		}
		.portfolio-box:hover .box-text{
			transform: translateY(-10px);
		}
	}
	.flickity-page-dots{
		.dot{
			width: 25px;
			height: 8px;
			display: inline-block;
			font-size: unset;
			line-height: unset;
			padding: unset;
			border-radius: 50px;
			background: var(--primary-color);
			transition: all .3s ease-in;
			-webkit-transition: all .3s ease-in;
			opacity: .5;
		}
		.is-selected{
			width: 40px;
		}
	}
}

.ss-feedback{
	padding-bottom: 150px!important;
	.col-title{
		margin: 10px 0 40px 0;
		padding: 10px;
		h2{
			margin-bottom: 15px;
		}
	}
	.col-feedback{
		padding: 10px;
		.slider-feedback{
			.row{
				opacity: 1;
				padding-right: 30px;
			}
			.flickity-slider > * {
				max-width: calc(50% - 15px) !important;
   			 	margin-right: 15px;
			}
		}
		.card-feedback{
			padding: 0;
			.text-feedback{
				position: relative;
				padding: 80px 35px 35px 35px;
				margin-bottom: 28px;
				background-color: var(--shadow-navy);
				border-radius: 4px;
				box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
				min-height: 217px;
				p{
					margin-bottom: 0;
				}
			}
			.text-feedback::before{
				content: "";
				position: absolute;
				top: 12%;
				left: 8%;
				background-image: url("/wp-content/uploads/2026/07/quote-svgrepo-com.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 35px;
				height: 35px;
			}
			.text-feedback::after{
				top: 100%;
				left: 10%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(136, 183, 213, 0);
				border-top-color: var(--shadow-navy);
				border-width: 12px;
				margin-left: -30px;
				z-index: 1;
			}
			.info-feedback{
				.icon-box-text{
					align-self: center;
					padding-left: 15px;
				}
				img{
					border-radius: 50%;
				}
				h3,p{
					margin-bottom: 0;
				}
				h3{
					font-size: 18px
				}
				p{
					font-size: 14px;
					color: #f2EEEE;
				}
			}
		}
		.flickity-page-dots{
			margin: -80px auto;
			background: transparent;
			.dot{
				width: 25px;
				height: 8px;
				display: inline-block;
				font-size: unset;
				line-height: unset;
				padding: unset;
				border-radius: 50px;
				background: var(--primary-color);
				transition: all .3s ease-in;
				-webkit-transition: all .3s ease-in;
				-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .25);
				-moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.25);
				box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
				opacity: .5;
				border-color: var(--primary-color);
			}
			.is-selected{
				width: 40px;
			}
		}
	}
}

.ss-expert{
	padding-bottom: 55px!important;
	.col-title{
		padding: 10px 10px 55px 10px;
		h2{
			margin-bottom: 0;
		}
	}
	.col-expert{
		padding: 0 10px;
		.col{
			padding: 0 15px 0 15px!important;
		}
	}
	.flickity-button{
		display: none;
	}
	.page-box{
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 0 10px var(--shadow-soft);
		.image-cover{
			overflow: hidden;
		}
		img{
			transition: transform 0.3s ease;
			transform: scale(1);
		}
		.box-text{
			padding: 12px 20px;
			box-shadow: 0 0 10px var(--shadow-soft);
			transition: all 0.3 ease;
			.box-text-inner{
				margin: 10px 0;
			}
			p{
				font-size: 20px;
				font-weight: 600;
				font-family: var(--font-poppins);
				text-transform: uppercase;
				color: #222;
				opacity: 1;
				margin: 0;
				transition: all 0.3s ease;
			}
		}
	}
	.page-box:hover{
		img{
			transform: scale(1.08);
		}
		.box-text{
			background-color: var(--primary-color);
			p{
				color: var(--color-white);
			}
		}
	}
}

.ss-request .banner-form,
.ss-sub .banner-form {
		.sub-text{
			p{
				margin: 0 0 10px 0;
			}
		}
		.title{
			h2{
				margin: 0 0 15px 0;
				font-weight: 700;
			}
		}
		.form-request-home p {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 25px;
		}
		.form-request-home br {
			display: none;
		}

		.form-request-home .wpcf7-form-control-wrap {
			display: block;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-email"] {
			grid-column: 2;
			grid-row: 1;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-name"] {
			grid-column: 1;
			grid-row: 1;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-phone"] {
			grid-column: 1;
			grid-row: 2;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-website"] {
			grid-column: 2;
			grid-row: 2;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="text-area"],
		.form-request-home input[type="submit"],
		.form-request-home .wpcf7-spinner {
			grid-column: 1 / -1;
		}
		.form-request-home input.wpcf7-form-control,
		.form-request-home textarea.wpcf7-form-control {
			margin-bottom: 5px;
			padding: 33px 0px 33px 20px;
			color: var(--color-white);
			border-style: solid;
			border-width: 0px 0px 0px 0px;
			box-shadow: 0px 0px 50px 0px var(--shadow-medium);
			background-color: var(--shadow-navy);
			font-size: 16px;
		}

		.form-request-home input.wpcf7-form-control::placeholder,
		.form-request-home textarea.wpcf7-form-control::placeholder {
			color: var(--color-white);
		}

		.form-request-home input.wpcf7-form-control:focus,
		.form-request-home textarea.wpcf7-form-control:focus {
			outline: none;
			border-color: rgba(255, 255, 255, 0.4);
			background-color: rgba(255, 255, 255, 0.12);
		}

		.form-request-home textarea.wpcf7-form-control {
			min-height: 140px;
			resize: vertical;
		}
		.form-request-home input[type="submit"] {
			width: auto;
			justify-self: start;
			background-color: var(--color-blue-light);
			color: var(--color-white);
			border: none;
			border-radius: 4px;
			text-transform: uppercase;
			cursor: pointer;
			transition: background-color 0.2s;
			margin: 0;
			padding: 11px 30px 11px 30px;
			font-size: 16px;
			line-height: 1.5;
			font-weight: 400;
		}

		.form-request-home input[type="submit"]:hover {
		background-color: var(--color-blue-mid);
		}
	}

.ss-news{
	padding: 60px 10px 130px!important;
	.row-news{
		padding-top: 10px;
	}
	.col-title{
		padding: 10px 10px 20px 10px;
		.title{
			h2{
				margin-bottom: 15px;
			}
		}
		.btn-news{
			margin: 0;
		}
	}
	.col-slider{
		padding: 10px;
		.slider-nav-reveal{
			overflow:unset!important;
		}
		.flickity-button{
			display: none;
		}
		.post-item{
			padding: 0 15px;
			margin-bottom: 4px;
			.col-inner{
				border-radius: 4px;
				overflow: hidden;
				transition: transform 0.3s ease;
			}
			.box-image img{
				transition: filter 0.3s ease;
			}
			.post-title a{
				transition: color 0.3s ease;
			}
			&:hover{
				.col-inner{
				transform: translateY(-8px);
				}
				.box-image img{
				filter: grayscale(100%);
				}
				.post-title a{
				color: var(--primary-color);
				}
			}
			.box-text{
				padding: 45px 30px 30px 30px;
				background-color: var(--color-white);
				.cat-label{
					font-size: 15px;
					color: var(--primary-color);
					opacity: 1;
					margin: 0 0 8px 0;
				}
				.post-title{
					font-size: 20px;
					margin: 0 0 15px 0;
					a{
						margin: 0;
						font-weight: 600;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
				.from_the_blog_excerpt {
					margin: 0 0 15px 0;
					font-size: 16px;
					color: var(--color-text);
				}
				.post-bottom-meta {
					font-size: 14px;
					color: var(--color-text);
					span{
						margin-left: 10px;
					}
				}
				.is-divider{
					display: none;
				}
			}
		}
		.flickity-page-dots{
			bottom: -50px;
			.dot{
				width: 25px;
				border-radius: 50px;
				transition: 0.3s ease-in;
				background-color: var(--primary-color);
				border-color: var(--primary-color);
			}
			.is-selected{
				width: 40px;
			}
		}
	}
}

.ss-brand{
	padding: 20px 0!important;
	.col-brand{
		padding: 60px 15px 5px;
		.flickity-button{
			display: none;
		}
		.gallery-col {
			padding-bottom: 0!important;
			.box-text{
				display: none;
			}
		}
	}
}

.ss-breadcrumb{
	padding-top: 200px!important;
	.col{
		padding: 0;
	}
	h1{
		font-size: 46px;
   	 	font-weight: 700;
    	line-height: 56px;
		margin-bottom: 10px;
	}
	.rank-math-breadcrumb{
		a, span{
			font-size: 14px;
			color: var(--color-white);
		}
		.separator{
			margin: 0 15px;
			font-size: 16px;
			color: var(--primary-color);
		}
	}
}

.ss-teams{
	padding-bottom: 50px!important;
	.page-col{
		margin-bottom: 30px;
	}
	.pages-teams{
		.box-text{
			border-bottom: 3px solid var(--primary-color);
		}
	}
}

.ss-faq .col-2,
.ss-block-services .col-2 {
		background-image: url("/wp-content/uploads/2026/07/bg.jpg");
		margin-top: 30px;
		padding: 50px 25px;
		.icon-box .icon-inner {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 70px;
			height: 70px;
			background-color: var(--color-white);
			border-radius: 100%;
			position: relative;
			z-index: 2;
		}

		.icon-box .icon-inner svg {
			width: 30px;
			height: 30px;
		}

		.icon-box-img {
			position: relative;
		}

		.icon-box-img::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--color-white);
			border-radius: 50%;
			animation: ping 2s ease-in-out infinite both;
			z-index: 1;
		}
		.phone-ques{
			padding: 15px 5px 0;
			h2{
				font-size: 24px;
				color: var(--color-white);
			}
		}
		.number-phone{
			padding: 15px 4px 4px;
			h2{
				font-size: 30px;
				a{
					color: var(--color-white);
					&:hover{
						color: var(--color-blue-deep);
					}
				}
			}
		}
	}

.ss-faq{
	.row-faq{
		margin: 20px auto;
	}
	.col-text-faq{
		padding: 10px;
		.sub-text{
			margin-bottom: 4px;
			p{
				font-size: 14px;
			}
		}
		.title{
			h2{
				margin-bottom: 15px;
			}
		}
		.description{
			p{
				margin-bottom: 26px;
			}
		}
	}
	.col-contact{
		padding: 0 0 20px 20px;
	}
	.col-1{
		background-image: url("/wp-content/uploads/2026/07/reobiz-faq.jpg");
		padding: 40px 30px;
	}
	
	.col-block-contact{
		border-radius: 5px;
	}
	.accor-ques-normal{
		.accordion-item {
			background: var(--color-white);
			border: none;
			box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
			margin-bottom: 20px;
			overflow: hidden;
			.active{
				background-color: unset!important;
				span{
					color: var(--primary-color);
				}
			}
			.accordion-inner{
				padding: 15px 20px;
			}
		}
		.accordion-title {
			display: flex;
			align-items: center;
			padding: 20px 25px;
			text-decoration: none;
			cursor: pointer;
			border: none;
			i {
				display: none;
			}
			.toggle {
				display: none;
			}
			span {
				font-size: 18px;
				font-weight: 600;
				font-family: var(--font-poppins);
				color: var(--color-heading);
				line-height: 1.4;
				margin-left: 30px;
			}
			
		}
		.accordion-title::before {
			content: "";
			position: absolute;
			left: 22px;
			top: 50%;
			transform: translateY(-50%);
			width: 25px;
			height: 25px;
			background: url('/wp-content/uploads/2026/07/eye-show-svgrepo-com.svg') no-repeat center / contain;
		}
		.accordion-title[aria-expanded="true"]::before {
			background-image: url('/wp-content/uploads/2026/07/eye-off-svgrepo-com.svg');
		}
	}
	.title{
		h3{
			font-size: 28px;
		}
	}
	.form-quick-contact{
		.wpcf7-form-control-wrap{
			.wpcf7-form-control{
				margin-bottom: 15px;
				color: var(--color-white);
				padding: 30px;
				border-style: solid;
				border-color: var(--primary-color);
				background-color: #113B6E75;
				&:focus{
					box-shadow: unset;
					border-color: var(--color-white);
				}
			}
		}
		.wpcf7-submit{
			margin: 0;
			padding: 10px 30px;
			font-size: 14px;
			color: var(--primary-color);
			border-radius: 5px;
			background-color: var(--color-white);
			line-height: 2;
			&:hover{
				background-color: var(--color-blue-deep);
				color: var(--color-white);
			}
		}
		input::placeholder,
		textarea::placeholder {
			color: var(--color-white);
			opacity: 1;
		}
	}
}

.ss-info{
	padding-bottom: 75px!important;
	.row-main{
		padding-top: 20px;
	}
	.proskill-item {
		margin-bottom: 20px;
	}

	.proskill-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 8px;
	}

	.proskill-title {
		font-size: 16px;
		font-weight: 500;
		color: var(--color-text);
	}

	.proskill-percent {
		font-size: 16px;
		font-weight: 500;
		color: var(--color-text);
	}

	.proskill-bar {
		height: 8px;
		border: 1px solid var(--primary-color);
		border-radius: 0;
		overflow: visible;
		padding: 1px;
		background: var(--color-white);
	}

	.proskill-bar-fill {
		height: 100%;
		background: var(--primary-color);
	}
	.single-title{
		h4{
			margin-bottom: 17px;
			font-size: 24px;
			color: var(--primary-color);
		}
	}
	.personal-info{
		margin-top: 5px;
		p{
			margin-bottom: 0;
			a{
				color: var(--color-text);
			}
			a:hover{
				color: var(--primary-color);
			}
		}
	}
	.socials-icon {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: -8px;
		margin-top: 10px;

		p {
			margin: 0;
		}

		a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 32px;
			height: 32px;
			text-decoration: none;
		}

		i {
			font-size: 14px;
		}
	}
	.sub-text-info{
		p{
			color: var(--primary-color);
			margin-top: 0;
			padding-bottom: 5px;
		}
	}
	.title-name{
		h3{
			margin-bottom: 17px;
			font-size: 28px;
		}
	}
	.short-desc{
		p{
			margin-bottom: 50px;
		}
	}
	.title{
		h4{
			font-size: 20px;
			margin-bottom: 17px;
		}
	}
	.col-skill{
		margin-bottom: 50px;
		.col-inner{
			padding: 35px 50px;
		}
		.col-1-skill{
			padding: 0 15px;
			.col-inner{
				padding: 0;
			}
		}
	}
	.text-exp{
		margin-bottom: 20px;
		p{
			margin-bottom: 18px;
		}
	}
	.col-img{
		padding: 0 45px 0 0;
	}
	.col-contact{
		padding: 0 45px 0 0;
		.col{
			padding: 40px;
		}
	}
	.col-info-1 {
		padding-bottom: 0;
	}
	.col-info-2{
		padding-bottom: 0;
	}
	.col-inside-contact{
		position: relative;
		margin-top: 50px!important;
		padding: 40px;
		background-color: var(--color-bg-blue-light);
		margin: 0 12px;
	}
	.col-inside-contact::before{
		position: absolute;
		content: "";
		right: -16%;
		bottom: 20%;
		opacity: 0.05;
		background-image: url("/wp-content/uploads/2026/07/paper-plane-svgrepo-com.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 50%;
		height: 50%;
	}
}

.ss-partners {
	padding-bottom: 70px!important;
  	.row {
		padding: 20px 0 0;
	}
	.card-partner {
		padding: 0 30px 30px 0;
		.box-image{
			overflow:unset;
		}
	}
	.col-inner {
		padding: 15px;
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.12);
		transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
		margin: 0px 20px 0px 0px;
		min-height: 233px;

		.box-image {
		padding-top: 10px;
		margin-bottom: 15px;

		img {
			animation-name: none;
		}
		}

		&:hover .box-image img {
		animation: bounce-bottom 0.9s both;
		}

		.box-partner {
		padding: 20px 10px;
		.box-text {
			padding: 10px 0 0 0;
			.title {
			h3 {
				font-size: 20px;
				margin: 0 0 9px;
				line-height: unset;
				a {
				margin: 0;
				font-weight: 600;
				transition: color 0.5s ease;
				}
			}
			}
			.description {
			p {
				margin: 0 0 1px;
				font-size: 16px;
				color: var(--color-text);
			}
			}
		}
		}

		&:hover .box-partner .box-text .title h3 a {
		color: var(--primary-color);
		}
	}
}
.ss-start{
	.row-main{
		padding: 20px 0 10px;
	}
	.col{
		padding: 0;
	}
	.title{
		h3{
			font-size: 18px;
			margin-bottom: 10px;
			a{
				color: var(--color-white);
			}
		}
	}
	.desc{
		padding-bottom: 25px;
		p{
			font-size: 40px;
			font-weight: 700;
   	 		line-height: 57px;
			color: var(--color-white);
		}
	}
	.btn-ss-start{
		background-color: var(--color-white)!important;
		color: var(--primary-color);
		padding: 15px 32px;
		margin: 0;
		line-height:unset;
		font-size: 16px;
		font-family: var(--font-poppins);
		font-weight: 500;
	}
	.col:hover{
		.btn-ss-start{
			background-color: var(--primary-color)!important;
			color: var(--color-white);
		}
	}
}
.ss-sub{
	.col-main{
		padding: 20px 0;
	}
	
}
.ss-subscribe,
.ss-sign-up{
	.row-subscribe {
		padding: 40px 0 10px;
		.col {
			padding: 0 10px;
			.col-inner {
				padding: 40px 0;
				border-radius: 10px;
				box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1);
				word-wrap: break-word;
				overflow-wrap: break-word;
				position: relative;
				overflow: hidden;
				box-sizing: border-box;
			}
		}
		.col-popular {
			margin-top: -20px;
			margin-bottom: 0 ;
			padding: 0 10px;
			z-index: 2;
			.col-inner {
				border-radius: 10px;
				padding-top: 60px;
				padding-bottom: 60px;
				box-shadow: 0 0.4rem 3.5rem rgba(0, 0, 0, 0.2);
				background-image: url("/wp-content/uploads/2026/07/price-table-item.jpg");
			}

			.pricing-table-title h3,
			.price p,
			.pricing-table-period p,
			.pricing-table-features-list li {
				color: var(--color-white) !important;
			}

			.pricing-table-features-list li::before {
				filter: brightness(0) invert(1);
			}

			.btn-subscribe {
				background-color: var(--color-white);
				color: var(--primary-color);
				border: none;
			}
			.btn-subscribe:hover{
				background-color: rgba(255, 255, 255, 0.79);
			}
		}
	}

	.pricing-table-title {
		h3 {
		padding-top: 10px;
		margin-bottom: 20px;
		color: var(--color-heading);
		font-weight: 400;
		font-size: 24px;
		line-height: 30px;
		}
	}

	.price {
		p {
		margin: 0;
		font-size: 60px;
		color: var(--primary-color);
		font-weight: 700;
		line-height: 1;

		.pricing-table-currency {
			font-size: 24px;
		}
		}
	}

	.pricing-table-period {
		p {
		margin-bottom: 25px;
		font-size: 16px;
		color: var(--primary-color);
		font-weight: 700;
		}
	}

	.pricing-table-features-list {
		padding: 15px 0 10px;
		margin-bottom: 30px;
		ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center !important;
		}

		li {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-bottom: 8px;
		font-size: 16px;
		color: var(--color-text);
		margin-left: 0;
		line-height: 1;
		&::before {
			content: "";
			display: inline-block;
			width: 30px;
			height: 30px;
			flex-shrink: 0;
			background: url("/wp-content/uploads/2026/07/check-alt-svgrepo-com.svg") no-repeat center / contain;
		}

		&.no-support::before {
			background-image: url("/wp-content/uploads/2026/07/close-svgrepo-com.svg");
		}
		}
	}
	.btn-subscribe{
		margin: 0;
		padding: 10px 22px 10px 22px;
		background-color: var(--e-global-color-primary);
		border-radius: 3px;
		line-height: 1;
		font-weight: 400;
	}
}

.ss-sign-up{
	.row-sign-up{
		padding: 10px 0;
	}
	.col{
		padding: 0 10px;
		 .col-inner {
			background-color: var(--color-bg-fbfbfb);
			border-radius: 20px 20px 250px 250px;
			overflow: hidden;
			box-shadow: 0px 3.8px 44.8px 0px rgba(36, 36, 36, 0.1);
			transition: box-shadow 0.3s ease;

		&:hover {
			box-shadow: 0px 8px 50px 0px rgba(36, 36, 36, 0.2);
		}
	}
	
	.pricing-table-title{
		padding: 30px 15px 25px;
		background-color: #EAF1FD;
		h3{
			padding: 0;
			margin: 0;
		}
	}
	.pricing-table-price-tag{
		padding: 20px;
		margin-bottom: 50px;
		background-color: var(--color-white);
		p{
			margin-bottom: 7.5px;
			line-height: 1;
			span{
				color: var(--primary-color);
				font-weight: 700;
			}
			.pricing-table-currency{
				font-size: 52px;
			}
			.pricing-table-price-text{
				font-size: 60px;
			}
			.pricing-table-period{
				position: relative;
				font-size: 20px;
				padding-left: 20px;
			}
			.pricing-table-period::before{
				content: "";
				height: 20px;
				width: 2px;
				position: absolute;
				left: 0;
				transform: rotate(20deg) translateY(-50%);
				top: 50%;
				background: var(--color-bg-gray);
			}
		}
	}
	.pricing-table-feature-text{
		border-style: solid;
    	border-width: 0px 0px 1px 0px;
   	 	border-color: rgba(186, 186, 186, 0.25);
		padding: 5px 0px 10px 0px;
    	margin-bottom: 10px;
		p{
			margin: 0;
		}
	}
	.last-child{
		border: none;
	}
	.btn-sign {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 120px;
		height: 120px;
		margin: 50px 0px 50px 0px;
		padding: 0px 0px 0px 0px;
		color: var(--color-white);
		background-color: var(--primary-color);
		border-style: solid;
		border-width: 10px 10px 10px 10px;
		border-color: var(--color-bg-gray);
		border-radius: 100%!important;
		box-shadow: 0px 0px 10px 0px var(--shadow-medium);
		box-sizing: border-box;
		&:hover{
			border-style: solid;
			border-width: 10px 10px 10px 10px;
			border-color: var(--color-bg-gray);
			box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
		}
	}
	&.col-popular-sign-up {
      .pricing-table-title {
        background-color: rgb(9, 85, 208);
        h3 {
          padding: 0;
          margin: 0;
          color: var(--color-white);
        }
      }
	  .pricing-table-price-tag{
		background-color: rgba(9, 85, 208, 0.9);
		p{
			span{
				color: var(--color-white);
				font-weight: 700;
			}
		}
	  }
    }
	}
}

.ss-block-services {
	padding: 0 30px!important;
	.row.large-columns-1 {
		display: flex;
		flex-direction: column;
	}
	.col-direct{
		margin-bottom: 20px;
		padding: 0;
		.large-columns-1{
			margin: 0;
		}
		.page-box.box{
			&.active{
				background: var(--primary-color);
				border-color: var(--primary-color);
				.box-text-inner p{
					color: var(--color-white);
				}
			}
		}
	}
	.page-col {
		width: 100%;
		padding: 0 0 13px 0;
	}

	.box-image {
		display: none;
	}

	.page-box.box {
		background: var(--color-white);
		border: 2px solid #d3e1fb;
		border-radius: 5px;
		padding: 16px 18px;
		transition: all 0.25s ease;
		box-shadow: 0 1px 3px rgba(0,0,0,0.04);
		transition: all 0.3s ease;
	}

	.page-box.box:hover {
		border-color: var(--primary-color);
		background-color: var(--primary-color);
		transition: all 0.3s ease;
		p{
			color: var(--color-white);
			transition: all 0.3s ease;
		}
	}
	.box-text{
		padding: 0;
	}
	.box-text.text-left {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.box-text-inner p {
		margin: 0;
		font-weight: 700;
		font-size: 16px;
		color: #1a1a1a;
	}

	.box-text.text-left::after {
		content: "\276F";
		font-size: 16px;
		color: #1a1a1a;
		margin-left: 12px;
		flex-shrink: 0;
	}
	
	.col-block-contact{
		border-radius: 5px;
	}
	.col-brochures{
		padding: 0;
		margin-top: 50px;
		background-color: var(--color-bg-fbfbfb);
		border-radius: 5px;
		.col-inner{
			padding: 35px 30px 45px;
			.title{
				h3{
					font-size: 28px;
					margin-bottom: 20px;
				}
			}
			.description{
				p{
					padding-bottom: 35px;
					margin: 0;
					font-size: 15px;
				}
			}
			.btn-download,
			.btn-discorver{
				margin: 0;
				padding: 15px 30px 15px 25px;
				font-size: 16px;
				font-weight: 400;
				text-transform: uppercase;
				line-height: 1;
			}
			.btn-discorver{
				background-color: var(--color-heading);
				padding: 15px 25px;
				transition: all 0.3s ease;
				&:hover{
					background-color: var(--primary-color);
				}
			}
			.btn-after{
				border-radius: 0px 4px 4px 0px;
				-webkit-border-radius: 0px 4px 4px 0px;
				-moz-border-radius: 0px 4px 4px 0px;
			}
			.btn-before{
				position: relative;
				margin-right: -10px;
				border-radius: 4px 0px 0px 4px;
				-webkit-border-radius: 4px 0px 0px 4px;
				-moz-border-radius: 4px 0px 0px 4px;
			}
			.btn-before::before{
				content: "OR";
				position: absolute;
				top: 50%;
				left: 74%;
				width: 100%;
				height: 100%;
				z-index: 9;
				overflow: hidden;
				width: 30px;
				height: 30px;
				border-radius: 100%;
				background-color: var(--color-white);
				box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
				color: #27374c;
				text-transform: uppercase;
				font-size: 12px;
				line-height: 30px;
				-webkit-transform: translate(50%, -50%);
				-ms-transform: translate(50%,-50%);
				transform: translate(50%, -50%);
			}
		}
	}
}

.ss-single-services{
	.row-main{
		padding: 10px 0 0;
	}
	.col-content{
		padding: 0;
	}
	.img-title{
		margin-bottom: 40px!important;
	}
	.list-single-services{
		margin-bottom: 35px;
		display: flex;
		ul{
			list-style: none;
			li {
				position: relative;
				margin: 0 0 15px 0;
				padding-left: 32px;
				line-height: 22px;
				font-size: 16px;
				color: var(--color-text);
				font-weight: 400;
			}
			li::before{
				position: absolute;
				content: "";
				background-image: url("/wp-content/uploads/2026/07/check-circle-svgrepo-com.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
		}
	}
	.row-skill{
		margin-bottom: 35px;
		.col{
			padding: 10px;
			.col-inner{
				background-color: var(--color-bg-fbfbfb);
				padding: 25px 15px 25px 15px;
				border-radius: 4px 4px 4px 4px;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
				.swp-percent,
				.swp-label{
					color: var(--color-heading);
				}
			}
		}
	}
	.row-cooperate{
		margin-top: 40px;
		.col-cooperate-img{
			padding: 10px;
			img{
				border-radius: 5px!important;
				overflow: hidden;
			}
		}
		.col-feedback{
			margin-top: 50px;
			padding: 10px;
			.col-inner{
				position:relative;
				padding: 105px 35px 40px;
				background-color: var(--color-bg-fbfbfb);
				border-radius: 4px;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
			}
			.col-inner::before{
				content:"";
				position: absolute;
				background-image: url("/wp-content/uploads/2026/07/sign.png");
				background-repeat: no-repeat;
				background-size: contain;
				top: 7%;
				left: 46%;
				width: 9%;
				height: 20%;
			}
			.description{
				p{
					font-size: 18px;
					margin-bottom: 20px;
				}
			}

			.icon-box{
				display: flex;
				align-items: center;
				text-align: left;
				width: fit-content;
				margin: 0 auto;
				.icon-box-img{
					margin-right: 12px;
					flex: none;

					.icon-inner img{
						border-radius: 50%;
						width: 80px;
						height: 80px;
						object-fit: cover;
					}
				}

				.icon-box-text{
					padding: 0;
					width: auto;
					flex: none;

					p{
						margin: 0;
						line-height: 1.4;

						&:first-child{
							font-weight: 500;
							font-size: 16px;
							color: var(--color-heading);
						}

						&:last-child{
							font-size: 14px;
							color: var(--color-text);
						}
					}
				}
			}
		}
	}
}

.portfolio-archive{
	.page-title{
		display: none;
	}
	.page-wrapper{
		display: none;
	}
	.portfolio-project{
		padding-top: 20px;
		.col{
			padding: 10px!important;
		}
		.portfolio-box{
			position: relative;
			overflow: hidden;

			.box-image{
				position: relative;
			}

			.image-cover{
				position: relative;
			}
			.shade{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.5);
				opacity: 0;
				transition: opacity 0.35s ease;
				z-index: 1;
			}

			.box-text{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				opacity: 0;
				transform: translateY(15px);
				transition: opacity 0.35s ease, transform 0.35s ease;
				z-index: 2;
			}

			&:hover{
				.shade{
					opacity: 1;
				}
				.box-text{
					opacity: 1;
					transform: translateY(0);
				}
			}
		}
	}
}

.portfolio-detail{
	max-width: 1170px;
	margin: 0 auto;
	padding: 100px 0 70px!important;
}
.row-detail-top{
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.col-detail-left{
	flex: 1 1 60%;
}
.col-detail-left .detail-img-main img{
	width: 100%;
	border-radius: 4px;
}
.col-detail-left .detail-content p{
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 26px;
}
.col-detail-right,
.col-detail-left{
	padding-bottom: 0;
}

.col-detail-right{
	flex: 1 1 32%;
}
.col-detail-right .detail-img-main img{
	width: 100%;
	margin-bottom: 50px;
}
.project-details-box .pd-title{
	background: var(--primary-color);
	color: var(--color-white);
	font-size: 20px;
	font-weight: 700;
	font-family: var(--font-poppins);
	padding: 14px 20px;
	line-height: 1.3;
}
.project-details-box .pd-list{
	padding: 25px 30px;
	background: var(--color-bg-fbfbfb);
}
.project-details-box .pd-row{
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--color-bg-gray-2);
	padding-top: 10px;
	margin-top: 10px;
	font-size: 16px;
}
.project-details-box .pd-row:first-child{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.project-details-box .pd-row:last-child{
	border-bottom: none;
}
.project-details-box .pd-label{
	font-size: 16px;
	font-weight: 600;
	color: var(--color-heading);
}
.project-details-box .pd-value{
	color: var(--color-text);
	font-size: 16px;
}
.row-detail-gallery{
	padding: 0 10px;
	margin-top: 20px;
	.col{
		padding: 0;
	}
}
.row-detail-gallery .gallery-title{
	font-size: 28px;
	font-family: var(--font-poppins);
	font-weight: 700;
	margin-bottom: 40px;
}
.row-detail-gallery .gallery-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.row-detail-gallery .gallery-item{
	padding: 0;
}
.row-detail-gallery .gallery-item img{
	width: 100%;
	aspect-ratio: 360 / 318;
	height: auto;
	object-fit: cover;
	border-radius: 4px;
}
.shop-page-title{
	display: none;
}

.category-page-row{
	padding: 100px 0 0;
	.large-9 {
        padding: 0 10px 30px;
        
        .shop-page-title {
            display: block;
            
            .page-title-inner {
                padding: 0;
            }
            
            .woocommerce-breadcrumb {
                display: none;
            }
            
            .flex-col {
                margin-bottom: 30px;
                width: 100%;
                display: flex; 
                justify-content: space-between;
                align-items: center; 
                flex-wrap: wrap;
                
                .woocommerce-result-count {
                    margin: 0;
                }
                
                .woocommerce-ordering {
                    margin: 0;
                }
            }
        }
    }
	.large-3{
		padding: 0 0 20px 20px;
	}
	.product{
		padding: 0 15px 32px;
		margin-bottom: 35px;
	}
	.box{
		img{
			border-radius: 5px;
		}
	}
	.box-image{
		margin-bottom: 15px;
	}
	.box-text-products{
		padding: 0;
	}
	.box-text-products:hover{
		a{
			color:var(--primary-color);
			transition: all 0.7s ease;
		}
	}
	.product-title{
		margin: 0;
		padding-top: 20px;
		a{
			margin: 0;
			font-size: 18px;
			font-family: var(--font-poppins);
			font-weight: 700;
			line-height: 40px;
		}
	}
	.price-wrapper{
		margin-bottom: 8px;
		.woocommerce-Price-amount{
			bdi{
				font-size: 16px;
				color: var(--primary-color);
				line-height: 20px;
			}
		}
	}
	.price del, 
	.price del * {
		color: var(--primary-color);
	}

	.price del {
		text-decoration: line-through;
		text-decoration-color: var(--primary-color);
	}
	.product-small .badge-container{
		left: auto !important;
		right: 5% !important;
		top: 3% !important;
		margin: 0;
		font-size: 14px;
	}
	.nav-pagination.page-numbers{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
		border: 1px solid var(--color-bg-gray);
		border-radius: 4px;
		padding: 4px 10px;
		width: fit-content;
		margin: 0 auto;
		list-style: none;

		li{
			display: flex;
			align-items: center;

			&:not(:last-child)::after{
				content: "|";
				color: #d1d5db;
				margin: 0 10px;
			}
		}

		.page-number,
		.next{
			font-size: 18px;
			color: var(--color-text);
			background: transparent;
			border: none;
			line-height: 1;
			padding: 12px;

			&.current{
				color: var(--primary-color);
				font-weight: 600;
			}
		}

		.next{
			color: var(--primary-color);

			i{
				font-size: 12px;
			}
		}
	}
	#shop-sidebar{
		.widget_product_categories{
			background: var(--color-white);
			padding: 40px 30px;
			box-shadow: 0 6px 25px var(--shadow-soft);
			margin-bottom: 48px;
			.widget-title{
				font-size: 20px;
				font-family: var(--font-poppins);
				text-transform: capitalize;
				letter-spacing: 0;
			}
			.is-divider{
				max-width: 50px;
				height: 2px;
				background-color: var(--primary-color);
				margin: 12px 0 18px;
			}
			.cat-item{
				border: none;
				padding: 6px 0;
				 a{
					display: flex;
					align-items: center;
					color: var(--color-gray-dark);
					font-weight: 500;
					padding: 0;
					transition: all .3s ease;
					&::before{
						content: "\276F";
						margin-right: 8px;
						font-size: 14px;
						color: var(--color-gray-dark);
						font-weight: 500;
					}
					&:hover{
						color: var(--primary-color);
					}
				}
			}
		}
		.widget_product_tag_cloud{
			background: var(--color-white);
			padding: 40px 30px;
			box-shadow: 0 6px 25px var(--shadow-soft);
			margin: 0;
			.widget-title{
				font-size: 20px;
				font-family: var(--font-poppins);
				text-transform: capitalize;
				letter-spacing: 0;
			}
			.is-divider{
				max-width: 50px;
				height: 2px;
				background-color: var(--primary-color);
				margin: 12px 0 30px;
			}
			.tagcloud{
				padding-bottom: 0;
			}
			.tag-cloud-link{
				display: inline-block;
				margin: 10px 3px 0 0;
				line-height: 20px;
				padding: 6px 12px;
				font-size: 13px;
				text-transform: capitalize;
				transition: all .3s ease;
				background: var(--color-white);
				color: var(--color-gray-dark);
				border: 1px solid var(--color-bg-gray-2);
				border-radius: 5px;
				&:hover{
					color: var(--color-white);
					background: var(--primary-color);
					border-color: var(--primary-color);
				}
			}
		}
	}
}

.product-container{
	.product-main{
		padding-top: 100px;
		.woocommerce-breadcrumb{
			display: none;
		}
		.product-info{
			padding-top: 0;
		}
		.product-title{
			margin-bottom: 16.75px;
			font-size: 25px;
			color: var(--color-heading);
		}
		.is-divider{
			display: none;
		}
		.product-page-price{
			margin: 0 0 28px;
			bdi{
				font-size: 20px;
				color: var(--primary-color);
				span{
					font-size: 18px;
					margin-top: 4px;
				}
			}
		}
		.quantity input[type=number]{
			max-width: unset;
			box-shadow: unset;
		}
		.quantity.buttons_added {
			display: flex;
			align-items: stretch;
			border: 2px solid var(--color-border-light);
			border-radius: 5px;
			overflow: hidden;
			width: fit-content;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

			.minus,
			.plus,
			.qty {
				width: 55px;
				height: 42px;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				line-height: 42px;
				vertical-align: middle;
			}
			.qty{
				border-left: 2px solid var(--color-border-light)!important;
				border-right: 2px solid var(--color-border-light)!important;
			}

			.minus,
			.plus {
				background: var(--color-white);
				border: none;
				font-size: 14px;
				color: var(--color-gray);
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				&:hover{
					box-shadow: unset;
				}
			}

			.qty {
				border: none;
				text-align: center;
				font-size: 14px;
				font-weight: 500;
				color: var(--color-text);
				-moz-appearance: textfield;
				-webkit-appearance: none;
				appearance: none;
				display: block;

				&::-webkit-outer-spin-button,
				&::-webkit-inner-spin-button {
					-webkit-appearance: none;
					margin: 0;
				}
			}
		}
		.cart {
			display: flex;
			align-items: center;
			gap: 15px;
			flex-wrap: wrap;
			padding-bottom: 40px;
			margin-bottom: 30px;
			border-bottom: 1px solid var(--color-border-light);

			.quantity.buttons_added {
				margin: 0;
			}

			.single_add_to_cart_button {
				margin: 0;
				border-radius: 3px;
				padding: 13px 36px;
				font-weight: 500;
				text-transform: none;
				background-color: var(--color-accent);
				border: 2px solid var(--color-accent);
				color: var(--color-dark-teal);
				font-size: 16px;
				line-height: 1;

				&:hover {
					background-color: var(--color-accent);
        			border-color: var(--color-accent);
					box-shadow: unset;
					opacity: 0.8;
				}
			}
		}
		.product_meta{
			span{
				border: none;
				padding: 0;
				font-size: 13px;
				font-weight: 700;
				a{
					font-weight: 400;
				}
			}
			.tagged_as{
				a{
					color: var(--primary-color);
				}
			}
		}
		.flickity-button,
		.image-tools{
			display: none;
		}
		
	}
}

.product-footer {
    .woocommerce-tabs {
        border: none;
		padding-top: 20px;
        ul.tabs.wc-tabs {
            border: none;
            padding: 0;
            margin: 0 0 20px 0;
            display: flex;
            gap: 0;
            li {
				background: var(--color-bg-fbfbfb);
                border-radius: 0;
				font-size: 18px;
				margin-right: 12px;
				border-radius: 4px 4px 0 0;
				padding: 10px 45px !important;
				transition: all 0.3s ease;
                a {
                    font-size: 18px;
                    font-weight: 500;
					padding: 9px 0;
                    color: #515151;
                    border: none;
                    background: transparent;
					transition: all 0.6s ease;
                }


                &.active,
				&:hover
        		{
                    background: var(--primary-color);
					a {
						color: var(--color-white);
					}
                }
            }
        }

        .tab-panels {
            border: none;
            padding: 0;
            box-shadow: none;
			.woocommerce-Tabs-panel{
				margin-bottom: 32px;
			}
			p{
				font-size: 16px;
				color: var(--color-text);
				margin-bottom: 26px;
			}
        }
    }

    .related-products-wrapper {
        padding-bottom: 45px;
		border: none;
		.flickity-button{
			display: none;
		}
		.product-section-title{
			padding: 0;
			margin-bottom: 26px;
			text-transform: capitalize;
			letter-spacing: 0;;
		}
		.product-title{
			margin: 0;
			padding-top: 20px;
			a{
				margin: 0;
				font-size: 18px;
				font-family: var(--font-poppins);
				font-weight: 700;
				line-height: 40px;
			}
		}
		.price-wrapper{
			margin-bottom: 8px;
			.woocommerce-Price-amount{
				bdi{
					font-size: 16px;
					color: var(--primary-color);
					line-height: 20px;
				}
			}
		}
		.price del, 
		.price del * {
			color: var(--primary-color);
		}

		.price del {
			text-decoration: line-through;
			text-decoration-color: var(--primary-color);
		}
		.product-small .badge-container{
			left: 5% !important;
			top: 3% !important;
			margin: 0;
			font-size: 14px;
		}
    }
}

.checkout-page-title{
	display: none;
}
.woocommerce.row.row-large.row-divided {
	display: flex;
	flex-wrap: wrap;
}

.col.large-7.pb-0.cart-auto-refresh {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.cart-collaterals {
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-top: 40px;
	border: none !important;
	padding: 0 !important;

	.product-name {
		padding: 25px 25px 25px 41%;
	}

	th.product-name {
		border-bottom: 1px solid var(--color-border);
	}

	.cart-subtotal {
		th, td {
			border-bottom: 1px solid var(--color-border);
		}
	}
}

.cart-sidebar.col-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;

	.cart_totals {
		order: 2;
		flex: 1 1 0;
	}

	.checkout_coupon {
		order: 1;
		flex: 1 1 0;
		margin: 0;
	}
}

.cart-wrapper.sm-touch-scroll {
	border: 1px solid var(--color-border);
}

.shop_table {
	margin-bottom: 0;

	.product-name a {
		font-size: 16px;
		font-weight: 500;
		color: var(--color-text);

		&:hover {
			text-decoration: underline;
		}
	}

	.product-price,
	.product-subtotal {
		font-size: 16px;
	}
}

.shop_table.cart {
	&.woocommerce-cart-form__contents {
		border: none;
	}

	thead th {
		background: var(--color-white);
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0;
		color: var(--color-text);
		text-transform: capitalize;
		border-bottom: 1px solid var(--color-border);

		&.product-price,
		&.product-subtotal {
			text-align: right;
		}

		&.product-quantity {
			text-align: center;
		}
	}

	tbody tr td {
		border-bottom: none;
		vertical-align: middle;
		padding: 25px;
	}

	.product-remove{
		a{
			color: var(--color-black);
			border-color: var(--color-black);
		}
		a:hover{
			border-color: red;
			color: red;
		}
	}

	.product-price,
	.product-subtotal {
		text-align: right;
	}

	.product-quantity {
		text-align: center;
		vertical-align: middle;

		.quantity.buttons_added {
			display: inline-flex;
			float: none;
			margin: 0 auto;
		}
	}

	.product-thumbnail img {
		width: 64px;
		height: 64px;
		object-fit: cover;
		border-radius: 8px;
	}

	tr.actions td {
		border-top: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

td.product-thumbnail {
	max-width: fit-content;
	min-width: fit-content;
	width: fit-content;
}

th.product-name {
	padding: 25px 25px 25px 26%;
}

th.product-price {
	padding: 25px 25px 25px 7%;
}

th.product-subtotal {
	padding: 25px 25px 25px 0;
}

.product-quantity {
	.quantity input[type="number"] {
		max-width: unset;
		box-shadow: unset;
	}

	.quantity.buttons_added {
		display: flex;
		align-items: stretch;
		border: 2px solid var(--color-border-light);
		border-radius: 5px;
		overflow: hidden;
		width: fit-content;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

		.minus,
		.plus,
		.qty {
			width: 55px;
			height: 42px;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			line-height: 42px;
			vertical-align: middle;
		}

		.qty {
			border: none;
			border-left: 2px solid var(--color-border-light) !important;
			border-right: 2px solid var(--color-border-light) !important;
			text-align: center;
			font-size: 14px;
			font-weight: 500;
			color: var(--color-text);
			-moz-appearance: textfield;
			-webkit-appearance: none;
			appearance: none;
			display: block;

			&::-webkit-outer-spin-button,
			&::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
		}

		.minus,
		.plus {
			background: var(--color-white);
			border: none;
			font-size: 14px;
			color: var(--color-gray);
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;

			&:hover {
				box-shadow: unset;
			}
		}
	}
}

.continue-shopping.pull-left.text-left {
	display: none;
}

td.actions.clear {
	border-top: 1px solid var(--color-border);
}

.checkout_coupon,
.cart_totals {
	border: 1px solid var(--color-border);
	border-radius: 0 !important;
	padding: 24px;
}

.checkout_coupon {
	.coupon h3.widget-title {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 16px;
		padding-bottom: 12px;
		border-bottom: none;

		i {
			display: none;
		}
	}

	button[name="apply_coupon"] {
		width: 100%;
		padding: 14px !important;
		color: var(--color-dark-teal);
		font-weight: 500;
	}
}

.cart-collaterals{
	#coupon_code {
		width: 100%;
		padding: 12px 16px;
		margin-bottom: 16px;
		height: auto;
		border-radius: 5px;
		border: 1px solid var(--color-border);

		&::placeholder {
			color: var(--color-text);
			font-weight: 500;
		}
	}
}


.cart_totals {
	table,
	.shop_table {
		margin: 0 !important;
	}

	> table.shop_table:first-child {
		display: none;
	}

	h2 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 4px;
		padding-bottom: 12px;
		border-bottom: 1px solid var(--color-border);
	}

	table.shop_table {
		border: none;

		tr {
			th, td {
				border-bottom: 1px solid var(--color-border);
				padding: 25px;
				font-size: 18px;
				font-weight: 600;
			}

			&.order-total {
				th, td {
					font-size: 16px;
					border-bottom: none;
				}
			}
		}
	}
}
.checkout-button.button.alt.wc-forward,
button[name="apply_coupon"],
button[name="update_cart"] {
	background-color: var(--color-accent) !important;
	color: var(--color-dark-teal);
	border: none;
	border-radius: 5px;
	font-weight: 500;
	line-height: 1;
	text-transform: none;
	box-shadow: none;

	&:hover {
		opacity: 0.8 !important;
		box-shadow: unset;
		color: var(--color-dark-teal);
	}
}

button[name="update_cart"] {
	float: none;
	white-space: nowrap;
	margin: 0 !important;
	font-size: 16px;
	padding: 12px 35px !important;
	height: auto;
	display: inline-flex !important;
	opacity: 1 !important;
}

.checkout-button.button.alt.wc-forward {
	width: 100%;
	padding: 14px !important;
	text-align: center;
	display: block;
}
.checkout_coupon{
	.input-text{
		width: 99%;
		padding: 20px;
	}
}
.woocommerce-form-coupon-toggle{
	margin-bottom: 32px;
}
.woocommerce-billing-fields,
.woocommerce-additional-fields{
	border-top: none;
	padding-top: 0;
	h3{
		padding-top: 0!important;
		font-size: 28px!important;
		color: var(--color-heading);
		margin-bottom: 26px;
		text-transform: capitalize!important;
	}
	label{
		font-size: 16px;
		margin-bottom: 7.5px;
	}
	input{
		border-radius: 5px;
		margin-bottom: 0;
	}
	.select2-container{
		margin-bottom: 0;
		.select2-selection{
			border-radius: 5px;
		}
	}
	.form-row{
		margin-bottom: 15px;
		label{
			font-size: 16px;
			color: var(--color-text);
		}
		.required{
			color: #aa000a;
		}
	}
	.label-add-2{
		label{
			display: none;
		}
	}
}
.page-checkout{
	.woocommerce-info{
				display: none;
	}
	.woocommerce-form-coupon-toggle{
		display: none;
	}
	.large-5{
		.col-inner{
			padding: 15px 30px 15px 0;
			h3{
				font-size: 28px;
				margin-bottom: 26px;
				padding-top: 0;
				text-transform: capitalize!important;
			}
			.shop_table{
				.product-name{
					padding: 0;
				}
				th{
					text-transform: capitalize;
					letter-spacing: 0;
					font-size: 16px;
					color: var(--color-text);
				}
			}
			
			#place_order{
				background: var(--color-accent);
				color: var(--color-dark-teal);
				text-transform: none;
				font-weight: 500;
				padding: 13px 26px;
				font-size: 16px;
				line-height: 1;
			}
		}
	}
}

.woocommerce-checkout{
	.large-5{
		.col-inner{
			padding: 30px 15px;
		}
	}
}

.page-wrapper {
	padding: 100px 0 70px;
	footer {
		display: none;
	}

	.article-inner {
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
		background: var(--color-white);
	}

	.entry-header-text {
		padding: 32px 46px 12px;
		margin-bottom: 10px;

		.custom-entry-meta {
			span {
				margin-right: 10px;
				font-size: 13px;
			}
		}
		.entry-title{
			a{
				font-size: 26px;
				color: var(--color-heading);
				&:hover{
					color: var(--primary-color);
				}
			}
		}
	}

	.entry-content {
		padding: 0 46px 45px;
		p{
			color: var(--color-text);
		}
		.entry-summary{
			p{
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
				color: var(--color-text);
			}
		}
		
		.more-link{
			margin: 20px 0 0;
			padding: 0;
			border: none;
			color: var(--color-gray-dark);
			text-transform: capitalize;
			font-family: var(--font-poppins);
			font-size: 14px;

			&:hover{
				background: transparent;
				color: var(--primary-color);
			}
		}
	}
	.post-sidebar{
		border: none!important;
		.wp-block-search__button{
			line-height: 1;
		}
	}
	.flatsome_recent_posts {
		background: var(--color-white);
		padding: 40px 30px;
		box-shadow: 0 6px 25px var(--shadow-soft);
		margin-bottom: 48px;

		.widget-title {
			font-size: 20px;
			font-family: var(--font-poppins);
			text-transform: capitalize;
			letter-spacing: 0;
		}

		.is-divider {
			max-width: 50px;
			height: 2px;
			background-color: var(--primary-color);
			margin: 12px 0 18px;
		}

		.post_comments {
			display: none;
		}
		.recent-blog-posts {
			align-items: center!important;
			a{
				font-size: 15px;
				color: var(--color-heading);
				font-weight: 500;
				&:hover{
					color: var(--primary-color);
				}
			}
		}

		.badge.post-date {
			width: 80px;
			height: 68px;
			border-radius: 6px;
			overflow: hidden;
		}

		.badge-inner.bg-fill {
			width: 100%;
			height: 100%;
			background-size: cover !important;
			background-position: center !important;
			border-radius: 6px;
		}
	}
	.widget_categories{
				background: var(--color-white);
				padding: 40px 30px;
				box-shadow: 0 6px 25px var(--shadow-soft);
				margin-bottom: 48px;
				.widget-title{
					font-size: 20px;
					font-family: var(--font-poppins);
					text-transform: capitalize;
					letter-spacing: 0;
				}
				.is-divider{
					max-width: 50px;
					height: 2px;
					background-color: var(--primary-color);
					margin: 12px 0 18px;
				}
				.cat-item{
					border: none;
					padding: 6px 0;
				a{
					display: flex;
					align-items: center;
					color: var(--color-gray-dark);
					font-weight: 500;
					padding: 0;
					transition: all .3s ease;
					&::before{
						content: "\276F";
						margin-right: 8px;
						font-size: 14px;
						color: var(--color-gray-dark);
						font-weight: 500;
					}
					&:hover{
						color: var(--primary-color);
					}
				}
			}
	}
	.widget_tag_cloud{
				background: var(--color-white);
				padding: 40px 30px;
				box-shadow: 0 6px 25px var(--shadow-soft);
				margin: 0;
				.widget-title{
					font-size: 20px;
					font-family: var(--font-poppins);
					text-transform: capitalize;
					letter-spacing: 0;
				}
				.is-divider{
					max-width: 50px;
					height: 2px;
					background-color: var(--primary-color);
					margin: 12px 0 30px;
				}
				.tagcloud{
					padding: 0;
				}
				.tag-cloud-link{
					display: inline-block;
					margin: 10px 3px 0 0;
					line-height: 20px;
					padding: 6px 12px;
					font-size: 13px;
					text-transform: capitalize;
					transition: all .3s ease;
					background: var(--color-white);
					color: var(--color-gray-dark);
					border: 1px solid var(--color-bg-gray-2);
					border-radius: 5px;
					&:hover{
						color: var(--color-white);
						background: var(--primary-color);
						border-color: var(--primary-color);
					}
				}
			}
	.widget_search {
		background: var(--color-white);
		padding: 40px 30px 40px;
		box-shadow: 0 6px 25px var(--shadow-soft);
		margin-bottom: 48px;

		.wp-block-search__input,
		.wp-block-search__button {
			margin-bottom: 0;
		}

		.searchform {
			margin: 0;
		}

		.flex-row {
			position: relative;
		}

		.search-field {
			width: 100%;
			border: 1px solid #e0e0e0;
			border-radius: 5px;
			padding: 22px 50px 22px 17px; 
			font-size: 15px;
			background: var(--color-white);
			box-sizing: border-box;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.search-field:focus {
			outline: none;
			border-color: var(--color-border);
		}

		.flex-col:last-child {
			position: absolute;
			right: 6px;
			top: 50%;
			transform: translateY(-50%);
		}

		.ux-search-submit {
			background: transparent !important;
			border: none !important;
			box-shadow: none !important;
			color: var(--color-gray);
			width: auto;
			height: auto;
		}
		.ux-search-submit:hover {
			background: transparent !important;
			color: var(--primary-color);
		}
		.ux-search-submit i {
			font-size: 18px;
		}
	}
}

.blog-single {
	.large-8 {
		.article-inner {
			box-shadow: unset;
			background: transparent;

			.single-page {
				padding: 0 0 45px;
				h2{
					font-size: 36px;
					color: var(--color-heading);
					margin-bottom: 26px;
				}
				h3{
					font-size: 28px;
					color: var(--color-heading);
					margin-bottom: 17px;
				}
				h4{
					font-size: 20px;
					color: var(--color-heading);
					margin-bottom: 17px;
				}
				blockquote{
					margin: 35px 0 !important;
					padding: 40px;
					color: #666;
					position: relative;
					background: var(--color-white) !important;
					background-repeat: no-repeat;
					background-position: 50%;
					background-size: 55px;
					font-weight: 400;
					font-style: italic;
					text-align: left;
					clear: both;
					box-shadow: 0 0 150px #eee !important;
					border-left: 10px solid var(--primary-color);
					p{
						font-size: 16px;
						color: #666666;
					}
				}
				.unorder-list {
					list-style: none;
					padding-left: 0;
					margin: 0;

					li {
						position: relative;
						padding-left: 25px;
						margin-bottom: 16px;
						margin-left: 15px;
						color: var(--color-text);
						font-weight: 500;
   						line-height: 25px;
						&::before {
							content: '>';
							position: absolute;
							left: 0;
							top: 0;
							color: var(--primary-color);
							font-weight: 700;
						}
					}
				}
			}
		}
		.navigation-post{
			a{
				color: var(--color-text);
				&:hover{
					color: var(--primary-color);
				}
			}
		}
	}
}
.ss-contact {
	.section-content {
		padding: 20px 0;
	}

	.box-contact {
		margin-bottom: 34px;
		img {
			width: 35px;
			height: 35px;
		}

		.icon {
			background: var(--color-white);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.icon-box-text{
			padding-left: 26px;
			line-height: 1.9;
			.label{
				color: var(--color-heading);
				font-size: 18px;
				font-weight: 600;
			}
			.des{
				color: var(--color-text);
			}
		}
	}
	.col-form-contact{
		padding: 30px 40px 14px;
		box-shadow: 5px 7px 30px 0px rgba(71.99999999999999, 72.99999999999999, 120.99999999999999, 0.15);
		.title{
			h2{
				font-size: 24px;
				margin-bottom: 20px;
				padding-bottom: 10px;
				font-weight: 600;
			}
		}
	}
	.form-request-home p {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
		}
		.form-request-home br {
			display: none;
		}

		.form-request-home .wpcf7-form-control-wrap {
			display: block;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-email"] {
			grid-column: 2;
			grid-row: 1;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-name"] {
			grid-column: 1;
			grid-row: 1;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-phone"] {
			grid-column: 1;
			grid-row: 2;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="your-website"] {
			grid-column: 2;
			grid-row: 2;
		}
		.form-request-home .wpcf7-form-control-wrap[data-name="text-area"],
		.form-request-home input[type="submit"],
		.form-request-home .wpcf7-spinner {
			grid-column: 1 / -1;
		}
		.form-request-home input.wpcf7-form-control,
		.form-request-home textarea.wpcf7-form-control {
			margin-bottom: 5px;
			padding: 25px;
			color: var(--color-text);
			border: 1px solid var(--color-bg-blue-light);
			background-color: var(--color-bg-blue-light);
			font-size: 16px;
			box-shadow: unset;
		}

		.form-request-home input.wpcf7-form-control::placeholder,
		.form-request-home textarea.wpcf7-form-control::placeholder {
			color: var(--color-text);
			opacity: 0.5;
		}
		.form-request-home textarea.wpcf7-form-control {
			min-height: 140px;
			resize: vertical;
		}

		.form-request-home .wpcf7-form-control-wrap[data-name="your-url"] input:focus-visible {
			outline: none;
			box-shadow: none;
		}
		.form-request-home input[type="submit"] {
			width: auto;
			justify-self: start;
			background-color: var(--color-blue-light);
			color: var(--color-white);
			border: none;
			border-radius: 4px;
			text-transform: uppercase;
			cursor: pointer;
			transition: background-color 0.2s;
			margin: 0;
			padding: 11px 30px 11px 30px;
			font-size: 16px;
			line-height: 1.5;
			font-weight: 400;
		}

		.form-request-home input[type="submit"]:hover {
		background-color: var(--color-blue-mid);
		}
	.col-map-contact{
		padding-top: 60px;
		padding-bottom: 0;
		.map-contact iframe {
			width: 100% !important;
			height: 500px !important;
			display: block;
			border: 0;
			filter: grayscale(100%);
		}

		.map-contact p {
			line-height: 0;
			margin: 0;
		}
	}
}
.page-checkout{
	.col-details-bill{
		padding-bottom: 0;
		.product-name{
			padding: 0;

		}
		.woocommerce-table--order-details{
			thead{
				th{
					font-size: 18px;
					color: var(--color-heading);
					letter-spacing: 0;
					text-transform: capitalize;
				}
			}
			tfoot{
				th{
					font-size: 16px;
				}
			}
		}
		.woocommerce-customer-details{
			margin-top: 20px;
			.woocommerce-table--billing-address{
				th{
					text-transform: capitalize;
					font-size: 16px;
					color: var(--color-heading);
					letter-spacing: 0;
				}
			}
		}
	}
	.col-thank-bill{
		padding-bottom: 0;
		.entry-content{
			padding-top: 45px;
			.woocommerce-thankyou-order-details{
				margin-bottom: 0;
			}
		}
	}
}

.blog-archive{
	.large-8{
		.product{
			display: none;
		}
		.page{
			display: none;
		}
		.featured_item{
			display: none;
		}
	}
}
/* ===TABLET=== */
@media screen and (max-width: 1024px) {
	.ss-breadcrumb{
		padding-top: 150px!important;
		.col-inner{
			padding: 0 10px;
		}
	}
	.header-main{
		.mobile-nav{
			a{
				color: var(--color-white)!important;
			}
		}
	}
	.nav-center {
		.phone-top-bar {
			margin-right: 0;
		}
	}

	.header-inner {
		margin-left: 0;
	}

	.ss-banner {
		.row {
			margin-top: 162px;
		}
		.text {
			margin-bottom: 20px;
		}

		h3 {
			font-size: 15px;
			line-height: 30px;
			font-weight: 700;
		}

		h1 {
			font-size: 50px;
			line-height: 30px;
			font-weight: 700;
		}

		h4 {
			font-size: 18px;
			letter-spacing: 7px;
			font-weight: 400;
		}

		.btn-banner {
			line-height: 33px;
			font-size: 9px;
			padding-left: 21px;
			border-radius: 3px;
			padding-right: 21px;
		}

		.col-tablet {
			padding: 0;
		}
	}
	.ss-banner::before{
		bottom: 0%;
		right: 0%;
		background-size: 299px 437px;
		width: 299px;
		height: 437px;
	}
	.ss-about-us {
		padding: 40px 0 20px 15px!important;
		.col-img{
			padding: 0 30px 0 0;
		}
		.col-info{
			padding: 20px 34px 30px 5px;
		}
	}
	.title{
		
		h2{
			font-size: 30px;
		}
	}
	.ss-services-home{
		padding: 60px 0 60px 0!important;
		.col-title-services{
			padding: 0;
			.title{
				h2{
					margin-bottom: 15px;
				}
			}
		}
		.col-content-services{
			padding: 0;
		}
		.text-services{
			p{
				margin-bottom: 26px;
			}
		}
		.row-post-services{
			padding: 0;
			.col-post{
				padding-bottom: 10px;
			}
			.card-item-services{
				h3{
					font-size: 17px!important;
				}
				p{
					font-size: 14px!important;
				}
			}
		}
	}
	.ss-skill{
		padding: 60px 0 40px!important;
	}
	.ss-about{
		padding: 0 0 60px 0!important;
		.section-bg{
			background-position: 100% 100%!important;
		}
		.col-img-about{
			padding: 0;
			position: unset;
			.img-about{
				position:unset;
			}
		}
		.col-content-about{
			padding: 45px 20px 0 20px;
		}
	}
	.ss-projects{
		padding: 0!important;
		.col-title{
			padding: 30px 0 15px 9px;
		}
		.portfolio-project{
			padding: 0 23px 50px 10px;
		}
		.flickity-page-dots{
			margin-bottom: 10px;
		}
	}
	.ss-feedback{
		padding: 10px 0 80px 0!important;
		.col-title{
			margin: 30px 0 20px 0;
		}
		.col-feedback{
			.card-feedback{
				.text-feedback{
					min-height: 269px;
				}
			}
		}
	}
	.ss-expert{
		padding-top: 30px!important;
		padding-bottom: 40px!important;
		.col-title{
			padding-bottom: 40px;
		}
	}
	.ss-request{
		.banner-form{
			.sub-text{
				p{
					margin: 15px 0 10px 0;
				}
			}
		}
	}
	.ss-news{
		padding: 15px 10px 60px 10px!important;
		.col-title{
			padding: 10px;
		}
		.post-title{
			font-size: 18px;
			margin: 0 0 15px 0;
		}

	}
	.ss-brand{
		padding: 25px 10px 0 10px!important;
		.col-brand{
			padding: 50px 15px 20px;
		}
	}
	.ss-teams{
		padding-bottom: 0px!important;
	}
	.ss-info{
		padding: 50px 10px 30px!important;
		.col-img{
			padding: 0 5px;
		}
		.col-inside-contact{
			margin-bottom: 50px;
		}
		.col-info-1{
			padding: 0 5px;
		}
	}
	.ss-faq{
		padding: 10px 0!important;
		.col-contact{
			padding: 0 20px;
		}
	}

	.ss-partners{
		padding-bottom: 80px!important;
		.row{
			padding: 0;
		}
		.card-partner{
			padding: 10px;
		}
	}
	.ss-start{
		.desc{
			p{
				font-size: 39px;
			}
		}
	}
	.ss-sub{
		padding: 50px 0!important;
		.col-main{
			padding: 0;
		}
	}
	.ss-subscribe{
		padding: 30px 0!important;
	}
	.ss-sign-up{
		.col{
			.pricing-table-price-tag{
				padding: 20px 20px 20px 15px;
				p{
					span{
						color: var(--primary-color);
						font-weight: 700;
					}
					.pricing-table-currency{
						font-size: 40px;
					}
					.pricing-table-price-text{
						font-size: 50px;
					}
					.pricing-table-period{
						position: relative;
						font-size: 16px;
						padding-left: 20px;
					}
				}
			}
		}
	}
	.ss-block-services{
		padding: 0!important;
		
	}
	.ss-single-services{
		padding: 80px 10px!important;
		.col-block-info{
			padding: 10px;
			margin-top: 50px;
		}
	}
	.portfolio-archive{
		.portfolio-project{
			padding-top: 50px;
		}
	}
	.col-detail-left,
	.col-detail-right{
		flex: 1 1 100%;
		width: 100%;
		padding: 0 10px;
	}

	.col-detail-right .detail-img-main{
		margin-top: 0;
	}

	.col-detail-right .detail-img-main img{
		margin-bottom: 30px;
	}

	.row-detail-gallery .gallery-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.category-page-row{
		padding: 25px 0;
		.page-title-inner{
			.flex-grow{
				margin: 0!important;
			}
			.flex-col{
				display:unset!important;
				.category-filtering{
					padding: 0;
					a{
						margin: 0;
					}
				}
			}
		}
		.product-title{
			a{
				font-size: 16px;
			}
		}
	}
	.product-main{
		padding-bottom: 0;
		.product-info {
			padding-bottom: 0;
		}
		.product-title{
			margin-top: 30px;
		}
	}
	.product-footer{
		.woocommerce-tabs{
			padding-bottom: 0; 
		}
		 .related-products-wrapper {
			.product-title{
				a{
					margin: 0;
					font-size: 16px;
					font-family: var(--font-poppins);
					font-weight: 700;
					line-height: 40px;
				}
			}
		}
	}
	.shop_table.cart {
    	thead th{
			font-size: 16px;
		}
		th.product-name{
			padding: 15px 20px !important;
		}
	}
	.cart-auto-refresh {
        .product-quantity .quantity.buttons_added {
            .minus,
            .plus,
            .qty {
                width: 35px !important;
                height: 35px !important;
                line-height: 35px !important;
                font-size: 14px !important;
                padding: 0 !important;
            }
        }
    }
	.cart-sidebar.col-inner {
        flex-direction: column;
        gap: 20px;

        .checkout_coupon,
        .cart_totals {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
    }
    th.product-name {
        padding: 15px !important;
    }

    th.product-price,
    th.product-subtotal {
        padding: 15px !important;
    }

    .shop_table.cart tbody tr td {
        padding: 15px !important;
    }

    .cart-collaterals {
		padding: 0 15px!important;
        .product-name {
            padding: 15px !important;
        }
    }

    button[name="update_cart"] {
        padding: 12px 20px !important;
    }
	.cart-subtotal,
	.order-total{
		th{
			padding: 15px!important;
			font-size: 16px!important;
		}
	}
	.woocommerce-billing-fields,
	.woocommerce-additional-fields{
		border-top: none;
		padding-top: 0;
		h3{
			padding-top: 0!important;
			font-size: 24px!important;
			color: var(--color-heading);
			margin-bottom: 26px;
		}
	}
	.woocommerce-cart-form__cart-item{
		position: relative;
		.product-remove{
			position: absolute;
			top: 28%;
			left: 14%;
		}
		td.product-thumbnail{
			padding: 0!important;
		}
	}
	.page-checkout{
		.large-5{
			margin-top: 0;
			.col-inner{
				padding: 0px;
				h3{
					font-size: 24px;
					margin-bottom: 26px;
					padding-top: 0;
				}
				th{
					padding: 15px 0!important;
				}
			}
			.checkout_coupon{
				margin-bottom: 20px!important;
			}
		}
	}
	.woocommerce-checkout{
		.large-5{
			.col-inner{
				padding: 15px;
			}
		}
	}
	.cart-container{
		padding: 50px 10px;
		.product-name{
			padding: 0!important;
		}
		td{
			font-size: 14px;
		}
		.col-thank-bill{
			margin-top: 30px;
		}
	}
	.ss-contact{
		padding: 50px 0!important;
	}
	.ss-footer{
		padding: 0!important;
		.col-newsletter-subscribe{
			h3{
				font-size: 28px;
			}
		}
		.title-footer{
			h3{
				margin-bottom: 20px;
			}
		}
		.btn-first-col-footer{
			line-height: 0!important;
			margin-bottom: 30px!important;
		}
		.row-second-footer{
			padding: 60px 0 30px 0;
			.col-second-footer{
				margin-bottom: 30px;
			}
		}
		.box-blog-post{
			position: relative;
		}
		.box-text{
			position: absolute;
			left: 13%;
            bottom: 30%;
		}
		.post-item{
			.image-cover{
				padding-top: 55%!important;
			}
		}
	}
}




/* ===MOBILE=== */
@media screen and (max-width: 767px) {
	.ss-breadcrumb{
		h1{
			font-size: 32px;
			line-height: 1.2em;
		}
		.col-inner{
			padding: 0 10px;
		}
	}
	.btn-font{
		font-size: 14px!important;
	}
	.header-main{
		.mobile-nav{
			a{
				color: var(--color-white)!important;
			}
		}
	}
	.nav-center {
		.phone-top-bar {
			margin-right: 0;
		}

		html {
			span {
				font-size: 13px !important;

			}
		}
	}

	.header-inner {
		margin-left: 0;
	}

	.ss-banner {
		.row {
			margin-top: 162px;
		}

		.text {
			margin-bottom: 10px;
		}

		h3 {
			font-size: 14px;
			line-height: 30px;
			font-weight: 700;
		}

		h1 {
			font-size: 33px;
			line-height: 30px;
			font-weight: 700;
			margin-bottom: 5px;
		}

		h4 {
			font-size: 16px;
			letter-spacing: 1px;
			font-weight: 400;
		}

		.btn-banner {
			line-height: 33px;
			font-size: 12px;
			padding-left: 21px;
			border-radius: 3px;
			padding-right: 21px;
		}

		.col-tablet {
			padding: 0;
		}
	}
	.ss-banner::before{
		bottom: 0%;
		right: 0%;
		background-size: 165px 242px;
		width: 165px;
		height: 242px;
	}
	.ss-about-us {
		padding: 30px 0 30px 15px!important;
		.col-img{
			padding: 0 15px 0 0;
		}
		.col-info{
			padding: 20px 34px 20px 5px;
		}
		.list-about-us{
			margin-bottom: 20px;
		}
	}
	.sub-text{
		margin-bottom: 10px;
		p{
			font-size: 16px;
			font-weight: 500;
			text-transform: uppercase;
			color: var(--primary-color);
		}
	}
	.title{
		
		h2{
			font-size: 28px;
		}
	}
	.description{
		p{
			font-size: 15px;
			margin-bottom: 30px;
		}
	}

	.list-about-us{
		margin-bottom: 40px;
		display: flex;
		ul{
			list-style: none;
			li {
				position: relative;
				margin: 0 0 15px 0;
				padding-left: 32px;
				line-height: 22px;
				font-size: 14px;
				color: var(--color-text);
				font-weight: 500;
			}
			li::before{
				position: absolute;
				content: "";
				background-image: url("/wp-content/uploads/2026/07/check-circle-svgrepo-com.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
		}
	}

	.btn-about-us{
		margin: 0;
		padding: 11px 30px 11px 30px;
		font-size: 16px;
		border-radius: 4px 4px 4px 4px;
		line-height: 1;
		font-weight: 400;
	}
	.ss-services-home{
		padding: 30px 0 20px 0!important;
		.col-title-services{
			padding: 0 10px 0 0;
			.title{
				h2{
					margin-bottom: 15px;
				}
			}
		}
		.col-content-services{
			padding: 0;
		}
		.text-services{
			p{
				margin-bottom: 10px;
				width: 90%;
			}
		}
		.row-post-services{
			padding: 10px;
			.col-post{
				padding: 10px 0;
			}
			.card-item-services{
				h3{
					font-size: 17px!important;
				}
				p{
					font-size: 14px!important;
				}
			}
		}
	}
	.ss-skill{
		padding: 40px 0 20px!important;
		.even{
			padding: 0;
		}
		.col-per-skill{
			padding: 20px 0 0 0;
		}
	}
	.swp-label{
		font-size:16px;
	}
	.ss-about{
		padding: 0 0 50px 0!important;
		.section-bg{
			background-position: 100% 100%!important;
		}
		.video-button-wrapper{
			font-size: 110%!important;
		}
	}
	.ss-projects{
		padding: 0!important;
		.col-title{
			padding: 20px 0 15px 9px;
		}
		.col-titile-projects{
			.col-inner{
				text-align: left;
			}
			h2{
				margin-bottom: 0;
			}
			.btn-project{
				margin-bottom: 10px;
			}
		}
		.portfolio-project{
			padding: 0 0 70px 0;
		}
		.flickity-page-dots{
			margin-bottom: 25px;
		}
	}
	.ss-feedback{
		padding: 10px 0 80px 0!important;
		.col-title{
			margin: 20px 0 0px 0;
		}
		.col-feedback{
			.flickity-page-dots{
				margin: -65px auto;
			}
		}
	}
	.ss-expert{
		padding-top: 10px!important;
		padding-bottom: 20px!important;
		.col-title{
			padding-bottom: 20px;
		}
	}
	.ss-partners{
		padding: 40px 0!important;
	}
	.ss-start{
		.desc{
			p{
				font-size: 35px;
			}
		}
	}
	.ss-request,
	.ss-sub{
		.banner-form{
			padding-left: 20px;
			padding-right: 20px;
			.banner-layer{
				padding: 20px 0;
				width: 100%!important;
			}
			.sub-text{
				p{
					font-size: 15px;
					margin: 15px 0 10px 0;
				}
			}
			.title{
				h2{
					font-size: 24px;
				}
			}

			.form-request-home {
				width: 100%;
				max-width: 100%;
			}

			.form-request-home p {
				grid-template-columns: 1fr;
				gap: 15px;
				width: 90%;
				margin: 0;
				padding: 0;
			}

			.form-request-home .wpcf7-form-control-wrap {
				width: 100%;
			}

			/* Reset đúng thứ tự từng field, mỗi field 1 hàng riêng */
			.form-request-home .wpcf7-form-control-wrap[data-name="your-name"] {
				grid-column: 1 !important;
				grid-row: 1 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-email"] {
				grid-column: 1 !important;
				grid-row: 2 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-phone"] {
				grid-column: 1 !important;
				grid-row: 3 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-website"] {
				grid-column: 1 !important;
				grid-row: 4 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="text-area"] {
				grid-column: 1 !important;
				grid-row: 5 !important;
			}
			.form-request-home input[type="submit"] {
				grid-column: 1 !important;
				grid-row: 6 !important;
			}

			.form-request-home input.wpcf7-form-control,
			.form-request-home textarea.wpcf7-form-control {
				width: 100%;
				max-width: 100%;
				box-sizing: border-box;
				font-size: 15px;
			}

			.form-request-home input[type="submit"] {
				width: 100%;
				max-width: 100%;
				justify-self: stretch;
				box-sizing: border-box;
				text-align: center;
			}
		}
	}
	.ss-news{
		padding: 15px 10px 70px 10px!important;
		.col-title{
			padding: 10px;
			.title{
				h2{
					margin-bottom: 0;
					font-size: 24px;
				}
			}
			.sub-text{
				p{
					font-size: 15px;
				}
			}
			.col-inner{
				text-align: left;
			}
		}
		.post-title{
			font-size: 16px!important;
		}
		.col-slider{
			.post-item{
				.box-text{
					padding: 20px;
				}
			}
		}

	}
	.ss-brand{
		padding: 25px 10px 0 10px!important;
		.col-brand{
			padding: 25px 15px 10px;
			.item-brand{
				padding: 0;
				img{
					width: 50%;
					min-height: 40px;
				}
			}
			.row{
				opacity: 1;
			}
		}
	}
	.ss-teams{
		padding-bottom: 0px!important;
		padding-top: 30px!important;
	}
	.ss-info{
		padding: 25px 5px 10px!important;
		.col-img{
			padding: 0 5px;
		}
		.col-inside-contact{
			margin: 30px 12px!important;
		}
		.col-info-1{
			padding: 0 5px;
		}
		.title-name{
			h3{
				font-size: 18px;
				margin-bottom: 10px;
			}
		}
		.personal-info{
			a{
				font-size: 14px;
			}
			p{
				font-size: 14px;
			}
		}
		.short-desc{
			p{
				margin-bottom: 30px;
			}
		}
		.col-skill{
			margin-bottom: 30px;
			.col-inner{
				padding: 25px;
			}
		}
	}
	.ss-faq{
		.title{
			h2{
				font-size: 25px;
			}
		}
		.phone-ques{
			h2{
				font-size: 18px!important;
			}
		}
		.number-phone{
			a{
				font-size: 28px;

			}

		}
		.accor-ques-normal{
			.accordion-title{
				span{
					font-size: 15px;
				}
			}
		}
	}
	.ss-subscribe{
		padding-bottom: 0!important;
		.row-subscribe{
			padding: 0;
			.col {
				margin-bottom: 30px;
				}
			.col-popular{
				margin-top: 0!important;
				.col-inner{
					padding: 40px 0;
				}
			}
		}
	}
	.ss-sign-up{
		padding: 30px 0 0!important;
		.col{
			padding-bottom: 30px;
			.pricing-table-price-tag{
				padding: 20px 20px 20px 15px;
				p{
					span{
						color: var(--primary-color);
						font-weight: 700;
					}
					.pricing-table-currency{
						font-size: 52px;
					}
					.pricing-table-price-text{
						font-size: 60px;
					}
					.pricing-table-period{
						position: relative;
						font-size: 20px;
						padding-left: 20px;
					}
				}
			}
		}
	}
	.ss-single-services{
		padding: 30px 10px!important;
		.title{
			h2{
				font-size: 24px;
			}
		}
		.list-single-services{
			margin-bottom: 30px;
		}
		.row-skill{
			margin-bottom: 30px;
		}
		.row-cooperate{
			margin-top: 30px;
			.col-cooperate-img-1{
				margin-bottom: 30px;
			}
			.col-feedback{
				margin-top: 0;
			}
		}
		.col-block-info{
			margin-top: 30px;
		}
	}
	.ss-block-services {
    	.col-2{
			margin-top: 10px;
		}
		.col-brochures{
			margin-top: 30px;
		}
	}
	.portfolio-archive{
		.portfolio-project{
			padding: 50px;
		}
	}
	.project-details-box{
		.pd-list{
			padding: 25px 10px;
		}
		.pd-label,
		.pd-value{
			font-size: 14px;
		}
	}
	.row-detail-gallery .gallery-grid{
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.row-detail-top{
		gap: 0;
	}
	.row-detail-gallery .gallery-item img{
		aspect-ratio: 360 / 318;
	}
	.row-detail-gallery{
		.gallery-title{
			font-size: 18px;
			margin-bottom: 20px;
		}
	}
	.product-footer {
		.woocommerce-tabs {
			ul.tabs.wc-tabs {
				li {
					font-size: 14px;
					margin-right: 8px;
					padding: 10px 20px !important;
					text-align: center;
					a {
						padding: 0;
					}
				}
			}
		}
	}
	.shop_table.cart {
    	thead th{
			font-size: 16px;
		}
		th.product-name{
			padding: 8px 15px !important;
		}
	}
	.woocommerce-billing-fields,
	.woocommerce-additional-fields{
		border-top: none;
		padding-top: 0;
		h3{
			padding-top: 0!important;
			font-size: 20px!important;
			color: var(--color-heading);
			margin-bottom: 26px;
		}
	}
	.woocommerce-cart-form__cart-item{
		position: relative;
		.product-remove{
			position: absolute;
			top: 28%;
            left: 22%;
			
		}
		td.product-thumbnail{
			padding: 0!important;
		}
	}
	
	.page-checkout{
		.large-5{
			margin-top: 0;
			.col-inner{
				padding: 0px;
				h3{
					font-size: 20px;
					margin-bottom: 26px;
					padding-top: 0;
				}
				th{
					padding: 15px 0!important;
				}
				.checkout_coupon{
					margin-bottom: 20px!important;
				}
			}
		}
	}
	.woocommerce-checkout{
		.large-5{
			.col-inner{
				padding: 15px!important;
			}
		}
	}
	.cart-auto-refresh {
        .product-quantity .quantity.buttons_added {
            .minus,
            .plus,
            .qty {
                width: 35px !important;
                height: 35px !important;
                line-height: 35px !important;
                font-size: 14px !important;
                padding: 0 !important;
            }
        }
    }
	.page-wrapper {
		padding: 100px 0 70px;
		.entry-header-text {
			padding: 32px 20px 12px;
			margin-bottom: 10px;
			.custom-entry-meta {
				span {
					margin-right: 10px;
					font-size: 13px;
				}
			}
			.entry-title{
				a{
					font-size: 18px;
					color: var(--color-heading);
					&:hover{
						color: var(--primary-color);
					}
				}
			}
		}
		.entry-content{
			padding: 0 20px 45px;
		}
	}
	.blog-single {
		.large-8 {
			.article-inner {
				box-shadow: unset;
				background: transparent;

				.single-page {
					padding: 0 0 45px;
					h2{
						font-size: 20px;
						color: var(--color-heading);
						margin-bottom: 26px;
					}
					h3{
						font-size: 18px;
						color: var(--color-heading);
						margin-bottom: 17px;
					}
					h4{
						font-size: 17px;
						color: var(--color-heading);
						margin-bottom: 17px;
					}
				}
		
			}
		}
	}
	.cart-container{
		padding: 50px 10px;
		.product-name{
			padding: 0!important;
		}
		td{
			font-size: 14px;
		}
		.col-thank-bill{
			margin-top: 30px;
		}
	}
	.ss-contact{
		.col-form-contact{
			padding: 30px 20px;
			.form-request-home {
				width: 100%;
				max-width: 100%;
			}

			.form-request-home p {
				grid-template-columns: 1fr;
				gap: 15px;
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.form-request-home .wpcf7-form-control-wrap {
				width: 100%;
			}

			/* Reset đúng thứ tự từng field, mỗi field 1 hàng riêng */
			.form-request-home .wpcf7-form-control-wrap[data-name="your-name"] {
				grid-column: 1 !important;
				grid-row: 1 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-email"] {
				grid-column: 1 !important;
				grid-row: 2 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-phone"] {
				grid-column: 1 !important;
				grid-row: 3 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="your-website"] {
				grid-column: 1 !important;
				grid-row: 4 !important;
			}
			.form-request-home .wpcf7-form-control-wrap[data-name="text-area"] {
				grid-column: 1 !important;
				grid-row: 5 !important;
			}
			.form-request-home input[type="submit"] {
				grid-column: 1 !important;
				grid-row: 6 !important;
			}

			.form-request-home input.wpcf7-form-control,
			.form-request-home textarea.wpcf7-form-control {
				width: 100%;
				max-width: 100%;
				box-sizing: border-box;
				font-size: 15px;
			}

			.form-request-home input[type="submit"] {
				width: 100%;
				max-width: 100%;
				justify-self: stretch;
				box-sizing: border-box;
				text-align: center;
			}
		}
	}
	.ss-footer{
		padding: 0!important;
		.col-newsletter-subscribe{
			.col-inner{
				text-align: center;
			}
			padding-top: 60px;
			h3{
				font-size: 24px;
				margin-bottom: 30px;
			}

		}
		.col-email{
			padding-bottom: 60px!important;
		}
		.title-footer{
			h3{
				margin-bottom: 20px;
			}
		}
		.btn-first-col-footer{
			line-height: 0;
		}
		.row-second-footer{
			padding: 60px 0 20px 0;
		}
		.box-blog-post{
			position: relative;
		}
		.box-text{
			position: absolute;
			width: 80%;
			left: 25%;
            bottom: 17%;
		}
		.post-item{
			.image-cover{
				padding-top: 24%!important;
			}
		}
		.row-copy-right{
			display: flex;
			.col-copy-right-1{
				order: 2;
				.col-inner{
					padding-top: 0!important;
				}
			}
			.col-socials{
				order:1;
				.col-inner{
					padding-bottom: 15px!important;
				}
			}
		}
		.col-copy-right{
			.col-inner{
				text-align: center;
			}
			
		}
	}
}