/*!
Theme Name: Harmonised Marketing
Theme URI: https://starlitdevs.com/
Author: Starlit Devs
Author URI: https://starlitdevs.com/
Description: Custom Wordpress Theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marketing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Coldpoint Refrigeration is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root{
	--primary-color: #14152C;
	--secondery-color: #F5F6FA;
	--white-color: #ffffff;
	--black-color: #000000;
	
    --body-font: "Poppins", sans-serif;
    --heading-font: "ITC Avant Garde Gothic Pro Md", sans-serif;
}
body{
	-webkit-font-smoothing: antialiased; /* Chrome, Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
	margin: 0;
	padding: 0;
	font-family: var(--body-font);
	line-height: 200%;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	color: var(--black-color);
}
.btn {
	font-size: 16px;
	padding: 18px 53px 16px 53px;
	font-weight: 500;
	border-radius: 0;
	border: none;
	color: var(--black-color);
	background-color: var(--secondery-color);
	transition: all .4s ease-out;
	text-transform: unset;
	letter-spacing: -3%;
	line-height: 1;
	font-family: var(--body-font);
}
.btn:hover{
	background-color: #b98343;
	color: var(--white-color);
}
.btn-alt:hover {
	background-color: var(--white-color);
}
.btn-primary {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(261.9deg, #FFC67F 0%, #6A3800 50%, #FFC67F 100%);
    background-size: 200% 100%;
    background-position: 100% 0%;
    color: var(--white-color);
    transition: background-position 0.4s ease;
}
.btn-primary:hover {
    background-position: 0% 0%;
    color: var(--white-color);
}
.btn-border {
	background-color: transparent;
	padding: 17px 53px 15px 53px;
	border: 1px solid var(--primary-color);
}
.btn-border:hover {
	background-color: #b98343;
	color: var(--white-color);
	border-color: #b98343;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-family: var(--heading-font);
}
.f-14 {
	color: var(--white-color);
	margin-bottom: 35px;
	text-transform: uppercase;
	display: inline-flex;
}
.f-14 h1 {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 25%;
	line-height: 100%;
	font-family: var(--body-font);
}
h1, .h1, h2, .h2 {
	font-size: 75px;
	line-height: 100%;
	letter-spacing: -5%;
	word-break: break-word;
	font-weight: 500;
}
h3, .h3{
	font-size: 40px;
	font-weight: 500;
	line-height: 118%;
	letter-spacing: -2%;
}
h4{
	font-size: 20px;
	font-weight: 500;
	line-height: 116%;
	letter-spacing: -3%;
}
p{
	margin: 0;
}
p:not(:last-child){
	margin-bottom: 20px;
}
img{
	max-width: 100%;
	height: auto;
}
ul, ol {
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	transition: .4s;
}
a:focus{
	outline: none;
}
textarea, input, select {
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-radius: 0;
	padding: 10px 5px !important;
	color: var(--black-color);
	background: transparent;
	font-size: 16px !important;
	border-bottom: 1px solid #00000026;
	font-family: var(--body-font);
}
input, select {
	height: 52px;
}
input:focus, textarea:focus{
	outline: none;
}
input::placeholder, textarea::placeholder, select {
    color: var(--text-color);
	opacity: 1;
}
.bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.p-80 {
	padding: 80px 0;
}
.pt-80 {
	padding-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
.container {
	transition: .4s;
	max-width: 1388px;
	padding: 0 24px;
	margin-left: auto;
	margin-right: auto;
}
.section-title h3{
	margin-bottom: 25px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-25 {
	margin-bottom: 25px;
}
.card-btn {
	margin-top: 25px;
}
h1 strong, h2 strong, h3 strong, h1 b, h2 b, h3 b, .title-color h3, .exceptional-content .h3 {
	background: linear-gradient(261.9deg, #FFC67F 11.95%, #6A3800 109.44%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.section-bg {
	background-color: var(--secondery-color);
}
.primary-bg {
	background-color: var(--primary-color);
}



/* Header */
.header-sec {
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	padding: 24px 50px;
	position: fixed;
	transition: .2s;
}
.header-sec.sticky-active {
	background-color: var(--primary-color);
}
.header-logo {
	margin-right: 10px;
	transition: .4s all ease;
	width: 75px;
}
.header-logo svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.admin-bar .header-sec {
	top: 32px;
}
.h-btn {
	gap: 15px;
	display: flex;
	margin-left: 10px;
}
.slicknav_nav a:hover{
	background: none;
}
.menu-trigger-wrap {
	display: none;
}
.header-btn .btn.btn-b-w {
	padding: 18px 25px;
}
.gap-15 {
	gap: 15px;
}
.gap-10 {
	gap: 10px;
}

