@import url('../css/bootstrap-v5/bootstrap.min.css');
@import url('../css/fontawesome.min.css');
@import url('../css/hero-slider.css');


/* CSS DOUBLE DOT FOR CALLING */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

body {
	font-family: 'montserrat' !important;
}

.wf {
	width: 100%;
	float: left;
}
.tocblogs{
	color: rgb(13, 13, 13);
}
.tocblogs:hover {
	
	text-decoration: underline #0e0e0e;
}

.navbar {
	background-color: rgb(12, 12, 12);
}

.bg-lws {
	background-color: #001849;
}

.bg-primary {
	background: #2582D4;
}

.t-20 {
	top: 20px;
}

#myearth {
	pointer-events: none;
}

.r-20 {
	right: 20px;
}

#back-link {
	position: fixed;
	top: 0;
	left: 0;
	background: #0d130e;
	padding: 0.5em;
	font-size: 26px;
	z-index: 10000;
	border-right: 1px RGBA(255, 255, 255, 0.5) solid;
	border-bottom: 1px RGBA(255, 255, 255, 0.5) solid;
}

#back-link img {
	display: block;
	width: 4em;
	height: auto;
}




@media (max-width: 1199px) {
	#back-link {
		font-size: 20px;
	}
}

@media (max-width: 511px) {
	#back-link {
		font-size: 16px;
	}
}

#legal-footer-wrap {
	position: relative;
	height: 0;
	z-index: 10002;
	font-family: 'montserrat';
}

#legal-footer {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
}

#legal-footer a {
	text-decoration: none;
	color: inherit;
	padding: 0 0.5em;
	font-size: 10px;
}

#myearth {
	width: 100%;
	height: 100vh;
	max-height: 100vw;
	overflow: hidden;

	opacity: 0;
	transition: opacity 1.5s ease-in;
}

#myearth.earth-ready {
	opacity: 1;
}

#myearth::before {
	content: none;
}


/* background glow */

#glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 100vh;
	height: 100vh;
	max-height: 100vw;
	transform: translate(-50%, -50%);

	background: radial-gradient(ellipse at center, rgba(0, 157, 255, 0.132) 25%, rgba(0, 157, 255, 0.183) 53%, rgba(0, 156, 255, 0.05) 56%, rgba(0, 156, 255, 0) 70%);
	z-index: 200;
	pointer-events: none;
}

.servicescircle {
	height: 80px;
	width: 80px;
}

.bottom-j20 {
	bottom: 20px;
}





.blogs:hover {

	box-shadow: 0px 0px 20px #4c4c4c;
	border:1px 1px 1px 1px  white;
}





.background {
	background-color: #111;
}

.backgroundshadow {
	background-color: #111;
	
	border-radius: 15px;
	height: auto;
}

.navhamburger {
	color: white;
}

.defaultpadding {
	padding-top: 120px;
	margin: 0px;
}

.deliverbg {
	background-color: #222;
	height: auto;
	border-radius: 15px;
}

.navbarbg {
	background-color: #111;
}

.deliverbgshadow {
	background-color: #222;
	height: auto;
	border-radius: 15px;
	box-shadow: 0px 0px 20px #000000;
}

.accomplishmentsbg {
	background-color: rgb(255, 255, 255);
	border-radius: 15px;
}

.contactusimg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../images/2150530927.webp');
}

.bgblur {

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	opacity: 0.9;
}

.servicescircle img {
	fill: #3A3B3C;
}

.borderradius {

	border-radius: 25px;
}

.borderradiusservices {
	border-radius: 20px 0 0 20px;
}

.borderradiusservicess {
	border-radius: 0 20px 20px 0;
}

.ourservicescircle {
	position: absolute;
	top: -40px;
	z-index: 1;
	background: #111;
}


.hovereffect:hover .boxeffect {
	background-color: #222;
}

.hovereffect:hover .ourservicescircle {
	box-shadow: 2px 2px 7px #0088ff;
	background: #222;
}

.boxeffect:hover+.ourservicescircle:hover {
	transition: all 0.4s ease;
}

.rightarrowhover:hover {
	margin-left: 70px;
	transition: all 0.5s ease;
}

.hovereffect:hover .rightarrowhover {
	margin-left: 70px;
	transition: all 0.5s ease;
}



.logos {
	filter: grayscale(100%);
}

.logos:hover {
	filter: none;
	transition: 0.3s;
}

.p {
	line-height: 1.4;
}

.navbar-hover:hover {
	color: #0088ff;
}








