/*!
Theme Name: Digital GrowLab
Theme URI: http://underscores.me/
Author: Obaid Rahman
Author URI: https://softoba.com
Description: A simple digital agency website.
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: digitalgrowlab
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.

Digital GrowLab 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.
*/
/*----------------------------------------*/
/*  01. VARIBALES CSS START
/*----------------------------------------*/
:root {
	--primary: #c9f31d;
	--secondary: #2c2c2c;
	--black: #000;
	--black-2: #121212;
	--black-3: #555;
	--black-4: #1d1d1d;
	--black-5: #343434;
	--black-6: #262626;
	--black-7: #555555;
	--black-13: #666;
	--white: #fff;
	--white-2: #efefef;
	--white-3: #e9e9e9;
	--white-4: #f0f0f0;
	--white-5: #fbfbfb;
	--white-6: #d7d7d7;
	--white-7: #F5F5F5;
	--gray: #c2c2c2;
	--gray-2: #999;
	--gray-3: #a8a8a8;
	--gray-4: #f6f6f6;
	--gray-5: #bbb;
	--gray-6: #2b2b2b;
	--gray-7: #b9b9b9;
	--gray-8: #8E8E8E;
	--gray-9: #aaa;
	--gray-10: #7c7c7c;
	--gray-11: #D9D9D9;
	--gray-12: #383838;
	--gray-13: #ccc;
	--gray-14: #dfdfdf;
	--gray-15: #C0C0C0;
	--gray-16: #939393;
	--pink: #b8b8b8;
	--pink-2: #FF9776;
	--pink-3: #F3ECEC;
	--pink-4: #FFFAF0;
	--pink-5: #E0E3CC;
	--bg-line: #1e1e1e;
	--d-gray: #6A6A6A;
	--d-black: #1A1A1A;
	--d-black-2: #171717;
	--d-black-3: #1A1A1A;
	--neutral: #f1f1f1;
	--pink: #b8b8b8;
	--lemon: #fffec8;
}
.pb-100 {
	padding-bottom: 100px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-100 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-100 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-100 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-110 {
	padding-bottom: 110px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-110 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-110 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-110 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-120 {
	padding-bottom: 120px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-120 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-120 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-120 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-130 {
	padding-bottom: 130px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-130 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-130 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-130 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-140 {
	padding-bottom: 140px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-140 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-140 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-140 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-150 {
	padding-bottom: 150px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-150 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-150 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-150 {
	  padding-bottom: 60px;
	}
   }
   
   .pb-200 {
	padding-bottom: 200px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pb-200 {
	  padding-bottom: 90px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pb-200 {
	  padding-bottom: 80px;
	}
   }
   @media only screen and (max-width: 767px) {
	.pb-200 {
	  padding-bottom: 60px;
	}
   }
   
   .pt-42 {
	padding-top: 40px;
   }
   
   .pt-100 {
	padding-top: 100px;
   }
   @media only screen and (max-width: 767px) {
	.pt-100 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-100 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-100 {
	  padding-top: 90px;
	}
   }
   
   .pt-110 {
	padding-top: 110px;
   }
   @media only screen and (max-width: 767px) {
	.pt-110 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-110 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-110 {
	  padding-top: 90px;
	}
   }
   
   .pt-120 {
	padding-top: 120px;
   }
   @media only screen and (max-width: 767px) {
	.pt-120 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-120 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-120 {
	  padding-top: 90px;
	}
   }
   
   .pt-130 {
	padding-top: 130px;
   }
   @media only screen and (max-width: 767px) {
	.pt-130 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-130 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-130 {
	  padding-top: 90px;
	}
   }
   
   .pt-140 {
	padding-top: 140px;
   }
   @media only screen and (max-width: 767px) {
	.pt-140 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-140 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-140 {
	  padding-top: 90px;
	}
   }
   
   .pt-150 {
	padding-top: 150px;
   }
   @media only screen and (max-width: 767px) {
	.pt-150 {
	  padding-top: 60px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.pt-150 {
	  padding-top: 80px;
	}
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pt-150 {
	  padding-top: 90px;
	}
   }
   
   .sp-x {
	padding-left: 100px;
	padding-right: 100px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sp-x {
	  padding-left: 30px;
	  padding-right: 30px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.sp-x {
	  padding-left: 30px;
	  padding-right: 30px;
	}
   }
   @media only screen and (max-width: 767px) {
	.sp-x {
	  padding-left: 10px;
	  padding-right: 10px;
	}
   }
   
   .mt-60 {
	margin-top: 60px;
   }
   
   .ht-200 {
	padding-top: 200px;
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ht-200 {
	  padding-top: 180px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.ht-200 {
	  padding-top: 160px;
	}
   }
   @media only screen and (max-width: 767px) {
	.ht-200 {
	  padding-top: 130px;
	}
   }
   
   /*----------------------------------------*/
   /*  04. ANIMATION CSS START
   /*----------------------------------------*/
   @-webkit-keyframes wcRotate {
	0% {
	  -webkit-transform: rotate(0deg) scale(1.1);
			transform: rotate(0deg) scale(1.1);
	}
	50% {
	  -webkit-transform: rotate(5deg) scale(1.17);
			transform: rotate(5deg) scale(1.17);
	}
	100% {
	  -webkit-transform: rotate(0deg) scale(1.1);
			transform: rotate(0deg) scale(1.1);
	}
   }
   @keyframes wcRotate {
	0% {
	  -webkit-transform: rotate(0deg) scale(1.1);
			transform: rotate(0deg) scale(1.1);
	}
	50% {
	  -webkit-transform: rotate(5deg) scale(1.17);
			transform: rotate(5deg) scale(1.17);
	}
	100% {
	  -webkit-transform: rotate(0deg) scale(1.1);
			transform: rotate(0deg) scale(1.1);
	}
   }
   @-webkit-keyframes wcBubble {
	0% {
	  scale: 1;
	}
	50% {
	  scale: 1.5;
	}
	100% {
	  scale: 1;
	}
   }
   @keyframes wcBubble {
	0% {
	  scale: 1;
	}
	50% {
	  scale: 1.5;
	}
	100% {
	  scale: 1;
	}
   }
   @-webkit-keyframes wcZoom {
	0% {
	  scale: 1;
	}
	50% {
	  scale: 0.5;
	}
	100% {
	  scale: 1;
	}
   }
   @keyframes wcZoom {
	0% {
	  scale: 1;
	}
	50% {
	  scale: 0.5;
	}
	100% {
	  scale: 1;
	}
   }
   @-webkit-keyframes wcSlideBottom {
	0% {
	  -webkit-transform: translateY(0);
			transform: translateY(0);
	}
	50% {
	  -webkit-transform: translateY(50px);
			transform: translateY(50px);
	}
	100% {
	  -webkit-transform: translateY(0);
			transform: translateY(0);
	}
   }
   @keyframes wcSlideBottom {
	0% {
	  -webkit-transform: translateY(0);
			transform: translateY(0);
	}
	50% {
	  -webkit-transform: translateY(50px);
			transform: translateY(50px);
	}
	100% {
	  -webkit-transform: translateY(0);
			transform: translateY(0);
	}
   }
   @-webkit-keyframes reveal {
	to {
	  opacity: 1;
	  -webkit-filter: blur(0px);
			filter: blur(0px);
	}
   }
   @keyframes reveal {
	to {
	  opacity: 1;
	  -webkit-filter: blur(0px);
			filter: blur(0px);
	}
   }
   @-webkit-keyframes wcfadeUp {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(50px);
	  transform: translateY(50px);
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
   }
   @keyframes wcfadeUp {
	0% {
	  opacity: 0;
	  -webkit-transform: translateY(50px);
	  transform: translateY(50px);
	}
	100% {
	  opacity: 1;
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
   }
   @-webkit-keyframes wcSpinner {
	0% {
	  -webkit-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			transform: rotate(360deg);
	}
   }
   @keyframes wcSpinner {
	0% {
	  -webkit-transform: rotate(0deg);
			transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			transform: rotate(360deg);
	}
   }
   /*----------------------------------------*/
   /*  05. THEME CSS START
   /*----------------------------------------*/
   * {
	margin: 0;
	padding: 0;
   }
   
   body {
	font-family: "Poppins", sans-serif;
   }
   
   html {
	scroll-behavior: smooth;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
   }
   
   ul,
   ol {
	padding: 0;
	margin: 0;
   }
   
   li {
	list-style: none;
	position: relative;
	z-index: 1;
   }
   
   a {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	z-index: 1;
   }
   
   button {
	background-color: transparent;
	border: 0;
   }
   
   p {
	position: relative;
	z-index: 1;
   }
   
   video,
   iframe,
   img {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
   }
   
   .line {
	position: relative;
   }
   .line::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--white-4);
   }
   .line::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	left: calc(50% - 1px);
	top: 0;
	background: var(--white-4);
   }
   .line-3 {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	background: var(--white-4);
   }
   
   .shape {
	position: absolute;
	left: -90px;
	bottom: -350px;
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.shape {
	  left: 200%;
	  bottom: 0;
	}
   }
   @media only screen and (max-width: 767px) {
	.shape {
	  left: 70%;
	  bottom: 0;
	}
   }
   .shape .primary {
	width: 54px;
	height: 56px;
	background-color: var(--primary);
	margin-top: -37px;
	margin-left: 24px;
   }
   .shape .secondary {
	width: 53px;
	height: 56px;
	background-color: var(--secondary);
   }
   
   .pos-inherit {
	position: inherit;
   }
   
   @media only screen and (max-width: 767px) {
	.g-0 {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	br {
	  display: none;
	}
   }
   .sec-title-wrapper {
	position: relative;
	z-index: 9;
   }
   
   .footer-line {
	position: relative;
   }
   .footer-line::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 500px;
	left: 0;
	bottom: -400px;
	background: var(--white-4);
   }
   @media (max-width: 1023px) {
	.footer-line::after {
	  height: 0;
	}
   }
   
   .scroll-top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9991;
	border-radius: 100px;
	color: var(--white);
	background: var(--white);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: none;
	mix-blend-mode: exclusion;
   }
   .scroll-top i {
	font-size: 18px;
	color: var(--black-2);
   }
   .scroll-top:hover {
	color: var(--gray-2);
   }
   @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.scroll-top {
	  bottom: 80px;
	}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
	.scroll-top {
	  right: 10px;
	  bottom: 60px;
	}
   }
   @media only screen and (max-width: 767px) {
	.scroll-top {
	  right: 5px;
	  bottom: 55px;
	}
   }
   
   .logo-light {
	display: none;
   }
.logo-dark {
	display: block;
}
.font-20 {
	font-size: 20px !important;
}
.header__logo .logo-dark img, .header__logo .logo-light img {
	max-height: 64px;
}
.footer-logo img {
	max-width: 158px;
}
/* .footer-top-inner{
	--sqs-site-gutter: 4vw;
    	--sqs-mobile-site-gutter: 6vw;
    	--sqs-site-max-width: 1801px;
	--inset-padding: 0vw;
	--row-height-scaling-factor: 0.0215;
	--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
	--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
	--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
}
.footer-top-inner {
	display: grid;
	grid-area: 1/1/-1/-1;
	position: relative;
	row-gap: 0.0px;
    	column-gap: 0.0px;
	grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
	grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
} */
.footer-top-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 40px;
}
.footer-logo-wrap{
	grid-area: 2/1/8/6;
	z-index: 1;
}
.footer-menu-wrap{
	grid-area: 2/6/7/10;
    	z-index: 0;
	text-align: right;
}
.footer-social-media{
	grid-area: 7/6/9/10;
    	z-index: 2;	
}
.footer-menu-inner ul li {
	display: block;
	position: relative;
}
.footer-menu-inner ul li a {
	display: inline-block;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: underline;
}
.footer-menu-inner ul li:before {
	content: "//";
	margin-right: 4px;
	display: none;
}
.site-info {
	text-align: center;
	padding: 10px;
	border-top: 2px solid;
}
@media (min-width: 768px) {
	.footer-logo-wrap{
		grid-area: 2/2/7/6;
		z-index: 1;
	}
	.footer-menu-wrap{
		grid-area: 2/18/6/25;
    		z-index: 0;
	}
	.footer-social-media{
		grid-area: 6/21/7/25;
    		z-index: 2;
	}
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.forminator-ui#forminator-module-1264.forminator-design--default .forminator-button-submit {
    font-size: 18px !important;
    padding: 15px 30px;
    border-radius: 15px;
}
.card-title-center h3 {
    text-align: center;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    height: 40px;
    padding: 0 10px;
}

.select2-container .select2-selection--single {
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}