/* main-menu */
.main-menu {
	flex: 1;
}
.main-menu > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 50px;
}
.main-menu ul li {
	display: inline-block;
	position: relative;
}
.main-menu ul li a {
	color: var(--white-color);
	font-size: 12px;
	padding: 10px;
	font-weight: 300;
	display: block;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 37%;
	border-radius: 0;
	transition: .6s;
}
.main-menu ul li ul {
	position: absolute;
	width: 280px;
	background: var(--white-color);
	text-align: left;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s all ease;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	margin-left: 0;
	border-radius: 0;
}
.main-menu ul li ul li {
	display: block;
}
.main-menu > ul > li.menu-item-has-children::before {
	content: "";
	position: absolute;
	height: 8px;
	width: 12px;
	right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.749999L4.90147 4.90147C5.3701 5.3701 6.1299 5.3701 6.59853 4.90147L10.75 0.75' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	transition: .6s;
}
.main-menu > ul > li.menu-item-has-children a {
	padding-right: 30px;
}
.main-menu ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul li a {
	display: block;
	padding: 15px 18px !important;
	font-size: 12px;
	color: var(--black-color);
	border-radius: 0;
}
.main-menu ul li ul li a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}
.main-menu ul li ul li ul {
	left: 100%;
	top: 0;
	overflow: hidden;
}
.main-menu > ul > li ul li.menu-item-has-children::before {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	right: 10px;
	top: 50%;
	color: var(--primary-color);
	font-weight: 500;
	transform: translateY(-50%);
}


/* mmenu */
.mm-page {
	min-height: unset;
}