.borderbottom {
	background: transparent;
	border: none;
	border-bottom: 1px solid #000000;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.boxshadow {
	background: #111111 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 15px #3A3B3C;
	border-radius: 10px;
	opacity: 1;
}


.herobgimage {
	background-image: url(../images/Blogs/callto-us.webp);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
}

.careersbgimg {
	background-image: url('../images/Subpages/lwsgroupimg.webp');
	width: 100%;
	background-repeat: no-repeat;
	object-fit: contain;
}

.phoneimg {
	background-image: url('../images/Subpages/phoneimg.webp');
	background-repeat: no-repeat;

}



.dropdown:hover .dropdown-content {
	display: block;

}


.channelcasestudies {
	height: 470px;
}

.channelcasestudies:hover {
	box-shadow: 5px 6px 6px 2px #4f6fff;
	transform: scale(1.1);
}

.B2B-casestudies:hover {
	box-shadow: 5px 4px 4px 2px #4f6fff;
	transform: scale(1.1);
}


.our-features-bg {
	background-color: #202020;
	height: 350px;
	border-radius: 20px;
	padding: 15px;
}

.our-features-bg:hover {
	box-shadow: 0px 4px 3px 0px #4f6fff;
}

.influencerprogram:hover {
	box-shadow: 0px 4px 3px 0px #4f6fff;
}

.jobopening:hover {
	box-shadow: 2px 2px 2px 2px #4f6fff;
}

.ourteam:hover {
	box-shadow: 2px 2px #4f6fff;
}

@media (min-width:320px) and (max-width:920px) {
	
	.navbarbottom1 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
	}
	.lwsfooter {
		text-align: center;
		padding-bottom: 25px;
	}

	.scanner-footer {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.footerheadings {
		margin-bottom: 1px !important;
	}
	.backgroundshadow {
		width: 100% !important;
	}
	.pagination {
		display: flex;
		padding-left: 0;
		list-style: none;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
	}
}



.background {
	background-color: #111;
}

.navbar .megamenu {
	padding: 1rem;
}







/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.navbar .has-megamenu {
		position: static !important;
	}

	.navbar .megamenu {
		left: -1px;
		right: 0;
		width: 100%;
		top: 70px !important;
	}

}

/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px) {

	.navbar.fixed-top .navbar-collapse,
	.navbar.sticky-top .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		margin-top: 10px;

	}

	.lwslogo {
		display: none;
	}

}


/* Pagitnation blogs */

li.page-item {
    margin: 0 6px;
    width: 36px;
}

.page-item.active .page-link1:active {
	z-index: 3;
	color: #0d6efd;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	width: 65px;
	border-radius: 4px;
	border: 1px solid #0d6efd;
}

.page-link1 {
    position: relative !important;
    display: block !important;
    color: #0f0f0f !important;
    text-decoration: none !important;
    border: 1px solid #007fff !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !important;
    background: none !important;
    font-size: 14px;
    font-weight: 600;
    width: 38px;
    border-radius: 4px;
    padding: 4px 4px;
}

.page-link1:hover{
	color: #ffffff
}

li.page-item.current-page.active {
    background: #0d6efd;
    border-radius: 4px;
    border: none !important;
    padding: 0px 0;
    width: 40px;
}

.page-item:not(:first-child) .page-link1 {
	margin-left: 1px !important;
}

li.page-item.current-page:hover {
    background: #0862e7;
    border-radius: 4px;
    width: 40px;
	padding: 0px 0;
}

li.page-item.previous-page.disable:hover {
		background: #0862e7;
		border-radius: 4px;
		padding: 0px 0;
		width: 40px;
}

li.page-item.previous-page:hover {
	background: #0862e7;
	border-radius: 4px;
	width: 40px;
    padding: 0 0;
}
.style-type-here{
	display: flex;
    justify-content: center;
}

li.page-item.next-page:hover {
    background: #0862e7;
    border-radius: 4px;
    padding: 0px 0;
    width: 40px;
}
.style-pagination{
	display: flex;
    justify-content: center;
}

li.page-item.next-page.disable:hover {
	background: #0862e7;
	border-radius: 4px;
}

.pageblogin {
	padding: 36px 0 18px 0;
}


.list-item {
	padding: 22px 0;
}