.mm-menu {
	display: none;
}
.modal-backdrop.show {
	opacity: .92;
}
.menu-trigger {
	display: none;
}
/* contact */
.field-space {
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
}
.contact-input textarea {
	height: 186px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
	max-width: 207px;
	text-transform: capitalize;
	letter-spacing: -5%;
	border-radius: 0;
	border: none;
	margin-top: 45px;
	font-size: 14px !important;
	line-height: 1 !important;
	padding: 19px 30px 17px 30px !important;
	height: unset;
	font-weight: 500;
	font-family: var(--body-font);


	position: relative;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(261.9deg, #FFC67F 0%, #6A3800 50%, #FFC67F 100%);
    background-size: 200% 100%;
    background-position: 100% 0%;
    color: var(--white-color);
    transition: background-position 0.4s ease;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
	background-position: 0% 0%;
    color: var(--white-color);
}
.wpcf7-spinner {
	display: none;
}
.contact-form {
	padding: 80px 30px;
}
.contact-shortcode p {
	margin-bottom: 0;
}
.contact-form-info {
	width: calc(38% - 6px);
	padding: 50px;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.749999L4.90147 4.90147C5.3701 5.3701 6.1299 5.3701 6.59853 4.90147L10.75 0.75' stroke='%237F896C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
}

/* default page */
.single-content h2 {
	margin-bottom: 30px;
}
.single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin-bottom: 30px;
	margin-top: 30px;
	border-bottom: 1px solid #14152C26;
	padding-bottom: 12px;
}
.single-content h4{
	font-size: 24px;
}
.single-content h5{
	font-size: 18px;
}
.single-content h6{
	font-size: 17px;
}
.single-content img {
	width: 100%;
	object-fit: cover;
}
.single-content ul li {
	margin-bottom: 3px;
	text-align: start;
	list-style: inside;
}
.wp-block-list {
	margin-bottom: 20px;
}
.single-content ul, .single-content ol {
	margin-bottom: 16px;
}
.wp-block-image {
	margin: 40px 0;
}
.single-content a {
	color: var(--black-color);
	text-decoration: underline;
}
/* banner */
.banner-img-video video, .banner-img-video img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.banner-img-video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.banner-area {
	padding-top: 190px;
	padding-bottom: 50px;
}
.banner-content {
	padding-bottom: 85px;
	max-width: 691px;
}
.banner-content-wrap {
	max-width: 664px;
	margin-top: 35px;
}
.banner-content-wrap h2 {
  margin-bottom: 30px;
}
.banner-area::before {
	content: "";
	position: absolute;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 71.95%, #FFFFFF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(0412.png);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.banner-content .card-btn {
	margin-top: 35px;
}
.callouts-area {
	border-radius: 20px;
	gap: 17px;
}
.callouts-content {
	gap: 20px;
	background-color: var(--white-color);
	flex: 1;
	padding: 30px;
	border-radius: 5px;
}
.callouts-title {
	max-width: 587px;
}
.callouts-link {
	border: 1px solid #14152C33;
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	transition: .4s;
}
.callouts-info {
	flex: 1;
}
.callouts-info h4 {
	letter-spacing: -2%;
	color: var(--primary-color);
	line-height: 116%;
	flex: 1;
}
.callouts-content:hover .callouts-link, .services-list:hover .callouts-link, .website-design-details:hover .callouts-link, .blog-wrap:hover .callouts-link, .pagination-prev:hover .callouts-link, .pagination-next:hover .callouts-link, .latest-post-content:hover .callouts-link {
	background-color: #FFC67F;
	border-color: var(--white-color);
}
.services-list:hover .callouts-link, .website-design-details:hover .callouts-link, .blog-wrap:hover .callouts-link {
	border-color: var(--secondery-color);
}
.callouts-icon img {
	width: 40px;
}
/* footer */
.footer-logo {
	width: 75px;
}
.copyright-area {
	border-top: 1px solid #D3D3D3;
	padding: 40px 0;
}
.footer-item-one {
  width: 35%;
}
.footer-menu {
  width: 15%;
}
.contact-links {
  width: 30%;
}
.company-details {
  width: 20%;
}
.social-links a {
	display: flex;
}
.footer-wrap a {
	color: var(--black-color);
}
.footer-wrap ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contact-links a {
	display: block;
	word-break: break-all;
}
.footer-wrap h5 {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
	text-transform: uppercase;
	color: rgba(0, 0, 0, .45);
	margin-bottom: 30px;
}
.contact-links div {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-right: 24px;
}
/* cta */
.cta-content {
	max-width: 636px;
}
.gray-bg-style, .primary-bg-style {
	position: relative;
}
.gray-bg-style::before, .primary-bg-style::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,0) 50%, #FFFFFF 100%), url("assets/img/bg.png"), #F5F6FA;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-blend-mode: normal, multiply, normal;
	opacity: .5;
}
.primary-bg-style::before {
	background-image: url(assets/img/content.png);
	opacity: 1;
}
.primary-bg-style {
	background-color: var(--primary-color);
}
.cta-two-content {
	border-top: 1px solid #14152C1A;
	border-bottom: 1px solid #14152C1A;
}
.cta-two-content .cta-content {
	max-width: 860px;
}
.cta-two-content h3, .ab-intro-title h3 {
	max-width: 658px;
	margin-left: auto;
	margin-right: auto;
}
.cta-img img {
	aspect-ratio: 1/.232;
	object-fit: cover;
}
.border-b {
	border-bottom: 1px solid #14152C10;
}
/* project-slider */
.project-logo img {
	height: 83px;
	object-fit: contain;
}
.project-slider-title h4 {
  font-size: 32px;
  margin-top: 15px;
}
.project-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: var(--black-color);
  background-color: #E7E8F0;
  padding: 3px 15px;
  border-radius: 5px;
  margin-bottom: 42px;
}
.project-content-wrap {
  margin-top: 15px;
}
.service-tag-wrap {
  padding-left: 35px;
  padding-right: 80px;
}
.project-service-list-text {
	flex: 1;
}
.project-img {
  width: 840px;
}
.project-img img {
  width: 100%;
}
.project-info {
  flex: 1;
}
.tag-name {
	border-bottom: 1px solid #14152C33;
	padding: 6px 7px;
	font-family: var(--heading-font);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -2%;
	gap: 20px;
	display: flex;
	align-items: center;
}
.tag-list {
	margin-bottom: 35px;
}
/* process */
.process-item .faq-icon span:first-child, .process-item .faq-icon span:last-child {
	background-color: var(--white-color);
}
.process-item.active .faq-icon span:last-child {
	opacity: 0;
	visibility: hidden;
}
.process-item .btn-border {
	border-color: var(--white-color);
	color: var(--white-color);
}
.process-item .btn-border:hover {
	border-color: var(--primary-color);
}
.process-item .question, .process-item .answer {
	border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.process-content {
  width: 835px;
}
.process-title {
  flex: 1;
  padding-right: 50px;
}
.process-title strong {
	font-weight: 600;
}


/* faq */
.faq-area {
	background-color: #F5F6FA;
}
.question {
	padding: 20px 0;
	cursor: pointer;
	font-weight: 500;
	line-height: 1.5;
	border-radius: 0;
	border-bottom: 1px solid #14152C26;
}
.answer {
	display: none;
	padding-top: 30px;
	border-radius: 0;
	border-bottom: 1px solid #14152C26;
	padding-bottom: 40px;
}
.answer ul {
	list-style: inside;
}
.answer ol {
	padding-left: 18px;
}
.faq-icon {
	height: 16px;
	width: 16px;
	position: relative;
}
.faq-icon span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .4s;
}
.faq-icon span:first-child {
	height: 3px;
	width: 15px;
	background-color: var(--primary-color);
	display: block;
}
.faq-icon span:last-child {
	height: 15px;
	width: 3px;
	background-color: var(--primary-color);
	display: block;
	
}
.faq-item.active .faq-icon span:last-child {
	opacity: 0;
	visibility: hidden;
}
.faq {
	width: 929px;
}
.faq-title {
	flex: 1;
	padding-right: 30px;
}
.faq-area::before {
	opacity: .2;
}
/* orientated */
.border-style {
  border-top: 1px solid #D3D3D3;
}
.orientated-area {
  border-bottom: 1px solid #D3D3D3;
}
.text-card {
  width: 709px;
}
.title-card h3 {
	flex: 1;
	padding-right: 60px;
}
.box-img img {
  width: 100%;
  aspect-ratio: 1/.7;
  object-fit: cover;
}
.box-title {
	border-bottom: 1px solid #14152C26;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
.rounded-5px {
	border-radius: 5px;
	overflow: hidden;
}
/* service-pages */
.service-link::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.service-title {
  max-width: 695px;
}
.services-img img {
  width: 100%;
  aspect-ratio: 1/.64;
  object-fit: cover;
  transition: .6s;
}
.services-list:hover img {
	transform: scale(1.1);
}
.services-title {
  padding: 50px 30px 35px 30px;
}
.services-title h4 {
  font-size: 32px;
}
/* provider */
.provider-img {
  width: 401px;
}
.provider-content {
  flex: 1;
  padding: 100px 73px 100px 50px;
}
.provider-img img {
	aspect-ratio: 1/1.32;
	object-fit: cover;
	border-radius: 5px;
}
.provider-wrap::before {
  content: "";
  position: absolute;
  background-color: var(--secondery-color);
  height: 100%;
  width: 100%;
  max-width: 1039px;
  z-index: -1;
  border-radius: 5px;
  top: 0;
  left: 0;
}
/* repeater-list */
.repeater-text-card {
	max-width: 620px;
}
.repeater-box-wrap:not(:last-child) {
	border-bottom: 1px solid #D3D3D3;
}
.repeater-box-title {
	border-bottom: 1px solid var(--primary-color);
	border-left: 1px solid var(--primary-color);
	padding: 10px 20px;
	gap: 20px;
}
.repeater-box-wrap {
	padding-top: 80px;
	padding-bottom: 60px;
}
/* about-us-content */
.about-us-img img {
	aspect-ratio: 1/.84;
	object-fit: cover;
}
.about-super-title {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #38394E;
	display: inline-block;
	margin-bottom: 25px;
	padding-bottom: 5px;
}
.about-us-content {
	padding: 0 26px;
}
/* contact-form */
.contact-shortcode {
  width: 810px;
  padding-right: 50px;
}
.contact-content {
  flex: 1;
  padding-right: 100px;
}
.contact-form-area::before {
	content: "";
	position: absolute;
	height: 761px;
	width: 834px;
	background-image: url(assets/img/form_shape.svg);
	bottom: -320px;
	left: -570px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}
/* text scroll */
.text_slider {
	padding-bottom: 0 !important;
}
.slider-text {
	font-family: var(--heading-font);
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -3%;
	color: var(--primary-color);
}
.text-scroll-wrap {
	padding: 70px 0;
}
.img-banner img {
	aspect-ratio: 1/.2;
	object-fit: cover;
}
/* service-child */
.sc-intro-content h3 {
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -3%;
  margin-bottom: 30px;
}
.service-info {
  border-bottom: 1px solid #14152C33;
  padding: 10px 15px 10px 52px;
}
.sc-intro-list:nth-child(2n) {
  background-color: var(--white-color);
  padding: 45px;
}
.sc-intro-text {
	margin-top: 30px;
}
.service-intro-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    align-items: center;
}
.service-info::before, .exceptional-text ul li::before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13M1 13L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.sc-intro-list:nth-child(2n) .service-info::before, .exceptional-text ul li::before {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 11.2929C-0.0976311 11.6834 -0.0976311 12.3166 0.292893 12.7071C0.683418 13.0976 1.31658 13.0976 1.70711 12.7071L1 12L0.292893 11.2929ZM13 1C13 0.447715 12.5523 2.00008e-07 12 -5.28728e-08L3 7.35677e-08C2.44772 -2.63607e-07 2 0.447715 2 1C2 1.55228 2.44772 2 3 2L11 2L11 10C11 10.5523 11.4477 11 12 11C12.5523 11 13 10.5523 13 10L13 1ZM1 12L1.70711 12.7071L12.7071 1.70711L12 1L11.2929 0.292893L0.292893 11.2929L1 12Z' fill='black'/%3E%3C/svg%3E%0A");
}
.exceptional-content {
  padding: 55px 20px 30px 20px;
}
.exceptional-logo img {
  height: 60px;
  object-fit: contain;
}
.exceptional-logo {
  margin-bottom: 50px;
}
.exceptional-title, .logo-slider-title {
	max-width: 564px;
}
.exceptional-text ul {
	list-style: none;
}
.exceptional-text ul li {
	position: relative;
	text-align: start;
	padding: 10px 15px 10px 51px;
	border-bottom: 1px solid #14152C33;
}
.img-with-text-slider {
  border-bottom: 1px solid #D3D3D3;
}
.img-with-text-slider .text-card {
  width: 823px;
}
.image-with-text-title {
	max-width: 860px;
}
.website-img img {
  width: 100%;
  aspect-ratio: 1/.6;
  object-fit: contain;
}
.website-img {
  border-bottom: 1px solid #14152C20;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.website-design-details a {
	color: var(--black-color);
}
.logo-link img {
  height: 55px;
  object-fit: contain;
}
.logo-link {
  display: block;
}
.logo_slider .splide__arrow--next {
	right: 50px;
}
.logo_slider .splide__arrow--prev {
	left: 50px;
}
/* about */
.gallery-img img {
	aspect-ratio: 1/.7;
	object-fit: cover;
}
.ab-intro-title {
	max-width: 884px;
}
.contact-link {
	background-color: var(--white-color);
	color: var(--primary-color);
	padding: 20px 30px;
	margin-bottom: 10px;
}
.contact-btn-wrap {
	margin-top: 25px;
	max-width: 430px;
}
/* blog */
.blog-thumb img {
	aspect-ratio: 1/.6;
	object-fit: cover;
	transition: .6s;
}
.blog-wrap:hover img {
	transform: scale(1.1);
}
.blog-thumb {
	overflow: hidden;
	width: 474px;
}
.blog-content {
	flex: 1;
	padding-left: 35px;
}
.blog-area::before {
	content: "";
	position: absolute;
	height: 40px;
	width: 100%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
	top: 0;
	left: 0;
}
.ws-number, .blog-category {
	font-size: 10px;
	background-color: #E7E8F0;
	line-height: 1;
	padding: 11px 15px 10px 15px;
	border-radius: 5px;
	letter-spacing: 13%;
}
.blog-category {
	border: 1px solid var(--primary-color);
	padding: 10px 15px 9px 15px;
	background-color: transparent;
}
.blog-text h3, .latest-post-text h4 {
	font-size: 24px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -3%;
	border-bottom: 1px solid #14152C26;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.blog-meta {
	margin-bottom: 30px;
}
.blog-btn {
	letter-spacing: 0;
	color: var(--black-color);
	margin-top: 25px;
}
.page-numbers {
	font-size: 16px;
	color: var(--black-color);
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.page-numbers.current {
	background-color: var(--primary-color);
	color: var(--white-color);
}
.pagination-numbers {
	gap: 0 !important;
}
.blog-pagination {
	gap: 55px;
}
.pagination-prev, .pagination-next {
	display: flex;
	align-items: center;
	gap: 25px;
	color: var(--black-color);
}
.latest-post-text {
  margin-top: 35px;
}
.latest-post-content .blog-btn {
	margin-top: 28px;
}
.latest-blog-thumb img {
	width: 100%;
	aspect-ratio: 1/.7;
	object-fit: cover;
	transition: .6s;
}
.latest-post-content:hover .latest-blog-thumb img {
	transform: scale(1.1);
}
.blog-details:nth-child(2n) {
	background-color: var(--white-color) !important;
}
/*  */
.single-thumbnail {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.single-thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.single-banner {
	padding-top: 190px;
	padding-bottom: 130px;
}
.page-banner-content {
	max-width: 881px;
}
.single-banner::before {
	content: "";
	position: absolute;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.27%, #FFFFFF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.single-category {
	color: var(--white-color);
	border-color: var(--white-color);
}
.single-content-area::before {
	content: "";
	position: absolute;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 58.14%, #FFFFFF 100%), #F5F6FA;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
}
/* portfolio-item */
.parent-pageid-408 .banner-area::before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65.14%, #FFFFFF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(20, 21, 44, 0.72), rgba(20, 21, 44, 0.72)), url(display_web.png);
	background-blend-mode: normal, normal, multiply, normal;
}
.parent-pageid-408 .banner-content {
	max-width: 100%;
}
.parent-pageid-408 .banner-content-wrap, .parent-pageid-408 .banner-title {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.portfolio-img img {
	max-height: 316px;
	object-fit: contain;
	height: 100%;
}
.portfolio-1 .portfolio-img img {
	object-fit: contain;
	max-height: 189px;
	height: 100%;
}
.before-img::before, .after-img::before {
	content: "Before";
	position: absolute;
	font-size: 14px;
	font-weight: 400;
	color: var(--black-color);
	background-color: var(--white-color);
	line-height: 1;
	padding: 12px 15px;
	border-radius: 5px;
	top: 10px;
	left: 10px;
}
.after-img::before {
	content: "After";
	color: var(--white-color);
	background-color: #EF611B;
}
.portfolio-info span {
  font-size: 14px;
  font-size: 14px;
  font-weight: 400;
  color: var(--black-color);
  border-bottom: 1px solid #00000059;
  padding-bottom: 10px;
  display: inline-block;
  line-height: 1;
}
.portfolio-info h3 {
  margin-top: 25px;
}
.portfolio-info {
	margin-bottom: 60px;
}
.portfolio-project-area {
	background: var(--white-color);
}
.portfolio-1 {
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, 0) 80.51%,
		#FFFFFF 100%
	),
	#F5F6FA;
}
.portfolio-3 {
	background: var(--secondery-color);
}
.portfolio-img {
	aspect-ratio: 1/.744;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 40px;
}
.portfolio-1 .portfolio-img {
	background-color: var(--white-color);
}
.portfolio-1 .before-img::before {
	background-color: var(--secondery-color);
}
.company-logo {
  width: 218px;
  margin-left: auto;
  margin-top: 30px;
}
.review-img {
  width: 401px;
}
.review-details {
  flex: 1;
  padding-left: 50px;
}
.review-img img {
	aspect-ratio: 1/1.26;
	object-fit: cover;
}
.review-name {
	font-weight: 500;
	border-bottom: 1px solid #14152C33;
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.card-btn a {
	text-decoration: none;
}
.card-btn .btn-primary {
	color: var(--white-color);
}




/* breadcrumb */
.breadcrumb {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 25%;
	display: flex;
	align-items: center;
	gap: 15px;
	text-transform: uppercase;
	color: #FFFFFF75;
	margin-bottom: 35px;
	line-height: 1;
}
.breadcrumb span {
  color: var(--white-color);
}
.breadcrumb a {
  color: #FFFFFF75;
}

/* default arrows */
.splide {
	padding-bottom: 100px;
}
.splide__arrow {
	background: transparent;
	height: 50px;
	opacity: 1;
	width: 50px;
	transition: .4s;
	border: 1px solid #14152C33;
	border-radius: 5px;
	top: unset;
	bottom: 0;
	transform: unset;
}
.splide__arrow:hover {
	background-color: #FFC67F;
	border-color: var(--white-color);
}
.splide__arrow--prev {
	left: 0;
}
.splide__arrow--next {
	right: 0;
}
.splide__pagination {
	bottom: 22px;
	gap: 15px;
}
.splide__pagination li {
	display: flex;
}
.splide__pagination__page {
	background: #14152C33;
	border: none;
	height: 7px;
	margin: 0;
	opacity: 1;
	width: 7px;
}
.splide__pagination__page.is-active {
	background: var(--primary-color);
	transform: scale(1);
}
.splide__arrow svg {
	fill: #33363F;
	height: 12px;
}

/* 404 */
.error-404 h1 {
	font-size: 200px;
	line-height: 1;
	font-family: var(--body-font);
}
.error-404 h3 {
	font-family: var(--body-font);
	font-size: 32px;
}
.error-404-area {
	padding-top: 214px;
}
.error404 .header-sec {
	background-color: var(--primary-color);
}

/* responsive */
@media all and (max-width: 1399.98px){
	.header-sec {
	padding: 24px;
}
.main-menu > ul {
	gap: 20px;
}
.project-img {
	width: 700px;
}
.service-tag-wrap {
	padding-right: 50px;
}
.faq {
	width: 800px;
}
.process-content {
	width: 680px;
}
.cta-img img {
	aspect-ratio: 1/.3;
}
.contact-shortcode {
	width: 700px;
	padding-right: 0;
}
.img-banner img {
	aspect-ratio: 1/.3;
}
.img-with-text-slider .text-card {
	width: 700px;
}
.provider-content {
  padding: 87px 73px 87px 50px;
}

}

@media all and (max-width: 1199.98px){
.callouts-content {
	flex: unset;
	width: calc(50% - 5px);
}
.footer-item-one {
  width: 25%;
}
.company-details {
  width: 25%;
}
.footer-menu {
  width: 20%;
}
.project-img {
	width: 550px;
}
.service-tag-wrap {
	padding-right: 40px;
	padding-left: 25px;
}
.faq {
	width: 600px;
}
.process-content {
	width: 500px;
}
.process-title {
	padding-right: 30px;
}
.text-card {
	width: 550px;
}
.cta-img img {
	aspect-ratio: 1/.4;
}
.provider-content {
	padding: 40px 24px 50px 30px;
}
.provider-wrap::before {
	max-width: 820px;
}
.repeater-text-card {
	max-width: 550px;
}
.about-us-content {
	padding: 0;
}
.contact-shortcode {
	width: 550px;
	padding-right: 0;
}
.contact-content {
	padding-right: 60px;
}
.contact-form-area::before {
	height: 600px;
	width: 650px;
	bottom: -260px;
	left: -480px;
}
.img-with-text-slider .text-card {
	width: 550px;
}
.blog-thumb {
	width: 430px;
}
.review-details {
	padding-left: 30px;
}

/* m-menu */
	.menu-close-btn {
		position: absolute;
		top: 14px;
		right: 10px;
		z-index: 9;
		font-size: 18px;
		display: flex;
		align-items: center;
	}
	.menu-close-btn i:hover{
		color: var(--primary-color);
	}
	.mm-navbar__title span::before {
		content: "Back to ";
	}
	.mm-navbar__title span{
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		color: var(--secondery-color) !important;
	}
	.mm-panel ul li a {
		font-size: 12px;
		color: var(--primary-color) !important;
		text-transform: uppercase;
		font-weight: 300;
		letter-spacing: 37%;
	}
	.mm-navbar .btn {
		color: var(--secondery-color) !important;
		font-weight: bold;
	}
	.mm-navbar .btn:hover {
		color: var(--primary-color) !important;
	}
	.mm-navbars--bottom {
		border-top: none;
	}
	.mm-menu {
		z-index: 100;
		display: block;
	}
	.mm-wrapper__blocker.mm-blocker.mm-slideout{
		z-index: 99;
	}
	.mm-panels {
		background: var(--white-color);
	}
	.menu--just-title a {
		border-top: 0 solid #EAEAEA;
		padding-top: 0 !important;
	}
	.mm-navbar__title {
		text-transform: uppercase;
		font-size: 16px;
		letter-spacing: 1.6px;
	}
	.mm-listitem__text {
		font-size: 15px;
	}
	.mm-menu {
		--mm-size: 100%;
		--mm-color-background: var(--white-color);
	}
	.menu-close-btn {
		position: absolute;
		right: 10px;
		z-index: 9;
		font-size: 18px !important;
		color: var(--secondery-color) !important;
		top: 15px;
	}
	.menu-close-btn {
		font-size: 14px;
	}
	.mm-navbar__title span {
		display: none;
	}
	.mm-panel--opened .mm-navbar__title span {
		display: block;
		font-size: 0;
	}
	#menu .mm-navbar .mm-navbar__title span {
		display: none;
	}
	.mm-navbar .btn {
		color: var(--white-color) !important;
	}
	.mm-panel .mega-menu {
		position: relative !important;
	}
	.mm-panels .sub-menu li a {
		padding: 15px 20px !important;
	}
	.menu-trigger{
		display: block;
	}
	.menu-trigger a {
		flex-direction: column;
		row-gap: 6px;
		position: relative;
		z-index: 999;
		cursor: pointer;
		background-color: transparent;
		border-radius: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--section-bg);
		height: 42px;
	}
	.menu-trigger span {
		display: block;
		height: 2px;
		width: 27px;
		background-color: var(--white-color);
		border-radius: 100px;
	}
	.menu-trigger span:nth-child(2) {
		width: 18px;
		margin-left: auto;
	}
	.main-menu {
		display: none;
	}
	.mm-panel ul li.menu-btn a{
		color: var(--white-color) !important;
	}
	.menu-btn {
		margin: 20px;
		text-align: center;
	}
	.mm-panel ul li.menu-btn a:hover{
		background-color: var(--primary-color) !important;
	}
	.mm-panel ul li.menu-btn-primary a {
		background-color: var(--primary-color) !important;
		border-radius: 50px;
		transition: .4s;
	}
	.mm-panel ul li.menu-btn-primary a:hover{
		background-color: var(--secondery-color) !important;
	}
	.menu-btn::after{
		display: none;
	}
	/* menu-end */


}

@media all and (max-width: 991.98px){
h1, .h1, h2, .h2 {
	font-size: 64px;
}
.project-content-wrap {
  flex-direction: column;
}
  .project-img {
    width: 100%;
    margin-top: 40px;
  }
  .service-tag-wrap {
    padding-right: 0;
  }
  .faq {
	width: 100%;
}
.faq-title {
	padding-right: 0;
}
.process-content {
	width: 100%;
}
.process-title {
	padding-right: 0;
}
.title-card h3 {
	padding-right: 0;
	margin-bottom: 25px;
}
.text-card {
	width: 100%;
}
.provider-wrap::before {
	max-width: 100%;
}
.provider-img {
	margin: auto;
}
.about-us-img img {
	aspect-ratio: 1/.6;
}
.contact-shortcode {
	width: 100%;
}
.contact-form-area::before {
	display: none;
}
.contact-content {
	padding-right: 0;
}
.img-banner img {
	aspect-ratio: 1/.4;
}
.service-intro-grid{
	grid-template-columns: 1fr;
}
.img-with-text-slider .text-card {
	width: 100%;
}
.contact-btn-wrap {
	margin-left: auto;
	margin-right: auto;
}
.blog-thumb {
	width: 100%;
}
.blog-content {
	padding-left: 0;
}
.review-details {
	padding-left: 0;
}
.company-logo {
	margin-right: auto;
}
.company-details, .contact-links, .footer-menu, .footer-item-one {
	width: 50%;
}
.footer-item-one, .footer-menu {
	margin-bottom: 30px;
}

}