.backgroundshadow {
	background-color: #111;
	
	border-radius: 6px;
	padding: 10px 12px 10px 12px !important;
	height: 100% !important;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.backgroundshadow1 {
	background-color: #111;
	
	border-radius: 6px;
	padding: 10px 12px 10px 12px !important;
	height: 100% !important;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.backgroundshadow1:hover {
	transform: scale(105%);
}

.buttom-item {
	margin-top: auto;
}

.list-item {
	display: flex;
	justify-content: center !important;
}

/* pagination blogs end */


/* Slider */

.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* general styles */

:root {
	--clr-neutral-100: hsl(0, 0%, 100%);
	--clr-primary-100: hsl(205, 15%, 58%);
	--clr-primary-400: hsl(215, 25%, 27%);
	--clr-primary-800: hsl(217, 33%, 17%);
	--clr-primary-900: hsl(218, 33%, 9%);
}

.lwsfooter a {
	color: rgb(255, 255, 255);
}













/* navbar hover  */
.navbar-effects-color {
	color: white !important;
}

.navbar-effects-color:hover {
	color: #4f6fff !important;
}

.navbar-effects li:hover {
	color: #4f6fff !important;
}

.navbar-effects ul:hover {
	color: #4f6fff;
}

#card1{
  height: 18rem;
  padding: 2rem;
}
.profile-name-titel {
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.profile:hover{
	transform: scale(120%);
}
.profile-name {
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}
#card1 {
    display: flex;
    align-items: center;
    position: relative;
    bottom: 2rem;
    flex-direction: column;
}

.profile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile {
	width: 7rem;
    height: 7rem;
    border-radius: 1rem;
	box-shadow: 0px 4px 24px #c8ddff;
}

#card1 .profile-text {
  text-align: center;
  position: relative;
  top: 22px;
}

.following {
  height: 2rem;
  width: 6rem;
  font-size: 0.8rem;
  background-color: #ffffff;
  color: #6c7072;
  border: 0.1rem solid #e8e9ed;
  border-radius: 3rem;
  cursor: pointer;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.pad-top{
		padding-top: 50px;
	}

	.dropdown-menu li {
		position: relative;
	}

	.dropdown-menu .submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.dropdown-menu .submenu-left {
		right: 100%;
		left: auto;
	}

	.dropdown-menu>li:hover {
		background-color: #2b2b2b
	}

	.dropdown-menu>li:hover>.submenu {
		display: block;
	}
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

	.dropdown-menu .dropdown-menu {
		margin-left: 0.7rem;
		margin-right: 0.7rem;
		margin-bottom: .5rem;
	}

}

/* ============ small devices .end// ============ */

.top-bg-img {
    background-image: url('../images/card-bg-blog.webp');
    padding: 30px 26px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    box-shadow: 0px 2px 20px #00000057;
    width: 90%;
    margin-left: 30px;
}
.top-brand-img {
    width: auto;
    height: 200px;
}
.font-style-heding {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0 10px 0;
}
.button-style-new {
    font-family: 'Montserrat';
    border: 2px solid #fff;
    border-radius: 6px;
    padding: 8px 100px;
    color: #fff;
    text-decoration: none;
}

.button-style-new:hover {
    font-family: 'Montserrat';
    border: 2px solid #fff;
    background: #fff;
    border-radius: 6px;
    padding: 8px 100px;
    color: #000;
    text-decoration: none;
}
.button-style-new2 {
    background: #0D6EFD;
    font-family: 'Montserrat';
    border-radius: 6px;
    padding: 8px 92px;
    margin-top: 18px !important;
    color: #fff;
}

.button-style-new2:hover {
    background: #ffffff;
    font-family: 'Montserrat';
    border-radius: 6px;
    padding: 8px 92px;
    color: #000;
    margin-top: 18px !important;
}
@media screen and (min-width:320px) and (max-width:428px) {
  .button-style-new {
    font-family: 'Montserrat';
    border: 2px solid #fff;
    border-radius: 6px;
    padding: 8px 50px;
    color: #fff;
    text-decoration: none;
}

.button-style-new:hover {
    font-family: 'Montserrat';
    border: 2px solid #fff;
    background: #fff;
    border-radius: 6px;
    padding: 8px 50px;
    color: #000;
    text-decoration: none;
}
.button-style-new2 {
    background: #0D6EFD;
    font-family: 'Montserrat';
    border-radius: 6px;
    padding: 8px 44px;
    margin-top: 18px !important;
    color: #fff;
}

.button-style-new2:hover {
    background: #ffffff;
    font-family: 'Montserrat';
    border-radius: 6px;
    padding: 8px 44px;
    color: #000;
    margin-top: 18px !important;
}
}