@media all and (max-width: 782px){
	.admin-bar .header-sec {
		top: 46px;
	}
}

@media all and (max-width: 767.98px){
	h1, .h1, h2, .h2 {
		font-size: 52px;
	}
	h3 {
		font-size: 36px;
	}
	.error-404 h1 {
		font-size: 100px;
	}
	.mb-50, .mb-40 {
		margin-bottom: 30px;
	}
.h-call-btn {
	padding: 0;
	height: 45px;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.callouts-content {
	width: 100%;
}
.banner-area {
	padding-top: 150px;
}
.banner-content-wrap {
	max-width: 100%;
}
.footer-item-one, .footer-menu, .contact-links, .company-details {
	width: 100%;
}
.contact-links div {
	padding-right: 0;
}
.p-80 {
	padding: 60px 0;
}
.pt-80 {
	padding-top: 60px;
}
.pb-80 {
	padding-bottom: 60px;
}
.footer-logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.footer-wrap h5 {
  margin-bottom: 20px;
}
.footer-wrap ul {
  gap: 5px;
}
.contact-links div {
  gap: 5px;
}
.contact-links {
  margin: 30px 0;
}
.copyright-content {
  flex-direction: column;
  text-align: center;
}
.footer-item-one, .footer-menu {
	margin-bottom: 0;
}
.box-title {
	margin-bottom: 15px;
}
.services-title {
	padding: 24px 20px 20px 20px;
}
.services-title h4 {
	font-size: 24px;
}
.cta-img img {
	aspect-ratio: 1/.6;
}
.provider-content {
	padding: 40px 20px;
}
.provider-img {
	width: 100%;
}
.repeater-box-wrap {
	padding-top: 60px;
	padding-bottom: 50px;
}
.provider-content h3 br {
	display: none;
}
.text-scroll-wrap {
  padding: 40px 0;
}
.slider-text {
  font-size: 24px;
}
.img-banner img {
	aspect-ratio: 1/.6;
}
.sc-intro-content h3 {
	font-size: 24px;
}
.sc-intro-list:nth-child(2n) {
	padding: 30px 20px;
}
.blog-pagination {
	gap: 20px;
}
.single-banner {
	padding-top: 150px;
	padding-bottom: 100px;
}
.portfolio-img {
	padding: 60px 20px 40px 20px;
}
.portfolio-info h3 {
	margin-top: 20px;
}
.portfolio-info {
	margin-bottom: 30px;
}
.portfolio-1 .portfolio-img img {
	max-height: 120px;
}
.breadcrumb {
	justify-content: center;
}
.repeater-box-area .title-card, .orientated-area .title-card {
	padding-bottom: 30px;
}
.border-style {
	padding-bottom: 40px;
}
.project-slider-title h4 {
	font-size: 28px;
}

}

@media (max-width: 600px) {
	.admin-bar .header-sec.sticky-active {
		top: 0;
	}
}


@media all and (max-width: 576.98px) {
h1, .h1, h2, .h2 {
	font-size: 42px;
}
h3 {
	font-size: 32px;
}
.card-btn .btn {
	width: 100%;
}
.service-tag-wrap {
	padding-left: 0;
}
.contact-link {
	padding: 20px 16px;
}
.review-img {
	width: 100%;
}

}