/* 10Web Booster optimized this CSS file */
@import url(https://careers.shinedezign.com/c/5a435951e815247112ca39e777f5e9d0?family=Futura+Hv);

/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/career-child/assets/css/style.css */
html,
body {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'Futura' !important;
	scroll-behavior: smooth;
	letter-spacing: 0;
	margin: 0px;
}

@font-face {
	font-family: "FuturaBTW01-Book";
	src: url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.eot');
	src: url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.eot?#iefix') format("embedded-opentype"),
		url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.woff2') format("woff2"),
		url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.woff') format("woff"),
		url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.ttf') format("truetype"),
		url('https://careers.shinedezign.com/t/31aefc600de86877c5f9f991836a7fbb.svg#FuturaBTW01-Book') format("svg");
;font-display: swap;}

@font-face {
	font-family: "FuturaBTW01-Bold";
	src: url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.eot');
	src: url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.eot?#iefix') format("embedded-opentype"),
		url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.woff2') format("woff2"),
		url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.woff') format("woff"),
		url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.ttf') format("truetype"),
		url('https://careers.shinedezign.com/t/da293b66cfb8d945b32973d5c2f1f8eb.svg#FuturaBTW01-Bold') format("svg");
;font-display: swap;}

@font-face {
	font-family: "FuturaBTW01-Light";
	src: url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.eot');
	src: url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.eot?#iefix') format("embedded-opentype"),
		url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.woff2') format("woff2"),
		url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.woff') format("woff"),
		url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.ttf') format("truetype"),
		url('https://careers.shinedezign.com/t/b8304efa3274630d292cdce9cad53bb5.svg#FuturaBTW01-Light') format("svg");
;font-display: swap;}

@font-face {
	font-family: "FuturaBTW01-Medium";
	src: url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.eot');
	src: url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.eot?#iefix') format("embedded-opentype"),
		url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.woff2') format("woff2"),
		url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.woff') format("woff"),
		url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.ttf') format("truetype"),
		url('https://careers.shinedezign.com/t/d5bf967f7552e8f19962fd15b482f3b3.svg#FuturaBTW01-Medium') format("svg");
;font-display: swap;}

@font-face {
	font-family: "Futura Heavy";
	src: url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.eot');
	src: url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.eot?#iefix') format("embedded-opentype"),
		url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.woff2') format("woff2"),
		url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.woff') format("woff"),
		url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.ttf') format("truetype"),
		url('https://careers.shinedezign.com/t/401b7744fffbc1cd21fc71a6c08182ee.svg#Futura Heavy') format("svg");
;font-display: swap;}


/*-----------------FONTS--------------------*/


body,
p,
a,
span {
	font-size: 15px;
}


.container {
	max-width: 1300px;
	padding: 0 15px
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

h1,
h2 {
	font-family: "FuturaBTW01-Book";
	font-weight: 700;
}

body h2 {
	font-size: 40px;
	font-weight: 700;
	color: #000
}

body p {
	color: #1d1e43;
	font-size: 18px;
	font-weight: 500
}

header {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

#main-menu .site-header {
	padding: 0 !important;
	background: transparent !important;
}

.main-header {
	padding: 20px 0;
	height: 124px
}

.main-nav {
	justify-content: flex-end
}

.dropdown-toggle::after {
	content: none
}

input.wpcf7-form-control.wpcf7-submit.btn {
	font-size: 18px;
	line-height: 37px;
	color: #fff;
	font-family: raleway;
	font-weight: 500;
	text-align: center;
	width: 255px;
	height: 71px;
	background-color: #bf9343;
	border-color: #bf9343;
	border-radius: 0
}

nav.navbar.navbar-expand-lg.navbar-light {
	padding: 0
}

.navbar-light .navbar-brand {
	padding: 0
}

ul.navbar-nav li.nav-item {
	position: relative
}

p.anchor a {
	color: #aaa
}

.main-header .navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .02em;
	transition: all .5s ease;
	padding: 10px 0;
	margin-right: 22px;
	margin-left: 12px;
	text-transform: uppercase;
	letter-spacing: .5px;
	position: relative;
	border: 0
}

.navbar-light .navbar-nav .nav-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	background: red;
	width: 0;
	height: 1px;
	transition: all .5s ease-in-out
}

.navbar-light .navbar-nav .nav-link:hover::before {
	left: 0;
	width: 100%
}

.navbar-light .navbar-nav .active>.nav-link {
	color: #bf9343;
	border-color: #7688fc
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus {
	color: #bf9343
}

.navbar-light .navbar-nav #last .nav-link::before {
	content: none
}

.navbar-light .navbar-nav #last .nav-link:hover {
	transform: none
}

.r-nav li a img {
	margin-right: 4px
}

.main-header .dropdown-menu.show {
	min-width: 200px;
	padding: 0;
	border-radius: 0;
	padding: 0 0 15px
}

.main-header a.dropdown-item.dropdown-head {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 37px;
	color: #000;
	font-family: raleway;
	font-weight: 700
}

.main-header .dropdown-divider {
	margin: 0
}

.main-header a.dropdown-item {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #000;
	font-family: raleway;
	font-weight: 500
}

.main-header a.dropdown-item i.fa.fa-chevron-right {
	font-size: 10px;
	font-weight: 400
}

.main-header .dropdown-item.active,
.main-header .dropdown-item:active,
.main-header a.dropdown-item.dropdown-head:active {
	color: #fff;
	background-color: #bf9343
}

.dropdown:hover>.dropdown-menu {
	display: block
}

.navbar-light .navbar-nav .dropdown-menu li>a {
	color: #000;
	padding: 12px 25px;
	font-size: 13px;
	font-weight: 500
}

.navbar-light .navbar-nav .dropdown-menu li:last-child>a {
	padding: 12px 25px
}

.navbar-light .navbar-nav .dropdown:hover>.dropdown-menu {
	right: auto;
	left: auto
}

.navbar-light .navbar-nav .dropdown-menu li>a:after {
	display: none
}

.navbar-nav>li>.dropdown-menu {
	padding: 0
}

.navbar-light .navbar-nav .dropdown-menu li {
	border-top: 1px solid #ececec
}

.navbar-light a.nav-link.active {}

.main-header .navbar-light .navbar-nav .nav-link {
	color: #000;
	font-weight: 700
}

.main-header .navbar-light .navbar-nav #last .nav-link {
	color: #fff
}



/*===================================== footer-newsletter-css-start (01-may-2024) =====================================*/

.newsletter-wrapper {
	display: inline-flex;
	align-items: center;
	margin: 0;
	position: relative;
}

.newsletter-wrapper p,
.newsletter-wrapper label {
	margin: 0;
}

.newsletter-wrapper label input {
	border-radius: 4px;
	height: 60px;
	border: 0;
	border-right: 0;
	padding: 10px 118px 10px 20px;
	width: 100%;
	font-family: 'FuturaBTW01-Book' !important;
}

.newsletter-wrapper .newsletter-btn {
	position: absolute;
	right: 0;
	height: 60px;
	margin-left: 0;
	top: 0;
}

.newsletter-wrapper .newsletter-btn input {
	border: 0;
	letter-spacing: 0;
	font-size: 15px;
	font-weight: 500;
	font-family: "Poppins";
	background-color: #f26522;
	padding: 16px 16px 16px 16px;
	border-left: 0;
	color: #fff;
	min-width: 108px;
	border-radius: 0 4px 4px 0;

}

.newsletter-wrapper .newsletter-btn .wpcf7-spinner {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

footer .wpcf7-response-output {
	border: 0;
	padding: 0;
}

.stats-bar-sec {
	z-index: 1;
}



/*===================================== footer-newsletter-css-end ====================================*/


.footer-area .contact-details li {
	display: inline-flex;
	gap: 10px;
}

.faq-box button img {
	margin-left: 5px;
}


.footer-big ul li {
	display: flex;
	justify-content: flex-start;
}

.footer-big ul li p {
	margin: 0 0 0 10px;
}

/*15-05-2024*/

.intern-hero-sec .g-recaptcha,
.paid-intern-form-sec .g-recaptcha ,
.training-course-wrapper .intern-banner-form .g-recaptcha{
	padding: 0 22px 20px;
	margin: 0 auto;
	width: 100%;
}

.intern-hero-sec label#error_token_contactForm,
.paid-intern-form-sec label#error_token_contactForm1 {
	position: relative;
	left: 20px;
	top: -14px;
	z-index: 9999;
	color: red !important;
	font-size: 14px;
	font-weight: 600 !important;
	line-height: 16.78px;
	z-index: 0;
}

.inputvalidaterror {
	color: red !important;
	font-size: 14px;
	font-weight: 600 !important;
	line-height: 16.78px;
}


.banner-section {
	padding: 140px 0 125px;
	color: #fff;
	background-image: linear-gradient(90deg, #ce534b 0, #f38a53);
	position: relative
}

.banner-section.laravel-bnr:after {
	position: absolute;
	content: " ";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/shadow-bnr.png) no-repeat top center/contain;
	top: 140px;
	right: -60px;
	width: 60%;
	height: 790px;
	z-index: 0;
	opacity: .5
}

.banner-section.laravel-bnr .container {
	position: relative;
	z-index: 1
}

.banner-section.laravel-bnr {
	color: #fff;
	background: #1d1e43;
	height: 100vh;
	padding: 240px 125px
}

ul.navbar-nav.hire_btn li.nav-item:last-child a {
	background: #ff561d;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 25px;
	margin: 0;
	padding: 10px 20px;
}

ul.navbar-nav.hire_btn li.nav-item:last-child a:hover {
	background: #000;
}

.banner-section h1 span {
	color: #ff561d;
	font-size: 81px;
	font-weight: 700
}

.banner-section h1 {
	font-size: 85px;
	font-weight: 700;
	line-height: 95px;
	color: #000;
	padding-top: 40px;
	letter-spacing: -1px;
	font-family: 'futurabtw01-medium';
}

.banner-section.laravel-bnr h1,
.banner-section.laravel-bnr p {
	color: #fff
}

.banner-section.laravel-bnr h1 span {
	color: #ff561d;
	font-size: 90px
}

.banner-section p {
	font-size: 19px;
	line-height: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #000
}

a.btn,
button.btn {
	color: #fff;
	background: #ff561d;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: 4px;
	letter-spacing: 1px;
	border-color: #ff561d;
}

ul.navbar-nav li.nav-item .btn {
	background: #ff561d;
	border-color: #ff561d;
}

.hiring-section {
	padding: 100px 0
}

.hiring-section h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 30px
}

ul.hiring-listt {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding-left: 0
}

ul.hiring-listt li {
	list-style: none;
	color: #8e8e8e;
	font-size: 15px;
	font-weight: 500 !important;
	margin-bottom: 30px;
	padding-top: 10px
}

ul.hiring-listt li span {
	background: #ebebeb;
	border-radius: 50%;
	color: #5f5f5f;
	font-weight: 500 !important;
	font-size: 15px;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 43px;
	margin-right: 10px
}

.shopify-logo img {
	width: 154px
}

.experience-section {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/percentage-section-bg.jpg) no-repeat center/cover;
	padding: 100px 0
}

.experience-section h2 {
	font-size: 45px;
	color: #fff;
	line-height: 60px;
	font-weight: 700
}

.experience-section p {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
	font-family: montserrat, sans-serif !important
}

.services-section h3 {
	font-size: 27px;
	font-weight: 700;
	color: #000;
	margin: 33px 0 25px
}

.services-section span,
.create-section span,
.process-section span,
.related-post-section span {
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 17px
}

.related-post-section .main-outer span {
	font-size: 14px
}

.services-section h2:after,
.create-section h2:after,
.process-section h2:after {
	position: absolute;
	content: "";
	bottom: -20px;
	width: 60px;
	height: 5px;
	background: #000;
	left: 0;
	margin: 0 auto
}

.create-section.shopify h2:after {
	right: inherit;
}

.services-section h2,
.create-section h2,
.process-section h2,
.related-post-section h2 {
	position: relative;
}

.single-service {
	margin-bottom: 10px;
	padding: 50px 40px
}

.services-section p {
	color: #5a5a5a;
	font-size: 17px;
	margin-bottom: 40px
}

.services-section {
	padding: 70px 0 90px;
	width: 100%;
	display: inline-block
}

.services-section h2,
.create-section h2,
.process-section h2,
.related-post-section h2 {
	margin-bottom: 25px
}

.single-service:hover {
	background: #1d1e43;
	border-radius: 7px;
	transition: all .3s ease
}

.single-service:hover h4,
.single-service:hover p {
	color: #fff
}

.single-service:hover a.black-arw {
	display: none
}

.single-service:hover a.white-arw {
	display: block !important;
	width: 50px
}

.single-service:hover a.white-arw img {
	width: 49.99px;
	height: 24.98px;
	object-fit: scale-down
}

.single-service:hover img.file-mg {
	display: block !important;
	width: 50px;
	height: 44px;
	object-fit: contain
}

.single-service:hover img.user-mg {
	display: none
}

.create-section .content h3 {
	font-size: 48px;
	font-weight: 700;
	font-family: futurabtw01-bold;
	line-height: 52px;
	letter-spacing: .4px
}

.create-section .content h3 strong {
	color: #ff561d
}

.create-section {
	background: #fbfdf6;
	padding: 80px 0
}

.create-section .content p {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	margin-top: 15px
}

.content-inr p {
	font-weight: 400;
	color: #fff
}

.create-section a.btn {
	height: 50px;
	line-height: 19px;
	padding: 14px 40px
}

.btn:hover {
	color: #fff !important
}

.process-section {
	background: #ff561d;
	padding: 100px 0
}

.slick-slide img {
	position: relative
}

.content-inr {
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 22px;
	color: #fff;
	font-weight: 700
}

.media {
	position: relative
}

.system-section {
	margin: 0;
	padding: 0
}

.cycle-slide {
	margin: 0;
	padding: 0
}

ol.carousel-indicators.cst-tab {
	flex-direction: column;
	position: relative;
	top: 0;
	margin: 0
}

ol.carousel-indicators.cst-tab li {
	width: auto;
	height: auto;
	background-color: transparent;
	opacity: 1 !important;
	transition: opacity .6s ease;
	color: #c5c5c5;
	font-size: 22px;
	text-indent: inherit !important;
	font-family: futurabtw01-medium
}

.caption-crausal {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 1.5px;
	background-color: #fff;
	padding: 40px;
	max-width: 520px;
	width: 100%;
	display: inline-block;
	height: auto
}

ol.carousel-indicators.cst-tab::before {
	border-left: 1px solid #c5c5c5;
	content: "";
	width: 2px;
	height: 95%;
	position: absolute;
	left: 32px;
	z-index: -1
}

ol.carousel-indicators.cst-tab li.active {
	color: #282828
}

ol.carousel-indicators.cst-tab li.active .shp0 {
	fill: #fc5922
}

ol.carousel-indicators.cst-tab li.active .shp2 {
	opacity: 1;
	fill: #fff
}

.cst-cs-item::after {
	content: "";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/dot-shape.png) no-repeat;
	right: -55px;
	position: absolute;
	width: 200px;
	height: 200px;
	top: -45px
}

.cst-cs-item .carousel-inner {
	z-index: 1
}

.caption-img img {
	width: 24px;
	position: relative;
	top: -3px;
	right: 7px
}

.caption-crausal h4 {
	margin: 0;
	padding: 2px 0 2px 8px;
	background-size: 27px;
	font-size: 22px;
	line-height: 28px;
	background-position: left center;
	color: #ff561d;
	font-family: futurabtw01-bold
}

.caption-crausal p {
	color: #585858;
	font-size: 18px;
	margin-top: 10px;
	line-height: 26px;
	margin-bottom: 0
}

.tech-section {
	margin: 0;
	padding: 80px 0 90px;
	width: 100%;
	background: #0c1117
}

body .tex-tabs-heading h2 {
	color: #fff
}

body .text-tabs-subheading {
	color: #fff !important
}

body .tex-tabs-heading h2 span {
	color: #f4a804;
	font-size: 45px
}

.m-100 {
	max-width: 100% !important
}

.tach-tab-row ul.nav {
	background: #f8f8f8
}

.tach-tab-row ul.nav a {
	border-radius: 0;
	padding: 30.5px 35px;
	font-size: 22px;
	font-weight: 700;
	color: #363636;
	position: relative;
	outline: none;
	background: #fff
}

.tach-tab-row ul.nav a i {
	margin-right: 20px
}

.tach-tab-row .nav-pills .nav-link.active,
.tach-tab-row .nav-pills .show>.nav-link {
	color: #363636;
	background-color: #f8f8f8
}

.tach-tab-row .nav-pills .nav-link.active::before {
	content: "";
	border-left: 4px solid rgb(31 68 232/56%);
	position: absolute;
	left: 0;
	z-index: 1;
	height: 100%;
	top: 0
}

.technology-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0
}

.technology-list li {
	width: 25%;
	float: left;
	text-align: center;
	transition: .5s;
	border-radius: 0;
	margin: 0;
	padding: 30px;
	display: inline-block
}

.technology-list li img {
	width: 60px;
	height: 60px;
	object-fit: contain
}

.technology-list li:hover {
	background-color: #e9f6f7;
	transition: all .3s ease
}

.tach-tab-row .nav-item:nth-child(1) .nav-link.active::before {
	border-left: 4px solid rgb(223 82 212/56%)
}

.tach-tab-row .nav-item:nth-child(3) .nav-link.active::before {
	border-left: 4px solid rgb(90 222 84/56%)
}

.tach-tab-row .nav-item:nth-child(3) .nav-link.active::before {
	border-left: 4px solid rgb(90 222 84/56%)
}

.tach-tab-row .nav-item:nth-child(4) .nav-link.active::before {
	border-left: 4px solid rgb(254 198 46/56%)
}

li.bg-clr2,
li.bg-clr5 {
	display: inline-block;
	position: relative
}

.tach-tab-row {
	background: #fff
}

.tach-tab-row ul.nav a i {
	margin-right: 20px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #df52d4;
	text-align: center;
	border-radius: 50%
}

.tach-tab-row ul.nav li:nth-child(2) a i {
	background-color: #566de0
}

.tach-tab-row ul.nav li:nth-child(3) a i {
	background-color: #5ade54
}

.tach-tab-row ul.nav li:nth-child(4) a i {
	background-color: #fec62e
}

.why-choose-section {
	background: #fcfcfc
}

.why-heading {
	max-width: 1000px;
	margin: 0 0 40px;
	width: 100%
}

.why-heading h2 {
	margin-bottom: 20px
}

.why-cnt-box {
	border-radius: 5px;
	padding: 40px 0;
	transition: all .3s ease;
	z-index: 1;
	border: 1px solid #d9dee2
}

.why-cnt-box i {
	margin: 0 0 25px;
	display: inherit
}

.why-cnt-box h4 {
	font-family: futurabtw01-medium;
	font-size: 22px;
	color: #1d1e43;
	line-height: 26px;
	max-width: 280px;
	margin: 0 auto
}

.why-cnt-box:hover {}

.why-cnt-box:hover h4 {
	color: #fff
}

.why-cnt-box:hover i img {
	filter: brightness(0) invert(1)
}

.related-post-section {
	padding: 80px 0 100px
}

.post-inner {
	min-height: 230px;
	margin-bottom: 20px
}

.related-post-section span {
	color: #1d1e43
}

.related-post-section p {
	font-size: 17px;
	padding-top: 13px;
	line-height: 25px
}

.related-post-section .main-outer a {
	color: #4649bd;
	text-decoration: none !important
}

.main-outer {
	padding-bottom: 23px;
	text-align: left
}

/* input.form-control {
	margin-bottom: 20px
} */

.main-formss {
	background: #fff;
	border-radius: 15px
}

.main-formss h2 {
	font-size: 25px;
	font-weight: 700;
	font-family: futura heavy;
	margin-bottom: 18px
}

.main-formss p {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 40px
}

.main-formss input.form-control {
	margin-bottom: 20px;
	background: #f3f4f6;
	border: none;
	height: 50px;
	padding: 15px;
	font-weight: 500
}

.main-formss textarea.form-control {
	height: auto;
	background: #f3f4f6;
	border: none;
	padding: 15px;
	font-weight: 500
}

.main-formss .form-control:focus {
	box-shadow: none
}

.main-formss ::placeholder {
	color: rgba(29, 30, 67, .33) !important
}

.related-post-section a.btn,
.create-section a.btn {
	background: 0 0;
	color: #000;
	text-decoration: underline;
	padding: 0;
	background: linear-gradient(to right, #ff561d, #ff561d 50%, #191919 50%, #191919 50%);
	background-position-x: 0%;
	background-size: auto;
	background-clip: border-box;
	background-position-x: 0%;
	background-size: auto;
	background-clip: border-box;
	background-size: 200% auto;
	background-position-x: 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	transition: background-position-x .8s, color .8s;
	font-family: futurabtw01-medium
}

.related-post-section a.btn:hover,
.create-section a.btn:hover {
	color: #ff561d;
	color: transparent !important;
	background-position-x: 0
}

.related-post-section a.btn svg {
	transition: all .5s ease-in-out;
	transform: translateX(-30px);
	opacity: 0
}

.related-post-section a.btn:hover svg {
	opacity: 1;
	fill: #ff561d;
	transform: translateX(10px);
	transition: all .5s ease-in-out
}

.footer-area {
	background: #131c21 !important;
	padding: 0 0 30px;
	z-index: 1
}

.footer-area h3.footer-widget-title {
	margin: 0;
	font-weight: 700;
	padding: 0;
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'FuturaBTW01-medium' !important;
}

.footer-area ul {
	padding: 0;
	margin: 0
}

.footer-area li {
	list-style: none
}

.footer-area a:focus,
.footer-area a:hover {
	text-decoration: none;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}

.footer-area a:focus {
	outline: 0
}

.footer-area img {
	max-width: 100%
}

.footer-area p {
	font-size: 15px;
	line-height: 28px;
	color: #898b96;
	margin-bottom: 10px
}

.footer-area a {
	color: #5867dd
}

.footer-area .no-padding {
	padding: 0 !important
}

.footer-area .go_top {
	line-height: 40px;
	cursor: pointer;
	width: 40px;
	background: #5867dd;
	color: #fff;
	position: fixed;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	right: -webkit-calc((100% - 1140px)/2);
	right: calc((100% - 1140px)/2);
	z-index: 111;
	bottom: 80px;
	text-align: center
}

.footer-area .go_top span {
	display: inline-block
}

.footer-area .footer-big {
	padding: 80px 0 30px
}

.footer-area .footer-big .container {
	border-bottom: 1px solid #242424;
	padding: 10px 15px 20px
}

.footer-area .footer-big .footer-widget {
	margin-bottom: 40px
}

.footer-area .footer--light {
	background: #e7e8ed
}

.footer-big .footer-menu ul li a,
.footer-big p,
.footer-big ul li {
	color: #faf6f4
}

.footer-menu {
	padding-left: 70px
}

.footer-menu ul li a {
	display: inline-block;
	font-size: 15px;
	line-height: 38px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	padding: 0;
}

.footer-menu ul li a:hover {
	color: #ff561d;
	transform: translateX(10px)
}

.footer-menu--1 {
	width: 100%
}

.footer-widget-title {
	line-height: 42px;
	margin-bottom: 10px;
	font-size: 17px;
	font-family: 'FuturaBTW01';
	font-weight: 500;
	color: #fff
}

.footer-area .mini-footer {
	background: #192027;
	text-align: center;
	padding: 32px 0
}

.footer-area .mini-footer p {
	margin: 0;
	line-height: 26px;
	font-size: 15px;
	color: #999
}

.footer-area .mini-footer p a {
	color: #5867dd
}

.mini-footer p a:hover {
	color: #34bfa3
}

.footer-area .widget-about img {
	display: block;
	width: 100%
}

.footer-area .widget-about p {
	font-weight: 400
}

.widget-about .contact-details li {
	margin-bottom: 10px;
	display: flex;
	font-size: 14px
}

.below-footer .leftt a {
	color: #fff;
	font-weight: 400;
	font-size: 13px
}

.widget-about .contact-details li:last-child {
	margin-bottom: 0;
	display: flex
}

.widget-about .contact-details li span {
	padding-right: 12px
}

.widget-about .contact-details li a {
	color: #fff;
	font-size: 15px
}

.below-footer ul.social-icn {
	display: flex;
	justify-content: flex-end
}

.below-footer span {
	color: #fff;
	font-size: 13px
}

.widget-about .contact-details li:last-child a {
	padding-left: 9px
}

.footer-area .social-icn a {
	display: inline-block;
	margin: 0 10px;
	border: 2px solid #a7a7a7;
	font-size: 13px;
	color: #fff;
	border-radius: 50%;
	outline: none;
	max-width: 100%;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 33px;
	transition: all .3s ease-in-out
}

.footer-area .social-icn a i {
	font-family: 'FontAwesome';
}

.container {
	max-width: 1300px !important;
	padding: 0 15px
}

.banner-section.devops {
	background: #faf6f4 url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/devops_bg.png) no-repeat;
	padding: 225px 0 130px !important;
	height: 100vh;
	background-position: center bottom;
	background-size: 100% auto
}

.banner-section.devops h1 {
	margin-bottom: 15px;
	color: #121212;
	font-size: 80px;
	letter-spacing: -2px
}

.banner-section.devops:after {
	display: none
}

.banner-section.devops h1 span {
	color: #d01b4c;
	font-size: 80px
}

.services-section.devops .row .col-md-12.mb-4 p {
	max-width: 850px
}

.services-section.devops h2 {
	margin-bottom: 20px
}

.services-section.devops h2:after {
	display: none
}

ul.dev-ser-list {
	margin: 13px auto 0 0;
	padding: 44px 0 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	max-width: 1220px
}

ul.dev-ser-list li {
	margin: 0 14px;
	padding: 20px 0;
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: 8px;
	max-width: 117px;
	width: 100%;
	max-height: 117px;
	position: relative
}

ul.dev-ser-list::before {
	width: 1052px;
	margin: 0 auto;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/h-line.png) repeat;
	position: absolute;
	height: 2px;
	content: "";
	left: 0;
	right: 0;
	top: -14px
}

ul.dev-ser-list li::after {
	width: 2px;
	margin: 0 auto;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/v-line.png) repeat-y;
	position: absolute;
	height: 55px;
	content: "";
	left: 0;
	right: 0;
	top: -55px;
	z-index: 996;
	display: inline-block
}

.banner-section.devops ul.dev-ser-list li p {
	color: #121212;
	font-family: futurabtw01-medium;
	font-size: 18px;
	margin: 10px 0 0
}

.dev-bnr-img {
	margin-top: 25px
}

.services-section.devops {
	padding: 80px 0
}

.services-section.mag-hm.devops .single-service:hover img.file-mg {
	display: none !important
}

.experience-section.devops {
	background: #d13f4c;
	padding: 100px 0
}

.experience-section.devops .left-sd {
	background: #a52934;
	padding: 60px 50px
}

.experience-section.devops a.btn.blue {
	background: #dcc103;
	text-transform: uppercase
}

.experience-section.devops .right-sd .side-lst {
	padding-bottom: 10px
}

.experience-section.devops .right-sd ul li {
	font-size: 18px;
	color: #fff;
	list-style: none;
	margin-bottom: 8px
}

.experience-section.devops .right-sd ul li span {
	margin-right: 10px
}

.experience-section.devops .right-sd a {
	color: #e8ec11;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #e8ec11
}

.experience-section.devops .right-sd h2 {
	margin-bottom: 10px
}

.experience-section.devops .left-sd h2 {
	color: #fff
}

.related-post-section.devops {
	position: relative;
	background: #f3f4f6
}

.related-post-section.devops span {
	color: #1d1e43;
	opacity: 1;
	font-size: 20px;
	letter-spacing: normal
}

.related-post-section.devops h2 {
	margin-bottom: 0
}

.related-post-section.devops h2:after {
	position: absolute;
	bottom: -20px;
	width: 60px;
	height: 5px;
	background: #000;
	left: 0;
	right: 0;
	margin: 0 auto
}

.related-post-section.devops p {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	padding-top: 10px;
	margin-bottom: 40px
}

.related-post-section.devops .main-outer {
	padding: 40px 30px;
	background: #fff;
	box-shadow: unset;
	height: 334px !important;
	transition: all .3s ease-in-out;
	border-radius: 5px
}

.sp-20 {
	margin-top: 20px
}

.related-post-section a.btn img {
	filter: invert(1)
}

.related-post-section.devops .post-inner {
	min-height: 0;
	margin-bottom: 30px
}

.related-post-section.devops .main-outer:hover {
	background: #d13f4c;
	color: #fff
}

.related-post-section.devops .main-outer:hover p {
	color: #fff
}

.related-post-section.devops .main-outer span {
	color: #fff
}

.cloud-section {
	padding: 100px 0;
	position: relative
}

.cloud-section h2:after {
	position: absolute;
	content: "";
	bottom: -20px;
	width: 60px;
	height: 5px;
	background: #000;
	left: 4px
}

.cloud-section h2 {
	position: relative;
	font-size: 40px;
	font-weight: 700
}

.cloud-section .context p {
	font-size: 16px !important;
	line-height: 30px;
	color: #1d1e43;
	font-family: montserrat, sans-serif !important;
	font-weight: 500;
	color: #000;
	margin-top: 40px
}

.cloud-section .boxes {
	border: 1px solid #e8e8e8;
	background-color: #fff
}

.cloud-section .boxes:hover {
	box-shadow: 0 2px 5px hsla(0, 0%, 0%, .2);
	border: 1px solid #e8e8e8
}

.cloud-section .boxes:hover p {
	color: #1d1e43 !important
}

.cloud-section .boxes img {
	width: 103px;
	margin: 35px 0 15px;
	height: 92px;
	object-fit: scale-down
}

.cloud-section .partt p {
	font-size: 17px;
	font-weight: 700;
	color: rgba(29, 30, 67, .8)
}

.cloud-section .boxes.diff {
	width: 200px
}

.left-slider .media.ftco-media:focus {
	border: none !important;
	outline: none !important
}

.slider-outer {
	margin-top: 20px
}

.services-section.devops img {}

.services-section.devops .single-service:hover img.file-mg {
	width: 35px;
	height: 31px;
	object-fit: scale-down
}

.related-post-section.devops .main-outer:hover .bck-logo {
	display: none
}

.related-post-section.devops .main-outer:hover .white-logo {
	display: block !important
}

.related-post-section.devops .main-outer span {
	color: #000;
	font-weight: 700
}

.related-post-section.devops .main-outer:hover span {
	color: #fff
}

a.read {
	display: none
}

.left-slider .slick-current .content-inr img {
	width: 55px
}

.left-slider .read-bx img {
	display: none
}

.single-service:hover h3 {
	color: #fff
}

li#last:hover a {
	border-bottom: none !important
}

.hiring-pro {
	display: inline-block;
	width: 100%;
	background-color: #ff561d
}

.heading-_box span {
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	color: #1d1e43;
	font-weight: 500;
	font-family: montserrat;
	margin-bottom: 15px
}

.heading-_box h2 {
	font-size: 54px;
	line-height: 36px;
	color: #1d1e43;
	margin: 0;
	padding-bottom: 35px;
	font-weight: 800;
	position: relative
}

.heading-_box h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 55px;
	height: 5px;
	background-color: #102d57
}

.hiring-pro .container {
	max-width: 1300px
}

.hiring-pro .box-wrapper {
	display: flex;
	margin-top: 0
}

.hiring-pro .box-wrapper .pro-inner {
	display: inline-block;
	padding: 35px;
	text-align: center;
	position: relative;
	width: 20%;
	margin-left: -4px
}

.hiring-pro .box-wrapper .top::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	height: 50%;
	border: 4px solid #fff;
	border-bottom: none;
	border-radius: 30px 30px 0 0
}

.hiring-pro .box-wrapper .bottom::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	border: 4px solid #fff;
	border-top: none;
	border-radius: 0 0 30px 30px
}

.hiring-pro .box-wrapper .pro-inner span.img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	filter: brightness(0) invert(1)
}

.hiring-pro .box-wrapper .pro-inner h4 {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	font-family: futurabtw01-medium;
	text-align: center
}

.hiring-pro .box-wrapper .pro-inner .circle {
	display: inline-block;
	width: 25px;
	height: 24px;
	background: #ff561d;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-40%, -50%);
	border: 4px solid #fff;
	z-index: 1
}

.hiring-pro .box-wrapper .pro-inner .arrow {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 4px;
	height: 43%;
	background: #fff
}

.hiring-pro .box-wrapper .pro-inner .arrow::before {
	content: "";
	position: absolute;
	top: -18px;
	right: -10px;
	border-top: 0;
	border-right: 12px solid transparent;
	border-bottom: 13px solid #fff;
	border-left: 12px solid transparent
}

.banner-section.aws {
	background: #fff url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/aws-bg.png) no-repeat;
	padding: 200px 0 160px;
	height: 100vh;
	background-position: bottom left
}

.banner-section.aws:after {
	display: none
}

.banner-section.aws h1 {
	line-height: 85px
}

.banner-section.aws h1 span {
	color: #f90;
	font-size: 90px
}

.banner-section.aws p {
	max-width: 650px
}

.hiring-section.aws h3 {
	font-size: 34px;
	font-weight: 700;
	color: #1d1e43;
	line-height: 50px
}

.hiring-section.aws {
	padding: 70px 0 0
}

.clr-1 {
	padding: 55px 0;
	align-items: center
}

.infra-col {
	background-size: cover !important;
	background-position: center !important;
	height: 100%
}

.inf-2,
.inf-4 {
	text-align: right
}

.infra-col {
	margin: 0
}

.col-md-6.infra-col img {
	width: 100%
}

.div-block {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	padding: 0 !important
}

.content-block {
	margin: 0;
	padding: 75px 20px
}

.aws .content-block h2 {
	color: #000;
	padding: 0;
	max-width: 550px;
	margin: 0 0 50px;
	line-height: 50px;
	font-size: 40px;
	letter-spacing: 0;
	position: relative;
	padding-bottom: 50px
}

.aws .content-block h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 214px;
	height: 3px;
	background: #dde7e7
}

.content-block h4,
.content-block h3 {
	max-width: 640px;
	margin: 0 auto 15px;
	font-size: 24px;
	letter-spacing: 0;
	line-height: 36px;
	color: #4d4d4d;
	font-weight: 300;
	font-family: futurabtw01-light
}

.aws .content-block h3 {
	font-weight: 700;
	color: #000;
	font-size: 20px;
	line-height: normal
}

.aws .content-block p {
	align-items: center;
	margin-top: 10px;
	font-size: 18px;
	color: #fff;
	font-weight: 700
}

.content-block p i {
	margin-right: 10px
}

ul.block-list {
	margin: 0 auto;
	padding: 0 18px;
	width: 100%;
	text-align: left;
	max-width: 640px
}

ul.block-list li {
	margin: 0;
	padding: 7px 0;
	width: 100%;
	list-style: disc;
	color: #4d4d4d;
	font-size: 19px;
	line-height: 28px
}

.services-section.aws h2:after {
	display: none
}

.services-section.mag-hm.aws .single-service:hover h3 {
	color: #ec912d
}

.services-section.mag-hm.aws .single-service:hover {
	border: 3px solid #ec912d
}

.benefits-section.aws h2 span {
	font-size: 45px;
	font-weight: 700;
	color: #febe10
}

.benefits-section.aws {
	background-color: #161e2d !important;
	padding: 100px 0;
	position: relative;
	margin-top: 55px
}

.benefits-section.aws::before {
	position: absolute;
	content: " ";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/benefit-before.png) no-repeat left/contain;
	width: 550px;
	height: 60%;
	top: -40px;
	left: 0
}

.benefits-section.aws::after {
	position: absolute;
	content: " ";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/benefit-after.png) no-repeat right/contain;
	width: 300px;
	height: 45%;
	bottom: -40px;
	right: 0
}

.benefits-section.aws h2 {
	font-size: 45px;
	font-weight: 700;
	color: #fff
}

.benefits-section.aws ul.side-lst li {
	list-style: none;
	color: #fff;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center
}

.benefits-section.aws span {
	margin-right: 15px
}

.benefits-section.aws .right-sd {
	border-right: 1px solid #222c3e
}

.benefits-section.aws .left-sd {
	padding-left: 90px
}

.benefits-section.aws .left-sd h3 {
	font-size: 34px;
	color: #fff;
	line-height: 50px;
	font-weight: 700;
	padding-top: 50px
}

.benefits-section.aws .mid-part a.btn {
	text-transform: uppercase;
	font-size: 17px !important;
	padding: 14px 30px
}

.devope-section {
	padding: 100px 0 50px
}

.devope-section p {
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
	max-width: 1100px;
	margin: 0 auto
}

.devope-section .boxes {
	margin-bottom: 50px
}

.devope-section h3 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	transition: all .3s ease
}

.devope-section h3:hover {
	color: #4649bd
}

.devope-section .boxes p {
	color: rgba(23, 23, 23, .7);
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	max-width: 98%;
	margin: 15px 0
}

.create-section.aws {
	background: #f5f5f5
}

.create-section.aws h2 {
	font-weight: 800
}

.create-section.aws h2:after {
	display: none
}

.create-section.aws .content {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/creative-wrk1.png) no-repeat center/cover;
	min-height: 606px;
	width: 100%;
	max-width: 100%;
	position: relative
}

.create-section.aws .upper {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/creative-wrk2.png) no-repeat center/cover;
	min-height: 295px;
	width: 100% !important;
	max-width: 100% !important
}

.create-section.aws .bottomm {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/creative-wrk3.png) no-repeat center/cover;
	min-height: 295px;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 16px
}

.create-section.aws h3 {
	font-size: 25px;
	font-weight: 600
}

.create-section.aws .left-img {
	position: absolute;
	bottom: 30px;
	color: #fff;
	font-weight: 600 !important;
	font-size: 25px;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 40px
}

.create-section.aws .left-img a {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, .5);
	text-decoration: none
}

.create-section.aws .left-img.side {
	padding: 0 35px !important;
	position: absolute;
	bottom: 20px !important
}

.create-section.aws .left-img.side h3 {
	font-size: 20px;
	line-height: 30px
}

.qa-section {
	padding: 100px 0
}

.qa-section p {
	color: rgba(23, 23, 23, .88);
	line-height: 1.7;
	max-width: 100%;
	font-size: 17px
}

.qa-section span {
	margin-right: 15px
}

.qa-section h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0;
	color: #000;
	font-family: futura heavy;
	letter-spacing: 0
}

.qa-section ul.qa-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	margin-top: 50px
}

.qa-section ul.qa-list li {
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 500;
	color: rgba(23, 23, 23, .88);
	list-style-position: inside
}

.qa-section ul.qa-list li>span {
	display: none
}

.qa-section ul.qa-list img {
	width: 20px
}

.ondemand-section.aws a.btn {
	text-transform: uppercase;
	padding: 12px 40px
}

.ondemand-section.aws {
	position: relative
}

.ondemand-section.aws::before {
	position: absolute;
	content: " ";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/benefit-after.png) no-repeat left/contain;
	width: 400px;
	height: 70%;
	top: 100px;
	left: 0;
	z-index: 99
}

.ondemand-section.aws h2 {
	font-size: 45px
}

.banner-section.magento {
	padding: 80px 0 70px;
	height: 100vh;
	background: #fffbf9;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/magento-bnnr.jpg) no-repeat left;
	background-size: cover;
	display: flex;
	align-items: center
}

.banner-section.magento h1 {
	color: #121212
}

.banner-section.magento h1,
.banner-section.magento h1 span {
	font-size: 85px;
	padding-top: 0;
	letter-spacing: 1.5px;
	font-family: 'futurabtw01-medium';
	max-width: 75%
}

.banner-section.magento h1 span {
	font-family: 'futurabtw01-bold';
}

.aws-bnr {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/rockit-mg.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: 95% 120px
}

.banner-section.magento:after {
	display: none
}

.magento-bnr-content {
	margin: 0 auto;
	width: 100%;
	max-width: 1470px;
	align-items: self-start;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1
}

.exp-img {
	margin: 15px 30px 0 0;
	padding: 0;
	float: left
}

.mg-graphic {
	text-align: center;
	margin: 0 auto;
	position: relative;
	max-width: 1490px
}

ul.mg-ser-list {
	margin: 212px 0 0;
	padding: 0;
	width: 100%;
	display: flex;
	text-align: center;
	align-items: center
}

ul.mg-ser-list li {
	margin: 0 20px;
	padding: 0;
	display: flex;
	list-style: none;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mg-shape-dark.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 158px;
	height: 175px;
	align-items: center;
	justify-content: center;
	line-height: 28px;
	font-size: 18px;
	font-family: futurabtw01-medium
}

ul.mg-ser-list li.org-bg {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mg-shape-dark2.svg);
	margin: 0 20px;
	padding: 0;
	display: flex;
	list-style: none;
	background-size: cover;
	background-repeat: no-repeat;
	width: 158px;
	height: 175px;
	align-items: center;
	justify-content: center;
	line-height: 28px;
	font-size: 18px;
	font-family: futurabtw01-medium;
	-webkit-animation: float 2s linear infinite;
	animation: float 2s linear infinite
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.faa-float.animated {
	-webkit-animation: float 2s linear infinite;
	animation: float 2s linear infinite
}

.faa-float.animated-1 {
	-webkit-animation: float 2s linear infinite;
	animation: float 2s linear infinite
}

ul.mg-ser-list::after {
	content: "";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/./img/mg-graphic-1.png) no-repeat;
	position: absolute;
	height: 400px;
	width: 100%;
	display: inline-block;
	top: -151px
}

.mg-graphic img {
	max-width: 100%
}

.expert-section.magento {
	padding: 100px 0
}

.expert-section h2,
.devope-section h2,
.expert-section.about h2,
.client-sec h2 {
	line-height: 55px
}

.team-sec h2 {
	line-height: 42px
}

.expert-section p,
.expert-section.about p,
.expert-section.about p span {
	color: #1d1e43;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 28px;
	margin-top: 6px;
	display: inline-block;
	width: 100%
}

.services-section.magento {
	padding: 0 0 100px
}

.expert-section.magento p:last-child {
	margin-bottom: 0 !important
}

.services-section.magento-top h2:after {
	display: none
}

.services-section.magento-top {
	padding: 0
}

.services-section.magento-top h2 {
	margin-bottom: 70px
}

.main-formss.magento p {
	max-width: 890px;
	margin: 0 auto 40px
}

.main-formss.magento h2 {
	margin-bottom: 15px
}

.ondemand-section.magento a {
	text-transform: uppercase
}

.main-formss button.btn {
	text-transform: uppercase
}

.our-process {
	position: relative
}

.upper-white-sec {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -250px;
	width: 100%;
	max-width: 860px;
	padding: 20px 30px 0;
	border-radius: 20px;
	background: #fff
}

.our-process .process-tp {
	height: 200px
}

.our-process h2 {
	font-size: 54px;
	font-weight: 800;
	color: #1d1e43;
	margin-bottom: 20px
}

.our-process p {
	font-size: 16px;
	color: #1d1e43;
	font-weight: 500;
	line-height: 30px
}

.create-section.aws.magento {
	padding: 100px 15px;
	background: #fff
}

.process-section.magento h2 {
	font-size: 54px;
	font-weight: 800;
	color: #fff
}

span.clr-white {
	color: #fff
}

.process-section.magento h2:after {
	background: #fff
}

.ondemand-section.mag-hm h2 {
	font-size: 45px;
	max-width: 950px;
	margin: 0 auto 30px
}

.main-formss.mag-hm p {
	max-width: 1000px;
	margin: 0 auto 50px
}

.related-post-section.mag-hm span {
	color: rgba(16, 16, 16, .5)
}

.banner-section.mag-hm {
	padding: 170px 0 40px;
	background: #fff;
	height: 100vh
}

.banner-section.mag-hm::after {
	display: none
}

.banner-section.mag-hm h1 span {
	font-size: 80px;
	font-weight: 700
}

.banner-section.mag-hm h1 {
	font-size: 86px;
	font-weight: 700;
	color: #000;
	padding-top: 40px;
	line-height: 88px
}

.banner-section.mag-hm p {
	max-width: 550px;
	margin-top: 15px;
	color: #000
}

.banner-section.mag-hm a.smple {
	font-size: 17px;
	color: #2b2b2b;
	text-decoration: underline;
	display: inline-block;
	transition: all .5s ease-in-out
}

.banner-section.mag-hm a.smple:hover {
	color: #ff561d
}

.banner-section.mag-hm a.smple svg {
	transition: all .5s ease-in-out;
	width: 21px
}

.banner-section.mag-hm a.smple:hover svg {
	fill: #ff561d;
	transform: translateX(20px);
	transition: all .5s ease-in-out
}

.banner-section.mag-hm a.btn {
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	overflow: hidden;
	padding-left: 55px
}

.banner-section.mag-hm a.btn::before {
	box-shadow: 0 0 0 rgba(255, 255, 255, .4);
	animation: pulso 2s infinite;
	transition: .5s;
	content: "";
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	position: absolute;
	left: 25px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto
}

.award-outer p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8)
}

.served-section {
	background: #f9f9f9;
	padding: 80px 0 50px
}

.served-section h2 {
	font-size: 45px;
	font-weight: 700;
	color: #ff561d
}

.served-section h2 span {
	font-size: 45px;
	font-weight: 800;
	color: #4649bd
}

.served-section p,
.served-section p span {
	font-size: 21px;
	color: #000;
	line-height: 34px;
	max-width: 100%
}

.rgt-content a {
	font-size: 25px;
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid blue
}

.served-section a.radd {
	border-bottom: none;
	position: relative;
	font-weight: 700;
	font-size: 12px;
	padding-left: 50px;
	float: right;
	transition: all .5s ease-in-out
}

.served-section a.radd:after {
	position: absolute;
	content: "";
	background: #ff561d;
	width: 27px;
	height: 1px;
	left: 0;
	top: 6px
}

.rgt-content a:hover {
	color: #ff561d;
	transition: all .5s ease-in-out;
	transform: translateX(20px)
}

.services-section.mag-hm h2:after {
	display: none
}

.services-section.mag-hm .single-service {
	border-radius: 5px;
	border: 1px solid #d9dee2;
	transition: all .3s ease;
	padding: 35px;
	position: relative;
	min-height: 100%
}

.services-section.mag-hm .boxes {
	margin-bottom: 25px
}

.services-section.mag-hm .single-service:hover img.user-mg {
	display: block !important
}

.services-section.mag-hm .single-service:hover {
	background: #fff
}

.services-section.mag-hm .single-service:hover h3 {
	color: #1d1e43
}

.services-section.mag-hm .single-service:hover p {
	color: #171717
}

.services-section.mag-hm .single-service:hover a.black-arw {
	display: block
}

.services-section.mag-hm a.black-arw {
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: 700;
	color: #1d1e43;
	text-decoration: none !important;
	transition: all .5s ease-in-out;
	position: relative;
	z-index: 1
}

.services-section.mag-hm a.serv.btn {
	background: #f3f4f6;
	color: #000;
	padding: 12px 18px;
	margin-right: 9px;
	margin-bottom: 10px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: color .8s
}

.services-section.mag-hm a.serv.btn::before,
.our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 0;
	height: 100%;
	background: #ff561d;
	z-index: -1;
	transition: all .4s ease-in-out
}

.services-section.mag-hm a.serv.btn:hover::before,
.our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link:hover::before {
	left: 0;
	width: 100%;
	transition: all .4s ease-in-out
}

.services-section.mag-hm .main-serv p {
	font-size: 20px;
	font-weight: 500;
	color: #1d1e43
}

.process-section.mag-hm {
	padding: 80px 0 60px
}

.process-section.mag-hm h2 {
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	color: #000
}

.process-section.mag-hm p {
	max-width: 800px;
	font-size: 20px;
	color: #171717;
	line-height: 1.8;
	margin: 0 auto;
	text-align: center
}

.main-slidder .slick-slide img {
	width: 100%
}

.our-main-client {
	padding: 50px 0 80px;
	position: relative
}

.our-main-client .logo {
	padding-bottom: 45px
}

.our-main-client .logo img {
	max-width: 140px;
	height: auto;
	filter: brightness(0);
	width: auto
}

.our-main-client .logo img:hover {
	filter: inherit;
	opacity: 1
}

.our-main-client:after {
	position: absolute;
	content: "";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/our-client-bckgrd.png) no-repeat right/contain;
	top: 0;
	right: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
	z-index: -1;
	clear: both;
	margin-top: 60px;
	background-size: 70%
}

.our-main-client h2 {
	font-size: 45px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px
}

.services-section.mag-hm .single-service:hover h3 {
	color: #ff561d
}

.services-section.mag-hm .single-service:hover a.black-arw {
	color: #ff561d
}

.award-outer i.fa.fa-users {
	color: #000 !important;
	font-size: 20px
}

.banner-section.mag-hm .award-outer p {
	font-size: 20px;
	margin-left: 10px;
	font-weight: 500
}

.award-outer .clientss {
	border-left: 1px solid #dbdbdb;
	padding-left: 25px;
	height: 50px
}

.banner-section.mag-hm.home {
	position: relative
}

.main-slider .slick-slide {
	outline: none !important;
	margin: 25px 20px
}

.main-slider li.slick-active:after {
	display: none
}

.main-slider i.fa.fa-star-half-o,
.main-slider i.fa.fa-star {
	color: #ff561d;
	font-size: 20px
}

.achievements-section .slick-slide img {
	margin: 0 auto;
	height: 34px;
	width: 100%;
	object-fit: scale-down
}

.main-slider p.txt {
	max-width: 250px;
	font-size: 16px;
	margin: 0 auto;
	line-height: 27px
}

.achievements-section {
	background: #f9f9f9;
	padding: 100px 0;
	position: relative;
	z-index: 0
}

.achievements-section:after {
	position: absolute;
	content: "";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/achieve-shape.png) no-repeat right/contain;
	width: 450px;
	height: 50%;
	right: 0;
	top: 70px;
	opacity: .5
}

.achievements-section .right-slide {
	z-index: 99
}

.achievements-section p {
	font-size: 20px;
	font-weight: 500;
	max-width: 1200px;
	line-height: 1.5
}

.main-slider .main-box {
	background: #fff;
	padding: 40px 0 0;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	position: relative
}

.achievements-section button.slick-next.slick-arrow {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/right-arw.svg) no-repeat right/contain !important;
	width: 40px;
	height: 40px;
	right: -50px
}

.achievements-section button.slick-next:before,
.achievements-section button.slick-prev:before {
	display: none
}

.achievements-section button.slick-prev.slick-arrow {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/left-arw.svg) no-repeat left/contain !important;
	width: 40px;
	height: 40px;
	left: -50px
}

.site-header {
	position: relative;
	z-index: 2;
	top: -2px
}

.site-header .overlay-menu-trigger {
	height: 35px;
	width: 35px;
	padding: 0;
	border: 0;
	background: 0 0;
	position: relative;
	z-index: 3;
	outline: none;
	cursor: pointer;
	background: transparent !important;
}

.site-header .overlay-menu-trigger .menu-btn {
	position: absolute;
	height: 3px;
	width: 35px;
	background: #ff561d;
	top: 0;
	left: 0;
	margin: 10px 0 0
}

.site-header .overlay-menu-trigger .menu-btn:before,
.site-header .overlay-menu-trigger .menu-btn:after {
	position: relative;
	display: block;
	content: " ";
	background: #000;
	height: 3px
}

.site-header .overlay-menu-trigger .menu-btn:before {
	margin-top: 10px
}

.site-header .overlay-menu-trigger .menu-btn:after {
	margin-top: 8px
}

.site-header .overlay-menu-trigger .menu-btn.active {
	height: 0;
	position: fixed;
	left: auto;
	margin-top: 40px;
	margin-left: -17px
}

.site-header .overlay-menu-trigger .menu-btn.active:before,
.site-header .overlay-menu-trigger .menu-btn.active:after {
	background: #fff
}

.site-header .overlay-menu-trigger .menu-btn.active:before {
	transform: rotate(45deg);
	top: 2px
}

.site-header .overlay-menu-trigger .menu-btn.active:after {
	transform: rotate(135deg);
	margin: 0
}

.site-header .overlay-menu {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: #0c1117;
	padding: 80px 0 0;
	transition: all .5s ease-in-out 0s
}

.site-header .overlay-menu.active {
	top: 0;
	height: 100vh;
	transition: all .5s ease-in-out
}

.site-header .overlay-menu.active .menu-btn {
	background: #fff
}

.site-header .overlay-menu.active .menu-btn:before,
.site-header .overlay-menu.active .menu-btn:after {
	background: #fff
}

.site-header .overlay-menu .main-menu-nav,
.site-header .overlay-menu .secondary-nav {
	list-style: none;
	padding-left: 0
}

.site-header .overlay-menu .main-menu-nav {
	margin-bottom: 0;
	padding-bottom: 75px;
	border-bottom: 1px solid #242424;
	position: relative;
	width: 100%;
	height: 75vh
}

.site-header .overlay-menu .secondary-nav.inline li {
	display: inline-block;
	font-size: 24px;
	margin: 0 7px
}

.site-header .overlay-menu .main-menu-nav li a {
	font-size: 62px;
	line-height: 110px;
	color: #f8f8f8;
	font-weight: 700;
	font-family: montserrat, sans-serif;
	position: relative;
	border: 0;
	text-decoration: none
}

.site-header .overlay-menu .main-menu-nav a:hover,
.site-header .overlay-menu .main-menu-nav a.active,
.site-header .overlay-menu li .mega-menu li .light a:hover {
	color: #ff561d
}

.site-header .overlay-menu .main-menu-nav li a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 7px;
	background-color: #ff561d;
	transition: all .3s ease-in-out
}

.site-header .overlay-menu .main-menu-nav a:hover::before,
.site-header .overlay-menu .main-menu-nav a.active::before {
	left: 0;
	width: 100%;
	transition: all .3s ease-in-out
}

.site-header .overlay-menu .main-menu-nav li .mega-menu {
	padding: 0;
	position: absolute;
	top: 40px;
	right: 20px;
	width: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
	z-index: 1
}

.site-header .overlay-menu .main-menu-nav li .mega-menu hr.border {
	border-color: #242424 !important;
	max-width: 94%
}

.site-header .overlay-menu .main-menu-nav li a:hover~.mega-menu,
.site-header .overlay-menu .main-menu-nav li a.active~.mega-menu {
	opacity: 1;
	visibility: visible;
	transition: all .3s ease-in-out
}

.site-header .overlay-menu li .mega-menu li a.bold {
	font-size: 26px;
	line-height: normal;
	font-weight: 500
}

.site-header .overlay-menu li .mega-menu li a.bold::before {
	content: none
}

.site-header .overlay-menu li .mega-menu li>.light {
	display: block;
	font-size: initial
}

.site-header .overlay-menu li .mega-menu li .light a {
	font-size: 18px;
	line-height: 30px;
	color: #aaaaaf;
	font-weight: 500;
	display: inline-block;
	padding: 0;
}

.site-header .overlay-menu li .mega-menu li .light a::before {
	height: 1px
}

.follow-us {
	display: inline-block;
	width: 100%;
	padding: 50px 0
}

.follow-us .follow-text {
	display: inline-block;
	font-size: 14px;
	line-height: normal;
	color: #f8f8f8;
	font-weight: 500;
	font-family: montserrat, sans-serif;
	padding-right: 15px
}

.follow-us .secondary-nav {
	display: inline-block;
	margin: 0
}

.site-header .overlay-menu .secondary-nav li a {
	display: inline-block;
	color: #fff;
	width: 37px;
	height: 37px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #ff561d;
	text-align: center;
	vertical-align: middle
}

.site-header .overlay-menu .secondary-nav li a i {
	font-size: 18px
}

.site-header .overlay-menu .follow-us .container {
	justify-content: stretch
}

.follow-us .expert-text {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 36px;
	color: #ceced3;
	font-weight: 500;
	font-family: montserrat, sans-serif;
	margin: 0 30px;
	text-decoration: underline
}

.follow-us .btn {
	min-width: 146px;
	border-radius: 4px;
	background-color: #ff561d;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 21px;
	color: #fff;
	font-weight: 700;
	font-family: montserrat, sans-serif;
	text-align: center;
	text-transform: uppercase;
	margin-left: 25px
}

.single-service:hover svg {
	fill: #ff561d
}

.single-service:hover svg .cls-1 {
	fill: #ff561d
}

.main-formss.contact-form {
	margin: 0 auto;
	padding: 70px 0;
	background: 0 0;
	position: unset
}

.banner-section.contact-us:after {
	display: none
}

.banner-section.contact-us h1 {}

.banner-section.contact-us p {
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
	line-height: 41px
}

.banner-section.contact-us {
	background: 0 0;
	padding: 200px 0 0
}

.responsive-map-container {
	position: relative;
	padding-bottom: 25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.responsive-map-container iframe,
.responsive-map-container object,
.responsive-map-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

footer.footer-area.footer--light.contact {
	padding: 0 0 30px
}

.main-formss.contact-form p {
	max-width: 100%;
	margin: 0 auto 40px
}

.main-formss.contact-form button.btn.sub {
	position: relative;
	max-width: 100%;
	padding-left: 55px;
	min-height: 62px;
	font-family: futurabtw01-light;
	text-transform: inherit;
	font-size: 20px
}

.banner-section.portfolio.contact-us.leave-policy-banner {
	padding: 130px 0 0
}

.main-formss.contact-form input.form-control,
.main-formss.contact-form textarea.form-control {
	background: 0 0;
	border: 0 solid #e8e8e8;
	padding: 8px 0;
	border-radius: 0;
	resize: none;
	font-size: 18px;
	font-family: futurabtw01-medium;
	height: auto;
	margin: 0
}

.contact-via {
	padding: 80px 0 0
}

.contact-via hr {
	margin-top: 60px;
	margin-bottom: 0
}

.contact-via .main-icn p {
	color: #1d1e43;
	font-size: 17px;
	font-family: futurabtw01-medium
}

.contact-via .main-icn a {
	font-size: 17px;
	color: #1d1e43;
	margin-bottom: 15px;
	text-decoration: none;
	font-family: futurabtw01-medium
}

.location-box {
	max-width: 513px;
	margin-left: auto
}

.location-box .loca-top {
	display: flex;
	align-items: center
}

.location-box .loca-top svg {
	width: 90px;
	margin-right: 20px
}

.location-box .loca-top>img {
	margin-right: 20px
}

.location-box .loca-top h3 {
	font-size: 32px;
	font-family: futura heavy
}

.location-box .loca-top span.d-block {
	font-size: 19px;
	line-height: 23px;
	margin-bottom: 12px;
	font-family: futurabtw01-medium;
	color: #585858
}

.location-box .loca-top span.d-block>img {
	vertical-align: baseline
}

.main-formss.contact-form .location-box>p {
	font-family: futurabtw01-medium;
	margin-top: 37px
}

.request_from .boxx {
	position: relative;
	margin-top: 0;
	margin-bottom: 45px
}

.request_from .control-label {
	position: absolute;
	top: 10px;
	left: 15px;
	pointer-events: none;
	padding-left: 0;
	z-index: 1;
	color: rgba(0, 0, 0, .8);
	opacity: .8;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all .28s ease;
	transition: all .28s ease;
	font-family: futurabtw01-medium;
	margin: 0
}

.request_from .boxx input:focus~.control-label,
.request_from .boxx textarea:focus~.control-label {
	font-size: 13px;
	color: #000;
	top: -20px
}

.request_from .boxx .bar {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	display: block
}

.request_from .boxx .bar::before {
	content: '';
	height: .105rem;
	width: 0;
	left: 50%;
	bottom: -1px;
	position: absolute;
	background: #000;
	-webkit-transition: left .28s ease, width .28s ease;
	transition: left .28s ease, width .28s ease;
	z-index: 2
}

.request_from .boxx input:focus~.bar::before,
.request_from .boxx textarea:focus~.bar::before {
	width: 100%;
	left: 0
}

.request_from .boxx input:focus~.control-label,
.request_from .boxx .form-control.has-value~.control-label {
	top: -20px
}

.location-box .contact-details {
	list-style: none;
	padding: 0;
	margin: 0
}

.location-box .contact-details li {
	padding: 35px 0;
	border-bottom: 1px solid #eaeaea
}

.location-box .contact-details li:last-child {
	border-bottom: 0
}

.location-box .contact-details li svg {
	margin-right: 25px
}

.location-box .contact-details li a {
	font-size: 25px;
	line-height: 33px;
	font-family: futura heavy;
	color: #000;
	text-decoration: none;
	background: linear-gradient(to right, #ff561d, #ff561d 50%, #191919 50%, #191919 50%);
	background-size: 200% auto;
	background-position-x: 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	transition: background-position-x .8s, color .8s
}

.location-box .contact-details li a:hover {
	color: transparent;
	background-position-x: 0
}

section.other-ways {
	padding-bottom: 120px
}

.other-top-heading h2 {
	font-family: futura heavy;
	margin-bottom: 15px
}

.other-top-heading p {
	font-size: 21px;
	line-height: 30px
}

.row.boxes_row {
	padding-top: 40px
}

.other-way-box {
	padding: 45px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	position: relative
}

.other-way-box .box-logo {
	position: relative;
	z-index: 1;
	min-height: 72px;
	display: flex;
	align-items: center;
	margin-bottom: 35px
}

.other-way-box ul li {
	position: relative;
	z-index: 1;
	margin-bottom: 12px;
	list-style: none
}

.other-way-box ul li a {
	display: inline-block;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-family: futurabtw01-medium;
	word-break: break-all
}

.other-way-box ul li a:hover {
	color: #ff561d
}

.other-way-box ul li a i {
	margin-right: 6px
}

.buss-growth.contact-gro {
	padding: 120px 0 30px
}

a.btn:focus {
	box-shadow: none
}

.banner-section.magento.shopify {
	padding: 205px 0 70px;
	background: #f9fdef !important;
	height: 87vh
}

.banner-section.magento.shopify .right-shop {
	text-align: right
}

.banner-section.shopify h1 span {
	background: #94c03d;
	color: #fff;
	padding: 0 15px;
	margin-top: 5px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 70px
}

.client-logo-section {
	margin: 0;
	padding: 15px 0;
	width: 100%;
	box-shadow: 0 2px 2px #efeaea
}

ul.client-list {
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: left;
	width: 100%
}

ul.client-list li {
	padding: 0;
	text-align: left;
	display: inline-block;
	list-style: none;
	max-width: 160px;
	margin: 0 50px
}

ul.client-list li img {
	max-width: 100%
}

ul.client-list li:first-child {
	margin-left: 0
}

.ef-title {
	margin: 0 auto;
	max-width: 100%
}

.about-hdr .navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav.about-hdr .nav-link {
	color: #fff
}

.banner-section.about {
	background: #edffeb;
	padding: 0;
	height: 80vh;
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	overflow: hidden
}

.banner-section.about .container {
	background: rgb(0 0 0/0.61);
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	max-width: 100% !important
}

.video-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.video-container video {
	width: 100%;
	object-fit: cover
}

.bg-vid {
	position: relative
}

.banner-section.about h1 {
	margin-bottom: 25px;
	color: #fff
}

.banner-section.about p {
	max-width: 700px;
	margin: 0 auto;
	color: #fff
}

.expert-section.about {
	padding: 100px 0
}

.expert-section.about img {
	max-width: 100%;
	object-fit: cover;
	width: 100%
}

.about .col-md-12.mt-5.vertical-tbs {
	padding: 0
}

.vertical-tbs .nav-tabs {
	display: none;
	border-bottom: none;
	text-align: left
}

.vertical-tbs .card-body {
	padding: 5px 6rem;
	text-align: left
}

.vertical-tbs .card-body p {
	margin-bottom: 30px
}



.operation-sec {
	background: #fff5f2;
	background: #FFF5F2 url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/about_bg.svg') no-repeat center/contain;
	padding: 110px 0;
	color: #fff;
	position: relative
}

.operation-sec:after {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/blue-right-pattern.png) no-repeat right/cover;
	position: absolute;
	content: "";
	right: 0;
	width: 100px;
	height: 80%;
	top: 50px;
	bottom: 0;
	opacity: .4
}

.operation-sec:before {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/blue-left-pattern.png) no-repeat;
	position: absolute;
	content: "";
	width: 300px;
	height: 24%;
	bottom: 0;
	opacity: .4
}

.ondemand-section.about h2 {
	font-size: 54px;
	max-width: 1050px;
	margin: 0 auto 40px
}

.operation-sec .box {
	text-align: center
}

.banefits-down-box {
	width: 100%;
}

.operation-sec .box h2 {
	font-size: 70px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #ff561d
}

.operation-sec .box h6 {
	font-size: 30px;
	font-weight: 700;
	color: #000
}

.operation-sec .box p {
	line-height: 28px;
	max-width: 360px;
	margin: 25px auto 0;
	margin-top: 25px;
	color: #000
}

.client-sec {
	padding: 100px 0 70px
}

.client-sec p {
	max-width: 1080px;
	margin: 0 auto;
	line-height: 28px;
	font-weight: 500;
	font-size: 18px
}

.client-sec .container.trusted {
	max-width: 862px !important;
	margin: 40px auto 0
}

.client-sec .inner {
	border: 1px solid #f6eff1;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 25px
}

.client-sec .inner img {
	width: 100%
}

.team-sec {
	padding: 100px 0
}

.team-tabs a.nav-link {
	color: #aeaeae;
	font-size: 18px;
	font-weight: 700;
	border: none;
	padding: .5rem 25px
}

.team-tabs .nav-tabs {
	border-bottom: none
}

.team-sec .nav-tabs .nav-item {
	padding: .5rem 25px
}

.team-sec .nav-tabs .nav-item .nav-link {
	border-bottom: 3px solid transparent;
	padding: 0 0 5px
}

.team-sec .nav-tabs .nav-item .nav-link.active {
	color: #ff561d !important;
	border-bottom-color: #ff561d !important
}

.team-tabs img {
	max-width: 300px;
	height: auto;
	width: 100%;
	object-fit: cover
}

.team-tabs h6 {
	color: #1d1e43;
	font-size: 24px;
	font-weight: 800;
	margin-top: 25px
}

.team-tabs p {
	margin-top: 8px;
	font-size: 17px;
	color: rgba(29, 30, 67, .5)
}

.team-sec .fade:not(.show) {
	opacity: 1
}

.about-deatil-sec {
	margin: 0;
	padding: 70px 0 100px;
	width: 100%;
	background: #f7f5f5cc
}

.about-deatil-heder {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 650px;
	position: relative;
	z-index: 2
}

.about-deatil-heder h3 {
	line-height: 1.4;
	color: #32325d;
	font-size: 26px;
	margin: 0 0 20px;
	padding: 0
}

ul.grid-list {
	margin: 0;
	padding: 0;
	width: 100%
}

ul.grid-list li {
	display: inline-block;
	margin: 0 40px 0 0;
	padding: 0
}

ul.grid-list li strong {
	font-size: 24px;
	color: #3297d3;
	margin: 0 0 5px
}

ul.grid-list li p {
	font-size: 17px;
	line-height: 28px;
	color: #525f7f;
	list-style: none
}

.about-img {
	margin: 40px 0;
	padding: 0;
	width: 100%;
	text-align: center
}

.detail-box {
	margin: 0;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	overflow: hidden;
	padding: 40px 40px 40px 120px;
	background-color: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025);
	box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025);
	transition-property: color, background-color, -webkit-box-shadow, -webkit-transform;
	transition-property: color, background-color, box-shadow, transform;
	transition-property: color, background-color, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
	-webkit-transition-duration: .15s;
	transition-duration: .15s
}

.d-box-img {
	width: 90px;
	height: 90px;
	top: calc(50% - 45px);
	left: -15px;
	position: absolute
}

.db2 path.hover-fillLight {
	fill: #28a745
}

.row.tm-space {
	margin: -69px auto 0;
	max-width: 1200px
}

.detail-box h4 {
	font-size: 17px;
	line-height: 28px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	color: #6772e5
}

.detail-box.db2 h4 {
	color: #28a745
}

.detail-box p {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #525f7f
}

.detail-box:hover {
	-webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025);
	box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px)
}

.detail-box h4::after {
	content: "\f061";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: 9px
}

.banner-section.case_study {
	background: #0166be;
	height: 100vh;
	padding-top: 240px
}

.banner-section.case_study h1,
.banner-section.case_study p {
	color: #fff
}

.banner-section.case_study p {
	max-width: 90%
}

p.font-medium {
	margin: 25px 0;
	font-size: 20px;
	font-family: futurabtw01-medium
}

.experience-section.case-study {
	background: unset;
	margin-top: 50px
}

.challenge-sec .row.margin-top {
	margin-top: 100px
}

.case-study h2 {
	color: #000
}

.case-study p.blue-color {
	font-size: 24px;
	line-height: 50px;
	color: #002fa6
}

.case-study p {
	color: #fff;
	line-height: 35px
}

.case-study .side-lst li {
	font-size: 16px;
	line-height: 31px;
	color: #8d8d8d;
	font-weight: 500;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0;
	text-transform: uppercase;
	font-size: 16px
}

.case-study .side-lst li span {
	float: right;
	color: #000;
	text-transform: capitalize
}

.challenge-sec {
	padding: 50px 0 80px
}

.content-wrap h2 {
	font-size: 40px;
	line-height: 45px;
	font-weight: 800
}

.content-wrap p {
	font-size: 22px;
	letter-spacing: 0;
	line-height: 40px;
	color: #000;
	font-weight: 500;
	margin-bottom: 20px
}

.inline-list {
	padding: 0;
	margin: 0;
	list-style: none
}

.inline-list li i {
	font-size: 25px;
	color: #224bb2;
	font-weight: 300;
	padding-right: 20px;
	margin-top: 10px
}

.inline-list li {
	font-size: 18px;
	line-height: 36px;
	color: #000;
	margin-bottom: 18px;
	display: flex;
	align-items: center
}

.inline-list.second li {
	align-items: flex-start;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 20px
}

.video-section {
	background-color: #f3f4f6;
	display: inline-block;
	width: 100%;
	padding: 80px 0
}

.video-sec h2 {
	font-size: 46px;
	line-height: 36px;
	text-align: center;
	font-weight: 800;
	margin-bottom: 20px
}

.video-sec p {
	max-width: 871px;
	margin: 0 auto 30px;
	font-size: 18px;
	line-height: 30px;
	color: #1d1e43;
	font-weight: 500;
	font-family: montserrat;
	text-align: center
}

.video-sec .video {
	max-width: 871px;
	margin: 0 auto;
	position: relative
}

.video-sec .video .video-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 82px;
	height: 82px;
	text-align: center;
	display: flex;
	border-radius: 50%;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	-webkit-animation: circle 2s ease-in-out infinite;
	animation: circle 2s ease-in-out infinite
}

.video-sec .video .video-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite
}

.video-sec .video .video-icon i {
	font-size: 40px;
	line-height: 38px;
	color: #0066be;
	border-radius: 5px
}

.video-sec .video .modal-dialog {
	max-width: 800px
}

#homeVideo button.btn.btn-default {
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 5;
	color: #fff;
	width: 35px;
	height: 35px;
	padding: 0
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

.banner-section.shopify-app:after {
	display: none
}

.our-section.shopify-app {
	padding: 100px 0
}

.our-section.shopify-app h6 {
	font-size: 24px;
	font-weight: 700;
	max-width: 280px
}

.our-section.shopify-app p {
	font-size: 15px;
	color: rgba(29, 30, 67, .8);
	max-width: 420px
}

.our-section.shopify-app h2 {
	font-size: 44px;
	margin-bottom: 30px
}

.our-section.shopify-app p {
	color: #1d1e43;
	line-height: 2.15;
	font-weight: 500;
	font-size: 16px;
	max-width: 580px !important
}

.our-section.shopify-app a.btn.start.lght {
	box-shadow: 3px 5.196px 17px 0 rgba(0, 0, 0, .21);
	font-weight: 600;
	padding: 15px 30px;
	margin-top: 18px
}

.related-product.shopify-app {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/related-product.png) no-repeat center/cover;
	padding: 70px 0 62px;
	margin-top: 0;
	position: relative
}

.related-product.shopify-app h4 {
	font-size: 45px;
	font-weight: 900;
	color: #000;
	font-family: futurabtw01-bold
}

.related-product.shopify-app .right p {
	font-size: 17px;
	color: #1d1e43;
	margin: 20px 0 25px;
	line-height: 28px
}

.related-product.shopify-app a.btn.start.red {
	background: #f16064;
	box-shadow: 3px 5.196px 17px 0 rgba(0, 0, 0, .21);
	padding: 15px 30px
}

.client-sec.shopify-app p {
	max-width: 550px;
	color: rgba(29, 30, 67, .66);
	max-width: 460px
}

.client-sec.shopify-app h3 {
	font-size: 34px;
	margin: 30px 0 20px;
	font-weight: 700
}

.client-sec.shopify-app a {
	box-shadow: 3px 5.196px 17px 0 rgba(0, 0, 0, .21);
	font-weight: 600;
	padding: 15px 30px
}

.client-sec.shopify-app a.btn.green {
	background: #70c217
}

.client-sec.shopify-app {
	padding: 100px 0
}

.client-sec.shopify-app .left {
	border-right: 2px solid #e8e8ec
}

.dropdown-menu.radio .dropdown-item {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.selling-experience .dropdown-menu.radio input {
	visibility: hidden;
	position: absolute;
	left: -30px
}

.selling-experience .dropdown-menu.radio i {
	font-weight: 400;
	font-style: normal;
	display: block
}

.selling-experience .dropdown-item.active {
	background-color: #555;
	color: #fff
}

.selling-experience .dropdown-menu.radio input {
	visibility: hidden;
	position: absolute;
	left: -30px
}

.selling-experience .dropdown-menu.radio i {
	font-weight: 400;
	font-style: normal;
	display: block
}

.selling-experience .dropdown-item.active {
	background-color: #555;
	color: #fff
}

.selling-experience {
	background: #f4f6f8;
	padding: 100px 0
}

.selling-experience .boxes {
	background: #fff;
	padding: 40px;
	margin-bottom: 35px;
	box-shadow: 3px 5.196px 17px 0 rgba(0, 0, 0, .25);
	border: 2px solid transparent;
	transition: all .4s ease;
	border-radius: 4px
}

.selling-experience .boxes:hover {
	border: 2px solid #394fcb
}

.selling-experience .top-head {
	display: flex;
	align-items: center
}

.selling-experience .top-head .headings {
	width: 100%;
	padding-left: 20px
}

.selling-experience .top-head span {
	color: #f5ab3e;
	font-size: 15px
}

.selling-experience .top-head a {
	color: #2a4bce;
	font-weight: 500;
	text-decoration: none
}

.selling-experience .top-head i.fa.fa-star-half-o,
.selling-experience .top-head i.fa.fa-star {
	color: #f5ab3e
}

.selling-experience .boxes p {
	color: rgba(29, 30, 67, .66);
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	max-width: 540px
}

.selling-experience .light-blue-sec {
	background: #f6f9fb;
	padding: 24.5px 0;
	margin: 0 -40px
}

.selling-experience .light-blue-sec a {
	color: #1d1e43;
	font-weight: 500;
	font-size: 13px;
	text-decoration: none !important
}

.selling-experience .main-bx h4 {
	font-size: 26px;
	font-weight: 700
}

.selling-experience .boxes.lastt h4 {
	color: rgba(29, 30, 67, .2);
	margin: 33px 0 50px
}

.selling-experience .boxes.lastt img {
	padding-top: 50px
}

.selling-experience .boxes.lastt .light-blue-sec {
	padding: 34px 0
}

.selling-experience select#mySelect {
	height: 50px;
	font-size: 14px;
	border: none;
	border-radius: 0;
	font-weight: 500
}

.selling-experience h2 {
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 20px
}

.selling-experience .drops p {
	font-size: 18px;
	color: #2d3136;
	font-weight: 700
}

.form-control:focus {
	box-shadow: none !important
}

.create-section a.btn {
	padding: 5px;
	letter-spacing: 1px;
	height: auto;
	line-height: normal;
	text-decoration: underline
}

.create-section a.btn:hover {
	color: #ff561d !important
}

body .services-section.shopify-app .single-service:hover {
	background: #fff;
	border: 3px solid #7983cc !important
}

.services-section.shopify-app .single-service:hover svg {
	fill: #7983cc
}

.services-section.shopify-app .single-service:hover h3 {
	color: #7983cc
}

.services-section.shopify-app .single-service:hover a.black-arw {
	color: #7983cc
}

.services-section.shopify-app .single-service:hover svg .cls-1 {
	fill: #7983cc
}

.create-section.aws.shopify-app {
	background: #fff
}

.shop-logo-sec {
	border-bottom: 1px solid #f0ebeb;
	padding: 15px 0
}

.footer-area {
	padding: 0 0 30px
}

.banner-section.shopify-app h1 {
	font-size: 70px
}

.banner-section.shopify-app span {
	color: #fff;
	font-size: 70px;
	background: #a8cc61;
	padding: 10px
}

.banner-section.shopify-app p {
	max-width: 630px
}

.banner-section.shopify-app {
	padding: 205px 0 100px;
	height: 87vh;
	background: #f9fdef
}

.experience h2 {
	font-size: 45px;
	font-weight: 700;
	color: #000;
	margin-bottom: 50px
}

section#experience {
	padding: 100px 0;
	background: #fafafa
}

.section-title {
	margin-bottom: 60px
}

.section-title p {
	color: #1d1e43;
	line-height: 1.6;
	opacity: .8;
	font-size: 15px
}

.section-title h4 {
	text-transform: capitalize;
	font-size: 40px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 600
}

.section-title h4:before {
	position: absolute;
	content: "";
	width: 60px;
	height: 2px;
	background-color: #3730b7;
	bottom: 0;
	left: 50%;
	margin-left: -30px
}

.section-title h4:after {
	position: absolute;
	background-color: #3730b7;
	content: "";
	width: 10px;
	height: 10px;
	bottom: -4px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%
}

ul.timeline-list {
	position: relative;
	margin: 0;
	padding: 0
}

ul.timeline-list:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background-color: #3730b7;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

ul.timeline-list li {
	position: relative;
	clear: both;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.timeline_content {
	background-color: #fff
}

ul.timeline-list li .timeline_content {
	width: 50%;
	color: #333;
	padding: 30px;
	float: left;
	text-align: right;
	justify-content: flex-start;
	display: flex;
	align-items: center
}

ul.timeline-list li:nth-child(1n) .timeline_content {
	float: right;
	text-align: left;
	background: 0 0
}

.timeline_content h4 {
	font-size: 24px;
	font-weight: 800;
	margin: 10px 0
}

ul.timeline-list li:before {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background-color: #3730b7;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.timeline_content span {
	font-size: 18px;
	font-weight: 500;
	font-family: poppins;
	color: #3730b7
}

.timeline_img {
	width: 45%
}

.timeline_content h4 {
	font-size: 24px;
	font-weight: 800;
	transition: all .3s ease;
	margin: 10px 0
}

.timeline_content h4:hover {
	color: #3730b7
}

ul.timeline-list li.active::before {
	background: #3730b7;
	color: #fff !important;
	border: 3px solid #3730b7;
	z-index: 9
}

ul.timeline-list::before li.active {
	background-color: #3730b7
}

ul.timeline-list li:before {
	position: absolute;
	content: "1";
	width: 50px;
	left: 0;
	height: 50px;
	background-color: #fafafa;
	border: 3px solid #7c7c7c;
	color: #7c7c7c !important;
	left: 50%;
	top: 50%;
	line-height: 50px;
	left: 50%;
	font-size: 25px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: 600;
	right: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%
}

ul.timeline-list li:nth-child(1n):before {
	content: "1"
}

ul.timeline-list li:nth-child(2n):before {
	content: "2"
}

ul.timeline-list li:nth-child(3n):before {
	content: "3"
}

ul.timeline-list li:nth-child(4n):before {
	content: "4"
}

ul.timeline-list li:nth-child(5n):before {
	content: "5"
}

ul.timeline-list li:nth-child(6n):before {
	content: "6"
}

.related-product.shopify-app:after {
	position: absolute;
	content: "";
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/related-bckgrd.png) no-repeat center/contain;
	width: 40%;
	height: 50%;
	top: 100px;
	right: 150px;
	z-index: 999
}

ul.timeline-list li.active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #3730b7;
	height: 150%;
	width: 2px;
	transform: translate(-50%, 0px)
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #ff561d !important;
	transform: translateY(-5px)
}

.navbar-light .navbar-nav #last .nav-link:hover {
	border-bottom: none;
	color: #fff !important
}

.banner-section.blog p {
	max-width: 780px;
	margin: 0 auto;
	color: #fff
}

.banner-section.blog::after {
	display: none
}

.feature-insgt {
	margin-top: -100px
}

.banner-section.blog {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/blog-banner.jpg) no-repeat center/cover;
	padding: 190px 0 240px
}

.feature-insgt img {
	position: relative;
	width: 100%
}

.feature-insgt span {
	position: absolute;
	top: -40px;
	left: 16px;
	background: #e8e62d;
	padding: 13px 20px 8px;
	font-weight: 600;
	font-size: 13px;
	line-height: 20px;
	display: inline-block
}

.feature-insgt p {
	font-size: 26px;
	color: #fff;
	bottom: 20px;
	font-weight: 700;
	position: absolute;
	max-width: 550px;
	margin: auto 30px 20px;
	max-width: 550px
}

.blog-section {
	padding: 80px 0
}

.banner-section.blog h1 {
	color: #fff
}

.blog-section .left-mg .card {
	border: none !important
}

.blog-section .left-mg .card-body {
	padding: 1.25rem 0
}

.blog-section .left-mg h4 {
	font-weight: 700
}

.blog-section p.card-text {
	color: #1d1e43;
	font-size: 15px;
	line-height: 25px
}

.blog-section p.top {
	font-size: 14px
}

.category-outer {
	background: #f6f6f6;
	padding: 30px 50px
}

.category-outer ul li {
	list-style: none;
	margin: 20px;
	position: relative;
	font-size: 16px;
	transition: all .3s ease
}

.category-outer ul li:hover {
	text-decoration: underline
}

.category-outer ul li:before {
	position: absolute;
	content: "";
	background: #ef5926;
	width: 10px;
	height: 10px;
	left: -20px;
	top: 5px;
	border-radius: 100%
}

.category-outer ul li:first-child:before {
	background: #ef5926
}

.category-outer ul li:nth-child(2):before {
	background: #36ddcf
}

.category-outer ul li:nth-child(3):before {
	background: #ee7ae2
}

.category-outer ul li:nth-child(4):before {
	background: #2b95c5
}

.category-outer ul li:nth-child(5):before {
	background: #95be46
}

.category-outer ul li:nth-child(6):before {
	background: #ff705f
}

.category-outer ul li:nth-child(7):before {
	background: #b369a5
}

.get-news button.btn.sign-me {
	background: #4649bd;
	display: block;
	width: 100%;
	border-radius: 0
}

.get-news {
	border: 1px solid #dcdee0;
	padding: 35px;
	margin: 50px 0
}

.get-news h4 {
	font-size: 22px;
	font-weight: 700
}

.get-news input#email {
	border-radius: 0;
	padding: 10px 20px;
	height: 50px;
	border: 1px solid #dcdee0
}

.blog-section .main:hover .cls-1 {
	fill: #4649bd
}

.recent-posts a {
	color: #000;
	text-decoration: none !important;
	font-weight: 700
}

.recent-posts .main {
	border-bottom: 2px solid #dfe3ff;
	padding: 20px 0
}

.recent-posts {
	padding: 35px
}

.recent-posts .main:last-child {
	border-bottom: none
}

.blog-section .main:hover a {
	color: #4649bd
}

.pagination {
	justify-content: center
}

.pagination .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	margin: 0 10px;
	line-height: 1.25;
	font-size: 20px;
	color: #999;
	font-weight: 700;
	background-color: #fff;
	border: none !important;
	border-radius: 50%
}

.pagination .page-item.active .page-link {
	z-index: 3;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	background: #4649bd
}

.pagination span {
	font-size: 25px;
	line-height: 20px
}

.pagination .page-link:focus {
	box-shadow: none !important
}

.pagination .page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: transparent;
	border-color: transparent
}

.banner-section.app-dev-bnr {
	background: #f4f7fb;
	padding: 220px 0 0;
	height: 100vh
}

.banner-section.app-dev-bnr h1 {
	font-family: 'futura std heavy';
	color: #121212;
	margin-bottom: 25px
}

.app-dev-bnr h1 span {
	color: #2362ae
}

.industries-section {
	background: #2962af
}

.w-clr {
	color: #fff !important
}

.nav-tabs {
	border-bottom: none !important
}

.sidebr-tb form.tabs1-outer {
	width: 100%;
	margin: 20px auto 0
}

.sidebr-tb form.tabs1-outer h4 {
	font-weight: 700;
	font-size: 24px
}

.sidebr-tb input::placeholder,
.sidebr-tb textarea::placeholder {
	color: #000 !important;
}

.sidebr-tb .form-control {
	border: none;
	border-bottom: 2px solid #e0e0e0;
	border-radius: 0;
	padding: 0
}

input.es_required_field.es_txt_email.ig_es_form_field_email::placeholder {
	font-family: 'futurabtw01-medium' !important;
}

body .nav-tabs small {
	color: #d2d2d2 !important
}

.sidebr-tb .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: transparent
}

.sidebr-tb .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent !important
}

.sidebr-tb .nav-tabs i {
	font-size: 30px !important;
	color: #000
}

.sidebr-tb .nav-item {
	display: inline-flex;
	padding: 0;
	padding: 15px 40px
}

.sidebr-tb .nav-item:hover i {
	color: #ff561d;
	transition: all .3s ease
}

.sidebr-tb h4 {
	font-size: 24px;
	font-weight: 800
}

section.tabs.sidebr-tb {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #fff !important;
	z-index: 999;
	padding: 0;
	max-width: 450px;
	min-height: 100vh;
	overflow-x: hidden;
	transition: all .4s ease-in-out
}

.tabs.sidebr-tb.side-getbox {
	right: -145%
}

section.tabs .nav-tabs .nav-link.active {
	border-color: transparent
}

section.tabs div#nav-tab {
	background: #f3f4f6
}

section.tabs div#nav-tabContent {
	padding: 40px !important
}

.need-help {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	width: auto
}

.sidebr-tb form.tabs1-outer svg {
	fill: #ff561d
}

a:focus,
.btn:focus {
	box-shadow: none !important
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0 !important;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

section.wbanner-section {
	background: #f8fafb;
	height: 100vh;
	display: flex;
	align-items: center
}

section.wbanner-section .container::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 100px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/w-left.png);
	width: 208px;
	height: 248px
}

section.wbanner-section .container::before {
	content: "";
	position: absolute;
	right: 0;
	top: 200px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/w-right.png);
	width: 186px;
	height: 373px
}

.textmain {
	padding-bottom: 30px
}

section.wbanner-section.inner-bnr p {
	max-width: 900px;
	margin: 0 auto;
	font-size: 27px;
	color: #000
}

section.wbanner-section h1 {
	font-size: 87px;
	font-family: 'futurabtw01-medium';
	line-height: 72px;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 25px
}

section.wbanner-section h1 img {
	vertical-align: top
}

.w-list ul li {
	font-size: 21px;
	color: #000;
	line-height: 36px;
	list-style: none;
	margin-bottom: 28px;
	font-family: futurabtw01-medium
}

.w-list ul li>span {
	margin-right: 18px
}

section.wbanner-section .orange {
	background: #ff561d
}

section.hiredevelop {
	background: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/developer-bg1.jpg') no-repeat center/cover;
	padding: 150px 0
}

.left-text h2 {
	font-size: 55px;
	color: #fff;
	margin-bottom: 20px
}

.left-text h2 span.orange {
	font-size: 55px;
	color: #ff9724
}

.left-text p {
	font-size: 22px;
	color: #fff
}

.hiredevelop .hire-btn {
	border-radius: 4px;
	overflow: hidden;
	display: inline-block;
	min-width: 200px;
	padding: 10px 20px;
	text-align: center;
	background: #ff9724;
	text-decoration: none;
	color: #fff;
	margin-top: 25px;
	position: relative
}

.hiredevelop .hire-btn span {
	transition: transform .3s ease-in-out;
	display: inline-block;
	height: 100%;
	position: relative;
	z-index: 1;
	font-size: 21px;
	font-family: futurabtw01-medium
}

.hiredevelop .hire-btn::after {
	transition: transform .3s ease-in-out;
	content: '';
	position: absolute;
	background: #ff561d;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform: translateX(-100%)
}

.hiredevelop .hire-btn span::before {
	content: "\f061";
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	opacity: 0;
	font-size: 8px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	font-family: fontawesome
}

.hiredevelop .hire-btn:hover::after {
	transform: translateX(0)
}

.hiredevelop .hire-btn:hover span::before {
	opacity: 1;
	transform: translateX(20px)
}


section.Lbanner-section {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/laravel-bg.jpg) no-repeat center/cover;
	padding: 180px 0 150px;
	height: 100vh;
	display: flex;
	align-items: center
}

section.Lbanner-section h1 {
	background: #ff561d;
	color: #fff;
	display: inline-block;
	font-family: 'futurabtw01-bold';
	padding: 10px 30px;
	font-size: 66px;
	letter-spacing: 2px
}

section.Lbanner-section p {
	font-size: 27px;
	line-height: normal;
	max-width: 750px;
	margin: 10px auto 30px;
	font-family: 'futurabtw01-bold';
	color: #000
}

section.Lbanner-section .order span {
	font-size: 130px;
	font-family: futurabtw01-bold;
	line-height: normal
}

section.Lbanner-section .order strong {
	font-size: 136px;
	color: #ff561d;
	font-family: futurabtw01-medium;
	letter-spacing: 0;
	line-height: normal
}

.nodebanner-section {
	padding: 165px 0 100px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/nodejs-banner.png) no-repeat;
	background-size: cover;
	height: 100vh
}

.nodebanner-section h1 {
	font-size: 85px;
	font-family: futurabtw01-book;
	padding-top: 0;
	max-width: 75%;
	line-height: 88px;
	margin-top: 20px
}

.nodebanner-section .right {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/nlogo.png) no-repeat;
	background-position: 100% 0%;
	padding-top: 137px;
	background-size: 48%
}

.nodebanner-section p {
	line-height: 35px;
	font-weight: 600;
	font-family: montserrat;
	margin-top: 35px
}

.banner-section.nodebanner-section p.sub-txt {
	font-family: futurabtw01-light;
	max-width: 620px;
	font-weight: 500;
	color: #000;
	margin-bottom: 15px
}

.nodebanner-section .right {
	position: relative
}

.nodebanner-section .list-inline {
	padding-left: 0;
	list-style: none
}

.nodebanner-section .right ul li {
	width: 23%;
	text-align: center;
	position: relative
}

.nodebanner-section .right ul li p {
	font-size: 20px;
	color: #000
}

.nodebanner-section .list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.nodebanner-section .list-inline-item {
	display: inline-block
}

.nodebanner-section .nodelspc {
	left: 35px
}

.nodebanner-section .T20 {
	top: 25px
}

.banner-section .font-light {
	font-family: futurabtw01-book
}

.banner-section.inner-bnr p {
	font-size: 23px;
	color: #8c8c8c;
	margin-top: 30px;
	max-width: 610px
}

.banner-section.app-dev-bnr {
	background: #f2f2f2;
	padding: 160px 0 40px;
	height: 100vh
}

.banner-section h1 span {
	font-family: 'futurabtw01-bold';
}

.app-dev-bnr h1 span {
	color: #71b130
}

.app-icons span {
	display: inline-block;
	margin-right: 50px;
	text-align: center
}

.app-icons span:last-child {
	margin-right: 0
}

.app-icons span i {
	display: inline-block;
	width: 63px;
	height: 63px;
	border-radius: 10px;
	background-color: #ff561d;
	text-align: center;
	line-height: 60px;
	margin: 0 auto
}

.app-dev-bnr .dev-bnr-img img {
	position: relative
}

img {
	max-width: 100%
}

.app-dev-bnr .dev-bnr-img::before {
	content: '';
	position: absolute;
	top: -15px;
	right: -106px;
	background: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/app-img.png') no-repeat center/cover;
	width: 321px;
	height: 385px
}

.app-icons span.develop i {
	background-color: #799afc
}

.app-icons span.strategy i {
	background-color: #eb547d
}

.app-icons span h6 {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 8px 0;
	color: #000003;
	font-weight: 500;
	font-family: futurabtw01-bold;
	text-align: center
}

.hire-develop {
	border-radius: 4px;
	background: #6ba72d;
	display: inline-block;
	font-size: 20px;
	line-height: normal;
	color: #fff;
	font-weight: 500;
	font-family: futurabtw01-medium;
	padding: 18px 27px;
	margin-top: 40px;
	text-decoration: none !important;
	position: relative;
	padding-left: 55px
}

.hire-develop:hover {
	background: #82ca38;
	transition: all .5s ease-in-out;
	color: #fff
}

.industries-section {
	background: #2962af
}

.w-clr {
	color: #fff !important
}

.banner-section.ios-banner {
	background-image: unset;
	padding-top: 190px;
	padding-bottom: 0
}

.banner-section.ios-banner::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/ios-bg.png') no-repeat center/cover;
	width: 1147px;
	height: 879px
}

.banner-section.ios-banner h1 {
	font-size: 81px
}

.ios-banner span.purple {
	color: #672abe
}

.font-black {
	font-family: 'futura heavy' !important;
}

.app-icons.ios span i {
	border-radius: 50%
}

.app-icons span.swift i {
	background: linear-gradient(90deg, #df4818 0%, #f76a00 100%)
}

.app-icons span.obj-c i {
	background: linear-gradient(90deg, #7451df 0%, #a44af0 100%)
}

.app-icons span.X-Code i {
	background: linear-gradient(90deg, #56ce2d 0%, #56ce2d 100%)
}

.purple-btn {
	background: #8739fd
}

.purple-btn:hover {
	background: #6b38b7
}

.white-bg {
	background: #fff
}

.banner-section.php-banner {
	padding: 210px 0 150px
}

.banner-section.php-banner::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/php-bnr-bg.png);
	width: 1080px;
	height: 928px
}

.banner-section h1 span.purplephp {
	color: #3e48b3
}

.app-icons {
	padding-bottom: 15px
}

.app-icons.php-ser .img-fluid {
	margin-right: 30px
}

.app-icons.php-ser .img-fluid:last-child {
	margin-right: 0
}

.hire-develop.php-btn {
	background-color: #3e48b3
}

.banner-section.backend-banner,
.banner-section.frontend-banner,
.banner-section.whmc-banner {
	background: #f2f2f2;
	padding: 200px 0 150px
}

.banner-section.backend-banner::before,
.banner-section.frontend-banner::before,
.banner-section.whmc-banner::before,
.banner-section.app-dev-bnr::before {
	content: "";
	display: block;
	background: #fff;
	width: 120%;
	height: 200px;
	position: absolute;
	left: -10%;
	bottom: -90px;
	z-index: 0;
	transform: rotate(-6deg)
}

.banner-section h1 span.purpleback {
	color: #58119d
}

.listing-style {
	margin: 0;
	padding: 0;
	list-style: none
}

.listing-style li {
	font-size: 18px;
	letter-spacing: .3px;
	line-height: 39px;
	color: #000;
	font-weight: 500;
	font-family: futurabtw01-medium
}

.listing-style li svg {
	width: 18px;
	height: 18px;
	fill: #f50;
	margin-bottom: 5px;
	margin-right: 5px
}

.develop-btn,
.develop-btn:hover {
	background-color: #58119d
}

.backend-bnr-box .margin-top {
	margin-top: 28px
}

.back-inner {
	min-height: 270px;
	background-color: #ffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0 4px 9.5px rgba(0, 0, 0, .05);
	transition: all .5s ease-in-out
}

.back-inner:hover {
	transform: scale(1.1)
}

.back-inner h3 {
	font-size: 26px;
	line-height: normal;
	color: #000003;
	font-weight: 500;
	font-family: futurabtw01-medium;
	text-align: center;
	margin: 15px 0 0
}

.back-inner .img-fluid {
	max-width: 79px;
	height: 107px
}

.banner-section.crossplat-banner {
	background: #f2f2f2
}

.crossplat-banner.inner-bnr::before {
	content: "";
	display: block;
	background: #fff;
	width: 120%;
	height: 200px;
	position: absolute;
	left: -10%;
	bottom: -90px;
	z-index: 0;
	transform: rotate(-6deg)
}

.banner-section.crossplat-banner .cross-plat {
	color: #9c28a8
}

.banner_icon ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.banner_icon ul li {
	display: inline-block;
	text-align: center;
	padding: 0 25px;
	border-left: 1px solid #d9d9d9
}

.banner_icon ul li:first-child {
	padding-left: 0;
	border-left: 0
}

.banner_icon ul li .img-fluid {
	height: 49px
}

.banner_icon ul li h6 {
	font-size: 20px;
	color: #393939;
	font-family: futurabtw01-medium;
	margin: 15px 0 0
}

.crossplat-banner.inner-bnr .develop-btn {
	background-color: #9c28a8
}

.banner-section.aws .develop-btn {
	background: #f90;
	margin-top: 15px
}

.banner-section.aws .develop-btn:hover {
	background: #f90
}

.UI-banner-section {
	background: #f2f2f2;
	background-position: 100% 100%;
	padding: 165px 0 100px;
	height: 100vh;
	position: relative
}

.UI-banner-section h1 {
	font-size: 85px;
	font-weight: 700;
	color: #000;
	padding-top: 40px;
	line-height: 88px;
	display: flex;
	align-items: center;
	justify-content: center
}

.UIBanner {
	background: #f2f2f2 url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/uibanner.png) no-repeat right;
	background-size: contain;
	background-position: 100%
}

.UIBanner::before {
	content: "";
	position: absolute;
	bottom: 100px;
	right: 0;
	width: 218px;
	height: 301px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/UI-bannerImage.png) no-repeat
}

.UI-banner-section h1 span {
	font-size: 85px;
	font-weight: 700;
	line-height: 88px;
	background-color: #5c06cc;
	color: #fff;
	margin-right: 10px;
	padding: 0 8px
}

.UI-banner-section .hire-btn {
	background-color: #ff35a8;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	padding: 12px 30px;
	font-family: futurabtw01-book;
	position: relative;
	overflow: hidden;
	padding-left: 55px
}

.banner-section.UI-banner-section p {
	font-weight: 500;
	max-width: 630px;
	font-size: 35px;
	line-height: 46px;
	color: #000;
	text-align: center;
	margin: 50px auto;
	width: 100%;
	font-family: futura heavy
}

.banner-section.UI-banner-section p .bg-pinklight {
	display: inline-block;
	font-size: 35px;
	background: #ffdbdc;
	padding: 0 8px 8px
}

.UI-banner-section.inner-bnr .list-inline {
	padding: 30px 0
}

.UI-banner-section ul li {
	position: relative
}

.banner-section.whmc-banner::after {
	content: none
}

.banner-section.whmc-banner .green {
	color: #8abf37
}

.banner-section.whmc-banner .textt p {
	font-family: futurabtw01-light;
	color: #000
}

.banner-section.whmc-banner .banner-img .img-fluid {
	max-width: 1005px
}

.banner-section .hire-develop.orange {
	background: #f48120
}

section.Lbanner-section .left p.my-0 {
	font-family: futurabtw01-book;
	font-weight: 600
}

.need-help button.btn {
	border-radius: 4px 0 0 0
}

.services-section.mag-hm a.black-arw svg {
	width: 21px;
	margin-left: 5px;
	transition: all .3s ease-in-out
}

.single-service:hover a.black-arw svg {
	transform: translateX(10px)
}

.banner-section.angular-banner {
	display: flex;
	align-items: center;
	height: 100vh;
	padding-top: 180px;
	background: #f4f7fb url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/angular-btm-bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: bottom left
}

.banner-section.angular-banner::before {
	content: "";
	position: absolute;
	top: 150px;
	right: 0;
	width: 108px;
	height: 287px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/angular-rgt-bg.png)
}

.angular-box ul li {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.angular-box ul li i img {
	max-width: unset;
	margin-right: 40px
}

.angular-box ul li h3 {
	font-size: 85px;
	line-height: 88px;
	color: #000;
	font-family: futurabtw01-bold;
	margin: 0
}

.angular-box ul li:first-child h3 {
	color: #dd0031
}

.banner-section.inner-bnr .angular-box ul li p {
	font-size: 21px;
	line-height: 31px;
	color: #000
}

.angular-box .btn-wrapper {
	max-width: 460px;
	margin: 0 auto
}

.angular-box .btn-wrapper .hire-develop {
	margin-top: 0
}

.red-btn,
.red-btn:hover {
	background: #dd0031
}

.banner-section.reacts-banner {
	background: #f4f7fb url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/react-bnr-bg.png') no-repeat bottom/auto
}

.banner-section.inner-bnr .purple {
	color: #6924c6
}

.banner-section.reacts-banner .reacts-text p {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px;
	line-height: 36px;
	color: #000
}

.reacts-list-box {
	max-width: 480px;
	margin: 15px auto 0
}

.reacts-list-box ul li {
	font-size: 24px;
	color: #000;
	list-style: none;
	margin-bottom: 28px;
	padding-bottom: 28px;
	display: flex;
	align-items: center;
	font-family: 'futurabtw01-medium';
	border-bottom: 1px solid #e6e1f6
}

.reacts-list-box ul li:last-child {
	border-bottom: 0
}

.reacts-list-box ul li>span {
	margin-right: 18px
}

.banner-section.inner-bnr h1 {
	color: #000
}

.banner-section.shopify-app-banner {
	padding: 220px 0 180px
}

.banner-section.shopify-app-banner::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 120px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/bottom-arrow.png);
	width: 551px;
	height: 259px
}

.banner-section.shopify-app-banner::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/shopify-right-crl.png);
	width: 104px;
	height: 344px
}

.banner-section.shopify-app-banner .col-md-5.col-sm-12.col-12.text-center {
	position: inherit
}

.bnr-img .bnr_img_box {
	display: inline-block;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	animation: pulseaim 1.75s infinite cubic-bezier(.66, 0, 0, 1);
	box-shadow: 0 0 0 0 rgb(148 190 0/21%)
}

/* Select */
.fieldstyle-box select {
	min-height: 60px;
	border: 1px solid #e8e8e8;
}

@-webkit-keyframes pulseaim {
	to {
		box-shadow: 0 0 0 30px transparent
	}
}

.bnr-img .bottom-shape {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0
}

.banner-section.shopify-app-banner .textt p {
	max-width: 800px;
	font-size: 27px;
	line-height: 36px;
	color: #000
}

.banner-section.shopify-app-banner .green {
	color: #95bf47
}

.imgwrapper {
	padding: 30px 0
}

.imgwrapper .img-fluid {
	margin-right: 70px
}

.imgwrapper .img-fluid:last-child {
	margin-right: 0
}

.banner-section.shopify-app-banner .hire-develop {
	background: #5c6ac4
}

.hire-develop i {
	padding-right: 5px
}

.services-section.mag-hm .single-service::after,
.other-way-box::after,
.services-section.mag-hm .single-service::before,
.other-way-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all .7s ease 0s;
	border-radius: 4px
}

.services-section.mag-hm .single-service:before,
.other-way-box::before {
	border-bottom: 3px solid rgba(255 86 29);
	border-top: 3px solid rgba(255 86 29);
	transform: scale(0, 1);
	transform-origin: 0 0 0
}

.services-section.mag-hm .single-service:after,
.other-way-box::after {
	border-left: 3px solid rgba(255 86 29);
	border-right: 3px solid rgba(255 86 29);
	transform: scale(1, 0);
	transform-origin: 100% 0 0
}

.services-section.mag-hm .single-service:hover:after,
.other-way-box:hover::after,
.services-section.mag-hm .single-service:hover:before,
.other-way-box:hover::before {
	opacity: 1;
	transform: scale(1);
	transition-delay: .15s
}

.main-header.about-hdr .navbar-brand .logo {
	display: none
}

.main-header.about-hdr .navbar-brand .white-logo {
	display: block
}

.main-header .navbar-brand .white-logo {
	display: none
}

.services-section.mag-hm .single-service>svg {
	width: 55px;
	height: 55px;
	fill: #ff561d
}

.about-hdr .site-header .overlay-menu-trigger .menu-btn:before,
.about-hdr .site-header .overlay-menu-trigger .menu-btn:after {
	background: #fff
}

.why-cnt-box {
	position: relative
}

.why-cnt-box::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
	background-color: #ff561d;
	transition: all .5s ease-in-out;
	z-index: -1;
	border-radius: 5px
}

.why-cnt-box:hover::after {
	height: 100%
}

.services-section h3 {
	font-family: futurabtw01-bold;
	letter-spacing: 0
}

.why-cnt-box h4 {
	min-height: 52px
}

ol.carousel-indicators.cst-tab i {
	background: #fcfcfc;
	padding: 16px 0 22px
}

.banner-section.services-banner {
	display: flex;
	align-items: center;
	height: 100vh;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/services-bg.png);
	background-repeat: no-repeat;
	background-position: center right
}

.banner-section.services-banner::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 150px;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/ser-left.png);
	width: 58px;
	height: 372px
}

.head-text .pinkbox {
	display: inline-block;
	background-color: #f07699;
	padding: 8px 22px;
	border-radius: 20px;
	font-size: 16px;
	letter-spacing: 0;
	line-height: normal;
	color: #fff;
	font-weight: 500;
	font-family: futurabtw01-medium
}

.banner-section.services-banner p.font-large {
	font-size: 64px;
	color: #212121;
	font-family: futura heavy;
	line-height: 71px;
	letter-spacing: -.3px;
	max-width: 660px
}

.head-text .get_started {
	background-color: #ca3862;
	position: relative;
	padding-left: 55px;
	margin-top: 10px
}

.benefits-section.aws .mid-part a.btn {
	padding-left: 55px;
	position: relative
}

.hire-develop:before,
.UI-banner-section .hire-btn:before,
.benefits-section.aws .mid-part a.btn:before,
.main-formss button.btn:before {
	box-shadow: 0 0 0 rgba(255, 255, 255, .4);
	animation: pulso 2s infinite;
	transition: .5s;
	content: "";
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	position: absolute;
	left: 25px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto
}

@keyframes pulso {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
	}

	70% {
		-moz-box-shadow: 0 0 0 20px transparent;
		box-shadow: 0 0 0 20px transparent
	}

	100% {
		-moz-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
}

.banner-section.services-banner .video_box {
	position: inherit
}

.banner-section.services-banner .video_box .sd-text-box {
	position: absolute;
	top: 56%;
	transform: translate(-60px, -50%);
	right: 60px;
	width: 900px
}

.sd-text-box {
	display: block;
	-webkit-mask-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/SD-text.svg);
	mask-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/SD-text.svg);
	-webkit-mask-position: right top;
	mask-position: right top;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
	overflow: hidden;
	max-width: 100%
}

.sd-text-box .wool-layer img {
	width: 110%;
	max-width: initial
}

.services-section.mag-hm .single-service.services-box {
	background: #f5f5f5;
	padding: 70px;
	box-shadow: unset;
	border: 0
}

.services-section .services-box h3 {
	font-size: 40px;
	font-family: futurabtw01-bold;
	color: #000;
	letter-spacing: -1px
}

.services-section.mag-hm .single-service h3 {
	background: linear-gradient(to right, #ff561d, #ff561d 50%, #191919 50%, #191919 50%);
	background-size: 200% auto;
	background-position-x: 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	transition: background-position-x .8s, color .8s
}

.services-section.mag-hm .single-service:hover h3 {
	color: transparent;
	background-position-x: 0
}

.services-section.mag-hm .services-box>svg {
	width: 70px;
	height: 70px
}

.services-section.magento {
	padding: 0
}

.related-post-section .main-outer a {
	transition: color .35s .15s, transform .35s .15s;
	display: inline-block;
	overflow: hidden;
	position: relative;
	color: #ff561d;
	padding: 5px;
	z-index: 1;
	font-family: futurabtw01-medium
}

.related-post-section .main-outer a:hover {
	color: #fff
}

.related-post-section .main-outer a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: 0;
	background-color: #ff561d;
	transition: all .5s ease-in-out
}

.related-post-section .main-outer a:hover::after {
	height: 100%;
	z-index: -1;
	opacity: 1
}

.high-performance {
	padding: 80px 0
}

.banner-section.devops.inner-bnr p {
	font-family: futurabtw01-light;
	color: #000;
	margin-top: 10px
}

.our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #f3f4f6;
	color: #000;
	border: 0
}

.banner-section.devops .hire-develop {
	background-color: #d01b4c;
	margin: 10px 0 60px
}

.nectar-scrolling-text .nectar-scrolling-text-inner {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden !important
}

.nectar-scrolling-text[data-using-bg=true][data-sep-text=true] .nectar-scrolling-text-inner {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	transition: opacity .6s ease
}

.nectar-scrolling-text .background-layer:not([data-bg-animation=none]).animated-in .nectar-scrolling-text-inner {
	opacity: 1
}

.nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner * {
	font-size: 15vh;
	line-height: 1.2em
}

.nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner i {
	-webkit-text-stroke-color: inherit;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: .015em
}

.nectar-scrolling-text .nectar-scrolling-text-inner>* {
	color: inherit;
	margin-bottom: 0
}

.nectar-scrolling-text .nectar-scrolling-text-inner>* {
	transform: translateX(-20%) translateZ(0);
	animation: nectar-scrolling-text-animation linear infinite 15s
}

.nectar-scrolling-text[data-s-dir=rtl] .nectar-scrolling-text-inner>* {
	animation-direction: reverse;
	will-change: transform
}

.nectar-scrolling-text[data-s-speed=slow] .nectar-scrolling-text-inner>* {
	animation-duration: 8s
}

.nectar-scrolling-text[data-s-speed=medium] .nectar-scrolling-text-inner>* {
	animation-duration: 6s
}

.nectar-scrolling-text[data-s-speed=fast] .nectar-scrolling-text-inner>* {
	animation-duration: 4s
}

.nectar-scrolling-text[data-style=text_outline] em,
.nectar-scrolling-text[data-style=text_outline] i {
	font-style: normal;
	font-family: inherit
}

.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>h1,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>h2,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>h3,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>h4,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>h5,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>p,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>strong,
.nectar-scrolling-text[data-spacing=true] .nectar-scrolling-text-inner>b {
	padding-left: .5em
}

.row .nectar-scrolling-text .nectar-scrolling-text-inner>* {
	margin-bottom: 0
}

.nectar-scrolling-text .nectar-scrolling-text-inner span.custom[data-scale=three-fourths] {
	-webkit-transform: scale(.75);
	transform: scale(.75);
	padding: 0 .35em
}

.nectar-scrolling-text .nectar-scrolling-text-inner span.custom[data-scale=half] {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	padding: 0 .3em
}

@keyframes nectar-scrolling-text-animation {
	to {
		transform: translateX(-120%) translateZ(0)
	}
}

body .nectar-scrolling-text[data-using-bg=true] .background-layer,
body .full-width-section .nectar-scrolling-text[data-using-bg=true] .background-layer.row-bg-wrap {
	overflow: hidden;
	z-index: 100;
	position: relative;
	width: 100%;
	margin-left: 0;
	left: 0;
	top: 0
}

.nectar-scrolling-text[data-using-bg=true][data-sep-text=true] .nectar-scrolling-text-inner {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	transition: opacity .6s ease
}

.wpb_row .nectar-scrolling-text .row-bg {
	position: relative;
	top: 0;
	left: 0
}

.nectar-scrolling-text .background-layer:not([data-bg-animation=none]) .nectar-scrolling-text-inner {
	opacity: 0;
	transition: opacity .6s ease
}

.nectar-scrolling-text .background-layer:not([data-bg-animation=none]).animated-in .nectar-scrolling-text-inner {
	opacity: 1
}

.our-section.portfolio .boxx .port-inner-img {
	border-radius: 10px;
	overflow: hidden
}

.our-section.portfolio .boxx .port-inner-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: all .8s ease-in-out
}

.top-box {
	padding-bottom: 90px
}

.imgboxx {
	display: inline-block;
	width: 100%
}

.port-btm-spc {
	padding-bottom: 40px
}

.banner-section.portfolio .orange-bg {
	display: inline-block;
	background-color: #ff561d;
	padding: 4px 25px;
	font-size: 18px;
	font-family: futurabtw01-medium;
	text-transform: uppercase;
	line-height: 24px;
	border-radius: 30px;
	letter-spacing: 2px
}

.top-box h2 {
	font-size: 45px;
	max-width: 910px;
	margin: 0 auto;
	font-family: futurabtw01-book
}

.top-box h2 span {
	font-size: 45px;
	font-family: futurabtw01-bold
}

.top-box p {
	font-size: 24px;
	line-height: 31px;
	max-width: 760px;
	margin: 20px auto 0;
	font-family: futurabtw01-light
}

.top-box .hire-develop {
	background-color: #ff561d
}

.footer-menu.footer-menu--1 {
	padding-left: 80px
}

.footer-area .social-icn a:hover {
	border-color: #ff561d;
	color: #ff561d;
	transform: translateY(-9px)
}

.our-section.portfolio .boxx .arow a svg {
	width: 22px;
	transition: all .5s ease-in-out;
	margin-left: 8px
}

.our-section.portfolio .boxx .arow a:hover svg {
	transform: translateX(10px);
	transition: all .5s ease-in-out;
	fill: #ff561d
}

.top_heading {
	padding-bottom: 30px
}

.top_heading>p {
	font-size: 21px;
	color: #6c6c6c
}

.gallery-common-section .carousel-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.gallery-common-section .carousel-item .main-content .right-side img {
	width: 100%
}

.gallery-common-section .carousel-item .Left-side h3 {
	font-size: 45px;
	color: #000;
	font-family: futurabtw01-bold;
	padding-top: 30px;
	padding-bottom: 20px
}

.gallery-common-section .carousel-item .Left-side p {
	color: #343434;
	font-size: 25px;
	font-family: futurabtw01-medium;
	margin-top: 15px;
	margin-bottom: 40px
}

.gallery-common-section .carousel-control-next,
.gallery-common-section .carousel-control-prev {
	top: unset;
	opacity: 1;
	bottom: 40px !important
}

.gallery-common-section.slider-section i.fa.fa-long-arrow-left,
.gallery-common-section.slider-section i.fa.fa-long-arrow-right {
	font-size: 20px;
	vertical-align: bottom;
	color: #000
}

.gallery-common-section .carousel-control-next span,
.gallery-common-section .carousel-control-prev span {
	color: #000
}

.gallery-common-section a.btn.square {
	position: relative;
	padding: 12px 40px;
	padding-left: 55px;
	background: #000;
	border-radius: 0;
	font-size: 19px
}

.gallery-common-section .Left-side span {
	font-size: 20px;
	color: #1e1e1e;
	font-family: futurabtw01-medium;
	border-bottom: 3px solid #f8b3d4
}

.gallery-common-section a.btn.square:before {
	box-shadow: 0 0 0 rgba(255, 255, 255, .4);
	animation: pulso 2s infinite;
	transition: .5s;
	content: "";
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	position: absolute;
	left: 25px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto
}

:focus {
	outline: 0;
}



.gallery-common-section .carousel-item .main-content .right-side img {
	position: relative;
	left: -80px
}

.gallery-common-section .carousel-item .main-content .left_side_text {
	position: absolute;
	left: -100px
}

.gallery-common-section.slider-section .carousel-indicators {
	margin: 0;
	width: max-content;
	right: 18px;
	left: auto !important;
	bottom: 155px;
	z-index: 1;
	width: 50%
}

.gallery-common-section.slider-section .carousel-indicators li {
	width: 8px;
	height: 8px;
	border-radius: 30px;
	border: 0;
	background-color: #7c7c7c;
	opacity: 1;
	margin-left: 6px;
	margin-right: 6px;
	transition: all .4s ease-in-out
}

.gallery-common-section.slider-section .carousel-indicators .active {
	width: 25px;
	background-color: #66a42f
}

.hiredevelop .hire-btn span::before {
	font-size: 14px
}

.col-md-4.col-sm-4.col-3.left-sdd {
	z-index: 0
}

.banner-section.whmc-banner {
	padding: 140px 0 150px
}

.services-section.mag-hm.magento {
	padding-bottom: 70px
}

ol.carousel-indicators.cst-tab li .shp0 {
	fill: #fcfcfc
}

.site-header .overlay-menu .follow-us .btn {
	letter-spacing: 1px;
	font-weight: 500
}

.main-formss.contact-form .location-box>p i {
	position: absolute;
	left: 0;
	top: 6px
}

.main-formss.contact-form .location-box>p {
	padding-left: 22px;
	position: relative
}

.related-post-section span {
	display: none
}

section.hiredevelop p {
	max-width: 720px
}

.achievements-section p.achieve {
	color: #7a7a7a;
	font-size: 16px;
	margin-top: 12px;
	font-weight: 700;
	font-family: futura heavy
}

.achievements-section p.feedback {
	font-size: 16px;
	color: #000
}

.achievements-section h6.top-dev {
	margin-top: 50px;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 0
}

.achievements-section p.rating {
	font-size: 26px;
	font-weight: 700;
	color: #000;
	font-family: futurabtw01-bold
}

.achievements-section .bottom-cont {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	padding: 0 5px
}

.main-slider .slick-slide {
	outline: none !important;
	margin: 25px 15px 20px
}

.main-slider .main-box svg {
	position: absolute;
	margin-top: 18px;
	border-radius: 0 0 5px 5px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0
}

.achievements-section .bottom-cont {
	position: relative;
	z-index: 1
}

.main-box-body {
	min-height: 175px
}

.banner-section.services-banner {
	padding: 140px 0 0;
	height: 90vh
}

.nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner i {
	-webkit-text-stroke-color: inherit;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: .015em
}

.nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner * {
	font-size: 15vh;
	line-height: 1.2em
}

.nectar-scrolling-text[data-style=text_outline] em,
.nectar-scrolling-text[data-style=text_outline] i {
	font-style: normal;
	font-family: inherit
}

.logo-slider {
	max-width: 500px;
	overflow-x: hidden
}

.logo-slider .main-slider .slick-slide {
	width: 170% !important;
	max-width: 150px !important;
	margin: 0
}

.slick-slide:focus {
	outline: none
}

.footer-area h2.main-heading-ft {
	font-size: 27px;
	color: #fff;
	line-height: 40px;
	font-family: "FuturaBTW01-Bold" !important;
}

.footer-area h5.sub-heading {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	margin-top: 30px
}

.footer-area a.intouch {
	border-radius: 3px;
	border: 1px solid #fff;
	padding: 12px 10px;
	max-width: 160px;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 600;
	transition: all .4s ease;
	cursor: pointer
}

.footer-area a.intouch:hover {
	background: #ff561d;
	border-color: #ff561d;
	color: #fff
}

.banner-section.contact-us p {
	max-width: 1080px
}

.career-list p {
	max-width: 580px !important;
	margin: unset !important;
	width: 100%
}

.list-heading h4 {
	font-family: futura heavy;
	color: rgb(0 0 0/.6);
	font-size: 18px;
	margin-bottom: 0
}

.list-heading {
	border-bottom: 2px solid #f2f2f2;
	padding: 30px 0
}

.career-list p.skill {
	color: rgb(0 0 0/0.7);
	font-family: futurabtw01-book;
	font-size: 18px
}

span.number {
	font-size: 22px;
	font-family: futura heavy;
	color: #000;
	width: 250px;
	margin-right: 22px
}

.career-list a {
	font-size: 15px;
	border: 1px solid #828282;
	width: 120px;
	text-align: center;
	padding: 6px 10px;
	border-radius: 3px;
	text-decoration: none !important;
	color: #000;
	font-weight: 600;
	transition: all .4s ease
}

.career-list a:hover {
	background: #ff561d;
	color: #fff;
	border-color: #ff561d
}

.banner-section.portfolio.contact-us.career-outer {
	padding-top: 165px
}

.main-formss.contact-form.leave-policyy {
	max-width: 100%
}

ul.leave-listt li {
	font-size: 18px
}

ul.list-left-space li {
	margin-bottom: 10px
}

.list-left-space a {
	text-decoration: none;
	color: #ff561d
}

.policy-space {
	margin-bottom: 40px
}

.list-left-space {
	padding-left: 18px
}

.mega-menu.row.right-side h2 {
	color: #fff
}

.overlay-menu.active .main-content ul {
	display: block;
	justify-content: space-between;
	width: 100%;
	align-items: center
}

.overlay-menu.active .main-content ul li span {
	color: #c69f52;
	font-size: 22px;
	font-family: futurabtw01-bold
}

.overlay-menu.active .main-content ul li p {
	color: rgb(255 255 255/0.7);
	font-size: 20px;
	margin-left: 8px
}

.overlay-menu.active .main-content {
	width: 100%;
	max-width: 500px;
	margin: 0;
	text-align: center;
	padding-top: 8px
}

.overlay-menu.active .main-content ul li {
	list-style: none;
	border-right: 1px solid #ffffff40;
	padding-right: 30px
}

.overlay-menu.active .main-content ul li:last-child {
	border-right: none
}

.site-header .overlay-menu.active .left-side.text-center {
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: initial;
	width: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
	z-index: 1
}

.site-header .overlay-menu.active .right-side {
	padding: 0;
	position: absolute;
	top: 40px;
	right: 20px;
	width: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
	z-index: 1
}

.overlay-menu .main-menu-nav a.active~div>.right-side {
	opacity: 1 !important;
	visibility: visible !important;
	transition: all .3s ease-in-out !important
}

.overlay-menu .main-menu-nav a.active~div>.left-side {
	opacity: 1 !important;
	visibility: visible !important;
	transition: all .3s ease-in-out !important
}

.right-side.choose-outer h2 {
	color: #fff;
	font-size: 45px;
	text-align: left !important;
	font-family: futurabtw01-medium !important;
	font-weight: 400
}

.right-side.choose-outer h2 span {
	color: #c69f52;
	font-size: 45px;
	text-decoration: underline
}

.footer-search .input-group input {
	height: 60px;
	border: 0;
	border-right: 0;
	padding: 10px 20px
}

.footer-search .input-group .btn {
	border: 0;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: 500;
	font-family: poppins;
	background-color: #f26522;
	padding: 22px 16px 18px;
	border-left: 0
}

.footer-search .input-group input:focus {
	z-index: unset
}

.footer-search .input-group input::placeholder {
	font-size: 15px;
	letter-spacing: 1px;
	color: #231f207a;
	font-weight: 500;
	font-family: futurabtw01-medium
}

.footer-search .input-group .btn:hover {
	background-color: #f26522
}

.site-header .overlay-menu.active .left-side.text-center {
	bottom: unset
}

.overlay-menu.active .main-content ul li:not(:last-child) {
	border-bottom: 1px solid #25292f;
	border-right: 0;
	margin-bottom: 10px
}

.overlay-menu.active .main-content ul li {
	display: flex
}

.excellance-section {
	padding-top: 80px;
	padding-right: 50px
}

.menu-exp-info p {
	font-size: 16px;
	line-height: 22px;
	color: #9a97be;
	font-family: futurabtw01-medium;
	padding-right: 25px
}

.menu-exp-info h3 {
	font-size: 23px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 12px;
	font-family: futurabtw01-medium !important;
}

.menu-exp-info .exp-image {
	width: 17%
}

.menu-exp-info .txt {
	width: 83%
}

.menu-exp-info {
	display: flex;
	margin-bottom: 18px;
	height: 100%;
	width: 100%
}

.exp-info-content {
	padding-top: 25px
}

.excellance-img img {
	max-width: 220px
}

.logo-slider.slick-initialized.slick-slider {
	width: 400px
}

.site-header .overlay-menu.active .excellance-list .left-side {
	opacity: 1;
	visibility: visible
}

.logo-slider .slick-track {
	margin-left: 9px
}

.logo-slider .slick-list {
	width: 280px
}

footer .footer-search .input-group .btn:active {
	background-color: #f26522
}

body .banner-section.portfolio {
	padding-bottom: 0;
	background-position: 0 100px
}

.leave-content {
	margin-bottom: 40px
}

.note-txt {
	padding-top: 20px
}

.notification-txt p {
	font-size: 13px;
	margin-bottom: 0;
	font-family: futurabtw01-medium;
	color: #fff
}

.notification-txt p span {
	color: #ff561d;
	text-decoration: underline;
	padding: 0 3px
}

.notification-bar {
	padding: 5px 0;
	background-color: #000;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease
}

.main-box.custom-logo-width img {
	height: 122px
}

.notification-txt.text-center {
	display: flex;
	justify-content: center;
	align-items: center
}

.notification-go-btn:hover {
	text-decoration: none;
	color: #fff
}

.notification-go-btn {
	background-color: #ff561d;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	border-radius: 3px;
	margin-left: 7px
}

.notification-cross-btn {
	position: absolute;
	right: 15px;
	top: 0;
	text-align: center;
	line-height: 18px
}

.notification-cross-btn img {
	width: 9px;
	cursor: pointer
}

.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading {
	font-size: 18px;
	color: #fff;
	font-family: futurabtw01-medium;
	display: flex;
	align-items: center;
	white-space: nowrap;
	line-height: 28px;
	padding-top: 10px;
	justify-content: center;
	letter-spacing: 1px
}

.shopify-menu-content img {
	width: 290px;
	height: 215px
}

.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading span img {
	width: 24px;
	margin-right: 10px;
	height: auto;
	padding-top: 5px
}

.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading::before {
	display: none
}

.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading span.txt {
	position: relative;
	top: 5px
}
.review .slick-next.slick-arrow:hover:before {
    filter: brightness(0.5);
}

.review .slick-prev.slick-arrow:hover::before {
    filter: brightness(0.5);
}

.review .slick-arrow:before {
    filter: invert(1);
}
.shopify-menu-content {
	margin-bottom: 55px;
	text-align: center
}

.notification-bar.notification-bar-hide {
	margin-top: -32px
}

.shopify-menu-img {
	overflow: hidden
}

.shopify-menu-img img {
	transition: all .8s ease-in-out
}

.shopify-menu-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: all .8s ease-in-out
}

.menu-carousel .carousel-indicators li {
	background-color: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px
}

.menu-carousel .carousel-indicators {
	width: 100%;
	text-align: center;
	margin: 0
}

.leave-table tr td,
.leave-table tr th {
	padding: 30px 10px;
	vertical-align: middle
}

.leave-table tr th {
	font-family: futurabtw01-medium;
	text-transform: uppercase
}

.leave-type {
	font-weight: 600
}

.leave-table tr:nth-child(even),
.leave-table thead tr {
	background-color: #f9f9f9
}

.leave-table table {
	margin-bottom: 0
}

.follow-us .expert-text a {
	position: relative;
	color: #ceced3;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.follow-us .expert-text a:hover {
	color: #ff561d;
	transition: all .5s ease-in-out;
	padding-left: 15px
}

header nav.navbar.navbar-expand-md.navbar-light {
	padding: 10px 0
}

.banner-section.portfolio.activity h1 {
	font-size: 60px;
	max-width: 100%;
	line-height: 1.1
}

.banner-section.portfolio.activity p {
	max-width: 65%;
	margin: auto;
	font-size: 21px;
	color: #000;
	line-height: 34px;
	margin-bottom: 50px
}

.activity-gallary {
	padding: 80px 0 120px
}

.gallary-heading p {
	max-width: 65%;
	margin: auto;
	font-size: 21px;
	color: #000;
	line-height: 34px
}

.gallary-heading span {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	display: inline-block
}

.timeline-heading.gallary-heading h3 {
	max-width: 600px;
	margin: 10px auto 20px;
	font-size: 48px;
	color: #000;
	font-weight: 600;
	line-height: 54px
}

.activity-img {
	width: 50%;
	padding: 8px
}

.gallary-img {
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px
}

.activity-img.left {
	position: relative;
	top: 50px
}

section.activity-timeline-section {
	padding: 80px 0;
	background-color: #f9f9f9
}

.timeline-heading {
	text-align: center
}

.timeline-heading h3 {
	font-size: 48px;
	color: #000;
	font-weight: 600;
	line-height: 54px;
	font-family: futurabtw01-medium
}

.cd-horizontal-timeline {
	opacity: 0;
	margin: 2em auto;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s
}

.cd-horizontal-timeline::before {
	content: 'mobile';
	display: none
}

.cd-horizontal-timeline.loaded {
	opacity: 1;
	max-width: 90%
}

.cd-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	width: 90%;
	margin: 0 auto
}

.cd-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	margin: 0 40px;
	overflow: hidden
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	height: 100%;
	width: 20px
}

.cd-horizontal-timeline .events-wrapper::before {
	left: 0
}

.cd-horizontal-timeline .events-wrapper::after {
	right: 0
}

.cd-horizontal-timeline .events {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 49px;
	height: 2px;
	background: #d0cfcf70;
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	transition: transform .4s
}

.cd-horizontal-timeline .filling-line {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f26522;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}

.cd-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 15px;
	padding-bottom: 15px;
	color: #000;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	text-decoration: none;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
	font-weight: 600
}

.cd-horizontal-timeline .events a::after {
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -5px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	background-color: #f8f8f8;
	-webkit-transition: background-color .3s, border-color .3s;
	-moz-transition: background-color .3s, border-color .3s;
	transition: background-color .3s, border-color .3s
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #f26522;
	border-color: #f26522
}

.cd-horizontal-timeline .events a.selected {
	font-size: 22px;
	font-weight: 600
}

.cd-horizontal-timeline .events a.selected::after {
	background-color: #f26522;
	border-color: #f26522
}

.cd-horizontal-timeline .events a.older-event::after {
	border-color: #f26522
}


.cd-timeline-navigation a {
	position: absolute;
	z-index: 1;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: border-color .3s;
	-moz-transition: border-color .3s;
	transition: border-color .3s
}

.cd-timeline-navigation a::after {
	content: '';
	position: absolute;
	height: 16px;
	width: 16px;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.cd-timeline-navigation a.prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.cd-timeline-navigation a.next {
	right: 0
}

.no-touch .cd-timeline-navigation a:hover {
	border-color: #7b9d6f
}

.cd-timeline-navigation a.inactive {
	cursor: not-allowed
}

.cd-timeline-navigation a.inactive::after {
	background-position: 0 -16px
}

.cd-timeline-navigation a.prev::after {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/timeline-right-arrow.svg) no-repeat 0 0;
	background-size: 14px;
	background-position: 2px 1px
}

.cd-timeline-navigation a.next::after {
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/timeline-right-arrow.svg) no-repeat 0 0;
	background-size: 14px;
	background-position: 2px 1px
}

.no-touch .cd-timeline-navigation a.inactive:hover {
	border-color: #dfdfdf
}

.cd-horizontal-timeline.loaded ul {
	list-style-type: none
}

.cd-horizontal-timeline .events-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-transition: height .4s;
	-moz-transition: height .4s;
	transition: height .4s
}

.cd-horizontal-timeline .events-content li {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	padding: 0 5%;
	opacity: 0;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

.timeline-content {
	display: flex
}

.cd-horizontal-timeline .events-content li.selected {
	position: relative;
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
	-webkit-animation-name: cd-enter-right;
	-moz-animation-name: cd-enter-right;
	animation-name: cd-enter-right
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-name: cd-enter-left;
	-moz-animation-name: cd-enter-left;
	animation-name: cd-enter-left
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse
}

.cd-horizontal-timeline .events-content li>* {
	max-width: 100%;
	margin: 35px auto 0
}

.cd-horizontal-timeline .events-content h2,
.cd-horizontal-timeline .events-content h2 span {
	font-size: 25px;
	font-family: futurabtw01-medium;
	line-height: 1.2;
	color: #000;
	margin-bottom: 15px;
	font-weight: 600;
	letter-spacing: .8px
}

.cd-horizontal-timeline .events-content h2 span {
	color: #ff561d
}

.cd-horizontal-timeline .events-content em {
	display: block;
	margin: 10px auto;
	font-size: 15px;
	color: #fff;
	margin-bottom: 18px
}

.cd-horizontal-timeline .events-content em::before {
	content: '- '
}

.cd-horizontal-timeline .events-content p {
	font-size: 16px;
	color: #5a5a5a
}

.cd-horizontal-timeline .events-content p {
	line-height: 1.6
}

@-webkit-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%)
	}
}

@-moz-keyframes cd-enter-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0%)
	}
}

@keyframes cd-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%)
	}
}

@-webkit-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%)
	}
}

@-moz-keyframes cd-enter-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0%)
	}
}

@keyframes cd-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%)
	}
}

.timeline-txt {
	width: 60%;
	padding-left: 40px
}

.timeline-content-image {
	width: 40%
}

.timeline-content-image img {
	width: 100%
}

.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
	color: #f26522
}

.activity-inner-bottom h5 {
	font-size: 28px;
	font-weight: 600;
	line-height: 35px;
	text-transform: uppercase
}

.activity-section-header h3 {
	font-size: 48px;
	font-family: futurabtw01-medium;
	margin-bottom: 60px;
	text-align: center;
	max-width: 600px;
	margin: 0 auto 20px
}

.activity-section {
	padding: 50px 0 60px
}

.activity-inner-bottom {
	position: absolute;
	bottom: 0;
	background-color: #f7f7f7;
	width: 100%;
	padding: 20px;
	text-align: center
}

.activity-inner {
	position: relative;
	border: 1px solid #ddd
}

.activity-inner img {
	width: 100%
}

.activity-section-header p {
	max-width: 65%;
	margin: auto;
	font-size: 21px;
	color: #000;
	line-height: 34px
}

.activity-gallary-images {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px
}

.activity-gallary-images .images {
	width: 33.33%;
	padding: 8px
}

.gal-pd {
	padding-top: 15px
}

.gallery-common-section .php-portfolio-slider .col-md-9.right-side img {
	width: 100%;
	margin: auto;
	left: -70px;
	border-radius: 30px
}

.whmcs-served-section {
	background-color: #fff;
	padding: 80px 0
}

section.hiredevelop.whmcs-hiredevelop,
.shopify-hiredevelop {
	margin-bottom: 100px
}

ul#menu-primary {
	align-items: center
}

.navbar-nav.desktop-navbar,
.navbar-nav.desktop-navbar li {
	list-style-type: none;
}

.career-list-responsive .list-heading tr td,
.career-list-responsive .list-heading tr th {
	padding: 30px 0;
	vertical-align: middle
}

table.table.list-heading tr {
	border-bottom: 2px solid #f2f2f2
}

.career-list-responsive .list-heading tr th,
.career-list-responsive .list-heading tr td {
	border-bottom: 0;
	border-top: 0
}

.career-list-responsive .list-heading tr th {
	font-family: futura heavy;
	color: rgb(0 0 0/.6);
	font-size: 18px;
	margin-bottom: 0
}

.apply-txt {
	text-align: right
}

.appply-heading {
	float: right;
	display: block
}

.role-heading,
p.skill.skill-heading,
span.number {
	padding: 0 10px;
	display: inline-block
}

.skill-heading,
.role-heading {
	white-space: nowrap
}

section.gallery-common-section.slider-section {
	padding-bottom: 60px
}

.gallery-common-section .left_side_text img {
	width: 180px
}

section.gallery-common-section.slider-section.shop-slider ol.carousel-indicators {
	right: 30.5%;
	width: auto
}

.banner-section.mag-hm.home .experience {
	display: flex;
	align-items: center
}

.banner-section.mag-hm.home h1 {
	margin-bottom: 25px
}

.banner-section.mag-hm.home {
	height: 90vh
}

.banner-section.magento.mag-bnr {
	padding: 170px 15px 70px
}



header.fixedheader {
	position: fixed;
	background-color: #fff;
	box-shadow: 0 0 9px 3px rgb(154 75 29/20%);
	z-index: 99999;
}

header.fixedheader .main-header {
	padding: 2px 0;
	height: 95px
}

header.fixedheader .about-hdr .navbar-light .navbar-nav .nav-link {
	color: #000
}

header.fixedheader .navbar-light .navbar-nav.about-hdr #last .nav-link,
header.fixedheader .navbar-light .navbar-nav.about-hdr #last .nav-link {
	color: #fff
}

header.fixedheader .main-header.about-hdr .navbar-brand .logo {
	display: block
}

header.fixedheader .main-header.about-hdr .navbar-brand .white-logo {
	display: none
}

header.fixedheader .about-hdr .site-header .overlay-menu-trigger .menu-btn:before,
header.fixedheader .about-hdr .site-header .overlay-menu-trigger .menu-btn:after {
	background: #080808
}

.tech-logo-heading {
	font-size: 18px;
	line-height: 35px;
	color: #000;
	font-weight: 800;
	margin: 28px 0 0;
	display: none;
	width: 100%;
	font-family: futurabtw01-bold
}

.navbar-collapse.main-nav.collapse:not(.show) {
	display: unset
}

.mobile-toggle {
	display: none
}

.navbar-toggler span.icon-bar {
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 1px;
	background-color: #000;
	margin: 7px 0
}

.navbar-toggler span.icon-bar {
	position: relative;
	transition: all 500ms ease-in-out
}

.navbar-inverse .navbar-toggler span.icon-bar {
	background-color: #000
}

header nav.navbar-light .navbar-toggler.mobile-toggle {
	border: 0
}

header nav.navbar-light .navbar-toggler.mobile-toggle:focus {
	outline: 0
}

.navbar-toggle span.icon-bar:nth-child(2) {
	width: 24px
}

.navbar-light .navbar-toggler.open span.icon-bar {
	width: 20px
}

.navbar-light .navbar-toggler.open span.icon-bar:nth-child(2) {
	width: 30px
}

.nav-close-icon {
	position: absolute;
	top: 32px;
	right: 4px;
	padding: 10px;
	display: none
}

#menu-primary {
	position: relative
}

.footer-mobile {
	display: none
}

.footer-mobile .accordion-item ul li a {
	color: #faf6f4;
	font-size: 14px
}

.accordion-item {
	margin-bottom: 0
}

.accordion-trigger {
	color: #fff;
	cursor: pointer;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #242424
}

.accordion-trigger::after {
	font-family: fontawesome;
	content: "\f067";
	font-size: 14px;
	color: #ffffff6b;
	position: absolute;
	right: 15px;
	top: 20px
}

.accordion-trigger.accordion-open::after {
	content: "\f068"
}

.accordion-collapse {
	color: #000;
	display: none;
	padding: 15px
}

.overlay-menu .main-menu-nav a.active~div>.right-side {
	opacity: 1 !important;
	visibility: visible !important;
	transition: all .3s ease-in-out !important
}

.navbar-light .navbar-brand img.logo {
	display: block;
	width: 100%
}

img.logo-mobile,
.our-main-client .mobile-client {
	display: none
}

.main-nav .mobile-navbar,
.moreless-button,
.carrer-mob-banner,
.agency-banner-mob,
.buss-top-mob {
	display: none
}

.navbar-light .navbar-nav li.caststudy-slider {
	border: 0
}

.desktop-video-hide,
.vertical-mobile-tabs,
header .about-hdr .navbar-light .navbar-brand .logo-dsktp {
	display: none
}

#content .goals-icon img {
	width: 42px;
	height: auto;
	margin: 0 0 10px 15px;
	display: none
}

header.fixedheader .about-hdr .site-header .overlay-menu-trigger .menu-btn.active:before,
header.fixedheader .about-hdr .site-header .overlay-menu-trigger .menu-btn.active:after {
	background: #fff
}

.qa-section ul.qa-list li {
	width: 100%;
	list-style-position: inherit
}

a.moreless-button {
	position: relative
}

a.moreless-button::after {
	content: "";
	position: absolute;
	background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/arrow-pointing-right.png) no-repeat;
	background-size: 100%;
	width: 15px;
	height: 100%;
	background-position: center;
	top: 1px;
	left: 80px
}

.blog-details .web {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.banner-section.about .textt {
	z-index: 1
}

.devops-list {
	padding-top: 50px
}

.devops-list li {
	margin-bottom: 15px;
	font-size: 22px
}

footer.footer-area.footer--light .footer-mob-hide {
	padding: 0;
}

.footer-search label {
	width: 100%;
}

.footer-search input.es_txt_email {
	height: 60px;
	border: 0;
	border-right: 0;
	padding: 10px 20px;
	width: 100%;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
}

.footer-search .es_submit_button {
	color: #fff;
	background: #ff561d;
	border-radius: 0 4px 4px 0;
	padding: 22px 16px 18px 16px;
	border: 0;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: 500;
	font-family: "Poppins";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 60px;
}

.footer-search form {
	position: relative;
}

.footer-search input.es_txt_email:focus {
	outline: 0;
}

.below-footer p {
	color: #fff;
	font-size: 13px;
}

.footer-search input.es_txt_email::placeholder {
	font-size: 15px;
	letter-spacing: 1px;
	color: #231f207a;
}

.inner_content .content_box {
	padding: 30px;
	-webkit-box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 5%);
	box-shadow: 0 1px 4px #a3a3a3;
	background-color: #fff;
	margin-bottom: 0;
	height: 100%;
	position: relative;
	border-radius: 5px;
	z-index: 1;
}

.page-id-35 .inner_content .col-md-4 {
	margin: 0 0 30px;
}

.inner_content .content_box h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 20px;
	padding: 13px 20px;
	color: #fff;
	border-bottom: 0px solid rgb(159 150 150/20%);
	background: #000;
	letter-spacing: 1px;
	border-radius: 4px;
}

.inner_content .content_box p {
	margin: 15px 0 0 0;
	font-size: 15px;
	padding: 0 0 0 15px;
	position: relative;
	z-index: 1;
	line-height: 30px;
}

.inner_content .content_box p a {
	margin: 0;
	padding: 0;
	color: #2a2a2a;
	font-size: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
	letter-spacing: .5px;
	font-weight: 600;
	cursor: pointer;
}

.inner_content .content_box p:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #ff561d;
	position: absolute;
	left: 0;
	border-radius: 50px;
	top: 12px;
}

.page-id-35 .inner_content {
	padding: 100px 0 70px 0;
	background: #F9F9F9;
}

.inner_content .content_box p a:hover {
	text-decoration: none;
	color: #ff561d;
}

/* .inner_content .content_box::after, .inner_content .content_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    border-radius: 4px;
} */
/* .inner_content .content_box:before {
    border-bottom: 3px solid rgba(255 86 29);
    border-top: 3px solid rgba(255 86 29);
    transform: scale(0,1);
    transform-origin: 0 0 0;
}
.inner_content .content_box:after {
    border-left: 3px solid rgba(255 86 29);
    border-right: 3px solid rgba(255 86 29);
    transform: scale(1,0);
    transform-origin: 100% 0 0;
} */

.inner_content .content_box:hover:after,
.inner_content .content_box:hover:before,
.inner_content .content_box p a:hover::after {
	opacity: 1;
	transform: scale(1);
	transition-delay: .15s;
}

.inner_content .content_box p a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all .7s ease 0s;
	border-bottom: 2px solid #ff561d;
}

.single_title {
	background: #ff561d;
	padding: 20px;
}

.single_title h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin: 0;
}

.single-post .inner_content h4 {
	font-size: 20px;
	color: #000;
	margin: 0 0 40px 0;
}

.single-post .inner_content p {
	font-size: 17px;
	margin: 0 0 16px;
	line-height: 32px;
	color: #5a5a5a;
}

.single-post .inner_content ul li:before {
	content: "";
	background: #ff561d;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 14px;
	border-radius: 50px;
}

.single-post .inner_content p strong {
	color: #000;
	font-size: 20px;
}

.single-post .inner_content ul li {
	list-style: none;
	position: relative;
	padding: 0 0 0 20px;
	font-size: 17px;
	color: #5a5a5a;
	line-height: 33px;
}

.textt h1 {
	font-size: 50px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.banner-section {
	background-repeat: no-repeat;
	background-size: cover;
}

.single_title h5 {
	font-size: 18px;
	color: #fff;
	margin: 10px 0 0 0;
	font-weight: 500;
}

.single_career_btn a {
	width: 100% !important;
	display: inline-block;
}

.single_post_outer {
	padding: 60px 0;
}

.apply-form-outer {
	max-width: 100%;
	margin: 20px 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}

.apply-form-outer .form-field {
	width: 50%;
	float: left;
	padding: 0 20px 20px 0;
}

.apply-form-outer .form-field span {
	width: 100%;
}

.apply-form-outer .form-field span input,
.apply-form-outer .form-field span select {
	width: 100%;
	border: 1px solid #ced4da;
	height: 45px;
	padding: 10px;
	color: #000;
	font-size: 16px;
	border-radius: 3px;
}

.upload_file input {
	width: 100%;
	border: 1px solid #ced4da;
	height: 45px;
	padding: 7px 10px;
	color: #5a5a5a;
	font-size: 16px;
	border-radius: 3px;
}

.upload_file {
	clear: both;
	padding: 0 20px 20px 0;
	width: 100%;
}

.apply-form-outer .form-field.notice {
	width: 100%;
}

.apply-form-outer .form-field.expt_salery {
	width: 100%;
}

.willing_out {
	padding: 0 8px 16px;
}

.apply-form-outer label {
	font-size: 16px;
	color: #000;
}

.submit_btn input {
	width: 100%;
	background: #ff561d;
	border: 0;
	padding: 10px 0;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	font-size: 16px;
	max-width: 200px;
}

.submit_btn input:hover {
	background: #000;
}

.submit_btn {
	padding: 0;
	clear: both;
}

.page-id-215 h2.has-text-align-center,
.page-id-215 p {
	text-align: left;
}

.page-id-215 h2.has-text-align-center {
	margin-bottom: 16px;
	margin-top: 50px;
}

h2.section_title {
	margin-bottom: 50px;
}

/* pop-up CSS */
.come-from-modal {
	left: unset !important;
	right: 0;
	transform: translateX(100%);
	transition: 0.5s !important;
	opacity: 1 !important;
	display: block !important;
}

.modal-open .come-from-modal.show {
	transform: translateX(0%);
	padding-right: 0px !important;
}

.come-from-modal .has-text-align-center {
	text-align: center;
	font-size: 18px;
}

.come-from-modal .modal-header button.close {
	margin: 0px !important;
	padding: 19px;
	position: absolute;
	left: 0;
	top: 0px;
}

.upload_file input:focus-visible {
	outline: none;
}

.come-from-modal .modal-header {
	min-height: auto;
	justify-content: center;
	position: relative;
}

.select-job select {
	border: 1px solid #ced4da;
	padding: 10px 20px;
	width: 100%;
	border-radius: 3px;
	color: #ff561d;
}

.select-job {
	width: 100%;
	padding-right: 0;
}

.come-from-modal .modal-content {
	height: 100%;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.come-from-modal .modal-dialog {
	margin-left: auto !important;
	margin-right: unset;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	max-width: 65%;
}

div#exampleModal2 .modal-content,
div#exampleModal .modal-content {
	box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
}

.select-job select option {
	color: #000;
	width: 100%;
}

.come-from-modal .modal-header button.close:focus,
.come-from-modal .modal-header button.close:focus-visible {
	outline: none;
}

.come-from-modal .modal-body {
	height: 100%;
	overflow-y: auto;
}

.form-field.notice .wpcf7-form-control {
	margin-bottom: 20px;
}

div#exampleModal2 .modal-dialog .inner-apply-form {
	padding: 0px;
}

/************* 17-June-CSS Start Here*********/
.heading-with-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}

.bottom-btn {
	text-align: end;
}

.heading-with-btn h2.section_title {
	margin-bottom: 0px;
}

.inner-apply-form {
	width: 100%;
	padding: 20px 40px;
}

.inner-apply-form .body-content-sec {
	padding-bottom: 30px;
}

.modal-open .come-from-modal h5.modal-title {
	color: #ff561d;
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:focus,
ul.navbar-nav li.nav-item .btn:hover,
ul.navbar-nav li.nav-item .btn:active {
	background-color: #000;
	border-color: #000;
}

.btn-primary:focus-visible {
	outline: none;
}

.come-from-modal.show {
	transform: translateX(0%);
	padding-right: 0px !important;
}

.inner-apply-form .body-content-sec ul {
	padding-left: 20px;
}

.inner-apply-form .body-content-sec ul li::marker {
	color: #ff561d;
}

.inner-apply-form .body-content-sec h4 {
	font-size: 20px;
	padding-bottom: 15px;
}

.apply-form-outer.custom-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}
.apply-form-outer.custom-top .form-field.jobs-cus {
	padding-right: 0px;
}

.apply-form-outer.custom-top .form-field {
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
}

button.close span {
	font-size: 24px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0 !important;
	display: inline-block;
}



/************* 17-June-CSS Ends Here*********/




body,
ul,
ol {
	font-family: "FuturaBTW01-Book" !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: "FuturaBTW01-Book" !important;
}


/* *******************************************23-04-2024******************** */

/* webfonts */
/* @font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Thin.ttf');
	font-weight: 100;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Light.ttf');
	font-weight: 300;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Regular.ttf');
	font-weight: 400;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Medium.ttf');
	font-weight: 500;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-SemiBold.ttf');
	font-weight: 600;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Bold.ttf');
	font-weight: 700;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-ExtraBold.ttf');
	font-weight: 800;
;font-display: swap;}

@font-face {
	font-family: 'Inter';
	src: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../fonts/Inter-Black.ttf');
	font-weight: 900;
;font-display: swap;} */

/* webfonts end */

body {
	font-family: 'Inter';
}

* {
	padding: 0;
	margin: 0;
}

a,
p,
button,
span {
	white-space: normal;
	word-break: break-word;
}

a {
	text-decoration: none !important;
	display: inline-block;
}

a:hover {
	color: unset;
}

a:focus-visible {
	outline: transparent;
}

.page-link:focus {
	box-shadow: none;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

button:focus {
	box-shadow: none !important;
	outline: transparent;
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: unset;
}

.form-control:focus,
input {
	outline: 0;
}

.formfield {
	position: relative;
	width: 100%;
}

img {
	max-width: 100%;
}

.container {
	max-width: 1500px;
	padding: 0px 20px;
	margin: 0 auto;
}

/* ======================= intern-hero-sec ======================== */

.intern-hero-sec {
	background-color: #fff6ec;
	padding: 180px 0 60px;
	position: relative;
	overflow: hidden;
}

.hero-effect {
	width: 543px;
	height: 494px;
	background-color: #FF561D;
	opacity: 0.4;
	position: absolute;
	bottom: 0;
	top: 249px;
	left: -144px;
	filter: blur(300px);
	z-index: 0;
}

.hero-effect.next {
	right: -115px;
	left: auto;
	top: -104px;
	z-index: 0;
}

.intern-hero-wrapper {
	position: relative;
	z-index: 2;

}

.intern-hero-badge {
	padding: 8px 26px;
	background-color: #fff;
	border-radius: 50px;
	color: #ff561d;
	font-size: 18px;
	font-weight: 600;
	box-shadow: 0px 2px 5px 0px #00000017;
	margin-bottom: 8px;
	display: inline-block;
}

.intern-hero-left h1 {
	line-height: 69px;
	font-size: 58px;
	font-weight: 700;

	margin: 0;
	color: #161616;
}

.intern-hero-left h1 span {
	color: #ff561d;
	position: relative;
	font-size: 58px;
	font-weight: 700;
}

.span-bg-img {
	position: absolute;
	right: 15px;
	bottom: -16px;
}

.intern-hero-left h3 {
	margin-top: 30px;
	font-size: 25px;
	line-height: 29px;
	font-weight: 600;
	color: #161616;
	margin-bottom: 10px;
}

.intern-hero-left p {
	line-height: 30px;
	font-size: 18px;
	font-weight: 500;
	color: #606060;
	margin: 0 0 30px;
}

.intern-hero-left .hero-btns {
	display: flex;
	align-items: center;
	gap: 12px;
}

.intern-hero-left .enroll-btn {
	background-color: #ff561d;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 17px 48px;
	border-radius: 5px;

}

.intern-hero-left .contact-btn {
	background-color: #161616;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 17px 48px;
	border-radius: 5px;

}

/* ==================== int-banefits-sec =================== */

.int-banefits-sec {
	position: relative;
	padding: 80px 0px;
	overflow: hidden;
}

.intern-heading {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #161616;
	line-height: 36px;
	margin: 0 0 13px;
}

.intern-heading span {
	color: #FF561D;
	font-size: 32px;
	font-weight: 600;
}

.intern-para {
	text-align: center;
	max-width: 650px;
	color: #606060;
	font-size: 18px;
	font-weight: 500;
	margin: 0 auto 23px;
	line-height: 28px;

}

.banefits-main-box {
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
}

.banefits-left-box,
.banefits-right-box {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-around;
}

.benefits-btn {
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #161616;
	font-size: 20px;
	font-weight: 600;
	background-color: #FFF0EB;
	padding: 9px 18px 9px 7px;
	border-radius: 50px;
	border: 1px solid #FF5A00;
	transition: all 0.3s ease-in;
}

.benefits-btn:hover {
	background-color: #F74E15;
	color: #fff;
}

.check-circle {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	background-color: #Fff;
	align-items: center;
}

.check-circle i {
	color: #FF5A00;
}

.banefits-left-box .benefits-btn:first-child,
.banefits-left-box .benefits-btn:last-child {
	margin-right: -60px;
	margin-left: auto;
}

.banefits-right-box .benefits-btn:nth-child(2) {
	margin-right: -60px;
	margin-left: auto;
}

.banefits-down-box {
	display: flex;
	justify-content: center;
}

.banefits-left-box {
	transform: translateX(50px);
}

.banefits-right-box {
	transform: translateX(-126px);
}

.benefit-effect {
	width: 543px;
	height: 565px;
	background-color: #FF561D;
	opacity: 0.2;
	top: 280px;
	position: absolute;
	left: -551px;
	filter: blur(215px);
}

.benefit-effect.next {
	background-color: #FFF6EC;
	opacity: 1;
	top: 20px;
	right: -121px;
	left: auto;
	z-index: -1;
}

/* ==================== training-program-sec ========================= */
.training-program-sec {
	padding: 60px 0px;
	background-color: #F4F4F4;
}

.training-pro-wrapper>span {
	font-size: 16px;
	font-weight: 400;
	color: #FF561D;
	margin: 0 0 8px;
	line-height: 22px;

}

.training-pro-wrapper .intern-heading {
	text-align: left;
	margin: 0 !important;
}

.training-card-box {
	margin: 46px 0 0;
}


.training-card {
	border-radius: 10px;
	background-color: #fff;
	/* margin: 0 0 36px; */
	overflow: hidden;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.training-card-box .row>div {
	margin-bottom: 30px;
}

.training-details {
	padding: 20px 44px 28px 33px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	overflow: hidden;
}

.training-feature-heading {
	margin: 0 0 15px;
}

.training-details h3 {
	color: #131313;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	margin: 0 0 10px;
}

.training-feature-list li {
	padding-left: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Crect opacity='0.1' x='1.03564' y='0.556396' width='10' height='10' rx='0.5' stroke='%23131313'/%3E%3Cpath d='M5.92687 9.15786L5.87178 9.064C5.03041 7.63047 2.79458 4.58831 2.772 4.55775L2.73975 4.51394L3.50148 3.76113L5.91272 5.44483C7.4309 3.47477 8.84726 2.12164 9.77114 1.33147C10.7818 0.467093 11.4397 0.0691647 11.4463 0.0653515L11.4613 0.0563965H12.7534L12.63 0.166316C9.45565 2.99366 6.01504 9.00292 5.98077 9.06329L5.92687 9.15786Z' fill='%23131313'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size: 16px;
	font-weight: 400;
}

.training-feature-list li+li {
	margin-top: 10px;
}

.training-fee-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: auto;
	gap: 15px;
}

.training-fee-detail p {
	font-size: 12px;
	font-weight: 400;
	color: #131313;
	opacity: 0.5;
	line-height: 14px;
	margin: 0 0 3px;
}

.training-fee-detail h3 {
	color: #FF561D;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}

.card-enroll-btn {
	background-color: #141414;
	color: #fff;
	padding: 13px 25px;
	border-radius: 5px;
	transition: all 0.3s ease-in;
	text-transform:capitalize;
}

.card-enroll-btn.enroll-now-btn {
	background: #ff561d;
}

.card-enroll-btn:hover {
	color: #fff;
	scale: 0.9;
}

.training-card .training-img {
	overflow: hidden;
	border-radius: 10px;
	width: 100%;
}

.training-card:hover .training-img img {
	scale: 1.2;
}

.training-card .training-img img {
	transition: all 0.3s ease-in;
	object-fit: cover;
	width: 100%;
}

.btn.apply-btn {
	background-color: #FF561D;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 50px;

}

.training-apply-box {
	display: flex;
	justify-content: center;
	gap: 12px;
}

/* ==============================  int-choose-sec =========================== */
.int-choose-sec {
	padding: 80px 0px;
}

.choose-us-card {
	background-color: #F4F4F4;
	padding: 40px 30px;
	/* margin-bottom: 40px; */
	border-radius: 12px;
	height: 100%;
	transition: all 0.3s ease-in;
	cursor: pointer;
}

.choose-us-card:hover {
	transform: translateY(-10px);
}

.choose-us-icon-box {
	width: 76px;
	height: 76px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	justify-content: center;
}

.choose-us-icon-box img {
	margin-left: -2px;
}

.choose-us-card h3 {
	font-size: 25px;
	font-weight: 500;
	color: #131313;
	line-height: 30px;
	margin: 0 0 30px;
	text-transform: capitalize;
}

.choose-us-card p {
	font-size: 16px;
	font-weight: 400;
	color: #131313;
	opacity: 0.6;
	line-height: 27px;
}

.choose-cards-box .row>div {
	margin-bottom: 30px;
}

.hired-steps-box {
	background-color: #131313;
	padding: 70px 31px;
	border-radius: 25px;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/hired-steps-bg.png);
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
	margin-top: 50px;
}

.hired-steps-box h2 {
	text-align: center;
	color: #fff;
	font-size: 54px;
	font-weight: 500;
	margin: 0 0 32px;
}

.hired-steps-inner {
	padding: 35px 30px;
	background-color: #1F1F1F;
	display: flex;
	border-radius: 15px;
	gap: 40px;
}

.step-num-box {
	width: 42px;
	height: 42px;
	min-width: 42px;
	background-color: #FF561D;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
}

.hired-steps-block {
	display: flex;
	gap: 12px;
}

.hired-steps-block h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 4px;
	color: #fff;
	line-height: 20px;
	white-space: nowrap;
}

.hired-steps-block p {
	color: #fff;
	opacity: 0.5;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}


/* ===================== trainee marquee sec ============================ */

.trainee-marquee-sec {
	overflow: hidden;
	padding: 80px 0px;
}

/* .marquee-wrapper {
    display:  inline-block;
    white-space: nowrap;
  } */

.traineebox {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	transform: translate3d(0%, 0, 0);
	animation-name: trainee-marquee;
	animation-duration: 57s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.traineebox .marquee-cards {
	display: inline-block;
	width: 336px;
	margin: 0 15px;
	padding: 0;
	height: 400px;
	grid-column-gap: 25px;
	grid-row-gap: 20px;
	background-color: #ddd;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.marquee-cards>img {
	height: 100%;
	width: 100%;
	object-fit: cover;

}

.collage-collab-wrapper .marquee-cards img {
	height: 100%;
	width: 100%;
	object-fit: contain;

}

.designation {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 0px 15px 15px 0px;
	overflow: hidden;
	height: 50%;
	display: flex;
	z-index: 1;
}

.trainee-name {
	color: #fff;
	text-align: left;
	padding: 5px 11px 5px 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.designation-txt {
	color: #fff;
	/* text-align: center; */
	padding: 5px 11px 5px 20px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
}

.designation-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.trainee-marquee-wrapper .intern-heading,
.collage-collab-wrapper .intern-heading,
.int-choose-sec .intern-heading {
	text-align: left;
	margin: 0 0 30px !important;
}


.trainee-marquee-wrapper button.slick-prev.slick-arrow {
	position: absolute;
	width: 40px;
	height: 40px;
	left: auto;
	right: 70px;
	top: -49px;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/left-arw.svg);
	z-index: 1;
	background-color: transparent;
	border-radius: 50%;
}

.trainee-marquee-wrapper button.slick-next.slick-arrow {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 12px;
	left: auto;
	top: -50px;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/right-arw.svg);
	z-index: 1;
	background-color: transparent;
	border-radius: 50%;
}



.trainee-marquee-wrapper button.slick-prev.slick-arrow::before,
.trainee-marquee-wrapper button.slick-next.slick-arrow::before {
	display: none;
}

.trainee-marquee-wrapper .slick-list {
	margin: 0 -15px;
}

.play-btn {
	background-color: #fff;
	width: 39px;
	height: 39px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	margin-bottom: 7px;
}

/* ===================== collage marquee sec ============================ */

.collage-collab-sec {
	background: linear-gradient(358.59deg, #FFE4DB 42.26%, rgba(248, 227, 193, 0) 99.42%);
	padding: 40px 0 80px;
	overflow: hidden;
}

.collage-marquee-main .collagebox {
	position: relative;
	animation-duration: 57s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.collage-marquee-main .collagebox .marquee-cards {
	display: inline-block;
	width: 336px;
	margin: 0 0.5em;
	padding: 0;
	height: 327px;
	grid-column-gap: 25px;
	grid-row-gap: 20px;
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/marquee-shape1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 107%;
	cursor: pointer;
}

.collage-marquee-main .collagebox a:nth-child(even) {
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/marquee-shape6.svg);
}

.collage-marquee-main .collagebox a:nth-child(odd) {
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/marquee-shape7.svg);
}

.collage-marquee-main .collagebox a:nth-child(3n) {
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/marquee-shape8.svg);
}

.collab-collage-img {
	max-height: 150px;
	width: 150px;
	margin: 0 auto;
	margin-top: 20px;
}

.collab-collage-outer {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}

.collab-collage-upper {
	min-height: 50%;
	padding: 20px 20px 0px;
}

.collage-img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.collab-collage-upper {
	min-height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collage-img-box img {
	max-width: 150px;
	max-height: 150px;
}

.collab-collage-down p {
	font-size: 25px;
	font-weight: 500;
	color: #131313;
	margin-top: 50px;
}

.collage-marquee-main button.slick-prev.slick-arrow,
.stats-bar-wrapp button.slick-prev.slick-arrow,
.training-card-box button.slick-prev.slick-arrow,
.choose-cards-box button.slick-prev.slick-arrow {
	position: absolute;
	width: 40px;
	height: 40px;
	left: auto;
	right: 70px;
	top: -60px;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/left-arw.svg);
	z-index: 1;
	background-color: #fff;
	border-radius: 50%;
}

.collage-marquee-main button.slick-next.slick-arrow,
.stats-bar-wrapp button.slick-next.slick-arrow,
.training-card-box button.slick-next.slick-arrow,
.choose-cards-box button.slick-next.slick-arrow {
	position: absolute;
	width: 40px;
	height: 40px;
	top: -60px;
	left: auto !important;
	right: 0px;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/right-arw.svg);
	z-index: 1;
	background-color: #ffff;
	border-radius: 50%;
}

.collage-marquee-main button.slick-next.slick-arrow {
	left: auto !important;
}

.collage-marquee-main button.slick-prev.slick-arrow::before,
.collage-marquee-main button.slick-next.slick-arrow::before,
.stats-bar-wrapp button.slick-prev.slick-arrow::before,
.stats-bar-wrapp button.slick-next.slick-arrow::before,
.training-card-box button.slick-prev.slick-arrow::before,
.training-card-box button.slick-next.slick-arrow::before,
.choose-cards-box button.slick-prev.slick-arrow::before,
.choose-cards-box button.slick-next.slick-arrow::before {
	display: none;
}

.collage-marquee-main .slick-list {
	margin: 0 -15px;
}

.collab-collage-down {
	height: 50%;
	display: flex;
	align-items: center;
}

/* Event and activity section Start */

.btn.enroll-btn {
	background-color: #141414;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 50px;
	border: 0;
}

.event-sec {
	padding: 80px 0px;
}

.event-box {
	border: 1px solid #BABABA;
	position: relative;
	padding: 50px 20px 35px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
}

.event-main-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 45px;
	grid-column-gap: 35px;
	margin-top: 36px;
}

.event-txt {
	font-size: 21px;
	font-weight: 600;
	line-height: 38.5px;
	text-align: center;
	position: absolute;
	background-color: #fff;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0px 60px;
	white-space: nowrap;
}

.event-image-box {
	overflow: hidden;
	border-radius: 4px;
	max-width: 425px;
	max-height: 200px;
}

.event-image-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* Event and activity section End */

/* Dynamic Workspaces Section Start*/
.dynamic-workspace-sec {
	background-color: #F4F4F4;
}

.dynamic-workspace-wrapper {
	padding: 65px 0px 75px;
}

.dynamic-workspace-wrapper .intern-heading {
	text-align: left;
}

.dynamic-workspace-box {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-row-gap: 25px;
	grid-column-gap: 25px;
}

.workspace {
	margin-bottom: 25px;
}

.workspace:last-child {
	margin-bottom: 0;
}

.workspace-items {
	max-width: 471px;
	min-height: 182px !important;
	overflow: hidden;
}

.workspace-item-row {
	max-width: 471px;
	/* 	max-height: 182px; */
	min-height: 182px !important;
	overflow: hidden;
	height: 100%;
}

.mobile-sec .workspace-item-row {
	max-width: 471px;
	min-height: 182px !important;
	overflow: hidden;
}

.workspace-items {
	max-width: 471px;
	/* 	max-height: 182px; */
	overflow: hidden;
}

.workspace img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 10px;
}

.workspace-item-row img {
	display: block;
	height: 100%;
}

.mobile-sec .workspace img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	height: 182px;
	width: 100%;
	border-radius: 10px;
}

/* Dynamic Workspaces Section End*/
/* Our Gallery Section Start*/
.our-gallery-sec {
	background-color: #F4F4F4;
	padding: 100px 0px;
}

.our-gallery-wrapper .intern-heading {
	text-align: left;
}

.our-gallery-box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.our-gallery-item {
	max-width: 366px;
	height: auto;
	width: 100%;
	overflow: hidden;
}

.our-gallery-item a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.our-gallery-item a {
	height: 100%;
	position: relative;
}

.play-btn {
	background-color: #fff;
	width: 39px;
	height: 39px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	margin-bottom: 7px;
}

.our-gallery-item:hover a img {
	filter: brightness(0.2);
	transition: 0.5s ease-in-out;
}

.insta-logo {
	position: absolute;
	object-fit: unset !important;
	left: 50%;
	width: 30px !important;
	height: 30px !important;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	filter: brightness(1) !important;
	display: none;
}

.our-gallery-item:hover a .insta-logo {
	display: block;
}

.shine-dezign-intern-video video {
	width: 100%;
	object-fit: cover;
}

.shine-dezign-intern-video {
	position: relative;
}

.close-btn {
	position: absolute;
	top: -35px;
	right: -12px;
}

.intern-video-modal .modal-body {
	padding: 60px 40px 40px;
}

.intern-video-modal .modal-dialog {
	max-width: 684px;
}

.intern-video-modal .modal-content {
	border-radius: 10px;
}

/*==================== paid intern form Start ====================*/
.paid-intern-form-sec {
	margin: 0 auto;
	padding: 70px 0;
	background: transparent;
	position: unset;
}

.paid-intern-program h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 48.41px;
	margin-bottom: 18px;

}

.intern_form .control-label {
	position: absolute;
	top: 10px;
	left: 15px;
	pointer-events: none;
	padding-left: 0;
	z-index: 1;
	-webkit-transition: all 0.28s ease;
	transition: all 0.28s ease;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	color: #5C5C5C;
}

.intern_form .fieldstyle-box {
	position: relative;
	margin-top: 0;
	margin-bottom: 45px;
}

.fieldstyle-box input.formcontrol {
	background: transparent;
	border: 0px solid #e8e8e8;
	padding: 8px 0px;
	border-radius: 0;
	resize: none;
	font-size: 18px;
	height: auto;
	margin: 0;
}

.address-box .adress-top svg {
	width: 90px;
	margin-right: 20px;
}

.address-box {
	max-width: 513px;
	margin-left: auto;
}

.adress-top {
	display: flex;
	align-items: center;
}

.address-box .adress-top h2 {
	font-size: 30px;
	font-weight: 700;
}

.address-box .adress-top h2 span {
	font-size: 19px;
	line-height: 23px;
	margin-bottom: 12px;
	color: #585858;
	display: flex !important;
	align-items: center;
	height: 100%;
	gap: 4px;
}

.location-address-head {
	margin-top: 20px;
	display: flex;
	gap: 20px;
	align-items: center;
}

.location-address-head h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 47.68px;
	text-align: left;
	color: #161616;
}

.location-address-head img {
	margin-top: -12px;
}

.location-title {
	margin-left: 35px;
	margin-bottom: 20px;
}

.location-title p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26.3px;
	padding-bottom: 12px;
}

.location-box {
	border-bottom: 1px solid #e8e8e8;
}

.address-box .intern-contact-details {
	list-style: none;
	padding: 0;
	margin: 0;
}

.intern-contact-details li svg path {
	fill: #ff561d;
}

.address-box .intern-contact-details li {
	padding: 35px 0;
	border-bottom: 1px solid #eaeaea;
}

.address-box .intern-contact-details li a {
	font-size: 25px;
	line-height: 33px;
	color: #000000;
	text-decoration: none;
	background: linear-gradient(to right, #ff561d, #ff561d 50%, #191919 50%, #191919 50%);
	background-size: 200% auto;
	background-position-x: 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	transition: background-position-x .8s, color .8s;
	margin-left: 40px;
	font-weight: 600;
}

.intern-contact-details li a span {
	color: #ff561d;
	font-weight: 600;
	font-size: 15px;
}

.fieldstyle-box input.form-control {
	background: transparent;
	border: 0px solid #e8e8e8;
	padding: 8px 0px;
	border-radius: 0;
	font-size: 16px;
	height: auto;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

label.control-label {
	font-size: 16px;
	font-weight: 400;
	line-height: 19.18px;
	text-align: left;
}

.intern_form {
	margin-top: 50px;
}

.fieldstyle-box label:focus {
	top: -20px;
}

.fieldstyle-box .form-control:focus {
	box-shadow: none;
}

button.btn.submit {
	font-size: 18px;
	background-color: #FF561D;
	color: #fff;
	font-weight: 400;
	min-height: 22px;
	min-width: 55px;
	padding: 13px 49px;
}

.upload-file-bx {
	border: 2px dashed #CFCFCF;
	text-align: center;
	cursor: pointer;
	width: 100%;
	padding: 40px 32px;
	background: #f9f9f9;
	/* margin-top: 15px; */
}

/*input[type="file"] {*/
/*	display: none;*/
/*}*/

.upload-file-bx label {
	color: #5C5C5C;
	font-weight: 500;
	font-size: 16px;
}

.upload-file-bx label img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.intern_form .form-field:has(.form-control:focus) label {
	top: -20px;
	font-size: 13px;
	color: #000;
}

.intern_form .form-field:has(.form-control:visited) label {
	display: none;
}

/*===================================== Faq Section Start =====================================*/
.faq-sec {
	padding: 70px 0px;
}

.faq-box {
	max-width: 1001px;
	margin: 0 auto;
	width: 100%;
	padding-top: 52px;
}

.faq-box .card-header {
	padding: 22px 0;
	margin-bottom: 0;
	background-color: #fff;
	border-bottom: 0;
}

.faq-box .card {
	border-bottom: 1px solid #F0E6E1 !important;
}

.faq-box .card {
	border-bottom: 1px solid red;
	border: unset;
}

.faq-box .btn {
	padding: unset;
}

.faq-box .card-body {
	border-bottom: 0;
	color: #707070;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	padding: 0 30px 20px 0;
}

.faq-box .btn-link:hover {
	text-decoration: unset;
}

.faq-box .btn-check:focus+.btn,
.btn:focus {
	text-decoration: none;
}

.card-header h2 button {
	font-family: Inter;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.36px;
	color: #0B0D11;
}

.button.upload-file-bx {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.faq-box .card-header button:not(.collapsed) {
	color: #FF5A00 !important;
}

.faq-box .btn-link:hover {
	color: #000000 !important;
}

.faq-box .accordion button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.36px;
	background-color: #Fff !important;
	border: 0 !important;
	font-family: 'FuturaBTW01-Book';
}

.faq-box .accordion button:hover,
.faq-box .accordion button:focus,
.faq-box .card-header button:not(.collapsed) {
	color: #0B0D11 !important;
}

.intern-banner-form {
	background: #fff;
	border-radius: 10px;
	padding: 47px 41px;
	max-width: 604px;
	width: 100%;
	border: 1px solid #F8F3EB;
	/* margin-left: 70px; */
}

.intern-banner-form .form-group {
	/* margin-bottom: 25px; */
}

.intern-form-bx .form-control {
	padding: 15px 15px;
	background-color: #F3F3F3;
	border-radius: 8px;
	min-height: 55px;
}

.intern-form-bx select.form-control {
	background-image: url('https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/form-down-icon.svg');
	background-repeat: no-repeat;
	background-position: 96%;
	cursor: pointer;
}

.intern-form-bx label {
	color: #131313;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.78px;

}

.inputvalidaterror {
	color: red !important;
}

.intern-form-bx .upload-bx label p {
	font-size: 14px;
	font-weight: 700;
	line-height: 22.4px;
	color: #131313;

}

.full-btn {
	width: 100%;
}

.intern-form-bx .upload-bx .upload-file-bx {
	margin-top: unset;
	border: 2px dashed #F74E15;
	border-radius: 8px;
}

.formfield {
	position: relative;
	width: 100%;
}

.form-group {
	margin-bottom: 0;
}

.intern-form-bx a {
	margin-top: 19px;
	color: #525DFF;
}

.intern-form-bx .apply-btn {
	text-decoration: none !important;
}

.intern-hero-form {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.pattern-logo {
	position: absolute;
	top: 32%;
	transform: translateY(-50%) translateX(-50%);
}

.card-header button:not(.collapsed) img {
	transform: rotate(90deg);
}

.card-header button img {
	transition: all 0.3s ease;
}

/*===================================== Faq Section End =====================================*/


/* Stats bar - Start */
.stats-bar-sec {
	position: relative;
}

.stats-bar-wrapp {
	gap: 20px;
	position: absolute;
	top: -60px;
	max-width: 1328px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}

.stats-bar-box {
	display: flex !important;
	justify-content: space-between;
	max-width: 429px;
	width: 100%;
	align-items: center;
	border: 1px solid #D4D4D4;
	border-radius: 20px;
	padding: 22px 26px;
	background: #fff;
}

.stats-heading h3 {
	font-size: 38px;
	line-height: 44px;
	color: #ff561d;
	font-family: 'FuturaBTW01-Bold' !important;
	margin: 0 0 5px;
}

.stats-heading p {
	font-size: 18px;
	line-height: 22px;
	color: #161616;
	letter-spacing: normal;
	font-family: 'FuturaBTW01-Medium';
}

.stats-bar-outer .stats-heading {
	margin: 0 10px 0 0;
}

.stats-bar-outer .stats-image {
	flex: 0 0 130px;
}

.stats-bar-wrapp .stats-bar-box:last-child .stats-image {
	flex: 0 0 150px;
}

.intern-hero-form {
	position: relative;
	padding-bottom: 38px;
}

.banefits-sec-wrapper {
	padding-top: 80px;
}

.intern-paid .intern-banner-form {
	max-width: 669px;
	width: 100%;
}

.paid-intern-program {
	margin-bottom: 55px;
}

/* Stats bar - End */

/*===================================== paid intern form End =====================================*/




.email-desc {
	padding: 140px 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.theme-btnss {
	margin-top: 20px;
}

.email-desc h2 {
	margin-top: 14px;
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 14px;
}

.theme-btnss a {
	color: #fff;
	background: #ff561d;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: 4px;
	letter-spacing: 1px;
	border-color: #ff561d;
}

.email-desc p {
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-weight: 500;
}

select#sel1 {
	appearance: none;
}

.traineeboxs .trainee-slider-item a.marquee-cards:after {
	content: '';
	position: absolute;
	bottom: 0;
	background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, #000000 100%);
	left: 0;
	height: 220px;
	width: 100%;
}

.marquee-cards {
	position: relative;
	height: 400px;
	overflow: hidden;
	border-radius: 14px;
}

.apply-form input.form-control {
    display: block !important;
    height: auto;
    padding: 8px 20px;
}

/**/

.location-address-head i,
.footer-big ul li i {
	font-family: 'FontAwesome';
}


.intern-form-bx select.form-control option {
	font-family: 'FuturaBTW01-Book';
}

div#main-menu .col-md-12 {
	padding-right: 0px;
}

section.dynamic-workspace-sec.mobile-sec {
	display: none;
}

.training-details h3 span {
	color: #FF561D;
	font-size: 20px;
	font-weight: 600;
}

/*training-course*/
.training-course-wrapper .row {
	align-items: center;
}

.training-course.portfolio {
	padding: 180px 0 60px;
	background: #ffffff url(https://careers.shinedezign.com/wp-content/uploads/2024/11/Group-1171281846.png) no-repeat center / cover;
}

.training-course-content {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.training-course-sub-title {
	width: max-content;
	background: #fff;
	padding: 5px 25px;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 600;
	box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
	color: #FF561D;
}

.button-group {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
}

.button-group .button {
	width: 182px;
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
}

.button-group .button-left {
	background: #FF561D;
}

.button-group .button-right {
	background: #000;

}

.training-course-content {
	width: auto;
	padding: 0 8px;
}

.button-icon {
	border: 1px solid currentColor;
	padding: 8px;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.training-course-title:before {
	content: '';
	display: block;
	height: 20px;
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/Vector-4.png) no-repeat center bottom;
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
}

.training-course-title {
	position: relative;
	font-size: 40px;
	font-weight: 700;
}

.training-program {
	background: #fff;
	padding: 20px 0px 80px;
}

.training-program-wrapper {
	padding: 0 30px;

}

.training-program-hightlight-title {
	color: #FF561D;
	font-size: 40px;
	font-weight: 700;
}

.training-program-title {
	display: flex;
	flex-direction: column;
}



.training-program-image img {
	width: 100%;
	padding-right: 50px;
}


/**/
.key-features-wrapper .row>div {
	margin-bottom: 30px;
}


.key-features-features-box {
	background-color: #fff;
	padding: 40px 30px;
	border-radius: 12px;
	height: 100%;
	transition: all 0.3s ease-in;
	cursor: pointer;
}

.key-features-features-box:hover {
	transform: translateY(-10px);
}

.key-features-features-icon {
	width: 76px;
	height: 76px;
	background-color: #FFF5EA;
	border-radius: 50%;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	color: #FF561D;
	justify-content:center;
}

.key-features {
	background: #F4F4F4;
	padding: 80px 0px;
}

.training-program-wrapper .row {
	align-items: center;
}

.training-course-wrapper .row {
	align-items: center;
}

.benefits-training-program-wrapper {
	padding: 60px 0 0;
}

.benefits-training-program-content {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.benefits-training-program-list .row {
	row-gap: 40px;
}

.benefits-training-program-item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.benefits-training-program-icon {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	min-width: 70px;
	border-radius: 50%;
}

.benefits-training-program-title {
	max-width: 53%;
}

.course-curriculum {
	padding: 70px 0 160px;
	background-image: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/course_image.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.course-curriculum h2.section-title {
	color: #fff;
}

.course-curriculum-button {
	border-radius: 100px;
	background: #FF561D;
	box-shadow: 0px 0px 0px 8px rgb(87 87 87 / 41%);
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	margin: auto;
	color: #fff;
}

.course-curriculum-button:hover {
	color: #000;
}

.benefits-training-Program-wrapper {
	padding: 60px 0 0;
}

.download-link {
	background: rgb(255 255 255 / 23%);
	border-radius: 100px;
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.apply-form-wrapper {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/Mask-group-1.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 40px;
	border-radius: 10px;
	height: 366px;
	background-position: center;
}

.apply-form-content {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}

.apply-form-content p {
	text-transform: capitalize;
}

.apply-form-content .button-group .button.button-left {
	background: #000;
}

.apply-form-content .button-group .button.button-right {
	background: #FF561D;
}

.active .course-curriculum-faq-plus-icon {
	display: none;
}

.course-curriculum-faq-title {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
}

.course-curriculum-faq-box {
	background: #212121;
	padding: 15px 20px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.course-curriculum-faq-wrapper {
	padding: 50px 0px;
}

.course-curriculum-faq-desc {
	margin-top: 10px;
	display: none;
	transition: 0.25s;
}

.course-curriculum-faq-plus-icon {
	background: #131313;
	width: 30px;
	height: 30px;
	padding: 7px;
	transition: 0.25s;
	border-radius: 100px;
	cursor: pointer;
}

.course-curriculum-faq-minus-icon {
	background: #FF561D;
	width: 30px;
	height: 30px;
	padding: 7px;
	display: none;
	transition: 0.25s;
	border-radius: 100px;
	cursor: pointer;
}

.active .course-curriculum-faq-minus-icon {
	display: block;
}

.course-curriculum-content.text-left,
.course-curriculum-faq-desc li {
	color: #fff;
	padding-top: 5px;
	opacity: 0.7;
	font-size: 18px;
	padding-left: 20px;
}

.course-curriculum-faq-box.active {
	background: #000;
}

.course-curriculum-faq-desc {
	padding-right: 40px;
	padding-left: 20x;
}

.active .course-curriculum-faq-desc {
	display: block;
}

.apply-form {
    position: relative;
    margin-top: -160px;
}
.come-from-modal .apply-form {
    margin-top: 0;
}
.course-curriculum .section-title {
	margin-bottom: 50px;
}

.apply-form-content .button-group {
	margin-top: 0;
}

.apply-form-title {
	position: relative;
}

.apply-form-title:before {
	content: '';
	display: block;
	height: 20px;
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/Vector-4.png) no-repeat center bottom;
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
}

.how-it-work-image-content {
	margin-top: 40px;
	max-width: 60%;
}

.highlight-title,
.offering-certified-form-title strong {
	font-weight: 600;
	color: #FF561D;
	text-transform: capitalize;
}

.how-it-work {
	padding: 80px 0;
}


.how-it-work-info-list-item {
	display: flex;
	gap: 20px;
	position: relative;
	padding-bottom: 30px;
}

.how-it-work-icon {
	background: #FF561D;
	width: 30px;
	height: 30px;
	min-width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.how-it-work-icon svg {
	width: 15px;
	height: 15px;
}

.how-it-work-icon svg path {
	fill: #fff;
}

.how-it-work-info-title {
	margin-bottom: 0;
}

.how-it-work-info-list-item:before {
	content: "";
	position: absolute;
	border-left: 2px dotted #ccc;
	width: 9px;
	height: 100%;
	left: 15px;
	z-index: -1;
}

.how-it-work-info-list-item:last-child:before {
	border: none;
}

.how-it-work-info-list-item:first-child:before {
	border-left: 2px dotted #ccc;
}

.apply-form-title {
	font-weight: 500;
}


/**/

.shopify-developer-certificate-wrapper .row {
	align-items: center;
}

.shopify-developer-certificate-wrapper .shopify-developer-certificate-desc {
	padding-right: 50px;
}

.shopify-developer-certificate-content {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}

.shopify-developer-certificate {
	padding: 60px 0 70px;
}

.development-course {
	background: #131313;
	padding: 40px 0;
}

.development-course .section-title {
	max-width: 610px;
	margin: 0 auto 40px;
	color: #fff;
}

.development-course .section-title .highlight-title {
	font-size: 40px;
}

.development-course-item {
	text-align: center;
	background: #212121;
	padding: 30px;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	border-radius: 10px;
	height: 100%;
}

.development-course-desc {
	color: #fff;
	opacity: 0.6;
}

.development-course-title {
	color: #fff;
	margin: 0;
}

.development-course .row {
	row-gap: 30px;
	justify-content: center;
}

/**/

.why-choose-us {
	padding: 50px 0px;
	background: #F4F4F4;
}

.why-choose-us-item {
	display: flex;
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	height: 100%;
	gap: 20px;
}

.why-choose-us-icon {
	background: #FFF5EA;
	width: 70px;
	height: 70px;
	min-width: 70px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-choose-us .row {
	row-gap: 30px;
}

.enroll-wrapper {
	background: #EAEAEA;
	border-radius: 14px;
	padding: 50px;
	padding-bottom: 0;
	overflow: hidden;
}

.enroll-info {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	margin-top: 30px;
}

.enroll-info-title {
	align-items: center;
	display: flex;
	gap: 10px;
}

.enroll-info-image {
	text-align: right;
	margin-right: -50px;
}

.training-info-title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.training-icon {
	background: #FF561D;
	width: 20px;
	height: 20px;
	min-width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.training-icon svg {
	width: 10px;
	height: 10px;
}

.training-icon svg path {
	fill: #fff;
}

.training-info {
	margin-top: 20px;
}

.training-wrapper {
	border-radius: 14px;
	padding: 40px 100px;
	height: 100%;
	padding-bottom: 0;
	background: #F0ECE6 url(https://careers.shinedezign.com/wp-content/uploads/2024/11/Ellipse-3616.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}


.training-info-image-group {
	padding-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	max-width: 65%;
	width: 100%;
	bottom: 120px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.training-info-images {
	width: 170px;
	background: #fff;
	height: 170px;
	min-width: 170px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 0;
	justify-content: center;
}

.placement-offering {
	padding: 80px 0;
	background: linear-gradient(358.59deg, #FFE4DB 44.26%, #FFFFFF 85.42%);
}

.placement-offering .row {
	align-items: center;
	row-gap: 30px;
	justify-content: center;
}

.placement-offering-content {
	background: #fff;
	padding: 40px;
	border-radius: 35px;
	height: 100%;
	margin-left: -20%;
	text-align: center;
}

.placement-offering-wrapper {
	background: #F4F4F4;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
	min-width: 100%;
}

.placement-offering-title {
	text-align: center;
	margin-bottom: 40px;
}


.placement-offering-list-title {
	font-weight: 500;
}



.offering-certified-form {
	padding: 50px 0;
	background: linear-gradient(358.59deg, #FFE4DB 44.26%, #FFFFFF 85.42%);
}

.offering-certified-form-wrapper {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/banner56.png);
	padding: 90px 40px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	background-position: 100% center;
	display: none;
}

.offering-certified-form-title {
	color: #fff;
	text-transform: capitalize;
	max-width: 712px;
}

.offering-certified-form .button.button-right {
	background: #fff;
	color: #000;
}

.offering-certified-form .button-group {
	margin-top: 30px;
}


.review-item-inner {
	background: #fff;
	padding: 30px;
	border-radius: 25px;
	display: grid;
	align-items: center;
	gap: 20px;
	height: 100%;
	max-width: max-content;
	margin-left: 10px;
	margin-right: 10px;
	grid-template-columns: 1fr 1.5fr;
}

.review-content {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.review-icon {
	background: #F4F4F4;
	padding: 10px;
	border-radius: 10px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
}

.review-item-inner .review-info {
	max-width: 260px;
}

.review-rating {
	margin-bottom: 10px;
}

.review-image {
	overflow: hidden;
	border-radius: 25px;
	height: 100%;
}

.review-item-inner .review-image img {
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.review-heading {
	margin-bottom: 30px;
	text-transform: capitalize;
}

.review {
	padding: 60px 0px 0px;
}

.review .slick-list.draggable {
	overflow: visible;
}


.review .slick-prev.slick-arrow {
	left: auto;
	top: -50px;
	right: 40px;
}

.review .slick-next.slick-arrow {
	top: -50px;
}

.review .slick-arrow {
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	min-width: 50px;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	background: #fff;
}

.review .slick-prev.slick-arrow:before {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/path9429.png);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	content: '';
	width: 20px;
	height: 20px;
	margin-top: 4px;
}

.review .slick-next.slick-arrow:before {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/path9429-1.png);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	content: '';
	width: 11px;
	height: 17px;
	left: 0;
	right: 0;
}

.review .slick-arrow:hover {
	background: #fff;
}

.review .slick-prev.slick-arrow:hover {
	background: #fff;
}

.review-title {
	font-weight: 600;
	font-size: 25px;
	color: #000;
}

.success-stories {
    background: #F4F4F4;
    padding: 50px 0 100px;
}

.success-stories-item-inner {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.success-stories-wrapper .slick-list.draggable {
	overflow: visible;
}

.success-stories-author-name {
	display: flex;
	gap: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.success-stories-author-image {
	overflow: hidden;
	border-radius: 100px;
	width: 63px;
	height: 63px;
	min-width: 63px;
}

.success-stories-author-name .linkein-icon {
	margin-left: auto;
}

.success-stories-author-name .linkein-icon img {
	max-width: 40px;
}

.success-stories-author-post {
	color: #a2a2a2;
	font-size: 18px;
	font-weight: 500;
}

.success-stories-author-review {
	display: flex;
	padding: 15px 0;
	align-items: center;
	gap: 5px;
}

.success-stories-author-work {
	font-size: 22px;
	font-weight: 500;
	line-height: 24.2px;
	text-align: left;
}

.success-stories-author-details {
	padding-bottom: 20px;
}

.success-stories-author-details p {
	display: -webkit-box;
	max-width: 100%;
	margin: 0 auto;
	/* -webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; */
	color: #767676;
}

.success-stories-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.success-stories-button span {
	margin-left: auto;
}

.success-stories-btn {
	color: #3E94E4;
	font-size: 18px;
}

.success-stories-author-rating {
	display: flex;
	align-items: center;
	gap: 6px;
}


.related-articles {
    display: none;
    padding: 50px 0;
    background: #F4F4F4;
}
.related-articles-item-inner {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	max-width: max-content;
	margin-left: 10px;
	margin-right: 10px;
}

.related-articles .slick-list.draggable {
	overflow: visible;
}

.related-articles-item-image img {
	width: 100%;
}

.related-articles-item-image {
	border-radius: 20px;
	overflow: hidden;
}

.related-articles-item-content {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-top: 20px;
}

.related-articles-title {
	margin: 0;
	font-size: 25px;
}

.related-articles-desc {
	color: #908F97;
}

.related-articles-date-time {
	padding-top: 20px;
	border-top: 1px solid #908f974a;
	display: flex;
	align-items: center;
	gap: 20px;
}

.success-stories .section-title {
	margin-bottom: 30px;
}

.related-articles .section-title {
	margin-bottom: 30px;
}

.success-stories .slick-arrow:hover {
	background: #fff;
}


.success-stories .slick-arrow {
	background: #fff;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	min-width: 50px;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	bottom: -80px !important;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	background: #fff;
}

.success-stories .slick-prev.slick-arrow {
	top: auto;
	bottom: -15%;
	left: 0;
	transform: translate(-50%, 50%);
	right: 0;
}

.success-stories .slick-next.slick-arrow:before {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/path9429-1.png);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	content: '';
	width: 11px;
	height: 17px;
	left: 0;
	right: 0;
	filter:invert(1);
}
.success-stories .slick-prev.slick-arrow:hover:before {
    filter: none;
}
.success-stories .slick-next.slick-arrow:hover:before {
    filter: none;
}

.success-stories .slick-next.slick-arrow {
	top: auto;
	/* bottom: -15%; */
	right: 0;
	transform: translate(90%, 50%);
	left: 0;
}

.success-stories .slick-prev.slick-arrow:before {
	background: url(https://careers.shinedezign.com/wp-content/uploads/2024/11/path9429.png);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin: auto;
	content: '';
	width: 20px;
	height: 20px;
	margin-top: 4px;
	filter:invert(1);
}

.faq-icon svg path {
	fill: #000;
}

.faq-minus-icon {
	display: block;
}

.collapsed .faq-minus-icon {
	display: none;
}

.faq-plus-icon {
	display: none;
}

.collapsed .faq-plus-icon {
	display: block;
}

.learn-tab .section-title {
	margin-bottom: 30px;
}

.learn-tab-list-item.active {
	color: #FF561D;
	border-color: #FF561D;
}

.learn-tab-list-item {
	padding: 12px 24px;
	border: 1px solid #C1C1C1;
	border-radius: 100px;
	font-weight: 600;
	cursor: pointer;
}

.learn-tab-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    column-gap: 14px;
    max-width: 940px;
    margin: 0 auto;
	align-items:center;
	}
.learn-tab {
	padding: 0 0 60px;
}

.learn-tab-list-item {
    padding: 12px 24px;
    border: 1px solid #C1C1C1;
    border-radius: 100px;
    font-weight: 600;
    cursor: pointer;
    min-width: 160px;
    text-align: center;
	list-style:none;
}
.learn-tab-image-item {
    text-align: center;
    background: #F4F4F4;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
}
.learn-tab-outer {
	padding: 40px 60px;
	border: 1px solid #C1C1C1;
	border-radius: 30px;
}
.page-template-digital-marketing-training  .learn-tab-list {
    max-width: 700px;
}
.learn-tab-image-list {
	margin-top: 40px;
}

.come-from-modal {
	z-index: 9999999;
}

.mobile-sec .dynamic-workspace-box .slick-prev {
	width: 40px;
	height: 40px;
	top: -45px;
	left: auto !important;
	right: 45px !important;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/right-arw.svg);
	z-index: 1;
	background-color: #ffff;
	border-radius: 50%;
	transform: rotate(180deg);
}

.mobile-sec .dynamic-workspace-box .slick-next {
	width: 40px;
	height: 40px;
	top: -25px;
	left: auto !important;
	right: 0;
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/right-arw.svg);
	z-index: 1;
	background-color: #ffff;
	border-radius: 50%;

}
.page-template-ai-ml-training .learn-tab .learn-tab-image {
	grid-template-columns: repeat(6, 1fr) !important;
}
.mobile-sec .dynamic-workspace-box .slick-arrow:before {
	content: unset;
}

.mobile-sec .dynamic-workspace-box .slick-arrow:hover {
	background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../images/right-arw.svg);
}

.mobile-sec .dynamic-workspace-box {
	margin-bottom: 0px !important;
}

.page-template-web-denelopment-training .learn-tab .learn-tab-image {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.learn-tab .learn-tab-image {
	gap: 30px 0;
	margin: 50px 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	justify-content: flex-start;
}


/* .learn-tab-image .img-wrapper {
    height: 36px;
} */
.learn-tab-image .img-wrapper.row-span-box {
	grid-row: span 2;
	height: 100%;
}

.learn-tab .learn-tab-image .img-wrapper img {
	/*     width: 100%; */
	object-fit: contain;
}

.page-template-devOps-training-program .learn-tab .learn-tab-image-item.learn-tab-left .learn-tab-image {
	grid-template-columns: repeat(4, 1fr);
}

/* .success-stories,
.faq-sec{
    display: none;
}
.related-articles{
	    display: none !important;
} */

.page-template-shopify-training-program-page .learn-tab,
.page-template-devOps-training-program .learn-tab {
	display: block;
}


/* 22-11-2024 */


.img-wrapper.col-span-box {
	grid-column: 2 span;
}

.page-template-digital-marketing-training .learn-tab .learn-tab-image {
	grid-template-columns: repeat(6, 1fr);
}

.page-template-digital-marketing-training .learn-tab-image-title {
	max-width: 811px;
	margin: 0 auto;
}

.page-template-mean-stack-training-program .learn-tab .learn-tab-image {
	grid-template-columns: repeat(9, 1fr);
}

.page-template-wordpress-training .learn-tab .learn-tab-image {
	grid-template-columns: repeat(4, 1fr);
}

.training-course-desc.rte p,
.training-program-desc {
	color: #606060;
	letter-spacing: -0.3px;
}

.training-course-desc.rte strong {
    text-transform: capitalize;
    margin: 0 0 2px;
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px;
}
.course-curriculum-faq-box.active .curriculum-faq-title {
	opacity: 1;
}

.course-curriculum-faq-box .curriculum-faq-title {
	margin: 0;
	opacity: 0.5;
	font-size: 20px;
	display: block;
	padding-right: 10px;
}

.course-curriculum-faq-box .course-curriculum-faq-header {
	position: relative;
	padding-left: 20px;
}

.course-curriculum-faq-box .course-curriculum-faq-header:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	opacity: 0.5;
}

.course-curriculum-faq-box.active .course-curriculum-faq-header:before {
	opacity: 1;
}

.key-features-card-desc {
	color: #4E4E4E;
}


.success-stories-author-image img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	object-fit: cover;
}


.faq-sec .card-header button.btn[aria-expanded=true] {
	color: #FF5A00 !important;
}

.faq-sec .card-header button.btn {
	background: transparent !important;
	border: 0;
	color: #131313;
}

.related-articles-item-content .article-inner-heading {
	display: flex;
	align-items: center;
}

.related-articles .container {
	width: 100%;
	max-width: calc(50% + 750px) !important;
	margin-right: 0;
	margin-left: auto;
	padding-right: 0;
}
.training-course-content .button-group .button.button-right {
	width: auto;
	padding: 0 8px;
}
.internship-program-item>.dropdown {
    min-width: 210px;
    border: 1px solid rgba(0,0,0,.15);
    padding: 0 !important;
}
.internship-program-item>.dropdown li {
    border-top: 1px solid #ececec;
}

.internship-program-item>.dropdown li:first-child {
    border-top: 0;
}

.internship-program-item>.dropdown li a {
    color: #000;
    font-size: 14px;
    text-align: left;
    display: block;
    padding: 12px 11px 12px;
    font-weight: 600;
}

.main-nav .internship-program-item>.dropdown li a:hover {
    background-color: #ff561d !important;
    color: #fff !important;
}

/* 28-11-2024 */

.training-course-wrapper .intern-banner-form {
    margin: 0 auto;
}
.course-curriculum .download-brochure {
    display: none;
}
.training-course-wrapper .intern-banner-form .row {
    gap: 0;
}

.apply-form .intern-form-bx {
    padding: 0;
}


html {
    margin: 0 !important;
}

html:has(body.modal-open) {
    overflow-y: hidden;
}

.fts-slicker-facebook-photos {
    margin: 150px 0;
}

.main-nav ul li:hover>ul {
    display: block !important;
    background: #fff;
    padding: 10px;
    position: absolute;
    color: #000
}

.main-nav .dropdown a {
    color: #000;
    padding: 5px;
    font-size: 15px;
    font-weight: 400;
}

.main-nav .dropdown li a:hover {
    color: #ff561d !important;
}



.faq-wrapper .faq-box .card {background: transparent;border-bottom: 1px solid #020202 !important;}

.faq-wrapper .faq-box .card .card-header {
    background: transparent;
}

.faq-wrapper .faq-box .card button.btn {
    color: #000;
}

.faq-wrapper .faq-box .card .card-body {
    color: #000;
}
/* end */
/* training-program */
.training-program {
    background: #F4F4F4;
    padding: 50px 0 100px;
}

.training-program-main-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

/* Media-query-start */

/* ================================ Responsive CSS ===================================== */

@media (min-width: 1560px) {
	.container {
		max-width: 1500px !important;
	}
}

@media only screen and (min-width:1100px) {
	.cd-horizontal-timeline {
		margin: 2em auto 0
	}

	.cd-horizontal-timeline::before {
		content: 'desktop'
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.footer-area .col-md-3.col-sm-12.first {
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}

	.footer-area .col-md-2.col-sm-4.footer-mob-hide {
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}

	footer.footer-area .col-md-4.col-sm-4.footer-mob-hide.keep-touch {
		flex: 0 0 60%;
		max-width: 60%;
	}

}

@media(min-width:768px) {
	.vertical-tbs .nav-tabs {
		display: flex;
		flex-flow: column nowrap
	}

	.vertical-tbs .nav-tabs {
		display: flex
	}

	.vertical-tbs .nav-tabs {
		margin: 0 15px
	}

	.about .vertical-tbs .nav-tabs {
		margin: 0 15px 0 0
	}

	.vertical-tbs .nav-tabs .nav-item+.nav-item {
		margin-top: .25rem
	}

	.vertical-tbs .nav-tabs .nav-link {
		transition: border-color .125s ease-in;
		white-space: nowrap;
		padding: .5rem 0;
		border: none;
		border-bottom: 3px solid transparent;
		color: #b0b0b0;
		font-size: 22px;
		font-weight: 700
	}

	.vertical-tbs .nav-tabs .nav-link:hover {
		color: #ff561d;
		border-color: #ff561d !important
	}

	.vertical-tbs .nav-tabs .nav-link.active {
		margin-right: -1px;
		border: none;
		border-radius: 0;
		font-size: 22px;
		font-weight: 700;
		border-bottom: 3px solid #ff561d;
		color: #ff561d
	}

	.vertical-tbs .nav-tabs .nav-link.active:hover {
		background-color: #fff;
		border-color: #000;
		outline: none
	}

	.vertical-tbs .card {
		border: none
	}

	.vertical-tbs .card .card-header {
		display: none
	}

	.vertical-tbs .card .collapse {
		display: block
	}

	.benefits-training-Program-list .row>div {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}


	.benefits-training-program-item:nth-child(3),
	.benefits-training-program-item:nth-child(4) {
		padding-top: 20px;
	}


	.benefits-training-Program-list .row>div:nth-child(1),
	.benefits-training-Program-list .row>div:nth-child(2) {
		padding-bottom: 20px;
	}

	.page-template-mean-stack-training-program .benefits-training-Program-list .row>div:nth-child(3),
	.page-template-mean-stack-training-program .benefits-training-Program-list .row>div:nth-child(4) {
		padding-bottom: 30px;
	}

	.benefits-training-Program-list .row>div:nth-child(6) {
		border-right: 0;
	}

	.benefits-training-Program-list .row>div:nth-child(5),
	.benefits-training-Program-list .row>div:nth-child(6) {
		padding-top: 30px;
		border-top: 1px solid #ccc;
	}

	.benefits-training-Program-list .row>div:nth-child(6) {
		padding-left: 40px;
	}

	.benefits-training-Program-list .row>div:nth-child(5),
	.benefits-training-Program-list .row>div:nth-child(6) {
		padding-top: 30px;
		padding-bottom: 20px;
		border-top: 1px solid #ccc;
		border-bottom: 0;
	}

	.benefits-training-Program-list .row>div:nth-child(3),
	.benefits-training-Program-list .row>div:nth-child(4) {
		padding-top: 30px;
	}

	.benefits-training-Program-list .row>div:nth-child(2),
	.benefits-training-Program-list .row>div:nth-child(4) {
		padding-right: 40px;
	}

	.benefits-training-Program-list .row>div:nth-child(2),
	.benefits-training-Program-list .row>div:nth-child(4) {
		padding-left: 40px;
	}

	.benefits-training-Program-list .row>div:nth-child(2),
	.benefits-training-Program-list .row>div:nth-child(4) {
		border-right: none;
	}

	.benefits-training-Program-list .row>div:nth-child(3),
	.benefits-training-Program-list .row>div:nth-child(4) {
		border-bottom: none;
	}
}


@media (min-width: 576px) {
	.come-from-modal .modal-dialog {
		margin-left: auto !important;
		margin-right: unset;
	}
}


@media screen and (max-width:1600px) {
	.overlay-menu.active .main-content ul li {
		padding-right: 0px;
	}

	.hired-steps-inner {
		gap: 30px;
	}

	.training-course-title {
		font-size: 38px;
	}

}

@media screen and (max-width:1440px) {
	.banefits-center-box {
		order: 1;
	}

	.main-header .navbar-light .navbar-nav .nav-link {
		font-size: 13px;
	}

	.banefits-down-box {
		display: flex;
		justify-content: center;
		order: 2;
	}

	.banefits-left-box {
		transform: translateX(0px);
		order: 3;
		gap: 20px;
		padding: 20px 0;
	}

	.banefits-right-box {
		transform: translateX(0px);
		order: 4;
		gap: 20px;
	}

	.benefits-btn {
		min-width: 446px;
	}

	.banefits-main-box {
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		justify-items: center;
		justify-content: center;
		grid-row-gap: 0;
	}

	.intern-hero-left h1 {
		line-height: 47px;
		font-size: 44px;
	}

	.intern-hero-left h3 {
		margin-top: 20px;
		font-size: 16px;
	}

	.intern-hero-left p {
		line-height: 18px;
		font-size: 14px;
		font-weight: 500;
		color: #606060;
		margin: 0 0 10px;
	}


	.hired-steps-box h2 {
		font-size: 38px;
	}

	.event-main-box {
		grid-template-columns: repeat(2, 1fr);
	}

	.event-image-box {
		width: 100%;
	}

	.dynamic-workspace-box {
		grid-template-columns: repeat(3, 1fr);
	}

	.workspace-item {
		width: 100%;
	}

	.workspace-items {
		width: 100%;
	}


}

@media screen and (max-width:1365px) {
	.stats-bar-wrapp {
		flex-wrap: wrap;
		justify-content: center;
		width: unset;
	}

	.intern-hero-form {
		justify-content: center;
	}
}

@media screen and (max-width:1200px) {
	.intern-heading {
		font-size: 32px;
		line-height: 43px;
		margin: 0 0 13px;
	}

	.intern-para {
		font-size: 16px;
		margin: 0 auto 23px;
		line-height: 22px;
	}

	.card-enroll-btn {
		padding: 10px 19px;
		border-radius: 5px;
		font-size: 14px;
	}

	.training-fee-detail h3 {
		font-size: 14px;
	}

	.training-feature-list li {
		font-size: 14px;
		font-weight: 400;
	}

	.training-details h3 {
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 10px;
	}

	.choose-us-card h3 {
		font-size: 18px;
		margin: 0 0 14px;
	}

	.choose-us-card p {
		font-size: 14px;
		line-height: 23px;
	}

	.hero-effect {
		display: none;
	}

	section.wbanner-section h1 {
		font-size: 70px;
		line-height: 70px
	}

	section.wbanner-section h1 img {
		width: 500px
	}

	section.wbanner-section img.wblogo {
		max-width: 750px
	}

	section.wbanner-section {
		padding: 120px 0 60px
	}

	header ul.navbar-nav li.nav-item {
		margin: 0px;
	}

	body button.btn {
		padding: 12px 20px;
		font-size: 13px;
	}

	.hired-steps-block {
		flex: 0 0 50%;
		max-width: calc(50% - 15px);
	}

	.hired-steps-inner {
		flex-wrap: wrap;
	}

	.training-details h3 span {
		font-size: 14px;
	}
}

@media screen and (max-width:1080px) {

	header.fixedheader .main-header {
		height: auto;
	}

	section.wbanner-section h1 img {
		width: 420px
	}

	section.wbanner-section h1 {
		font-size: 55px;
		line-height: 65px
	}

	section.wbanner-section {
		padding: 100px 0 30px
	}

}

@media screen and (max-width:1024px) {

	.trainee-marquee-sec {
		padding: 40px 0px;
	}

	.pattern-logo {
		display: none;
	}


	.hired-steps-block h4 {
		font-size: 16px;
		line-height: 1;
	}

	.hired-steps-block p {
		font-size: 14px;
		font-weight: 400;
	}

	.intern-hero-left {
		max-width: 600px;
		margin: 0 auto;
	}

	.intern-hero-img {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.intern-hero-left {
		display: flex;
		flex-direction: column;
	}

	.intern-hero-left .hero-btns {
		justify-content: center;
	}

	.intern-hero-left h3 {
		text-align: center;
	}

	.intern-hero-left p {
		text-align: center;
	}

	.intern-hero-badge {

		display: inline-block;
		margin: 0 auto 8px;
	}

	.intern-hero-left h1 {
		text-align: center;
	}

	.collab-collage-down p {
		font-size: 18px;
	}

	.trainee-marquee-wrapper .intern-heading,
	.collage-collab-wrapper .intern-heading {
		text-align: left;
		margin: 0 0 80px !important;
	}


	.int-choose-sec .intern-heading {
		margin: 0 0 40px !important;
	}

	.our-gallery-sec {
		padding: 40px 0;
	}

	.dynamic-workspace-wrapper {
		padding: 40px 0;
	}

	.workspace-item-row {
		width: 100%;
	}

	.banefits-sec-wrapper {
		margin-top: 255px !important;
	}

	.banefits-sec-wrapper {
		padding-top: 240px;
	}

	body .main-nav {
		justify-content: center;
	}

	body .main-header .navbar-light .navbar-nav .nav-link {
		margin-right: 7px;
		margin-left: 7px;
	}

	a.btn,
	.navbar button.btn {
		font-size: 11px;
		padding: 12px 12px;
	}

	.workspace-items {
		min-height: auto !important;
	}

	.stats-bar-wrapp {
		position: static;
	}
}

@media screen and (max-width:992px) {
	.intern-hero-form {
		justify-content: center !important;
		margin-top: 20px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem !important;
		padding-left: .5rem !important
	}

	a.btn,
	button.btn {
		font-size: 10px;
		padding: 12px 10px;
	}
}


@media screen and (max-width: 991px) {
	.container {
		max-width: 900px !important;
	}

	.main-header .navbar-light .navbar-nav .nav-link {
		font-size: 10px;
		margin-left: 3px;
		margin-right: 10px;
		line-height: 20px;
	}

	ul.navbar-nav.hire_btn li.nav-item:last-child a {
		width: auto;
		line-height: 20px;
		padding: 6px 10px;
	}

	.main-header {
		height: auto;
	}

	header .navbar-light .navbar-brand img {
		max-width: 160px;
	}

	.footer-area .footer-big .row {
		margin: 0;

	}

	.inner-apply-form {
		padding: 0px;
	}

	.inner_content .content_box {
		padding: 20px 10px;
	}

	.inner_content .content_box h3 {
		font-size: 14px;
	}

	.heading-with-btn h2.section_title {
		font-size: 32px;
	}

	.page-id-35 .inner_content .col-md-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.page-id-35 .inner_content {
		padding: 60px 0 40px 0;
	}

	.dynamic-workspace-wrapper {
		padding: 40px 0 0;
	}

	.excellance-list .excellance-section {
		flex-wrap: wrap;
	}


	.excellance-list .excellance-section>.col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left !important;
	}

	.internship-program-item>.dropdown {
		min-width: 220px;
	}

	.training-course-title {
		font-size: 30px;
	}
}


@media screen and (max-width:767px) {

	.int-banefits-sec {
		padding: 40px 0px;
	}

	.hired-steps-block {
		display: flex;
		gap: 12px;
		align-items: center;
		flex-direction: column;
	}

	.step-data {
		text-align: center;
	}

	.hired-steps-inner {

		flex-direction: column;
		align-items: center;
	}

	.int-banefits-sec .banefits-center-box {
		display: none;
	}

	.email-desc {
		padding: 80px 0;
	}

	.email-desc h2 {
		margin-top: 14px;
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 14px;
	}

	.email-desc p {
		font-size: 18px;
		line-height: 18px;
		color: #000;
	}

	.intern-video-modal .modal-body {
		padding: 40px 19px 16px;
	}

	.banefits-sec-wrapper {
		margin-top: 0px;
	}

	.stats-heading h3 {
		font-size: 28px;
		line-height: 28px;
	}

	.stats-heading p {
		font-size: 18px;
		line-height: 18px;
	}

	.stats-bar-box {
		padding: 20px 15px !important;
		max-width: 100%;
		margin: 0 10px;
	}

	.stats-bar-sec {
		padding: 30px 0 0;
	}

	.banefits-sec-wrapper {
		margin-top: 0 !important;
	}

	.banefits-sec-wrapper {
		padding-top: 0;
	}

	.stats-bar-wrapp {
		top: 0;
	}

	.paid-intern-program {
		margin-bottom: 15px;
	}

	.intern-paid .intern-banner-form {
		padding: 20px 15px;
		margin-bottom: 30px;
	}

	.faq-sec {
		padding: 40px 0px;
	}

	.faq-box {
		padding-top: 20px;
	}

	.collage-collab-sec {
		padding: 20px 0 40px;
	}

	.address-box {
		margin-bottom: 10px;
	}

	.location-box {
		margin-top: 0 !important;
	}

	.intern-banner-form {
		padding: 20px 15px !important;
	}

	.intern-hero-sec {
		padding: 100px 0 60px !important;
	}

	.intern-heading span {
		font-size: 20px;
	}

	.intern-hero-left h1 {
		font-size: 28px;
		line-height: 1;
	}

	.intern-hero-left .enroll-btn,
	.intern-hero-left .contact-btn {
		font-size: 14px;
		padding: 13px 30px;
		border-radius: 5px;
	}

	.intern-heading {
		font-size: 25px;
		line-height: 30px;
	}

	.benefits-btn {
		max-width: 320px;
	}

	.banefits-left-box .benefits-btn:first-child,
	.banefits-left-box .benefits-btn:last-child {
		margin-right: 0px;
		margin-left: unset;
	}

	.banefits-left-box,
	.banefits-right-box {
		align-items: center;
		width: 100%;
	}

	.benefits-btn {
		font-size: 16px;
	}

	.banefits-right-box .benefits-btn:nth-child(2) {
		margin-right: auto;
		margin-left: auto;
	}

	.int-choose-sec,
	.int-choose-sec {
		padding: 40px 0px;
	}

	.hired-steps-box {
		margin-top: 20px;
		padding: 40px;
	}

	.hired-steps-box h2 {
		font-size: 24px;

	}

	.benefits-btn {
		min-width: 100%;
	}

	.benefits-btn {
		color: #161616;
		font-size: 16px;
		padding: 5px 6px;
	}

	.collage-marquee-main button.slick-prev.slick-arrow {
		top: -40px;
	}

	.collage-marquee-main button.slick-next.slick-arrow {
		top: -40px;
	}

	.event-main-box {
		grid-template-columns: repeat(2, 1fr);
	}

	.event-sec {
		padding: 40px 0;
	}

	.our-gallery-box {
		grid-template-columns: repeat(2, 1fr);
	}

	.dynamic-workspace-box {
		grid-template-columns: repeat(3, 1fr);
	}

	.event-main-box {
		grid-template-columns: repeat(1, 1fr);
	}

	.dynamic-workspace-box {
		grid-row-gap: 10px;
		grid-column-gap: 10px;
	}

	.workspace {
		margin-bottom: 10px;
	}

	.paid-intern-program h2 {
		font-size: 30px;
		line-height: 30.41px;
		margin-bottom: 18px;
		text-align: center;
	}

	.upload-file-bx {
		padding: 15px 0;
	}

	.address-box .intern-contact-details li a {
		font-size: 17px;
		line-height: 22px;
		margin-left: 10px;
	}

	.paid-intern-form-sec {
		padding: 40px 0;
	}

	.intern_form .fieldstyle-box {
		margin-bottom: 20px;
	}

	.location-address-head {
		margin-top: 5px;
	}

	.main-nav .mobile-navbar {
		display: block !important;
	}

	.nav-close-icon {
		display: block;
		padding: 30px 30px 0 0;
	}


	.address-box .adress-top svg {
		width: 52px;
		top: -3px;
	}

	.mobile-navbar .navigation-portrait .mobile-nav-logo .logo-mobile {
		display: block;
	}

	/*.navbar-light .navbar-brand img.logo {*/
	/*    display: block;*/
	/*}*/

	/*.navbar-light .navbar-brand img.logo-mobile{*/
	/*     display: none;*/
	/*}*/

	
	header .navbar-light .navbar-brand img.logo-mobile {
		display: block;
	}

	header .navbar-light .navbar-brand img.logo-mobile {
		max-width: 130px;
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		min-width: 130px;
	}

	header nav.navbar-light .navbar-toggler.mobile-toggle {
		padding: 0;
	}

	.stats-bar-wrapp button.slick-arrow {
		z-index: 2;
		top: -35px;
	}

	.paid-intern-program {
		margin-bottom: 20px;
	}

	.intern-heading {
		margin: 0 0 15px !important;
	}

	.dynamic-workspace-wrapper .intern-heading {
		margin: 0 0 55px !important;
	}

	.training-pro-wrapper .intern-heading {
		margin: 0 !important;
	}

	.training-card-box {
		margin: 30px 0 0;
	}

	.training-card-box button.slick-next.slick-arrow {
		right: 20px;
	}

	.training-card-box button.slick-prev.slick-arrow {
		right: 80px;
	}

	.paid-intern-program {
		margin-bottom: 15px;
	}

	.vertical-tbs .tab-pane {
		display: block !important;
		opacity: 1
	}

	ul#menu-primary {
		align-items: flex-start
	}

	section.tabs.sidebr-tb div#nav-tab a {
		text-align: center;
		display: block
	}

	.footer-mobile {
		display: block;
		padding: 0 15px;
	}

	footer.footer-area.footer--light .footer-mob-hide {
		display: none;
	}

	.footer-area {
		background: #000000 !important;
	}

	.footer-area h2.main-heading-ft br {
		display: none;
	}

	.widget-about .contact-details li:last-child a br {
		display: none;
	}

	.below-footer {
		padding: 30px 10px 50px;
	}

	.below-footer p {
		color: #fff;
		font-size: 13px;
		text-align: center;
	}

	.below-footer ul.social-icn {
		justify-content: center;
	}

	.apply-form-outer .form-field {
		width: 100%;
		padding: 0 0px 16px;
	}

	.upload_file {
		padding: 0 0px 16px;
	}

	.submit_btn {
		padding: 0 0px;
	}

	body .footer-menu.footer-menu--1 {
		padding-left: 0 !important;
	}

	.page-id-215 h2.has-text-align-center {
		margin-top: 100px;
		font-size: 24px;
		line-height: 30px;
	}

	.apply-form-outer {
		margin: 30px auto 50px;
	}

	.menu-services-container {
		clear: both;
	}

	.single_title {
		padding: 15px;
		margin-top: 73px;
	}

	.single_title .container {
		padding: 0;
	}

	.single_title h5 {
		font-size: 14px;
		margin: 8px 0 0 0;
		font-weight: 400;
	}

	.single_title h1 {
		font-size: 18px;
		font-weight: 700;
		line-height: 30px;
	}

	.single_post_outer {
		padding: 40px 0;
	}

	.single-post .inner_content h4 {
		margin: 0 0 20px 0;
	}

	.page-id-215 p {
		font-size: 16px;
	}

	header .main-header .row {
		margin: 0;
	}

	.select-job {
		padding-right: 0px;
	}

	.inner-apply-form {
		padding: 0px;
	}

	.apply-form-outer.custom-top .form-field {
		max-width: 100%;
	}

	.newsletter-wrapper .newsletter-btn input {
		padding: 11px 15px;
	}

	.newsletter-wrapper .newsletter-btn {
		height: 52px;
	}

	.stats-bar-wrapp button.slick-prev.slick-arrow {
		right: 60px;
	}

	.choose-cards-box button.slick-prev.slick-arrow {
		right: 80px;
	}

	.choose-cards-box button.slick-next.slick-arrow {
		right: 20px;
	}

	body header nav.navbar-light .navbar-toggler.mobile-toggle {
		width: 50px;
		padding: 0 5px;
	}

	section.dynamic-workspace-sec {
		display: none;
	}

	section.dynamic-workspace-sec.mobile-sec {
		display: block;
	}

	.hired-steps-block {
		flex: 0 0 100%;
		max-width: 100;
	}

	.mobile-sec .workspace img {
		height: 260px;
	}

	.mobile-sec .workspace-item,
	.mobile-sec .workspace-items {
		padding: 0 15px;
	}

	.dynamic-workspace-sec.mobile-sec .dynamic-workspace-box .slick-prev {
		top: -50px;
	}

	.dynamic-workspace-sec.mobile-sec .dynamic-workspace-box .slick-next {
		top: -30px;
	}

	.training-course-wrapper > .row {
/* 		flex-direction: column-reverse; */
		row-gap: 40px;
	}
.learn-tab {
    padding: 0 0 40px;
}
	.training-course.portfolio {
		padding: 120px 0 0px;
	}

	.training-program {
		padding: 50px 0px 60px;
	}

	.training-program-image img {
		padding-right: 0;
	}

	.training-program-wrapper {
		padding: 0;
	}

	.training-program-wrapper .row {
		row-gap: 40px;
	}

	.training-program-hightlight-title {
		font-size: 30px;
	}

	.key-features {
		padding: 60px 0px;
	}

	.training-course-title {
		font-size: 28px;
	}

	.navigation-portrait .nav-menu>.internship-dropdown>ul.nav-dropdown.nav-submenu {
		max-height: 220px;
		overflow-y: auto;
		padding: 0 0 30px;
	}

	.navigation-portrait .nav-menu>li.internship-dropdown a:before {
		display: none !important;
	}
	div#main-menu {
    opacity: 0;
    }
}


@media screen and (max-width:575px) {
	.navbar-light .navbar-brand img.logo-mobile {
		max-width: 130px;
	}

	.intern-hero-left h1 span {
		font-size: 35px;
	}

	.span-bg-img {
		right: 8px;
		bottom: -7px;
	}

	.page-id-35 .inner_content .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.heading-with-btn h2.section_title {
		font-size: 24px;
	}

	.come-from-modal .modal-header button.close {
		padding: 0px 10px 0px 10px;
		top: 15px;
	}

	.heading-with-btn {
		margin-bottom: 30px;
	}

	.modal-open .come-from-modal h5.modal-title {
		font-size: 18px;
		text-align: center;
		margin-left: 10px;
	}

	.come-from-modal .modal-dialog {
		max-width: 85%;
	}

	button.close span {
		font-size: 20px;
	}

	.success-stories-author-name .linkein-icon img {
		max-width: 32px;
	}

	.success-stories .slick-arrow {
		bottom: -55px !important;
	}
}


@media (max-width: 480px) {
	.come-from-modal .modal-dialog {
		max-width: 100%;
	}

	.mobile-sec .workspace img {
		height: 220px;
	}

	.mobile-sec .workspace-item,
	.mobile-sec .workspace-items {
		padding: 0;
	}
}

@media screen and (max-width:425px) {
	.benefits-btn {
		color: #161616;
		font-size: 13px;
	}

	.check-circle {
		width: 30px;
		height: 30px;
	}

	.intern-para {
		font-size: 14px;
		margin: 0 auto 23px;
		line-height: 18px;
	}

	.training-fee-btn {
		flex-direction: column;
	}

	.training-fee-btn {
		flex-direction: column;
	}

	.hired-steps-block h4 {
		text-align: center;
	}

	.hired-steps-block p {
		text-align: center;
	}

	.hired-steps-block {
		flex-direction: column;
	}

	.intern-heading {
		font-size: 22px;
	}

	.intern-heading {
		font-size: 20px;
		line-height: 30px;
	}

	.trainee-name {
		font-size: 16px;
		font-weight: 400;
	}

	.choose-us-icon-box {
		width: 60px;
		height: 60px;
	}

	.choose-us-card p {
		line-height: 20px;
	}

	.intern-hero-badge {
		padding: 8px 20px;
		font-size: 14px;
	}

	.hired-steps-box {
		padding: 20px;
	}

	.hired-steps-box h2 {
		font-size: 20px;
	}

	.training-details {
		padding: 20px 20px 28px 20px;
	}

	.training-apply-box {
		flex-direction: column;
	}

	.dynamic-workspace-box {
		grid-template-columns: repeat(1, 1fr);
	}

	.training-details h3 {
		text-align: center;
	}

	body footer.footer-area .footer-big .container {
		padding: 15px 0 !important;
	}
}



/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/career-child/assets/css/responsive.css */
.site-header .overlay-menu .main-menu-nav li .mega-menu li {
  list-style: none;
}

.our-section.portfolio .tabbable .nav-tabs .nav-item:last-child {
  margin-right: 0;
}

.banner-section.shopify-app-banner::after {
  top: auto;
}




/*=====================RESPONSIVE CSS START HERE===================*/
@media (max-width:1919px) {
  .banner-section.whmc-banner .banner-img .img-fluid {
    max-width: 100%;
  }

  .logo-slider .slick-prev:before,
  .logo-slider .slick-next:before {
    opacity: 0;
  }
}

@media (max-width: 1700px) {

  /* .gallery-common-section.slider-section .carousel-indicators { right: 11%; } */
  .banner-section.services-banner .video_box .sd-text-box {
    width: 750px;
    transform: translate(-10px, -50%);
    right: 10px;
  }
}

@media screen and (min-width:1200px) and (max-width:1365px) {
  .aws-bnr {
    background-position: 92% 106px;
  }
}

@media screen and (min-width:1366px) and (max-width:1559px) {
  .aws-bnr {
    background-position: 86% 106px;
  }

  .banner-section h1 {
    font-size: 70px;
    line-height: 80px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 20px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    bottom: 90px;
  }

  /* .banner-section.about:after {
      display: none;
    } */
}

@media (max-width:1600px) {
  /* Banner Css */
  /*.banner-section.mag-hm h1, .banner-section.mag-hm h1 span { font-size: 66px; }*/

  .banner-section.about {
    height: 55vh;
  }

  ul.client-list li {
    max-width: 140px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 140px;
    height: 155px;
  }

  .banner-section.magento {
    padding: 80px 15px 70px;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 220px;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 65px;
    line-height: 70px;
  }

  .services-section h3 {
    min-height: 64px;
  }

  .services-section p br {
    display: none;
  }

  .services-section .services-box h3 {
    font-size: 30px;
  }

  section.Lbanner-section h1 {
    font-size: 56px;
  }

  .imgwrapper .img-fluid {
    margin-right: 50px;
    max-width: 240px;
  }
  .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 12px;
    margin-left: 12px;
}
}

@media (min-width:1560px) {
  .container {
    max-width: 1500px !important;
  }

  .training-info-images {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }

}


@media (max-width:1440px) {
  .banner-section.portfolio.activity {
    padding-bottom: 60px;
  }

  .banner-section.portfolio p {
    font-size: 24px;
  }

  .site-header .overlay-menu-trigger .menu-btn.active {
    margin-top: 28px;
  }

  .site-header .overlay-menu {
    padding: 80px 0px 0px;
  }

  .team-sec h2 {
    font-size: 34px;
  }

  .our-main-client h2 {
    margin-bottom: 0;
  }

  .activity-gallary {
    padding: 0px 0px 110px;
  }

  section.banner-section.UI-banner-section.inner-bnr {
    padding: 90px 0 70px;
    height: auto;
  }

  section.banner-section.UI-banner-section h1 span,
  section.banner-section.UI-banner-section.inner-bnr h1 {
    font-size: 70px;
    line-height: 80px;
  }

  .banner-section.devops.inner-bnr {
    padding: 180px 0 100px !important;
    height: auto;
  }

  .banner-section.reacts-banner h1 {
    font-size: 75px;
  }

  .banner-section.reacts-banner h1 span {
    font-size: 75px;
  }

  .banner-section.reacts-banner .reacts-text p {
    font-size: 24px;
    margin-top: 20px;
  }

  section.wbanner-section .desk-bck {
    z-index: 999;
  }

  .reacts-list-box {
    margin: 30px auto 0px;
  }

  .reacts-list-box ul {
    margin-bottom: 0;
  }

  .reacts-list-box .hire-develop {
    margin-top: 0;
  }

  .reacts-list-box ul li {
    margin-bottom: 25px;
    padding-bottom: 20px;
  }

  .banner-section.ios-banner {
    padding: 180px 0 0px !important;
  }

  section.wbanner-section h1 {
    font-size: 75px;
  }

  .banner-section.magento.shopify {
    background: #5c6ac4 !important;
  }

  .banner-section.mag-hm {
    /* background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mag-home-bnnr.jpg) no-repeat top center / cover !important;*/
    padding: 160px 0 130px;
  }

  .why-cnt-box h4 {
    min-height: 52px;
  }

  .why-cnt-box i>img {
    width: 60px;
    object-fit: cover;
    height: 60px;
  }

  section.wbanner-section.inner-bnr p {
    font-size: 24px;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    width: 700px;
  }

  .menu-exp-info h3 {
    font-size: 21px;
  }

  .overlay-menu.active .main-content ul li {
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li span {
    font-size: 18px;
  }

  .overlay-menu.active .main-content ul li p {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .services-section.mag-hm .single-service.services-box {
    padding: 50px;
  }

  body .banner-section.mag-hm.home h1,
  body .banner-section.mag-hm.home h1 span {
    font-size: 70px;
    padding-top: 70px;
  }

  /* .services-section.mag-hm .single-service h3{font-size: 24px;} */
  .team-tabs p {
    font-size: 16px;
  }

  .services-section,
  .buss-growth.contact-gro {
    padding: 60px 0 0px;
  }

  .team-tabs a.nav-link {
    font-size: 17px;
  }

  .team-tabs h6 {
    font-size: 18px;
  }

  .our-main-client {
    padding: 50px 0;
  }

  .expert-section.about,
  .team-sec,
  .operation-sec,
  .achievements-section,
  .related-post-section,
  .main-formss.contact-form,
  .served-section,
  .expert-section.magento,
  .tech-section,
  section.hiredevelop,
  .experience-section,
  section.activity-timeline-section {
    padding: 60px 0;
  }

  .services-section h3 {
    min-height: auto;
  }

  .hiredevelop {
    position: relative;
  }

  .hiredevelop::after {
    content: "";
    position: absolute;
    background-color: #00000047;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  section.hiredevelop {
    position: relative;
    z-index: 1;
  }

  .nodebanner-section {
    padding: 130px 0 100px;
  }

  section.banner-section.wbanner-section.inner-bnr img {
    max-width: 80%;
  }

  section.gallery-common-section.slider-section {
    padding: 0 0 70px;
  }

  .whmcs-served-section {
    padding: 10px 0 60px;
  }

  .served-section h2,
  .top-box h2 {
    font-size: 40px;
  }

  .leave-pdf .top-box h2 {
    max-width: 600px;
  }

  section.hiredevelop.whmcs-hiredevelop,
  .shopify-hiredevelop {
    margin-bottom: 60px;
  }

  .experience-section h2 {
    font-size: 40px;
    line-height: 1.2;
  }

  .services-section.mag-hm.magento {
    padding: 60px 0px 50px;
  }

  .services-section.mag-hm.services-page.srvc-page,
  section.other-ways,
  .top-box {
    padding-bottom: 60px;
  }

  .other-way-box {
    padding: 35px;
  }

  .main-formss.contact-form.leave-policyy {
    padding-bottom: 20px;
  }

  .achievements-section p {
    line-height: 18px;
  }

  .footer-area h2.main-heading-ft {
    line-height: 32px;
  }

  .footer-area p {
    line-height: 20px;
  }

  .services-section.mag-hm.services-page.srvc-page .single-service.services-box p {
    min-height: 100px;
  }

  .banner-section.mag-hm.home h1 {
    margin-bottom: 15px;
  }

  .banner-section p {
    line-height: 25px;
    margin-bottom: 20px;
  }

  .banner-section.mag-hm.home .mt-5,
  .my-5 {
    margin-top: 2rem !important;
  }

  .banner-section.mag-hm h1 {
    padding-top: 40px;
    line-height: 76px;
  }

  .banner-section.php-banner {
    padding: 160px 0 150px;
  }

  .banner-section.aws {
    padding: 170px 0 160px;
  }

  .banner-section.reacts-banner {
    padding: 100px 0 125px;
  }

  .banner-section.ios-banner {
    padding: 120px 0 0px !important;
  }

  .banner-section.app-dev-bnr {
    padding: 130px 0 40px;
  }

  .crossplat-banner .img-fluid {
    max-width: 80%;
  }

  .banner-section.crossplat-banner .font-light {
    padding-top: 0;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 10px 0;
  }

  .excellance-section {
    padding-top: 60px;
  }

  .shopify-menu-content img {
    width: auto;
    height: auto;
  }

  .menu-exp-info p {
    font-size: 14px;
    line-height: 18px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 60px;
    line-height: 100px;
  }

  .shopify-menu-content {
    margin-bottom: 38px;
  }

  .exp-info-content {
    padding-top: 0;
  }



}

@media (min-width: 992px) and (max-width:1366px) {
  section.banner-section.UI-banner-section.inner-bnr {
    padding: 100px 0 73px !important;
  }
}

@media (max-width:1499px) {
  .offering-certified-form-wrapper {
    background-position: 85% center;
    padding: 70px 30px;
  }
  .newsletter-wrapper label input, 
	.newsletter-wrapper .newsletter-btn input {
		height: 52px;
	}
}


@media (max-width:1399px) {
  .banner-section.aws h1 {
    font-size: 60px !important;
    line-height: 70px;
  }

  .training-info-image-group {
    max-width: 90%;
  }

}

@media (min-width: 1025px) and (max-width:1366px) {
  .main-box-body {
    min-height: 135px;
  }
}

@media(max-width: 1024px) {

  .career-list .list-heading {
    width: 100%;
  }

  .main-box-body {
    min-height: 185px;
    padding: 0px 25px;
  }

  body .team-sec h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .operation-sec .box h6 {
    font-size: 25px;
  }

  .achievements-section p.feedback {
    line-height: 17px;
    margin-top: 0px !important;
  }
}

@media (min-width: 1025px) and (max-width:1124px) {
  .achievements-section p.feedback {
    line-height: 17px;
    margin-top: 0px !important;
  }
}

@media (max-width:1366px) {
  .banner-section.crossplat-banner .font-light {
    line-height: 50px;
  }

  .banner-section.blog.details {
    height: 430px;
  }

  .banner-section.blog {
    height: 540px;
  }

  .banner-section.about,
  .video-container video {
    height: 100%;
  }

  /* .banner-section.about{height: 65vh;} */
  .banner-section.about .container {
    background: unset;
  }

  .achievements-section button.slick-prev.slick-arrow,
  .achievements-section button.slick-next.slick-arrow {
    width: 35px;
    height: 35px;
  }

  .achievements-section button.slick-next.slick-arrow {
    right: -30px;
  }

  .achievements-section button.slick-prev.slick-arrow {
    left: -30px;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 100%;
    margin: auto;
  }

  .achievements-section p.feedback {
    margin-bottom: 0px;
    margin-top: 4px !important;
  }

  .main-formss.contact-form.career-list {
    padding: 0px 70px 80px;
  }

  .expert-section.hiring-section.aws .clr-1 {
    padding: 40px 0;
  }

  .other-way-box {
    padding: 35px;
  }

  .expert-section.hiring-section.aws .content-block h2 {
    line-height: 45px;
    font-size: 35px;
    padding-bottom: 35px;
    margin: 0px 0 35px;
  }

  .content-block h4,
  .content-block h3 {
    font-size: 20px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 20px;
    line-height: 30px;
  }

  .banner-section.shopify-app-banner .imgwrapper {
    padding: 0px;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    margin-right: 70px;
    max-width: 250px;
  }

  /* .banner-section .award-outer img {max-width: 60px !important;} */
  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
    width: inherit;
  }

  .banner-section.mag-hm.home {
    height: auto;
  }

  .banner-section.UI-banner-section p {
    font-size: 30px;
    line-height: 40px;
    margin: 30px auto;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 30px;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 120px 0 90px !important;
  }

  /*     header ul.navbar-nav li.nav-item { margin: 0px 3px;} */
  .banner-section.backend-banner .back-inner h3,
  .banner-section.frontend-banner .back-inner h3 {
    font-size: 22px;
  }

  .banner-section.magento .magento-bnr-content {
    padding: 0 20px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 130px;
    height: 145px;
    line-height: 25px;
    font-size: 15px;
  }

  ul.client-list {
    display: flex;
    justify-content: center;
  }

  ul.client-list li {
    max-width: 150px;
    margin: 0 20px;
  }

  .banner-section.whmc-banner {
    padding: 180px 0 180px !important;
  }

  body .selling-experience .main-bx h4 {
    font-size: 20px !important;
    margin-bottom: 0;
  }

  .selling-experience .boxes p {
    font-size: 12px;
    line-height: 2;
  }

  .selling-experience .top-head {
    padding-bottom: 25px;
  }

  .banner-section.about {
    padding: 245px 0 173px !important;
  }

  .expert-section.about {
    padding: 50px 0;
  }

  .expert-section.about h2 {
    padding-bottom: 0;
  }

  .expert-section.about .side-tbs {
    padding: 0 20px !important;
  }

  .vertical-tbs .card-body p,
  .banner-section.about h1 {
    margin-bottom: 20px;
  }

  .operation-sec .box h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }

  .operation-sec .box p {
    line-height: 1.6;
    margin-top: 15px;
    max-width: 330px;
  }

  .operation-sec:before {
    width: 230px;
    height: 19%;
  }

  .operation-sec:after {
    width: 80px;
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/blue-right-pattern.png) no-repeat right / contain;
  }

  .team-sec h2 {
    font-size: 40px;
  }

  .team-tabs a.nav-link,
  .banner-section.mag-hm .award-outer p {
    font-size: 16px;
  }

  .team-tabs h6 {
    font-size: 22px;
    margin-top: 20px;
  }

  .team-tabs p {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .team-tabs img {
    height: 230px;
  }

  .client-sec h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }

  .client-sec .inner img {
    width: 100%;
    height: 43px;
    object-fit: cover;
  }

  .ondemand-section.about h2 {
    font-size: 50px;
    max-width: 960px;
  }

  .rgt-content a {
    font-size: 18px;
  }

  .banner-section.magento.shopify img {
    max-width: 520px;
  }

  .banner-section.magento.shopify {
    background: #5c6ac4 !important;
  }

  .banner-section.magento.shopify {
    padding: 120px 0 14px !important;
  }

  .banner-section.devops {
    padding: 176px 0px 106px !important;
  }

  .banner-section.aws {
    padding: 159px 0 148px;
  }

  .banner-section.contact-us h1 {
    font-size: 40px !important;
  }

  .banner-section.contact-us {
    padding: 130px 0 74px;
  }

  .footer-big.cnct {
    padding: 60px 0 30px 0;
  }

  .contact-via .main-icn a {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .contact-via .main-icn p {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .main-formss.contact-form {
    padding: 70px 70px 80px;
  }

  .contact-via hr {
    margin-top: 80px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 45px;
    line-height: 65px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 25px;
  }

  .site-header .overlay-menu li .mega-menu li .light a {
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
  }

  .site-header .follow-us {
    padding: 25px 0;
  }

  .site-header .overlay-menu .secondary-nav li a i {
    font-size: 16px;
  }

  .follow-us .btn {
    padding: 10px;
    min-width: 130px;
  }

  .banner-section.mag-hm {
    padding: 105px 0 30px;
  }

  .banner-section.mag-hm p {
    margin-top: 20px;
  }

  .banner-section.mag-hm h1 span {
    font-size: 52px !important;
  }

  .banner-section.mag-hm h1 {
    font-size: 52px !important;
    line-height: 60px;
  }

  .banner-section .award-outer {
    margin-top: 20px !important;
  }

  .banner-section.mag-hm p {
    margin-bottom: 20px;
  }

  .banner-section p {
    font-size: 20px;
    width: 100%;
    line-height: 28px;
  }

  .banner-section.mag-hm .right-sd img {
    width: 400px;
  }

  .served-section p {
    font-size: 20px;
  }

  .served-section span.slidess {
    font-size: 20px;
  }

  .services-section.mag-hm a.serv.btn {
    margin-right: 32px !important;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
  }

  .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 32px !important;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 45px;
  }

  .brand-exp-section:after {
    width: 430px;
    right: 40px;
  }

  .experience-section.devops .left-sd h2 {
    font-size: 36px;
  }

  .banner-section {
    padding: 110px 0 110px;
  }

  .banner-section .larvl img {
    max-width: 520px;
  }

  .banner-section:after {
    position: absolute;
    content: " ";
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/shadow-bnr.png) no-repeat top center / cover;
    top: 100px;
    right: -60px;
    width: 65%;
    height: 630px;
    z-index: 99;
  }

  .container {
    max-width: 1200px !important;
  }

  .experience-section h2 {
    font-size: 35px !important;
    line-height: 45px;
  }

  .banner-section h1 span {
    font-size: 50px !important;
  }

  .banner-section h1 {
    font-size: 50px !important;
    line-height: 55px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 40px;
  }

  .left-slider .slick-dots li:after {
    width: 40px;
  }

  body .slick-current .media .content-inr p {
    font-size: 20px !important;
  }

  body .left-slider .slick-current .content-inr {
    left: 15px;
  }

  .our-team-section:after {
    width: 80%;
  }

  /* .expert-section.magento h2 { font-size: 40px; line-height: 50px; max-width: 900px; } */
  .services-section.magento-top h2 {
    margin-bottom: 50px;
  }

  .expert-section.magento {
    padding: 100px 0 80px;
  }

  .services-section.magento h3 {
    font-size: 16px;
  }

  .services-section.magento .aws-services {
    padding: 70px 30px 20px;
  }

  .services-section.magento .aws-services:hover {
    padding: 70px 30px 20px;
  }

  .our-team-section h2 {
    font-size: 40px;
    max-width: 900px;
    margin: 0 auto;
  }

  .our-team-section h6 {
    font-size: 16px;
    font-weight: 500;
  }

  .our-team-section::before {
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mag-right-shape.png) no-repeat right / contain;
    top: 70px;
    width: 10%;
    height: 370px;
  }

  .process-section.magento h2 {
    font-size: 40px;
  }

  .create-section.aws.magento h2 {
    margin-bottom: 30px !important;
  }

  .main-formss.magento h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .site-header .overlay-menu .main-menu-nav li .mega-menu {
    top: 0px;
    background-color: transparent;
  }

  /* body .banner-section { padding: 180px 0 73px !important; } */
  .banner-section.magento {
    padding: 150px 0 70px !important;
  }

  .banner-section.aws {
    padding: 180px 0 100px !important;
    height: auto;
  }

  .banner-section.mag-hm {
    padding: 145px 0 65px !important;
  }

  .banner-section.devops {
    padding: 200px 0px 110px !important;
  }

  .banner-section.contact-us {
    padding: 162px 0 70px !important;
  }

  .banner-section.php-banner::before {
    height: 760px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding-top: 20px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    bottom: 65px;
  }

  .banner-section.angular-banner .bnr-img img {
    max-width: 400px;
    object-fit: cover;
    height: 380px;
  }

  .banner-section.angular-banner {
    height: auto;
  }

  .services-section.mag-hm .single-service {
    padding: 35px;
  }

  .banner-section.services-banner p.font-large {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-section.portfolio h1 {
    margin: 20px auto;
    max-width: 700px;
  }

  .exp-info-content {
    padding-top: 15px;
  }

  .exp-info-content .row .col-md-6.mb-lg-5 {
    margin-bottom: 15px !important;
  }

  .menu-exp-info h3 {
    font-size: 18px;
    line-height: 23px;
  }

  .menu-exp-info p {
    font-size: 13px;
    line-height: 19px;
    padding-right: 10px;
    margin: 0;
  }

  .overlay-menu.active .main-content ul li {
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li span {
    font-size: 16px;
  }

  .overlay-menu.active .main-content ul li p {
    font-size: 14px;
  }

  .excellance-section {
    padding-top: 40px;
  }

  .right-side.choose-outer h2 {
    font-size: 35px;
    margin-bottom: 20px !important;
  }

  .right-side.choose-outer h2 span {
    font-size: 35px;
  }


  section.Lbanner-section h1 {
    font-size: 48px;
  }

  section.Lbanner-section p {
    font-size: 24px;
    margin: 10px auto 15px;
  }

  section.Lbanner-section .order span {
    font-size: 110px;
  }

  section.Lbanner-section .order strong {
    font-size: 116px;
  }

  .dev-bnr-img {
    margin-top: 12px;
  }



}

@media (max-width: 1280px) {
  .achievements-section .slick-slide img {
    padding: 0px 10px;
  }

  .achievements-section p.feedback {
    margin-bottom: 0px !important;
    font-size: 16px;
  }

  .achievements-section h6.top-dev {
    font-size: 18px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 10px;
  }

  .achievements-section .bottom-cont {
    bottom: 10px;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 100%;
    margin: auto;
  }

  .main-slider .slick-slide {
    margin: 25px 10px 20px;
  }

  .gallery-common-section .carousel-item .main-content .right-side img {
    left: -40px;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    left: -50px;
  }

  /* .gallery-common-section.slider-section .carousel-indicators { right: 4%; } */
  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 55px;
    line-height: 60px;
  }

  .banner-section.angular-banner .angular-box img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 60px !important;
    line-height: 68px !important;
  }

  button.slick-next.slick-arrow {
    left: 0;
  }

  button.slick-prev.slick-arrow {
    left: auto;
    z-index: 1;
    width: 40px;
    right: -5px;
  }

  .banner-section.about h1 {
    padding-top: 0;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    width: 100%;
    position: unset;
    transform: unset;
  }

  .exp-info-content .row .col-md-6.mb-lg-5,
  .right-side.choose-outer h2 {
    margin-bottom: 35px !important;
  }

  .menu-exp-info .txt {
    padding-left: 15px;
  }

  .achievements-section button.slick-next.slick-arrow {
    left: auto;
  }

  .collage-marquee-main button.slick-next.slick-arrow {
    left: auto !important;
  }


}


@media (max-width:1200px) {
  .banner-section.devops.inner-bnr ul.dev-ser-list {
    display: flex;
  }

  .below-footer {
    padding: 0 10px;
  }

  section.Lbanner-section h1 {
    font-size: 48px;
  }

  section.Lbanner-section p {
    font-size: 20px;
  }

  .tech-section {
    padding: 80px 15px 90px;
  }

  header ul.navbar-nav li.nav-item {
    margin: 0px;
  }

  section.Lbanner-section .order span {
    font-size: 120px;
  }

  section.Lbanner-section .order strong {
    font-size: 110px;
  }

  section.Lbanner-section {
    padding: 80px 0 70px;
    height: 90vh;
  }

  section.Lbanner-section .bottom-prt {
    padding: 0 15px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 20px;
  }

  .banner-section.shopify-app-banner .imgwrapper {
    padding: 0px;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    margin-bottom: 20px;
  }

  .banner-section.magento ul.mg-ser-list {
    justify-content: center;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg {
    margin: 0;
  }

  section.wbanner-section h1 img {
    width: 420px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding-top: 10px;
    font-size: 35px;
  }

  .gallery-common-section .carousel-item .main-content .right-side img {
    left: 0;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    position: inherit;
    left: 0;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 15px;
  }

  .gallery-common-section a.btn.square {
    padding: 8px 20px;
    padding-left: 40px;
    font-size: 15px;
  }

  .gallery-common-section a.btn.square:before {
    left: 12px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    right: auto;
    width: 100%;
    bottom: -40px;
  }

  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-section.mag-hm .award-outer p {
    font-size: 18px;
  }

  .services-section.mag-hm .single-service.services-box {
    padding: 40px;
  }

  .navbar-light .navbar-brand img.logo {
    display: block;
    width: 100%;
    width: 200px;
  }

  .learn-tab .learn-tab-image {
    gap: 30px 20px;
    margin: 40px 0 0;
  }

  .page-template-devOps-training-program .learn-tab .learn-tab-image-item.learn-tab-left .learn-tab-image {
    grid-template-columns: repeat(3, 1fr);
  }

  body h2 {
    font-size: 32px;
  }

  .benefits-training-program-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }

  .key-features-features-box {
    padding: 30px 24px;
  }

  .apply-form-wrapper {
    padding: 40px 30px;
    height: 100%;
  }

  .enroll-wrapper {
    padding: 32px 32px 0;
  }

  .training-wrapper {
    padding: 32px 32px;
  }

  .training-info-images {
    width: 130px;
    height: 130px;
    min-width: 130px;
  }

  .placement-offering-list-title {
    font-size: 18px;
  }

  .placement-offering-wrapper {
    padding: 16px;
  }

  .placement-offering-content {
    padding: 30px;
    margin-left: -10%;
  }

  .development-course-item {
    padding: 22px;
  }

  .offering-certified-form-wrapper {
    padding: 60px 40px;
    background-position: 80% center;
  }

  .review .slick-next.slick-arrow {
    top: -50px;
    right: -20px;
    left: auto;
  }

  .review-item-inner {
    grid-template-columns: 0.75fr 1.25fr;
    gap: 15px;
  }

  .review-icon {
    padding: 8px;
  }

  .review-title {
    font-size: 20px;
  }

  .training-program-image img {
    padding-right: 10px;
  }

  .training-program {
    padding: 40px 0px 60px;
  }

  .learn-tab-list-item {
    padding: 8px 10px;
  }

  .learn-tab-list {
    row-gap: 10px;
    column-gap: 10px;
  }

  .key-features {
    padding: 40px 0px;
  }

  .section-title {
    margin-bottom: 40px;
  }

  .key-features-features-box .key-features-card-title {
    font-size: 22px;
  }

  .benefits-training-Program-list .row>div:nth-child(3),
  .benefits-training-Program-list .row>div:nth-child(4) {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .how-it-work-image-content {
    max-width: 80%;
  }

  .faq-sec {
    padding: 40px 0px 50px;
  }

  body .section-title,
  .development-course .section-title .highlight-title {
    font-size: 36px;
  }

  .training-course-title {
    font-size: 34px;
  }
}

@media (max-width:1080px) {
  header.fixedheader .main-header {
    height: 71px;
  }

  .location-box .contact-details li a {
    font-size: 20px;
    line-height: 30px;
  }

  .our-main-client h2 {
    font-size: 40px;
  }

  .banner-section.mag-hm .award-outer p {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    margin-left: 8px;
  }

  .banner-section.mag-hm.home h1,
  .banner-section.mag-hm.home h1 span {
    font-size: 40px !important;
    line-height: 45px;
    padding-top: 0;
  }

  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-section.mag-hm.home {
    padding: 130px 0 50px !important;
  }

  .UI-banner-section .hire-btn {
    font-size: 16px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 80px;
    height: 80px;
    object-fit: contain;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 30px 0 10px;
  }

  section.banner-section.UI-banner-section.inner-bnr p {
    font-size: 20px;
    line-height: 26px;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 20px;
    line-height: 26px;
  }

  .banner-section.devops.inner-bnr ul.dev-ser-list::before {
    width: 87%;
  }

  .banner-section.devops.inner-bnr {
    padding: 140px 0 50px !important;
  }

  .banner-section.devops ul.dev-ser-list li p {
    font-size: 16px;
  }

  body .banner-section.aws {
    padding: 200px 0 50px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr {
    height: auto;
  }

  .banner-section.angular-banner .bnr-img img {
    max-width: 350px;
    object-fit: cover;
    height: 320px;
  }

  .banner-section.angular-banner {
    background-size: 50% 30%;
  }

  .banner-section.angular-banner .angular-box ul li {
    margin-bottom: 0;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    font-size: 18px;
    line-height: 26px;
  }

  .banner-section.angular-banner .textt {
    padding-left: 0;
  }

  .banner-section.reacts-banner .reacts-text p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }

  .banner-section.reacts-banner .hire-develop {
    margin-top: 0;
  }

  .banner-section.reacts-banner .reacts-list-box ul li {
    margin-bottom: 15px;
    font-size: 21px;
    padding-bottom: 15px;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 60px 0 30px !important;
  }

  section.wbanner-section .textmain {
    padding-bottom: 0;
  }

  section.wbanner-section {
    height: 90vh;
  }

  section.wbanner-section h1 img {
    width: 380px;
  }

  section.wbanner-section.inner-bnr p {
    font-size: 20px;
  }

  .hire-develop:before {
    left: 18px;
  }

  body .hire-develop {
    padding: 18px 40px;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 180px;
  }

  .banner-section h1 {
    padding-top: 0;
  }

  .banner-section.magento ul.mg-ser-list {
    justify-content: space-between;
  }

  .banner-section.magento .aws-bnr {
    background-position: 35% 120px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 110px;
    height: 123px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    line-height: 17px;
    font-size: 12px;
  }

  .high-performance h2 {
    font-size: 35px;
  }

  /* body .banner-section.shopify-app-banner {padding: 170px 0 100px !important;height:auto;} */
  .banner_icon ul li h6 {
    font-size: 16px;
  }

  .cross-bnr-img img {
    width: 450px;
    height: 450px;
    object-fit: contain;
  }

  body .hire-develop {
    font-size: 15px;
    padding: 18px 26px;
    padding-left: 45px;
  }

  .listing-style li {
    font-size: 16px;
  }

  body .banner-section.backend-banner,
  body .banner-section.frontend-banner {
    padding: 200px 0px 150px !important;
  }

  .crossplat-banner.inner-bnr::before,
  .banner-section.backend-banner::before,
  .banner-section.frontend-banner::before,
  .banner-section.whmc-banner::before {
    height: 150px;
  }

  .banner-section .back-inner {
    min-height: 220px;
  }

  .banner-section .back-inner h3 {
    font-size: 18px;
  }

  section.Lbanner-section h1 {
    font-size: 45px;
  }

  section.Lbanner-section .order span {
    font-size: 100px;
  }

  section.Lbanner-section .order strong {
    font-size: 90px;
    line-height: 95px;
  }

  .banner-section h1 {
    font-size: 40px !important;
  }

  header ul.navbar-nav li.nav-item:last-child a {
    width: 120px;
  }

  header .navbar-light .navbar-brand img {
    width: 100%;
    max-width: 200px;
  }

  .banner-section h1 span {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .banner-section.inner-bnr p {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .banner-section .textt {
    padding-left: 30px;
  }

  section.hiredevelop h2 span.orange {
    font-size: 35px;
  }

  section.hiredevelop h2 {
    font-size: 35px;
  }

  .banner-section.about {
    padding: 175px 0 125px !important;
  }

  .expert-section.about h2 {
    font-size: 40px;
  }

  .expert-section.about img {
    height: 380px;
    object-fit: cover;
  }

  .expert-section.about .side-tbs {
    padding: 0px !important;
    margin-left: 0 !important;
  }

  .vertical-tbs .nav-tabs .nav-link.active {
    font-size: 18px;
  }

  .vertical-tbs .nav-tabs .nav-link {
    font-size: 18px;
  }

  .team-tabs a.nav-link {
    font-size: 15px;
    padding: .5rem .3rem;
  }

  .team-tabs h6 {
    font-size: 18px;
    margin-top: 18px;
  }

  .team-tabs p {
    font-size: 15px;
    margin-top: 10px;
  }

  .client-sec {
    padding: 80px 0 70px;
  }

  .ondemand-section.about h2 {
    font-size: 40px;
    max-width: 680px;
  }

  .client-sec h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .banner-section.magento.shopify {
    padding: 130px 0 40px !important;
  }

  .banner-section.magento {
    padding: 150px 0 90px !important;
    height: auto;
  }

  .banner-section.aws {
    padding: 200px 0 120px !important;
  }

  .banner-section.devops {
    padding: 180px 0px 130px !important;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
  }

  footer.footer-area.footer--light.contact .footer-big.cnct {
    padding: 50px 15px 30px 15px;
  }

  .main-formss.contact-form {
    padding: 50px 70px 70px;
  }

  .contact-via hr {
    margin-top: 60px;
  }

  .contact-via .main-inside img {
    width: 50px;
  }

  .contact-via {
    padding: 70px 0 0;
  }

  body .banner-section.aws h1 {
    font-size: 40px !important;
    line-height: 50px;
  }

  .hiring-section.aws h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px !important;
  }

  .banner-section.aws p {
    max-width: 450px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 30px;
  }

  .single-service.aws-services {
    padding: 40px 40px;
  }

  .services-section.aws .single-service.aws-services h3 {
    font-size: 16px;
    margin: 20px 0px 10px;
    height: 42px;
    max-width: 100px;
  }

  .benefits-section.aws h2 {
    font-size: 35px;
  }

  .benefits-section.aws ul.side-lst li img {
    width: 25px;
  }

  .benefits-section.aws ul.side-lst li {
    margin-bottom: 30px;
    font-size: 17px;
  }

  .benefits-section.aws .left-sd h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .benefits-section.aws .mid-part a.btn {
    font-size: 15px !important;
    padding: 12px 30px;
  }

  .create-section.aws {
    padding: 0 15px 100px;
  }

  .create-section.aws .slider-inr {
    padding-right: 0 !important;
  }

  .create-section.aws .col-md-12.pl-0 {
    padding-right: 0 !important;
  }

  .benefits-section.aws .left-sd {
    padding-left: 60px;
  }

  .devope-section h2 {
    font-size: 30px;
  }

  .devope-section .heading {
    margin-top: 0 !important;
  }

  .qa-section h3 {
    font-size: 24px;
  }

  .ondemand-section.aws h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .ondemand-section.aws {
    min-height: 520px;
  }

  .single-service.aws-services p {
    line-height: 25px;
    font-size: 14px;
  }

  .main-formss h2 {
    font-size: 35px;
  }

  .devope-section img {
    width: 30px;
  }

  .hiring-section.aws img {
    width: 100%;
  }

  body .expert-section.magento h2 {
    font-size: 40px;
  }

  body .our-team-section h2 {
    font-size: 40px;
  }

  .create-section.magento {
    padding: 100px 15px !important;
  }

  body .process-section.magento h2 {
    font-size: 40px;
  }

  body .services-section.magento .aws-services p {
    font-size: 13px;
  }

  body .services-section.magento .aws-services {
    padding: 50px 30px 40px;
  }

  body .services-section.magento .aws-services:hover {
    padding: 50px 30px 40px;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 32px !important;
  }

  .brand-exp-section .inner-brand {
    padding: 50px 40px !important;
  }

  .brand-exp-section {
    padding: 100px 15px !important;
  }

  .brand-exp-section:after {
    bottom: 110px !important;
    width: 330px;
  }

  .process-section.mag-hm {
    padding: 220px 15px 100px !important;
  }

  .slick-current .media.ftco-media:after {
    width: 100% !important;
    height: 80px !important;
  }

  .main-formss {
    margin: -230px 20px;
  }

  .main-formss p br {
    display: none;
  }

  .left-slider .slick-current .content-inr {
    left: 15px !important;
    bottom: -50px;
    z-index: 99;
    right: 15px !important;
  }

  /*.left-slider a {display: none !important;}*/
  .left-slider .slick-current .media .content-inr p {
    font-size: 18px !important;
    line-height: 24px;
    margin-bottom: 0;
  }

  .left-slider .content-inr p {
    font-size: 14px;
  }

  .left-slider .content-inr {
    left: 15px;
  }

  .banner-section.devops img {
    width: auto;
  }

  .experience-section.devops {
    padding: 100px 20px;
  }

  .related-post-section.devops p {
    line-height: 26px;
    margin-bottom: 20px;
  }

  .footer-area .footer-big {
    padding: 105px 15px 30px 15px;
  }

  .experience-section.devops .left-sd {
    padding: 60px 20px;
  }

  .services-section.magento .aws-services {
    padding: 40px 30px 20px;
  }

  .services-section.magento .aws-services:hover {
    padding: 70px 30px 20px;
  }

  .services-section.magento h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .services-section p {
    margin-bottom: 20px;
  }

  .our-team-section .boxes {
    margin-bottom: 20px;
  }

  .our-team-section .headingg {
    margin-bottom: 25px !important;
  }

  .upper-white-sec img {
    width: 100%;
  }

  .our-process .process-tp {
    height: 150px;
  }

  .create-section.aws.magento .slider-inr {
    padding-right: 0;
  }

  .create-section.aws.magento {
    padding: 100px 15px;
  }

  .create-section.aws.magento .headingg {
    padding: 0;
  }

  .create-section.aws h3 {
    font-size: 20px;
  }

  .create-section.aws .left-img.side h3 {
    font-size: 16px;
    line-height: 25px;
  }

  .create-section.aws .bottomm {
    min-height: 242px;
  }

  .create-section.aws .upper {
    min-height: 242px;
  }

  .create-section.aws .content {
    min-height: 500px;
  }

  /* .banner-section.mag-hm img {width: 100%;} */
  .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 32px !important;
  }

  .brand-exp-section {
    padding: 100px 15px;
  }

  .brand-exp-section .inner-brand h3 {
    font-size: 20px !important;
    margin-bottom: 30px;
  }

  .brand-exp-section:after {
    display: none;
  }

  .process-section.mag-hm {
    padding: 200px 15px 50px !important;
  }

  .ondemand-section.mag-hm {
    padding: 60px 0;
    min-height: 530px;
  }

  .brand-exp-section .main-secc img {
    height: 130px;
    width: 100%;
  }

  .brand-exp-section .inner-brand {
    padding: 40px 40px;
  }

  .brand-exp-section .boxx:nth-child(3) {
    padding-right: 0;
  }

  .process-section.mag-hm {
    padding: 220px 15px 100px;
  }

  .banner-section.mag-hm a.smple {
    display: block;
    padding-left: 0 !important;
    margin-top: 20px;
  }

  .served-section span.slidess {
    font-size: 18px;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-left {
    right: 70px !important;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: 70px !important;
  }

  /* body .banner-section {padding: 140px 0 73px !important;} */
  .banner-section:after {
    display: none;
  }

  .create-section.shopify {
    padding-bottom: 60px;
  }

  .banner-section.contact-us {
    padding: 180px 0 10px !important;
  }

  .banner-section.mag-hm {
    padding: 133px 0 20px !important;
  }

  /*--------------new-------------*/
  /*.services-section h3 {min-height: 30px;}*/
  .banner-section.php-banner::before {
    height: 100%;
  }

  body .expert-section.magento h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 35px;
  }

  .tech-section h2 {
    font-size: 35px;
  }

  body .tex-tabs-heading h2 span {
    font-size: 35px;
  }

  .tach-tab-row ul.nav a {
    font-size: 20px;
    padding: 25px 35px;
  }

  ul.technology-list li p {
    font-size: 14px;
  }

  .why-cnt-box h4 {
    font-size: 18px;
  }

  .why-cnt-box i>img {
    width: 50px;
    height: 50px;
  }

  body .banner-section .hire-develop {
    margin-top: 15px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 600px;
    height: 550px;
    object-fit: contain;
  }

  .hiredevelop .hire-btn span {
    font-size: 18px;
  }

  .banner-section.about .container {
    background-color: transparent;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 9px;
    margin-left: 9px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 11px;
  }
}

@media (max-width:1024px) {
  .blog-details .web p {
    font-size: 16px
  }

  .banner-section.mag-hm .shopify-logo img {
    width: fit-content;
    max-width: 150px;
  }

  /*.banner-section.devops.inner-bnr ul.dev-ser-list::before {width: 1000px;}*/
  section.banner-section.nodebanner-section .right {
    padding-top: 280px;
    background-size: 70%;
    background-position: left;
  }

  section.banner-section.nodebanner-section .icon-listt {
    display: none;
  }

  section.banner-section.nodebanner-section.inner-bnr .left-sd-txt {
    margin-top: 0 !important;
    flex-direction: row-reverse;
    display: flex;
    justify-content: space-between !important;
  }

  section.hiredevelop .left-text p {
    font-size: 20px;
  }

  .process-section.mag-hm h2:after {
    display: none !important;
  }

  .brand-exp-section:after {
    bottom: 50px;
  }

  .create-section.magento {
    padding: 100px 15px !important;
  }

  body .main-formss.magento h2 {
    font-size: 40px;
  }

  .ondemand-section.magento {
    min-height: 520px;
  }

  .hiring-section h2 {
    font-size: 30px;
  }

  .experience-section h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 35px;
    margin-bottom: 45px;
  }

  .services-section h4 {
    font-size: 16px;
  }

  .single-service {
    margin-bottom: 20px;
  }

  .create-section .content h3 {
    font-size: 20px;
  }

  .related-post-section p {
    font-size: 14px;
  }

  .ondemand-section h2 {
    font-size: 30px;
  }

  .main-formss h2 {
    font-size: 40px;
  }

  .main-formss p {
    font-size: 16px;
  }

  ul.hiring-listt li {
    display: flex;
    margin-bottom: 10px;
  }

  a.btn,
  button.btn {
    font-size: 13px;
    padding: 12px 30px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 10px;
  }

  .nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner * {
    font-size: 7vh;
  }

  .about .col-md-12.mt-5.vertical-tbs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .vertical-tbs .card-body {
    padding: 5px 2rem;
  }

  .served-section h2 {
    font-size: 30px;
  }


  .menu-exp-info h3 {
    font-size: 15px;
  }

  .menu-exp-info p {
    font-size: 12px;
  }


}

@media (max-width:991px) {

  .banner-section.mag-hm.home .experience {
    margin-bottom: 20px;
  }

  .blog-details .web>div {
    margin-bottom: 10px;
  }

  .blog-details .web {
    display: block;
  }

  .video-container video {
    width: 100%;
    /* height: 55vh; */
    object-fit: cover;
  }

  .banner-section .award-outer {
    flex-wrap: wrap;
  }

  .banner-section .award-outer .pl-4.shopify-logo {
    padding-left: 0 !important;
  }

  .banner-section .award-outer .pr-3 img {
    max-width: 50px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 50px !important;
    line-height: 58px !important;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 60px;
    height: 60px;
  }

  .banner-section.devops ul.dev-ser-list li {
    margin: 0px 8px;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: -20px;
  }

  body .banner-section.aws {
    padding: 170px 0 70px !important;
  }

  section.banner-section.nodebanner-section .right {
    padding-top: 250px;
    background-size: contain;
  }

  section.banner-section.nodebanner-section .text-lg-left {
    text-align: left !important;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .banner-section.angular-banner .angular-box img {
    width: 60px;
    height: 65px;
    object-fit: cover;
    margin-right: 20px;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    width: 35px;
    height: 35px;
  }

  .banner-section.reacts-banner .reacts-list-box ul li {
    margin-bottom: 15px;
    font-size: 18px;
    padding-bottom: 0;
    border-bottom: none;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 145px 0 70px !important;
    height: auto;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .banner-section.magento ul.mg-ser-list li {
    margin: 0px 10px;
  }

  body .app-icons span {
    margin-right: 30px;
  }

  .banner-section.magento .aws-bnr {
    background-position: center;
    background-size: contain;
    width: 100%;
  }

  .banner-section.whmc-banner {
    padding: 140px 0 170px !important;
  }

  body section.Lbanner-section h1 {
    font-size: 35px;
  }

  .banner-section .back-inner .img-fluid {
    max-width: 70px;
    height: 80px;
  }

  .banner-section .back-inner {
    min-height: 180px;
  }

  .banner-section.frontend-banner.inner-bnr,
  .banner-section.backend-banner.inner-bnr {
    padding: 180px 0 160px !important;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    width: 180px;
    margin-right: 18px;
  }

  .banner-section.php-banner .dev-bnr-img {
    width: 100%;
  }

  section.Lbanner-section h1 {
    font-size: 40px;
  }

  .banner-section.php-banner .textt {
    padding-left: 20px;
  }

  .app-icons.php-ser .img-fluid {
    margin-right: 20px;
  }

  .banner-section .app-icons .img-fluid {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .services-section.mag-hm .single-service:hover img.user-mg {
    display: block !important;
    margin: 0 auto;
  }

  .main-header img.logo {
    width: 150px;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
    max-width: 400px;
    display: block;
    height: auto;
    margin: 20px auto 0;
  }

  .hiring-section.aws img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 30px;
    display: block;
  }

  .hiring-section.aws .tips {
    text-align: center;
  }

  .benefits-section.aws .left-sd {
    padding-left: 40px;
  }

  .qa-section h3 {
    font-size: 20px;
  }

  .services-section.aws .single-service.aws-services h3 {
    max-width: 100%;
    text-align: center;
  }

  .single-service.aws-services p,
  .hiring-section.aws p {
    max-width: 100%;
  }

  .services-section.aws .boxes:nth-child(even) {
    border-right: none;
  }

  body .banner-section.magento {
    padding: 150px 0 80px;
  }

  body .services-section.magento {
    padding: 50px 0 80px !important;
  }

  body .services-section.magento .aws-services {
    padding: 25px 30px 40px !important;
  }

  body .our-process .process-tp {
    height: 100px;
  }

  .footer-area .footer-menu {
    padding-left: 0
  }

  .container {
    max-width: 900px !important;
  }

  .banner-section {
    padding: 120px 0 120px;
    margin-top: 100px;
  }

  .hiring-section h2 {
    font-size: 25px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 25px;
  }

  .post-inner {
    min-height: 170px;
  }

  .related-post-section p {
    font-size: 12px;
  }

  .navbar-light .navbar-toggler {
    background: #fff;
  }

  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 15px 5px;
  }

  .navbar-light a.nav-link.active {
    border-bottom: 1px solid #e0e0e0 !important;
  }

  .choose-section .main-imgg img {
    width: 100%;
  }

  .related-post-section.devops .main-outer {
    height: 375px !important;
  }

  .create-section .slider-inr {
    margin-top: 0px;
    padding: 0px 32px !important;
  }

  .hiring-pro .box-wrapper .pro-inner {
    padding: 35px 15px;
  }

  /*=============Overlay menu==============*/
  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 40px;
    line-height: 80px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 20px;
  }

  .site-header .overlay-menu li .mega-menu li .light a {
    font-size: 11px;
  }

  .follow-us .expert-text {
    font-size: 16px;
    margin: 0 10px;
  }

  .follow-us .btn {
    min-width: 126px;
  }

  /*----------------new-----------------------*/
  .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 18px !important;
  }

  .banner-section.inner-bnr .bnnr-contnt p {
    max-width: 100%;
  }

  .banner-section .dev-bnr-img {
    max-width: 500px;
    width: 100%;
    margin: 25px auto 0;
  }

  .banner-section.php-banner::before {
    height: 100%;
  }

  .tach-tab-row ul.nav a {
    font-size: 16px;
    padding: 20px 35px;
  }

  body .services-section.magento {
    padding: 50px 0 80px !important;
  }

  .caption-crausal {
    position: unset;
    margin-top: 20px;
    padding: 20px;
    max-width: 100% !important;
  }

  .why-cnt-box {
    margin-bottom: 20px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding: 10px 0;
    font-size: 24px;
    margin: 0;
  }

  .services-section h3 {
    font-size: 18px;
    min-height: 1px;
  }

  ul.navbar-nav li.nav-item:last-child a {
    margin: 15px 0px;
  }

  .services-section .services-box h3 {
    min-height: 72px;
  }

  .banner-section.services-banner p.font-large {
    font-size: 35px;
    line-height: 50px;
  }

  .imgboxx {
    margin-bottom: 0;
  }

  .other-way-box {
    padding: 20px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-left: 12px;
  }

  .logo-slider.slick-initialized.slick-slider {
    width: 100%;
    max-width: 600px;
  }

  /*========== Header Toggle Menu Css =============*/
  .logo-slider .slick-track {
    margin-left: 0px;
    margin-top: 0px;
  }

  .right-side.choose-outer h2,
  .right-side.choose-outer h2 span {
    font-size: 26px;
  }

  .excellance-section {
    padding-top: 30px;
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li p {
    margin-bottom: 10px;
  }

  .follow-us .expert-text {
    font-size: 14px;
  }

  .footer-area h2.main-heading-ft {
    font-size: 22px;
    line-height: 30px;
  }

  .widget-about .contact-details li a {
    font-size: 14px;
  }

  header .navbar-light .navbar-brand img {
    max-width: 160px;
  }

  header ul.navbar-nav li.nav-item:last-child a {
    width: 80px;
    padding: 6px 10px !important;
    margin: 8px 0;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 11px;
    margin-left: 3px;
    margin-right: 10px;
    line-height: 20px;
  }

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

  .banner-section.about {
    height: auto;
  }

  .services-section h3 {
    font-family: "FuturaBTW01-Bold";
  }

  body h2 {
    font-size: 28px;
  }

  .training-course-sub-title {
    padding: 5px 15px;
    font-size: 16px;
  }

  body p {
    font-size: 16px;
  }

  .training-course.portfolio {
    padding: 160px 0 40px;
  }

  .learn-tab-outer {
    padding: 30px 30px;
  }

  .benefits-training-program-item {
    gap: 12px;
  }

  .benefits-training-Program-list .row>div:nth-child(2),
  .benefits-training-Program-list .row>div:nth-child(4) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefits-training-program-content-inner .benefits-training-title {
    font-size: 20px;
  }

  .benefits-training-program-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
  }

  .benefits-training-program-title {
    max-width: 75%;
  }

  .download-link {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .course-curriculum .section-title {
    margin-bottom: 32px;
  }

  .apply-form {
    margin-top: -130px;
  }

  .apply-form-wrapper {
    background-position: 70% center;
  }

  .button-group .button {
    width: 178px;
    min-height: 48px;
  }

  .training-info-title {
    gap: 10px;
    font-size: 18px;
  }

  .enroll-info-title {
    font-size: 24px;
  }

  .training-wrapper {
    padding: 30px 24px;
  }

  .enroll-wrapper {
    padding: 30px 24px 0;
  }

  .placement-offering {
    padding: 40px 0;
  }

  .placement-offering-list-title {
    font-size: 16px;
  }

  .placement-offering-content {
    padding: 24px;
    margin-left: -30%;
  }

  .review-item-inner {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 24px;
  }

  .review-image img {
    width: 100%;
  }

  .review-icon img {
    max-width: 75px;
    object-fit: contain;
  }

  .review-item-inner,
  .success-stories-item-inner,
  .related-articles-item-inner {
    margin-left: 6px;
    margin-right: 6px;
  }

  .success-stories-item-inner {
    padding: 24px;
  }

  .success-stories-btn {
    font-size: 16px;
  }

  .success-stories-author-image img {
    width: 100%;
    border-radius: 50%;
    max-width: 58px;
  }

  .success-stories-author-content h3 {
    font-size: 24px;
    line-height: normal;
    margin: 0 0 4px;
  }

  .success-stories-author-work {
    font-size: 18px;
    line-height: 22px;
  }

  .success-stories-author-rating {
    gap: 4px;
  }

  .success-stories-button svg {
    max-width: 32px;
  }

  .faq-box .card-body {
    padding-top: 6px;

  }

  .faq-box {
    padding-top: 30px;
  }

  .newsletter-wrapper label input {
    height: 52px;
  }

  .offering-certified-form-wrapper {
    padding: 30px 22px;
    background-position: 84% center;
    background-size: cover;
  }

  .review-image {
    height: 200px;
  }

  .offering-certified-form-title {
    max-width: 300px;
  }

  .review .slick-next.slick-arrow {
    right: 0;
  }

  .review .slick-prev.slick-arrow {
    right: 65px;
  }

  .why-choose-us-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }

  .training-content .training-sub-title {
    font-size: 22px;
  }

  .training-info-image-group {
    padding-top: 90px;
  }

  .training-info-images {
    width: 100px;
    height: 100px;
    min-width: 100px;
    padding: 16px;
  }

  .training-info-image-group {
    bottom: 160px;
  }

  body .section-title,
  .development-course .section-title .highlight-title {
    font-size: 34px;
  }

  .page-template-wordpress-training .learn-tab .learn-tab-image,
  .page-template-mean-stack-training-program .learn-tab .learn-tab-image {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media (max-width:860px) {

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 100px;
    height: 110px;
  }

}

@media (max-width:768px) {
  .our-main-client h2 {
    font-size: 30px;
  }

  .banner-section.mag-hm.home h1,
  .banner-section.mag-hm.home h1 span {
    font-size: 40px !important;
  }

  .banner-section.magento ul.mg-ser-list {
    margin: 130px 0 0;
  }

  body .banner-section.magento .exp-img img {
    margin-top: 0;
    max-width: 100%;
    width: 140px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 35px !important;
    line-height: 45px !important;
    max-width: 390px;
    margin-top: 10px;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg,
  .banner-section.magento ul.mg-ser-list li {
    width: 90px;
    height: 100px;
  }

  .banner-section.magento {
    padding: 140px 15px 50px !important;
  }

  .banner-section.devops.inner-bnr {
    padding: 145px 0 50px !important;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: -50px;
  }

  .banner-section.devops.inner-bnr p {
    margin-bottom: 10px;
  }

  .banner-section.aws p {
    margin: 20px 0;
  }

  body .banner-section.angular-banner .bnr-img img {
    max-width: 300px;
    object-fit: contain;
    height: 290px;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 35px;
    line-height: 45px;
  }

  section.wbanner-section h1 img {
    width: 330px;
  }

  section.wbanner-section h1 {
    margin-bottom: 10px;
  }

  body .banner-section.frontend-banner.inner-bnr,
  body .banner-section.backend-banner.inner-bnr {
    padding: 130px 0 160px !important;
  }

  .banner-section.ios-banner {
    padding: 130px 0 0px !important;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 130px;
  }

  .banner-section.backend-banner .back-inner h3,
  .banner-section.frontend-banner .back-inner h3 {
    font-size: 17px;
    margin: 0px 0px 0px;
  }

  .banner-section .back-inner .img-fluid {
    max-width: 60px;
    height: 70px;
  }

  .banner-section .listing-style li {
    font-size: 15px;
  }

  .banner-section.inner-bnr p {
    line-height: 28px;
  }

  .expert-section p,
  .expert-section.about p,
  .expert-section.about p span {
    font-size: 15px;
  }

  section.hiredevelop .left-text p {
    font-size: 15px;
  }

  body section.Lbanner-section h1 {
    font-size: 35px;
  }

  .hiredevelop .hire-btn {
    min-width: 180px;
    padding: 9px 20px;
    margin-top: 15px;
  }

  .hiredevelop .hire-btn span {
    font-size: 16px;
  }

  ol.carousel-indicators.cst-tab i {
    padding: 0;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: -43px !important;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 35px;
  }

  .brand-exp-section .main-secc img {
    object-fit: contain;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    margin-bottom: 30px;
  }

  .served-section {
    padding: 60px 0;
  }

  .services-section.shopify {
    padding: 100px 0 50px;
  }

  .ondemand-section.magento.shopify {
    padding: 60px 0;
  }

  .served-section .rgt-content br {
    display: none;
  }

  .create-section h2:after {
    margin: 0 !important;
  }

  .services-section.devops .single-service:hover img.file-mg {
    margin: 0 auto;
  }

  .experience-section.devops .left-sd h2 br {
    display: none !important;
  }

  .services-section.devops h2 {
    margin-bottom: 20px;
    margin-top: 0 !important;
    font-size: 30px !IMPORTANT;
  }

  .banner-section.about {
    padding: 160px 0 120px !important;
  }

  .expert-section.about {
    padding: 60px 0;
  }

  .expert-section.about h2 {
    font-size: 30px;
    margin-bottom: 15px !important;
    background: linear-gradient(to right, #f32170, #ff6b08, #cf23cf, #eedd44);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }

  .expert-section.about img {
    height: 250px;
  }

  .operation-sec {
    padding: 60px 0 60px;
  }

  .operation-sec .box h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .operation-sec .box h6 {
    font-size: 18px;
  }

  .operation-sec .box p {
    margin-top: 10px;
    line-height: 1.8;
    font-size: 14px;
  }

  .team-sec {
    padding: 60px 0;
  }

  .team-tabs p {
    font-size: 13px;
    margin-top: 5px;
  }

  .team-sec .nav-tabs .nav-item {
    margin-bottom: -1px;
    display: block;
    width: 100%;
    max-width: 200px;
  }

  .client-sec {
    padding: 60px 0 60px;
  }

  .client-sec h2 {
    font-size: 30px;
  }

  .client-sec .boxx {
    padding: 0 8px;
  }

  .client-sec .inner img {
    height: max-content;
  }

  .ondemand-section.about {
    padding: 60px 0;
    min-height: 520px;
  }

  .main-formss {
    padding: 60px 20px;
  }

  .ondemand-section.about h2 {
    font-size: 30px;
  }

  .vertical-tbs .nav-tabs .nav-link.active {
    font-size: 20px;
  }

  .vertical-tbs .nav-tabs .nav-link {
    font-size: 20px;
  }

  .site-header .overlay-menu-trigger .menu-btn {
    width: 30px;
    margin-top: 7px;
  }

  .brand-exp-section .inner-brand {
    padding: 20px 20px !important;
  }

  .single-service:hover a.white-arw {
    margin: 0 auto;
  }

  .banner-section.contact-us .text-right img {
    width: 100%;
  }

  .main-formss.contact-form {
    padding: 50px 10px 70px !important;
  }

  .banner-section.contact-us h1 {
    max-width: 500px;
    font-size: 35px !important;
    margin: 10px auto;
  }

  .services-section h2:after,
  .create-section h2:after,
  .process-section h2:after,
  .related-post-section h2:after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .create-section.aws h3 {
    font-size: 16px !important;
  }

  .create-section.aws .left-img {
    bottom: 10px !important;
    padding: 0 20px;
  }

  .create-section.aws .left-img.side {
    padding: 0 20px !important;
    bottom: 10px !important;
    align-items: center;
  }

  .create-section.aws .left-img.side h3 {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body .benefits-section.aws .mid-part a.btn {
    font-size: 11px !important;
    padding: 12px 30px;
  }

  body .hiring-section.aws {
    padding: 60px 0 0px !important;
  }

  body .services-section.aws {
    padding: 60px 0 !important;
  }

  body .expert-section.magento {
    padding: 60px 0 !important;
  }

  body .services-section.magento {
    padding: 50px 0 60px !important;
  }

  body .expert-section.magento h2 {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .expert-section.magento p {
    line-height: 28px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 35px;
  }

  body .banner-section.mag-hm h1 span {
    font-size: 30px !important;
  }

  body .banner-section.mag-hm h1 {
    font-size: 30px !important;
    max-width: 490px;
    margin: auto;
  }

  .served-section h2 span {
    font-size: 30px;
  }

  body .services-section.mag-hm a.serv.btn {
    margin-right: 8px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 8px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 8px !important;
  }

  .banner-section.mag-hm p {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .services-section.mag-hm a.serv.btn {
    margin-bottom: 12px;
    padding: 10px 10px;
    font-size: 14px;
  }

  .experience-section,
  .services-section,
  .process-section,
  .related-post-section {
    padding: 60px 0;
  }

  .related-post-section p {
    font-size: 10px;
  }

  .footer-area .footer-big {
    padding: 80px 15px 30px 15px;
  }

  .below-footer {
    padding: 0 10px;
  }

  .experience-section img {
    width: 150px;
  }

  .create-section {
    padding-bottom: 60px;
  }

  .footer-big .footer-menu ul li a,
  .footer-big p,
  .footer-big ul li {
    font-size: 14px;
  }

  .banner-section.devops {
    padding: 150px 0 70px !important;
  }

  .experience-section.devops .right-sd {
    margin-top: 50px;
  }

  .related-post-section.devops .main-outer {
    padding: 20px 15px;
  }

  .cloud-section .context {
    margin-top: 50px;
  }

  .experience-section.devops img {
    width: 100%;
  }

  .experience-section.devops .right-sd h2 {
    text-align: left;
  }

  .choose-section {
    padding: 30px 0 70px;
  }

  /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
  .expert-section p,
  .expert-section.about p {
    margin-bottom: 10px;
    line-height: 24px;
  }

  ol.carousel-indicators.cst-tab svg {
    width: 50px;
    height: 50px;
  }

  ol.carousel-indicators.cst-tab::before {
    left: 28px;
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 14px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .tech-section.why-choose-section.system-section .col-md-12 {
    padding: 0;
  }

  .served-section p {
    line-height: 28px;
  }

  .banner-section.portfolio.activity p,
  .banner-section.portfolio p,
  .gallary-heading p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }

  .timeline-heading.gallary-heading h3 {
    font-size: 24px;
    line-height: 30px;
  }

  body .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 4px;
    margin-left: 4px;
    font-size: 8px;
  }

  .review-item-inner {
    padding: 18px;
  }

  .course-curriculum-faq-desc {
    padding-right: 0;
  }

  .course-curriculum-faq-minus-icon,
  .course-curriculum-faq-plus-icon {
    width: 24px;
    height: 24px;
    padding: 6px;
  }

  .course-curriculum-content.text-left,
  .course-curriculum-faq-desc li {
    padding-top: 2px;
    font-size: 16px;
    line-height: 24px;
  }

  .training-course-title {
    font-size: 30px;
  }
}

@media (min-width: 401px) and (max-width:767px) {
  .tab-content.mt-5 {
    margin-top: 1rem !important;
  }

  .footer-big .col-md-3.col-sm-12 {
    padding: 0;
  }

  .footer-area .footer-big .footer-widget {
    margin-bottom: 0;
  }
}

@media (min-width: 613px) and (max-width:767px) {
  .banner-section.devops.inner-bnr h1 {
    max-width: 400px;
    margin: 0 auto 20px;
  }

  .achievements-section .bottom-cont {
    bottom: 30px;
  }
}

@media (max-width:767px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr {
    z-index: 0;
  }

  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    content: "";
    display: block;
    position: absolute;
    width: 350px;
    height: 350px;
    /* background-color: #f4f7fb; */
    background-color: #95bf47;
    background-size: cover;
    background-image: unset;
    left: -205px;
    bottom: -28px;
    opacity: 1;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
  }

  .banner-section.shopify-app-banner.white-bg.inner-bnr {
    position: relative;
  }

  .activity-timeline-section .timeline:first-child::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    border-radius: 2000px;
    background: rgba(255, 74, 158, .5);
    right: -130px;
    bottom: auto;
    left: auto;
    margin: auto;
    top: 71px;
    transform: rotate(45deg);
  }

  section.activity-timeline-section .col-12::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 96px;
    height: 96px;
    border-radius: 2000px;
    background: rgba(0, 181, 230, .5);
    left: -30px;
    bottom: 0;
  }

  .banner-section.shopify-app-banner .hire-develop,
  .banner-section .hire-develop.orange {
    background: #95bf47;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item p {
    text-align: left;
  }

  .tech-section .why-heading {
    margin: 0px auto 10px;
    text-align: center;
    width: 85%;
  }

  .tach-tab-row div#myTabContent {
    border-top: 1px solid #eee;
  }

  section.gallery-common-section.slider-section {
    padding: 0 0 100px;
  }

  section.gallery-common-section.slider-section .top_heading {
    text-align: center;
    max-width: 90%;
    margin: auto;
    padding-bottom: 10px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    margin: 15px auto 30px;
    max-width: 90%;
  }

  section.gallery-common-section.slider-section.shop-slider ol.carousel-indicators {
    right: 0;
    width: auto;
    left: 0 !important;
  }

  .why-heading h2 {
    margin-bottom: 10px;
  }

  .row.tach-tab-row.align-items-center .col-md-4.pl-0 {
    padding-right: 0;
  }

  .activity-gallary-images {
    padding-top: 20px;
  }

  .gallary-heading p {
    padding: 0px 25px;
    font-size: 18px;
  }

  .Review-details svg.white-arw {
    width: 15px;
    padding-left: 0px !important;
  }

  .main-formss.contact-form .leave-table .note-txt p {
    margin-bottom: 0;
  }

  /* .served-section {background: #e1f1ff;} */
  .location-box .contact-details li {
    padding: 12px 0;
  }

  .location-box hr,
  .banner-section.portfolio.activity .agency-banner-desk,
  body .banner-section .buss-top-desk,
  section.buss-growth img.img-fluid.buss-top-desk,
  .services-section .service-para {
    display: none;
  }

  .location-box .contact-details li {
    border: 0;
  }

  .row.boxes_row .col-md-4.col-sm-12.col-12:last-child img {
    height: 53px;
    object-fit: contain;
    width: 68%;
  }

  .row.boxes_row span.box-logo img {
    width: 40%;
  }

  .other-way-box {
    padding: 25px 30px;
  }

  .achievements-section h6.top-dev {
    margin-top: 70px
  }

  .banner-section.whmc-banner::before {
    height: 130px;
  }

  .banner-section.whmc-banner {
    padding: 140px 0 120px !important;
  }

  .services-section.mag-hm.magento h2 {
    max-width: 80%;
    margin: 0 auto 30px;
  }

  .services-section.mag-hm.magento {
    padding: 0px 0 40px !important;
  }

  .blog-details p,
  .post-inner {
    margin-bottom: 0;
  }

  /* .Review-details p{font-size: 16px;} */
  .blog-details h3,
  .Review-details h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .Leave-your-thought .container {
    padding: 35px;
  }

  .share-circle {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .share-circle i {
    font-size: 14px;
  }

  .banner-section.frontend-banner.inner-bnr h1 {
    margin-bottom: 25px;
  }

  .banner-section.crossplat-banner .font-light,
  .banner-section.crossplat-banner .font-light span {
    max-width: 70%;
    margin: 0 auto 20px;
    line-height: 42px;
    font-size: 40px !important;
  }

  .banner-section.app-dev-bnr.inner-bnr.andriod {
    padding: 135px 0 40px !important;
  }

  .banner-section.crossplat-banner.inner-bnr {
    padding: 150px 0 30px !important;
  }

  .banner-section.portfolio {
    padding: 150px 0 50px !important;
  }

  .feature-insgt p {
    font-size: 18px;
  }

  .banner-section.blog {
    padding: 170px 0 30px !important;
    height: 500px;
  }

  .blog-details .left-sd {
    margin-bottom: 25px;
  }

  body .banner-section.blog.details {
    height: 360px;
  }

  .banner-section.about .video-container.desktop-video-hide::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background: rgb(179 5 86 / 9%);
    right: -24px;
    bottom: 0;
    z-index: -1;
    top: -50px;
  }

  .video-container.desktop-video-hide {
    position: relative;
  }

  .benefits-section.aws {
    margin: 0;
  }

  .expert-section.about .side-tbs .tab-content .card {
    margin-bottom: 30px;
  }

  .qa-section ul.qa-list {
    padding-left: 15px;
    margin-top: 25px;
  }

  a.moreless-button,
  .carrer-mob-banner,
  .agency-banner-mob,
  .buss-top-mob {
    display: block;
  }

  .team-tabs .inner img {
    transition: all .6s ease-in;
  }

  .team-tabs .inner:hover img {
    transform: scale(1.1);
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row .col-md-3.col-sm-6.col-12.team-bx {
    max-width: 100%;
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row {
    display: unset;
    margin: 0;
    width: 100%;
  }

  div#pane-C .card-body {
    padding-bottom: 0;
  }

  div#pane-C p {
    margin-bottom: 0;
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane,
  #content .goals-icon img {
    display: block;
  }

  .expert-section.about .side-tbs .tab-content::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background: #ff561d;
  }

  .expert-section.about .side-tbs .tab-content::before {
    left: -100px;
    bottom: 0;
    top: -38px;
  }

  .vertical-tbs .card-body {
    padding: 10px 16px 20px;
  }

  .vertical-tbs .tab-pane {
    border: 0;
  }

  body .expert-section p {
    text-align: center !important;
    font-size: 17px;
    line-height: 24px;
  }

  .expert-section.about .card-header h5 {
    padding: 0px 16px 0px;
  }

  .expert-section.about h2,
  body .team-sec h2,
  .service-para {
    text-align: center;
  }

  .video-container {
    position: relative;
    margin-bottom: -100px;
    margin-top: 60px;
  }

  .video-container video {
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 33px 10px rgba(0, 0, 0, 0.1);
  }

  .banner-section.about h1 {
    padding-top: 60px;
  }

  body .expert-section.about .card.active a,
  .expert-section.about .card a,
  .vertical-tbs .card-body p,
  .vertical-tbs .card-body p span {
    color: #dcdcdc;
    text-align: left !important;
    line-height: 24px;
    margin: 0;
  }

  .timeline-heading.gallary-heading h3 {
    margin: 0px auto 10px;
    font-family: "FuturaBTW01-Bold";
  }

  .timeline-heading h3,
  h3 {
    font-family: "FuturaBTW01-Bold";
  }

  .banner-section.portfolio h1 {
    margin: 25px auto 25px;
  }

  .activity-section {
    padding: 50px 0px 65px;
  }

  .services-section span {
    text-align: center;
    display: none;
  }

  .main-header .navbar-light .navbar-nav .nav-link:focus,
  .main-header .navbar-light .navbar-nav .show>.nav-link {
    color: #ff561d;
    outline: none;
  }

  header ul.navbar-nav li.nav-item:focus {
    outline: none;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }

  .navbar-light .navbar-nav .dropdown-menu li>a {
    display: inline-block;
  }

  .main-nav .mobile-navbar,
  .our-main-client .mobile-client,
  .desktop-video-hide,
  .col-md-12.mt-5.vertical-tbs .collapse:not(.show),
  header .about-hdr .navbar-light .navbar-brand .logo-dsktp {
    display: block;
  }

  .main-nav .desktop-navbar,
  .main-nav .mobile-navbar ul li::marker,
  .our-main-client .dsktop-client,
  .mob-about-video,
  .banner-section.about h1,
  .vertical-tbs .card-body p:last-child,
  .nectar-scrolling-text .inner.row-bg img,
  .team-tabs .nav-tabs,
  .w-list ul {
    display: none;
  }

  .footer-area {
    background: #000 !important;
  }

  /* .services-section.mag-hm .col-lg-4.col-md-6.col-sm-6.col-12.boxes {
      padding: 0px 20px;
  } */
  body .served-section a.radd {
    float: unset;
    margin: auto;
    padding-left: 0;
    color: #ff561d;
    text-decoration: underline;
    font-family: "FuturaBTW01-Medium";
  }

  .served-section .rgt-content,
  .col-md-12.btn-hight.tabs-mid {
    text-align: center;
  }

  .served-section h2,
  .served-section p,
  .services-section.mag-hm h2 {
    text-align: center;
  }

  .navbar-toggler span.icon-bar:nth-child(2) {
    width: 25px;
  }

  .navbar-toggler span.icon-bar:nth-child(3) {
    width: 20px;
  }

  .navbar-toggler span.icon-bar {
    height: 4px;
    border-radius: 0;
    margin: 6px 0px;
  }

  .main-header {
    padding: 10px 0px;
  }

  .navbar-light .navbar-brand img.logo,
  .related-post-section p br,
  .rgt-content-span,
  .banner-section.portfolio.contact-us.career-outer .carrer-desk-banner,
  .banner-section.whmc-banner.white-bg.inner-bnr ul.listing-style {
    display: none;
  }

  img.logo-mobile {
    display: block;
    width: 160px;
    margin-right: auto;
  }

  .banner-section.mag-hm a.btn {
    background-color: transparent;
    border: 1px solid #ff561d;
    color: #ff561d;
  }

  .banner-section.mag-hm a.btn::before,
  .served-section a.radd:after,
  header .about-hdr .navbar-light .navbar-brand .white-logo,
  header .about-hdr .navbar-light .navbar-brand .logo {
    display: none;
  }

  .site-header,
  span.moretext {
    display: none;
  }

  body .row.need-help {
    right: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .need-help .container {
    padding: 0;

  }

  .row.need-help button.btn.need_btn {
    width: 100%;
    font-size: 15px;
    border-radius: 0;
  }

  body.home .achievements-section button.slick-prev.slick-arrow,
  .achievements-section button.slick-next.slick-arrow {
    display: none !important;
  }

  .services-section h3 {
    margin: 25px 0px 10px;
  }

  .footer-area h5.sub-heading {
    margin-top: 20px;
  }

  .footer-mobile {
    padding: 0px 15px;
  }

  .footer-search {
    max-width: 450px;
  }

  .footer-area .footer-big .container {
    padding: 10px 15px 32px;
  }

  .below-footer ul.social-icn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .below-footer {
    text-align: center;
    padding: 30px 10px 50px;
  }

  .tech-logo-heading,
  .logo-slider.slick-initialized.slick-slider {
    display: none;
  }

  .footer-mobile {
    display: block;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin: 7px 0px;
    font-size: 13px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 18px 20px;
  }

  .navbar-light .navbar-nav .nav-link:hover {
    transform: unset;
  }

  header ul.navbar-nav li.nav-item {
    border-bottom: 1px solid #1f1f1f;
    width: 100%;
  }

  div#main-menu .col-md-12 {
    padding: 0;
  }

  .navbar-light .navbar-brand {
    margin-right: 0;
  }

  .dsktop-toggle,
  .footer-mob-hide,
  h2.main-heading-ft br,
  .footer-area .footer-big .footer-widget ul.contact-details a br {
    display: none;
  }

  header .col-md-12.mobile-srn {
    padding: 0;
  }

  .site-header {
    padding: 0 15px;
  }

  header nav.navbar-light .navbar-toggler.mobile-toggle {
    display: block;
    margin-right: 0;
    margin-left: unset;
    padding: 0;
    width: 30px;
    padding: 0 15px;
    position: relative;
    top: 8px;
    background: transparent;
  }

  header .navbar-light .navbar-nav .nav-link,
  .navbar-light .navbar-nav.about-hdr .nav-link {
    color: #000;
  }

  .experience-section h2 {
    line-height: 32px;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {
    max-width: 78%;
  }

  .carousel.pointer-event .col-md-4.col-sm-2.col-2.left-sdd {
    max-width: 22%;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    margin-top: 25px;
    text-align: center;
  }

  .gallery-common-section .left_side_text img {
    /* margin-bottom: 20px;
      height: 60px;
      object-fit: contain; */
    display: none;
  }

  section.activity-timeline-section {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
  }

  .gallery-common-section .php-portfolio-slider .col-md-9.right-side img {
    width: 100%;
  }

  .banner-section.portfolio.contact-us img {
    margin: 0 auto 0;
    border-radius: 6px;
  }

  .banner-section.portfolio.activity p {
    margin-bottom: 25px;
  }

  .banner-section.portfolio.activity .activity-img-container img {
    max-width: 100%;
    margin-top: 0px;
    border-radius: 6px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item {
    margin: 0;
    padding: 0 5px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {
    padding: 11px 11px;
    height: 40px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item {
    width: 33.33%;
    display: flex;
    justify-content: center;
  }

  .services-section.mag-hm {
    padding-bottom: 0;
  }

  .our-main-client h2 {
    margin-bottom: 30px;
    text-align: center;
  }

  .banner-section.portfolio.contact-us.leave-policy-banner img {
    margin: 0px auto 0;
  }

  .gallary-img {
    padding-top: 20px;
  }

  .timeline-heading h3,
  .main-formss h2,
  .location-box .loca-top h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .cd-horizontal-timeline .events-content h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 5px 20px 25px;
    text-align: center;
  }

  .cd-horizontal-timeline .events-content p {
    text-align: center;
    max-width: 90%;
    margin: auto;
  }

  .cd-horizontal-timeline .events-content h2 span {
    font-size: 22px;
  }

  /* .banner-section.portfolio h1, .banner-section.about h1{margin: 5px auto;} */
  .our-section.portfolio .card-body,
  .cd-horizontal-timeline .events-content li {
    padding: 0;
  }

  .port-btm-spc {
    padding-bottom: 20px;
  }

  /* .banner-section.services-banner.white-bg.inner-bnr {padding-top: 125px !important;} */
  .banner-section.about p {
    max-width: 90%;
    line-height: 35px;
    font-size: 28px;
    padding-top: 20px;
    letter-spacing: -0.5px;
    font-family: "FuturaBTW01-Bold";
    color: #000;
  }

  .main-formss.contact-form.career-list p.skill,
  .list-heading h4 {
    font-size: 15px;
    text-align: left;
  }

  .cd-horizontal-timeline.loaded {
    max-width: 100%;
    margin-bottom: 0;
  }

  .timeline-content {
    display: block;
  }

  .timeline-content-image,
  .timeline-txt,
  .activity-section-header p,
  .gallary-heading p,
  .banner-section.portfolio.activity p {
    width: 100%;
    max-width: 100%;
  }

  .timeline-content-image img {
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .timeline-txt {
    padding-left: 0;
  }

  .navbar-light .navbar-toggler {
    margin-left: auto;
    margin-bottom: 6px;
  }

  body .services-section.mag-hm a.serv.btn {
    margin: 5px 5px;
  }

  .banner-section.mag-hm .shopify-logo img {
    margin-bottom: 10px;
  }

  body .banner-section.about,
  body .banner-section.portfolio,
  .banner-section.blog {
    background: #ffffff url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/home-bg-mobile.png) no-repeat center / contain;
    background-position: 100% 14%;
  }

  .banner-section.blog h1,
  .banner-section.blog p {
    color: #000;
  }

  .banner-section.mag-hm.home {
    padding: 125px 0 20px !important;
    background: #ffffff url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/home-bg-mobile.png) no-repeat center / contain;
    background-position: 100% 14%;
  }

  .banner-section.magento h1 br {
    display: none;
  }

  .banner-section.magento .exp-img {
    margin: 15px 10px 0 0px;
  }

  body .banner-section.magento .exp-img img {
    width: 120px;
  }

  .banner-section.magento .aws-bnr {
    background: none;
  }

  .banner-section.magento ul.mg-ser-list {
    margin: 40px 0 0;
  }

  .banner-section.magento .magento-bnr-content {
    justify-content: center;
    align-items: center;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 30px !important;
    line-height: 40px !important;
    max-width: 100%;
  }

  /* .banner-section.magento .aws-bnr{background-size: 90% auto;background-position: 100% 40%;}*/
  .banner-section.magento ul.mg-ser-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  section.banner-section.UI-banner-section.inner-bnr h1 span {
    display: block;
    max-width: 150px;
    margin: 0 auto;
  }

  section.banner-section.UI-banner-section.inner-bnr h1,
  .banner-section.shopify-app-banner .textt p {
    display: block;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 10px 0 0px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    margin-top: 0;
  }

  section.banner-section.UI-banner-section .UIBanner {
    background: none;
  }

  section.banner-section.UI-banner-section .UIBanner::before {
    background: none;
  }

  section.banner-section.UI-banner-section.inner-bnr p {
    font-size: 16px;
    line-height: 25px;
    display: block;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 16px;
    line-height: 21px;
  }

  .banner-section.devops.inner-bnr ul.dev-ser-list {
    display: flex;
    justify-content: space-evenly;
  }

  .banner-section.devops ul.dev-ser-list li {
    margin: 0px 5px;
    display: none;
  }

  .banner-section.devops ul.dev-ser-list li:nth-child(even) {
    display: block !important;
    max-height: 100px;
  }

  .banner-section.devops img {
    margin-top: 0;
  }

  .banner-section.devops ul.dev-ser-list li p {
    display: block;
    font-size: 14px;
  }

  .banner-section.devops .hire-develop {
    margin: 10px 0 20px;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: 0px;
    max-width: 350px !important;
  }

  .banner-section.devops.inner-bnr .dev-bnr-img img {
    max-width: inherit;
    margin-top: 0 !important;
  }

  .banner-section.app-dev-bnr {
    height: auto;
  }

  .banner-section.crossplat-banner .hire-develop {
    margin-top: 20px;
  }

  .banner-section.crossplat-banner .cross-bnr-img img {
    margin-top: 20px;
  }

  body .banner-section.aws h1 br {
    display: none;
  }

  body .banner-section.aws {
    padding: 120px 0 40px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr h1 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr {
    padding: 115px 0 50px !important;
  }

  body section.banner-section.nodebanner-section .text-lg-left img {
    max-width: 300px;
  }

  body section.banner-section.nodebanner-section .right {
    background-position: center;
    padding-top: 200px;
    background-size: contain;
    margin-top: 30px;
  }

  section.banner-section.nodebanner-section.inner-bnr h1 {
    text-align: center;
    margin: 10px auto 10px;
  }

  body section.banner-section.nodebanner-section .text-lg-left {
    text-align: center !important;
  }

  .sidebr-tb .nav-item {
    padding: 15px 20px;
  }

  body .banner-section.angular-banner .bnr-img img {
    max-width: 260px;
    object-fit: contain;
    height: 250px;
  }

  .banner-section.angular-banner::before {
    display: none;
  }

  .banner-section.angular-banner .textt {
    padding-left: 15px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    font-size: 16px;
    line-height: 22px;
  }

  body .banner-section.angular-banner .angular-box img {
    width: 40px;
    height: 45px;
  }

  .banner-section.angular-banner .angular-box ul li {
    margin-bottom: 5px;
  }

  body .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    margin-top: 0;
  }

  .banner-section.angular-banner .angular-box {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
  }

  .banner-section.angular-banner {
    background: unset;
  }

  .banner-section.angular-banner .angular-box img {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    display: block;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    width: 30px;
    height: 30px;
  }

  .banner-section.reacts-banner .bnr-img img {
    margin-top: 20px;
  }

  .banner-section.reacts-banner.white-bg.inner-bnr {
    height: auto;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    margin-top: 0;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li,
  .banner-section.reacts-banner .reacts-list-box ul li {
    font-size: 16px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: normal;
    max-width: 280px;
    margin: 10px auto 20px;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li img {
    margin-top: 0;
  }

  section.wbanner-section h1 img {
    margin-top: 0;
  }

  section.wbanner-section .container::before,
  .banner-section.backend-banner.inner-bnr ul.listing-style {
    display: none;
  }

  section.banner-section.wbanner-section .bnr-img img {
    margin: 10px auto 20px;
    max-width: 90%;
  }

  .banner-section .font-light {
    font-family: "FuturaBTW01-Bold";
    margin-bottom: 20px;
  }

  body .banner-section h1 {
    font-size: 40px !important;
    font-family: "FuturaBTW01-Bold";
    line-height: 45px;
  }

  .banner-section.ios-banner::before {
    background: none;
  }

  .banner-section img {
    margin: 30px auto 0;
  }

  .hire-develop:before {
    left: 15px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 500px;
    height: 380px;
  }

  .banner-section .listing-style li {
    display: flex;
    margin-bottom: 5px;
  }

  ul.client-list {
    flex-wrap: wrap;
  }

  /* body .banner-section .hire-develop {margin-top: 0;} */
  body .hire-develop {
    font-size: 13px;
  }

  ul.client-list li {
    max-width: 110px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 25px;
    max-width: 80%;
  }

  body .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    width: 230px;
    margin-right: 18px;
    margin: 0 auto 25px;
  }

  body .banner-section.shopify-app-banner .bnr-img img {
    max-width: 250px;
    margin: 40px auto 0;
    width: 100%;
  }

  .banner-section .shopify-rw {
    justify-content: center;
    flex-direction: column-reverse;
  }

  .banner-section.app-dev-bnr.inner-bnr.andriod .app-icons img {
    margin-top: 15px;
    width: 30px;
  }

  .banner-section.app-dev-bnr .app-icons img {
    margin-top: 15px;
  }

  .app-dev-bnr .dev-bnr-img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/app-img.png) no-repeat center / cover;
    width: 190px;
    height: 230px;
  }

  .banner-section.app-dev-bnr::before {
    height: 130px;
  }

  .banner-section.app-dev-bnr h1 {
    margin-bottom: 15px;
  }

  .high-performance {
    text-align: center;
    padding: 40px 0 60px;
  }

  .high-performance img {
    max-width: 300px;
    width: 100%;
    margin: 20px auto 0;
    display: block;
  }

  body .served-section h2,
  .achievements-section h2 {
    font-size: 25px;
  }

  .high-performance h2 {
    font-size: 25px;
  }

  .high-performance p {
    font-size: 15px;
  }

  .banner-section.whmc-banner .banner-img .img-fluid {
    max-width: 500px;
  }

  .banner_icon ul li {
    border: none;
    padding: 0;
  }

  .banner_icon ul {
    display: flex;
    justify-content: space-evenly;
  }

  .banner-section .banner_icon .img-fluid {
    margin-top: 0;
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .cross-bnr-img img {
    width: 400px;
    height: 400px;
    object-fit: contain;
  }

  .banner-section ul.listing-style {
    max-width: 300px;
    text-align: left;
    margin: 0 auto;
  }

  body .banner-section.frontend-banner.inner-bnr,
  body .banner-section.backend-banner.inner-bnr {
    padding: 120px 0 110px !important;
  }

  .listing-style li {
    font-size: 14px;
    line-height: 24px;
  }

  .banner-section .back-inner h3 {
    font-size: 16px;
  }

  body .tech-section.why-choose-section p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 7px;
  }

  .backend-bnr-box {
    margin-top: 20px;
  }

  .backend-bnr-box .margin-top {
    margin-top: 0;
  }

  body .banner-section .back-inner .img-fluid {
    max-width: 50px;
    height: 50px;
  }

  body .banner-section .back-inner {
    min-height: 150px;
  }

  .banner-section .backend-bnr-box img {
    margin: 0;
  }

  .banner-section .back-inner {
    min-height: 160px;
    margin-bottom: 20px;
  }

  section.Lbanner-section p {
    font-size: 15px;
    font-family: 'FuturaBTW01-Book';
  }

  body section.Lbanner-section h1 {
    font-size: 22px
  }

  section.Lbanner-section .order {
    padding-left: 0 !important;
  }

  section.Lbanner-section .dev-bnr-img img {
    width: 100%;
    max-width: 450px;
  }

  section.Lbanner-section p {
    margin-bottom: 0;
  }

  body section.Lbanner-section .left {
    text-align: center;
  }

  body section.Lbanner-section .left>div {
    justify-content: center;
  }

  body section.Lbanner-section {
    padding: 145px 0 80px;
    height: auto;
    flex-wrap: nowrap;
    display: inline-block;
    justify-content: center;
  }

  .banner-section .textt {
    padding-left: 0;
    padding: 0 25px;
    text-align: center;
  }

  .banner-section.ios-banner {
    padding: 140px 0 0px !important;
  }

  .banner-section .app-icons span {
    margin-right: 0px;
  }

  .banner-section .dev-bnr-img img {
    max-width: 350px;
    height: auto;
    object-fit: contain;
  }

  .banner-section.ios-banner .app-icons img {
    margin: 0px auto;
    display: unset;
  }

  .hire-develop {
    margin-top: 20px;
  }

  .services-section.mag-hm .main-serv p,
  .achievements-section p,
  .client-sec p {
    font-size: 15px;
    line-height: 22px;
  }

  .services-section.mag-hm.services-page.srvc-page .single-service.services-box p {
    min-height: auto;
  }

  .banner-section.inner-bnr p {
    max-width: 100%;
  }

  body .text-tabs-subheading {
    font-size: 15px;
  }

  section.hiredevelop h2 span.orange {
    font-size: 20px;
  }

  section.hiredevelop {
    padding: 60px 0px;
  }

  section.hiredevelop .left-text {
    text-align: center;
  }

  section.hiredevelop h2 {
    font-size: 24px;
  }

  .services-section.magento .boxes:last-child .single-service {
    margin-bottom: 0 !important;
  }

  body .caption-crausal {
    margin-top: 0;
    padding: 15px;
  }

  .tech-section.why-choose-section.system-section .cst-cs-item {
    border: 1px solid rgb(201 189 17 / 30%);
    padding: 0px;
  }

  body .create-section h2:after {
    margin: 0 auto !important;
  }

  .expert-section.about .card-header {
    background-color: transparent;
    border-bottom: transparent;
    padding: 0;
  }

  body .expert-section.about .card a.moreless-button {
    font-family: "FuturaBTW01-Medium";
    font-size: 14px;
    color: #ff561d;
    margin-top: 8px;
    color: #7a7e8a;
  }

  body .expert-section.about .card a {
    font-size: 17px;
    line-height: 28px;
    font-family: "FuturaBTW01-Medium";
  }

  .expert-section.about .card a {
    text-decoration: none !important;
  }

  .expert-section.about .fade:not(.show) {
    opacity: 1;
  }

  .expert-section.about .card {
    margin-bottom: 10px;
    background-color: transparent;
  }

  .expert-section.about .side-tbs .tab-content {
    width: 100%;
    background-color: #000;
    border-radius: 5px;
    padding: 25px 10px;
    position: relative;
  }

  .operation-sec .box:last-child {
    margin-bottom: 0;
  }

  .operation-sec .box {
    margin-bottom: 30px;
  }

  .team-sec .nav-tabs .nav-item {
    max-width: fit-content;
  }

  .team-sec .inner {
    text-align: center;
    margin-bottom: 40px;
  }

  .team-tabs img {
    height: 250px;
    width: 250px;
    border-radius: 100%;
    max-width: max-content;
  }

  .client-sec .inner img {
    object-fit: contain;
  }

  .client-sec {
    padding: 40px 0 50px;
  }

  .banner-section.magento.shopify {
    padding: 100px 0 20px !important;
  }

  body .banner-section.aws h1 {
    font-size: 30px !important;
  }

  .banner-section.aws p {
    margin: 0 auto;
  }

  body .banner-section {
    padding: 55px 0 55px !important;
    margin-top: 80px;
  }

  .create-section .content p {
    margin-bottom: 50px;
  }

  .banner-section.contact-us p {
    max-width: 600px;
    margin: 20px auto 30px !important;
    line-height: 28px;
  }

  .banner-section.contact-us .text-right img {
    width: 300px;
  }

  .create-section.aws .slider-inr {
    padding: 0 !important;
  }

  .devope-section .boxes {
    max-width: 400px;
    margin: 0 auto 30px;
  }

  .benefits-section.aws ul.side-lst {
    max-width: 460px;
    margin: 0 auto;
  }

  .benefits-section.aws {
    text-align: center;
  }

  .benefits-section.aws .left-sd h3 {
    font-size: 25px !important;
    max-width: 450px;
    margin: 0 auto;
    line-height: 40px;
  }

  .benefits-section.aws .mid-part {
    display: block !important;
  }

  body .benefits-section.aws .mid-part a.btn {
    margin-right: 0 !important;
  }

  .benefits-section.aws::before,
  body .banner-section.shopify-app-banner .bnr-img img {
    display: none;
  }

  .benefits-section.aws {
    padding: 60px 0;
  }

  .benefits-section.aws ul.side-lst li {
    margin-bottom: 25px;
    font-size: 15px;
  }

  .devope-section {
    padding: 60px 0 30px;
  }

  .ondemand-section.aws {
    padding: 60px 0;
  }

  .qa-section {
    padding: 60px 0;
  }

  .services-section.aws .single-service {
    border-bottom: 1px solid #eeeeee;
  }

  .services-section.aws .boxes {
    border-bottom: none !important;
  }

  .ondemand-section.magento {
    padding: 60px 0;
  }

  body .main-formss.magento h2 {
    font-size: 30px !important;
  }

  body .services-section.magento .aws-services h3 {
    margin-bottom: 0;
  }

  .our-team-section .boxes {
    max-width: 350px;
    margin: 0 auto 40px;
  }

  body .expert-section.magento h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin-bottom: 15px !important;
    text-align: center;
    max-width: 90%;
    margin: auto;
  }

  body .services-section.magento .aws-services {
    padding: 25px 30px 20px !important;
  }

  .our-team-section {
    padding: 60px 0 260px !important;
  }

  body .create-section.magento {
    padding: 60px 15px !important;
  }

  .create-section.aws.magento .slider-inr {
    padding: 0 !important;
  }

  .create-section.aws .bottomm {
    margin-top: 30px !important;
  }

  body .create-section.aws .left-img.side {
    padding: 0 20px !important;
    bottom: 10px !important;
    text-align: left;
    align-items: center;
  }

  body .create-section.aws .left-img.side h3 {
    font-size: 16px;
    line-height: 26px;
  }

  body .our-team-section h2 {
    font-size: 30px !important;
  }

  .our-team-section img {
    width: 20px;
  }

  .our-team-section h6 {
    font-size: 16px !important;
  }

  .our-team-section .boxes {
    margin-bottom: 25px !important;
  }

  body .create-section.aws .left-img {
    bottom: 15px !important;
    align-items: center;
    padding: 0 20px;
  }

  body .create-section.aws h3 {
    font-size: 16px;
  }

  .create-section.aws .content {
    min-height: 300px !important;
    margin-bottom: 30px;
  }

  .our-process .upper-white-sec {
    margin: 0 20px !important;
  }

  body.t-slds__arrow-left {
    left: 60px !important;
  }

  .t-slds__arrow_wrapper-right {
    right: 110px;
  }

  .banner-section.mag-hm .text-right img {
    display: none;
  }

  body .served-section h2,
  .achievements-section h2 {
    font-size: 35px;
  }

  body .served-section h2 span {
    font-size: 35px;
  }

  body .served-section {
    padding: 60px 0;
  }

  .achievements-section h2 {
    text-align: center;
  }

  .served-section p {
    margin-bottom: 0;
    line-height: 28px;
    overflow: hidden;
    height: auto;
    font-size: 16px;
    font-family: "FuturaBTW01-Medium";
    margin: 10px 0px;
    padding: 0px 20px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 24px !important;
    line-height: 30px;
  }

  .banner-section.mag-hm {
    padding: 120px 0 50px;
  }

  .brand-exp-section .main-secc img {
    height: auto !important;
    object-fit: contain;
    width: 100%;
    max-width: 400px;
  }

  .services-section.mag-hm .single-service {
    max-width: 400px;
    margin: 0 auto;
    min-height: 100%;
  }

  .brand-exp-section .inner-brand {
    max-width: 400px;
    margin: 0 auto 30px;
  }

  .brand-exp-section .main-secc .boxx {
    padding: 0;
  }

  body .brand-exp-section {
    text-align: center;
    padding: 60px 15px !important;
  }

  .brand-exp-section .main-secc {
    margin-bottom: 0;
  }

  .services-section.mag-hm a.black-arw {
    text-align: left;
  }

  .banner-section.mag-hm h1 {
    font-size: 35px !important;
  }

  .banner-section.mag-hm h1 span {
    font-size: 35px !important;
  }

  .banner-section.mag-hm img {
    width: 50%;
  }

  .banner-section.mag-hm .award-outer {
    align-items: center !important;
    justify-content: center;
  }

  .banner-section.mag-hm img {
    width: 100%;
    margin: 0px auto 0;
  }

  .banner-section.mag-hm p {
    margin: 24px auto 40px;
    text-align: center;
    font-weight: 600;
  }

  .banner-section img {
    max-width: 400px;
    margin: 40px auto 0;
    display: block;
  }

  /* .banner-section .textt { text-align: center; } */
  .banner-section {
    padding: 130px 0 60px;
  }

  .hiring-section img {
    max-width: 500px;
    margin: 0 auto;
    display: block;
  }

  .hiring-section .tips {
    text-align: center;
    margin-top: 30px;
  }

  ul.hiring-listt li {
    align-items: center;
  }

  .experience-section h2 {
    text-align: center;
    margin-bottom: 30px;
  }

  .experience-section p {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
  }

  /* .services-section { text-align: center; } */
  .post .main-outer p {
    padding: 15px 25px 0;
  }

  .post .main-outer a {
    /* padding: 0px 0px 0 30px; */
    padding: 4px 12px;
    border: 1px solid #ff561d;
    margin: 10px 0px 0px 25px;
  }

  .related-post-section .main-outer span {
    margin: 30px 0px 0px 25px;
    padding: 3px;
    font-size: 14px;
    display: inline-block;
    color: rgba(16, 16, 16, 0.5);
    background-color: #f5f5f5;
  }

  .create-section {
    text-align: center;
  }

  .process-section {
    text-align: center;
  }

  .post .main-outer {
    max-width: 350px;
    margin: 0 auto 30px;
    padding-bottom: 40px;
    box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35);
    -webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35);
  }

  .main-formss .boxx {
    padding: 0 10px !important;
  }

  .create-section h2 a {
    margin: 20px 0 0;
  }

  .related-post-section h2 a {
    margin: 10px 0 0;
  }

  .related-post-section {
    text-align: center;
  }

  .left-slider .slick-dots li:after {
    display: none;
  }

  .cloud-section .boxes.diff {
    width: 100%;
    margin-bottom: 20px;
  }

  .cloud-section .boxes {
    max-width: 400px;
    margin: 0 auto;
  }

  .cloud-section {
    text-align: center;
    padding: 80px 0 50px;
  }

  .ondemand-section.devops {
    padding: 60px 0;
  }

  .main-formss.devops {
    margin: -330px 15px;
  }

  .cloud-section h2:after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .cloud-section h2 {
    font-size: 30px;
  }

  .services-section.devops h2 {
    font-size: 30px;
    margin-top: 0 !important;
  }

  .experience-section.devops h2 {
    font-size: 30px !important;
  }

  .experience-section.devops .mid-part {
    justify-content: center;
  }

  .footer-area .footer-big.devops {
    padding: 0px 15px 30px 15px;
  }

  .services-section.devops p {
    font-size: 14px !important;
    line-height: 26px;
  }

  .related-post-section.devops p {
    font-size: 14px;
  }

  .cloud-section .context p {
    font-size: 14px !important;
    line-height: 25px;
  }

  .experience-section h2 {
    font-size: 30px !important;
  }

  .single-service:hover img.file-mg {
    margin: 0 auto;
  }

  /*Overlay menu*/
  .site-header .overlay-menu .main-nav li a {
    font-size: 30px;
    line-height: 70px;
  }

  .site-header .overlay-menu .main-nav li .mega-menu {
    display: none;
    position: static;
    top: 0;
    width: auto;
  }

  .site-header .overlay-menu .main-nav li a:hover~.mega-menu,
  .site-header .overlay-menu .main-nav li a.active~.mega-menu {
    display: block;
  }

  .follow-us {
    text-align: center;
  }

  .follow-us .expert-text {
    margin: 15px 20px 15px 0;
  }

  /*Overlay menu*/
  .site-header .overlay-menu .main-menu-nav li .mega-menu {
    /*display: none;*/
    position: static;
    top: 0;
    width: auto;
    height: 0;
  }

  .site-header .overlay-menu .main-menu-nav li a:hover~.mega-menu,
  .site-header .overlay-menu .main-menu-nav li a.active~.mega-menu {
    display: block;
    height: 100%;
    margin-top: 30px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
  }

  .site-header .overlay-menu .main-menu-nav li a::before {
    height: 4px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 17px;
  }

  .follow-us {
    text-align: center;
  }

  .follow-us .expert-text {
    margin: 15px 20px 15px 0;
  }

  .site-header .overlay-menu li .mega-menu li>.light {
    padding-left: 0em;
  }

  /* 07-july-20 */
  body .banner-section.magento {
    padding: 80px 0 50px;
  }

  .banner-section.magento p {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-section p {
    margin-bottom: 10px;
  }

  /* .expert-section.magento p { font-size: 14px; line-height:1.5; }  */
  body .expert-section.magento {
    padding: 55px 0 !important;
  }

  body .our-team-section h2 {
    font-size: 26px !important;
  }

  body .process-section.magento h2 {
    margin-bottom: 25px !important;
    font-size: 26px;
  }

  .ondemand-section h2 {
    font-size: 26px;
  }

  body .main-formss.magento h2 {
    font-size: 26px !important;
  }

  /*---------------------NEW---------------------*/
  .banner-section .app-icons {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
  }

  .banner-section .app-icons .img-fluid {
    margin: 0;
  }

  .tech-section h2 {
    font-size: 24px !important;
    line-height: 30px;
    text-align: center;
  }

  body .tex-tabs-heading h2 span {
    font-size: 20px;
  }

  .banner-section.inner-bnr p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    display: none;
  }

  .hire-develop {
    font-size: 16px;
    padding: 15px 43px;
  }

  .caption-crausal p {
    font-size: 15px;
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  ol.carousel-indicators.cst-tab::before {
    width: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .tech-section.why-choose-section.system-section {
    padding-bottom: 55px;
  }

  body .tech-section.why-choose-section {
    padding-bottom: 40px;
  }

  body .tech-section.why-choose-section.websol-padding {
    padding-bottom: 0;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2,
  .our-main-client h2,
  body .served-section h2,
  .achievements-section h2,
  .client-sec h2,
  .expert-section.about h2,
  .team-sec h2,
  .our-section.portfolio h2,
  body .team-sec h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .create-section h2,
  .related-post-section h2 {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .experience-section,
  .services-section,
  .process-section,
  .achievements-section,
  .our-main-client,
  .team-sec,
  .operation-sec {
    padding: 40px 0px;
  }

  .related-post-section {
    padding: 50px 0px 40px;
  }

  .our-main-client .logo {
    padding-bottom: 10px;
    text-align: center;
  }

  .served-section a.radd {
    margin-right: 20px;
  }

  .footer-area .footer-big {
    padding: 30px 15px 0px 15px;
  }

  .footer-area h3.footer-widget-title {
    margin-bottom: 10px;
    line-height: 22px;
  }

  .footer-big .footer-menu ul li a,
  .footer-big p,
  .footer-big ul li {
    line-height: 30px;
  }

  .services-section .services-box h3 {
    font-size: 20px;
    min-height: auto;
  }

  .banner-section.services-banner {
    flex-direction: column;
  }

  .banner-section.services-banner p.font-large {
    font-size: 22px;
    display: block;
    line-height: 35px;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    margin-top: 15px;
    -webkit-mask-size: contain;
    background-repeat: no-repeat;
  }

  .banner-section.portfolio .orange-bg {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 15px;
    margin-top: 30px;
  }

  .top-box h2,
  .top-box h2 span {
    font-size: 28px;
    font-family: "FuturaBTW01-Medium";
    letter-spacing: -1px;
    margin-bottom: 15px;
  }

  .banner-section.portfolio p {
    margin: 0;
  }

  .our-section.portfolio .boxx h5 {
    font-size: 20px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 0;
  }

  .our-section.portfolio .boxx span {
    font-size: 13px;
  }

  .top-box p {
    font-size: 20px;
    line-height: 25px;
    display: none;
  }

  .imgboxx {
    margin-bottom: 20px;
  }

  .banner-section.contact-us h1 {
    font-size: 40px !important;
  }

  .location-box {
    margin: 0 auto;
    max-width: 100%;
  }

  .main-formss.contact-form button.btn.sub {
    font-size: 15px;
    min-height: 46px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .main-formss.contact-form .location-box>p {
    text-align: left;
    margin: 20px 0 10px;
  }

  body h2 {
    font-size: 24px;
  }

  .location-box .contact-details li {
    padding: 15px 0 0px;
  }

  .location-box .contact-details li svg {
    margin-right: 15px;
    width: 25px;
  }

  .location-box .contact-details li a {
    font-size: 16px;
    line-height: 28px;
  }

  body .banner-section.contact-us {
    padding: 130px 0 30px !important;
  }

  .other-top-heading p {
    font-size: 17px;
    line-height: 25px;
  }

  section.other-ways {
    padding-bottom: 40px;
  }

  .Contact-mapp {
    padding-bottom: 40px;
  }

  .row.boxes_row {
    padding-top: 10px;
  }

  .other-way-box {
    margin-bottom: 15px;
  }

  .other-way-box .box-logo {
    margin-bottom: 15px;
  }

  .buss-growth.contact-gro {
    padding: 0px 0 0px;
  }

  body .hire-develop {
    padding: 13px 30px;
    padding-left: 45px;
  }

  .tech-section {
    padding: 55px 15px;
  }

  .why-heading {
    margin: 0px 0px 10px;
  }

  .related-post-section p {
    font-size: 18px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 8px;
  }

  body .served-section {
    padding: 50px 0px !important;
  }

  /* .site-header .overlay-menu .main-menu-nav{ height: 450px; overflow-x: auto; } */

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

  .footer-search .input-group input {
    height: 44px;
  }

  .footer-search .input-group .btn {
    font-size: 12px;
    padding: 13px 16px 12px 16px;
  }

  .site-header .overlay-menu.active .excellance-list .left-side {
    position: inherit;
    width: 100%;
  }

  .right-side.choose-outer h2 {
    padding: 0 15px;
    margin-top: 15px;
  }

  .overlay-menu .main-menu-nav a.active~div>.right-side {
    height: auto;
  }

  .exp-info-content {
    padding: 15px;
  }

  .site-header .overlay-menu.active .excellance-list .row {
    margin: 0;
  }

  .menu-exp-info .exp-image {
    width: 10%;
  }

  .menu-exp-info .txt {
    width: 90%;
  }

  .banner-section.about {
    padding: 125px 0 20px !important;
    background-color: #fff9f6;
    overflow: unset;
  }

  .banner-section.services-banner {
    height: 86vh;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    margin: 30px auto 0;
    max-width: 450px;
  }

  .services-section.mag-hm.services-page {
    padding-top: 0px;
  }

  .our-section.portfolio {
    padding: 30px 0 0px;
  }

  .expert-section.about {
    padding: 155px 0 70px;
  }

  .main-formss.contact-form {
    padding: 20px 10px 60px !important;
  }

  .top-box {
    padding-bottom: 70px;
    max-width: 85%;
    margin: auto;
  }

  body .services-section.magento {
    padding: 30px 0 !important;
  }

  body .tech-section.why-choose-section .row .col-md-3 {
    width: 50%;
  }

  .top_heading>p {
    font-size: 16px;
  }

  .served-section {
    padding: 30px 0 !important;
  }

  .high-performance {
    padding: 30px 0;
  }

  .site-header .overlay-menu .main-menu-nav li a.active~.mega-menu {
    margin-bottom: 20px;
  }

  .site-header .overlay-menu .main-menu-nav>li .menu-link {
    display: inline-block;
    margin-top: 10px;
  }

  .excellance-section {
    padding-top: 50px;
  }

  .right-side.choose-outer h2,
  .right-side.choose-outer h2 span {
    font-size: 20px;
  }

  .exp-info-content .row .col-md-6.mb-lg-5,
  .right-side.choose-outer h2 {
    margin-bottom: 15px !important;
  }

  .menu-exp-info h3 {
    margin-bottom: 0px;
  }

  .banner-section.mag-hm a.btn {
    width: 190px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 16px 20px;
    margin: auto;
    background-color: #fff;
    font-family: "FuturaBTW01-Medium";
    font-size: 15px;
  }

  .banner-section.mag-hm a.btn {
    letter-spacing: 1px;
  }

  nav.navbar.navbar-expand-md.navbar-light {
    padding: 0;
    padding-left: 40px;
  }

  .banner-section.mag-hm a.btn::before {
    left: 50px;
  }

  .notification-bar {
    display: none;
  }

  /*Menu Css*/
  .main-nav {
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 55px;
    margin: 5px auto 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 0;
    opacity: 0;
    right: 100%;
    width: 100%;
    transition: .6s ease;
  }

  .main-nav.show {
    right: 0%;
    opacity: 1;
  }

  .main-header .navbar-light .navbar-nav #last .nav-link {
    color: #fff !important;
    font-size: 13px;
  }

  div#navbarSupportedContent {
    position: fixed;
    padding: 0;
    z-index: 9;
    top: -27px;
    height: 100%;
    background-color: #000;
  }

  header nav li#last a.nav-link {
    height: 40px;
    width: 125px;
    line-height: 30px;
  }

  li#last {
    border: 0;
    padding: 10px 20px;
    margin-top: 10px;
  }

  .site-header .overlay-menu-trigger {
    width: 29px;
    height: 28px;
  }

  ul#menu-primary {
    padding: 60px 0;
  }

  .nav-close-icon {
    display: block;
    padding: 30px 30px 0 0;
  }

  .nav-close-icon img {
    width: 20px;
  }

  .navbar-light .navbar-nav .nav-link::before {
    display: none;
  }


  .site-header .overlay-menu .main-menu-nav li .mega-menu li {
    list-style: none;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item:last-child {
    margin-right: 0;
  }

  .banner-section.shopify-app-banner::after {
    top: auto;
  }

  .learn-tab-image-list>.row {
    row-gap: 20px;
  }

  .training-course-wrapper .row {
    row-gap: 30px;
  }

  .training-program {
    padding: 30px 0px;
  }

  .learn-tab-outer {
    padding: 24px;
  }

  .learn-tab-image-item {
    padding: 20px;
  }

  .learn-tab .learn-tab-image {
    margin: 30px 0 0;
  }

  body .section-title {
    font-size: 32px;
    margin: 0 0 30px;
  }

  .development-course .section-title .highlight-title {
    font-size: 32px;
  }

  .key-features-features-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
  }

  .key-features-wrapper .row>div {
    margin-bottom: 15px;
  }

  .benefits-training-program-wrapper {
    padding: 30px 0 0px;
  }

  .benefits-training-program-title {
    max-width: 100%;
  }

  .benefits-training-Program-list .row>div:nth-child(2),
  .benefits-training-Program-list .row>div:nth-child(4) {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
  }

  .benefits-training-Program-list .row>div:nth-child(3),
  .benefits-training-Program-list .row>div:nth-child(4) {
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px;
  }

  .benefits-training-Program-list .row>div {
    margin: 0 0 15px;
  }

  .course-curriculum-faq-title .curriculum-faq-title.h4 {
    font-size: 18px;
  }

  .course-curriculum-faq-wrapper {
    padding: 40px 0px 10px;
  }

  .apply-form {
    margin-top: -100px;
  }

  .apply-form-wrapper {
    background: linear-gradient(45deg, #fea28b, #feddca);
  }

  .apply-form-content .button-group .button {
    width: 100%;
  }

  .how-it-work {
    padding: 40px 0;
  }

  .how-it-work-image-content {
    max-width: 100%;
    margin-top: 20px;
  }

  .how-it-work-info-wrapper {
    padding: 30px 0 0;
  }

  .how-it-work-info-list-item {
    gap: 15px;
    padding-bottom: 20px;
  }

  .how-it-work-info-list-item:last-child {
    padding-bottom: 0;
  }

  .how-it-work-info-item .how-it-work-info-title {
    font-size: 22px;
  }

  .how-it-work-icon {
    background: #FF561D;
    width: 25px;
    height: 25px;
    min-width: 25px;
  }

  .how-it-work-icon svg {
    width: 12px;
    height: 12px;
  }

  .enroll-info-title {
    font-size: 20px;
    gap: 5px;
  }

  .enroll-wrapper {
    padding: 24px 20px 0px;
  }

  .training-wrapper {
    padding: 24px 20px;
    background-size: 330px;
  }

  .enroll-training-modes .row {
    row-gap: 20px;
  }

  .training-info-images {
    width: 80px;
    height: 80px;
    min-width: 80px;
    padding: 6px;
  }

  .training-info-image-group {
    padding-top: 100px;
    max-width: 90%;
    bottom: 90px;
  }

  .training-info {
    padding-bottom: 180px;
  }

  .placement-offering-content {
    padding: 24px 20px;
    margin-left: auto;
  }

  .placement-offering-title .highlight-title.h2 {
    font-size: 24px;
  }

  .placement-offering .row {
    row-gap: 15px;
  }

  .shopify-developer-certificate {
    padding: 40px 0;
  }

  .button-group {
    flex-wrap: wrap;
  }

  .button-group .button {
    width: 100%;
    min-height: 40px;
    padding: 6px 10px;
  }

  .shopify-developer-certificate-imgae {
    padding-top: 40px;
  }

  body .section-title,
  body .highlight-title {
    font-size: 26px;
  }

  .why-choose-us .row {
    row-gap: 15px;
  }

  .why-choose-us-item {
    padding: 24px;
    gap: 15px;
    flex-wrap: wrap;
  }

  .why-choose-us-title {
    font-size: 22px;
  }

  .offering-certified-form-wrapper {
    padding: 24px;
    background: #000;
  }

  .review .slick-arrow {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }

  .review .review-wrapper .slick-arrow {
    top: -15px;
  }

  .review {
    padding: 30px 0px 0px;
  }

  .review .review-wrapper.review-list {
    padding-top: 30px;
  }

  .img-wrapper.col-span-box {
    grid-column: 1 span;
  }

  .learn-tab .learn-tab-image {
    grid-template-columns: 1fr 1fr;
  }

  .page-template-wordpress-training .learn-tab .learn-tab-image {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-template-digital-marketing-training .learn-tab .learn-tab-image,
  .page-template-mean-stack-training-program .learn-tab .learn-tab-image {
    grid-template-columns: repeat(2, 1fr);
  }

  section.related-articles .container {
    max-width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
  }
}


/*=====================RESPONSIVE CSS START HERE===================*/
@media (max-width:1919px) {
  .banner-section.whmc-banner .banner-img .img-fluid {
    max-width: 100%;
  }

  .logo-slider .slick-prev:before,
  .logo-slider .slick-next:before {
    opacity: 0;
  }
}

@media (max-width: 1700px) {

  /* .gallery-common-section.slider-section .carousel-indicators { right: 11%; } */
  .banner-section.services-banner .video_box .sd-text-box {
    width: 750px;
    transform: translate(-10px, -50%);
    right: 10px;
  }
}

@media screen and (min-width:1200px) and (max-width:1365px) {
  .aws-bnr {
    background-position: 92% 106px;
  }
}

@media screen and (min-width:1366px) and (max-width:1559px) {
  .aws-bnr {
    background-position: 86% 106px;
  }

  .banner-section h1 {
    font-size: 70px;
    line-height: 80px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 20px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    bottom: 90px;
  }

  /* .banner-section.about:after {
      display: none;
    } */
}

@media (max-width:1600px) {
  /* Banner Css */
  /*.banner-section.mag-hm h1, .banner-section.mag-hm h1 span { font-size: 66px; }*/

  .banner-section.about {
    height: 55vh;
  }

  ul.client-list li {
    max-width: 140px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 140px;
    height: 155px;
  }

  .banner-section.magento {
    padding: 80px 15px 70px;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 220px;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 65px;
    line-height: 70px;
  }

  .services-section h3 {
    min-height: 64px;
  }

  .services-section p br {
    display: none;
  }

  .services-section .services-box h3 {
    font-size: 30px;
  }

  section.Lbanner-section h1 {
    font-size: 56px;
  }

  .imgwrapper .img-fluid {
    margin-right: 50px;
    max-width: 240px;
  }

  .page-template-digital-marketing-training .learn-tab .learn-tab-image {
    grid-template-columns: repeat(7, 1fr);
  }

  .apply-form-wrapper {
    padding: 50px 40px;
    height: auto;
  }
}

@media (min-width:1560px) {
  .container {
    max-width: 1500px !important;
  }

}

@media (max-width:1440px) {
  .banner-section.portfolio.activity {
    padding-bottom: 60px;
  }

  .banner-section.portfolio p {
    font-size: 24px;
  }

  .site-header .overlay-menu-trigger .menu-btn.active {
    margin-top: 28px;
  }

  .site-header .overlay-menu {
    padding: 80px 0px 0px;
  }

  .team-sec h2 {
    font-size: 34px;
  }

  .our-main-client h2 {
    margin-bottom: 0;
  }

  .activity-gallary {
    padding: 0px 0px 110px;
  }

  section.banner-section.UI-banner-section.inner-bnr {
    padding: 90px 0 70px;
    height: auto;
  }

  section.banner-section.UI-banner-section h1 span,
  section.banner-section.UI-banner-section.inner-bnr h1 {
    font-size: 70px;
    line-height: 80px;
  }

  .banner-section.devops.inner-bnr {
    padding: 180px 0 100px !important;
    height: auto;
  }

  .banner-section.reacts-banner h1 {
    font-size: 75px;
  }

  .banner-section.reacts-banner h1 span {
    font-size: 75px;
  }

  .banner-section.reacts-banner .reacts-text p {
    font-size: 24px;
    margin-top: 20px;
  }

  section.wbanner-section .desk-bck {
    z-index: 999;
  }

  .reacts-list-box {
    margin: 30px auto 0px;
  }

  .reacts-list-box ul {
    margin-bottom: 0;
  }

  .reacts-list-box .hire-develop {
    margin-top: 0;
  }

  .reacts-list-box ul li {
    margin-bottom: 25px;
    padding-bottom: 20px;
  }

  .banner-section.ios-banner {
    padding: 180px 0 0px !important;
  }

  section.wbanner-section h1 {
    font-size: 75px;
  }

  .banner-section.magento.shopify {
    background: #5c6ac4 !important;
  }

  .banner-section.mag-hm {
    /* background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mag-home-bnnr.jpg) no-repeat top center / cover !important;*/
    padding: 160px 0 130px;
  }

  .why-cnt-box h4 {
    min-height: 52px;
  }

  .why-cnt-box i>img {
    width: 60px;
    object-fit: cover;
    height: 60px;
  }

  section.wbanner-section.inner-bnr p {
    font-size: 24px;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    width: 700px;
  }

  .menu-exp-info h3 {
    font-size: 21px;
  }

  .overlay-menu.active .main-content ul li {
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li span {
    font-size: 18px;
  }

  .overlay-menu.active .main-content ul li p {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .services-section.mag-hm .single-service.services-box {
    padding: 50px;
  }

  body .banner-section.mag-hm.home h1,
  body .banner-section.mag-hm.home h1 span {
    font-size: 70px;
    padding-top: 70px;
  }

  /* .services-section.mag-hm .single-service h3{font-size: 24px;} */
  .team-tabs p {
    font-size: 16px;
  }

  .services-section,
  .buss-growth.contact-gro {
    padding: 60px 0 0px;
  }

  .team-tabs a.nav-link {
    font-size: 17px;
  }

  .team-tabs h6 {
    font-size: 18px;
  }

  .our-main-client {
    padding: 50px 0;
  }

  .expert-section.about,
  .team-sec,
  .operation-sec,
  .achievements-section,
  .related-post-section,
  .main-formss.contact-form,
  .served-section,
  .expert-section.magento,
  .tech-section,
  section.hiredevelop,
  .experience-section,
  section.activity-timeline-section {
    padding: 60px 0;
  }

  .services-section h3 {
    min-height: auto;
  }

  .hiredevelop {
    position: relative;
  }

  .hiredevelop::after {
    content: "";
    position: absolute;
    background-color: #00000047;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  section.hiredevelop {
    position: relative;
    z-index: 1;
  }

  .nodebanner-section {
    padding: 130px 0 100px;
  }

  section.banner-section.wbanner-section.inner-bnr img {
    max-width: 80%;
  }

  section.gallery-common-section.slider-section {
    padding: 0 0 70px;
  }

  .whmcs-served-section {
    padding: 10px 0 60px;
  }

  .served-section h2,
  .top-box h2 {
    font-size: 40px;
  }

  .leave-pdf .top-box h2 {
    max-width: 600px;
  }

  section.hiredevelop.whmcs-hiredevelop,
  .shopify-hiredevelop {
    margin-bottom: 60px;
  }

  .experience-section h2 {
    font-size: 40px;
    line-height: 1.2;
  }

  .services-section.mag-hm.magento {
    padding: 60px 0px 50px;
  }

  .services-section.mag-hm.services-page.srvc-page,
  section.other-ways,
  .top-box {
    padding-bottom: 60px;
  }

  .other-way-box {
    padding: 35px;
  }

  .main-formss.contact-form.leave-policyy {
    padding-bottom: 20px;
  }

  .achievements-section p {
    line-height: 18px;
  }

  .footer-area h2.main-heading-ft {
    line-height: 32px;
  }

  .footer-area p {
    line-height: 20px;
  }

  .services-section.mag-hm.services-page.srvc-page .single-service.services-box p {
    min-height: 100px;
  }

  .banner-section.mag-hm.home h1 {
    margin-bottom: 15px;
  }

  .banner-section p {
    line-height: 25px;
    margin-bottom: 20px;
  }

  .banner-section.mag-hm.home .mt-5,
  .my-5 {
    margin-top: 2rem !important;
  }

  .banner-section.mag-hm h1 {
    padding-top: 40px;
    line-height: 76px;
  }

  .banner-section.php-banner {
    padding: 160px 0 150px;
  }

  .banner-section.aws {
    padding: 170px 0 160px;
  }

  .banner-section.reacts-banner {
    padding: 100px 0 125px;
  }

  .banner-section.ios-banner {
    padding: 120px 0 0px !important;
  }

  .banner-section.app-dev-bnr {
    padding: 130px 0 40px;
  }

  .crossplat-banner .img-fluid {
    max-width: 80%;
  }

  .banner-section.crossplat-banner .font-light {
    padding-top: 0;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 10px 0;
  }

  .excellance-section {
    padding-top: 60px;
  }

  .shopify-menu-content img {
    width: auto;
    height: auto;
  }

  .menu-exp-info p {
    font-size: 14px;
    line-height: 18px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 60px;
    line-height: 100px;
  }

  .shopify-menu-content {
    margin-bottom: 38px;
  }

  .exp-info-content {
    padding-top: 0;
  }

  .page-template-digital-marketing-training .learn-tab .learn-tab-image {
    grid-template-columns: repeat(5, 1fr);
  }

  .page-template-mean-stack-training-program .learn-tab .learn-tab-image {
    grid-template-columns: repeat(7, 1fr);
  }

}

@media (min-width: 992px) and (max-width:1366px) {
  section.banner-section.UI-banner-section.inner-bnr {
    padding: 100px 0 73px !important;
  }
}

@media (max-width:1399px) {
  .banner-section.aws h1 {
    font-size: 60px !important;
    line-height: 70px;
  }
}

@media (min-width: 1025px) and (max-width:1366px) {
  .main-box-body {
    min-height: 135px;
  }
}

@media(max-width: 1024px) {

  .career-list .list-heading {
    width: 100%;
  }

  .main-box-body {
    min-height: 185px;
    padding: 0px 25px;
  }

  body .team-sec h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .operation-sec .box h6 {
    font-size: 25px;
  }

  .achievements-section p.feedback {
    line-height: 17px;
    margin-top: 0px !important;
  }

  .page-template-digital-marketing-training .learn-tab .learn-tab-image,
  .page-template-mean-stack-training-program .learn-tab .learn-tab-image {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1025px) and (max-width:1124px) {
  .achievements-section p.feedback {
    line-height: 17px;
    margin-top: 0px !important;
  }
}

@media (max-width:1366px) {
  .banner-section.crossplat-banner .font-light {
    line-height: 50px;
  }

  .banner-section.blog.details {
    height: 430px;
  }

  .banner-section.blog {
    height: 540px;
  }

  .banner-section.about,
  .video-container video {
    height: 100%;
  }

  /* .banner-section.about{height: 65vh;} */
  .banner-section.about .container {
    background: unset;
  }

  .achievements-section button.slick-prev.slick-arrow,
  .achievements-section button.slick-next.slick-arrow {
    width: 35px;
    height: 35px;
  }

  .achievements-section button.slick-next.slick-arrow {
    right: -30px;
  }

  .achievements-section button.slick-prev.slick-arrow {
    left: -30px;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 100%;
    margin: auto;
  }

  .achievements-section p.feedback {
    margin-bottom: 0px;
    margin-top: 4px !important;
  }

  .main-formss.contact-form.career-list {
    padding: 0px 70px 80px;
  }

  .expert-section.hiring-section.aws .clr-1 {
    padding: 40px 0;
  }

  .other-way-box {
    padding: 35px;
  }

  .expert-section.hiring-section.aws .content-block h2 {
    line-height: 45px;
    font-size: 35px;
    padding-bottom: 35px;
    margin: 0px 0 35px;
  }

  .content-block h4,
  .content-block h3 {
    font-size: 20px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 20px;
    line-height: 30px;
  }

  .banner-section.shopify-app-banner .imgwrapper {
    padding: 0px;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    margin-right: 70px;
    max-width: 250px;
  }

  /* .banner-section .award-outer img {max-width: 60px !important;} */
  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
    width: inherit;
  }

  .banner-section.mag-hm.home {
    height: auto;
  }

  .banner-section.UI-banner-section p {
    font-size: 30px;
    line-height: 40px;
    margin: 30px auto;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 30px;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 120px 0 90px !important;
  }

  /*     header ul.navbar-nav li.nav-item { margin: 0px 3px;} */
  .banner-section.backend-banner .back-inner h3,
  .banner-section.frontend-banner .back-inner h3 {
    font-size: 22px;
  }

  .banner-section.magento .magento-bnr-content {
    padding: 0 20px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 130px;
    height: 145px;
    line-height: 25px;
    font-size: 15px;
  }

  ul.client-list {
    display: flex;
    justify-content: center;
  }

  ul.client-list li {
    max-width: 150px;
    margin: 0 20px;
  }

  .banner-section.whmc-banner {
    padding: 180px 0 180px !important;
  }

  body .selling-experience .main-bx h4 {
    font-size: 20px !important;
    margin-bottom: 0;
  }

  .selling-experience .boxes p {
    font-size: 12px;
    line-height: 2;
  }

  .selling-experience .top-head {
    padding-bottom: 25px;
  }

  .banner-section.about {
    padding: 245px 0 173px !important;
  }

  .expert-section.about {
    padding: 50px 0;
  }

  .expert-section.about h2 {
    padding-bottom: 0;
  }

  .expert-section.about .side-tbs {
    padding: 0 20px !important;
  }

  .vertical-tbs .card-body p,
  .banner-section.about h1 {
    margin-bottom: 20px;
  }

  .operation-sec .box h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }

  .operation-sec .box p {
    line-height: 1.6;
    margin-top: 15px;
    max-width: 330px;
  }

  .operation-sec:before {
    width: 230px;
    height: 19%;
  }

  .operation-sec:after {
    width: 80px;
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/blue-right-pattern.png) no-repeat right / contain;
  }

  .team-sec h2 {
    font-size: 40px;
  }

  .team-tabs a.nav-link,
  .banner-section.mag-hm .award-outer p {
    font-size: 16px;
  }

  .team-tabs h6 {
    font-size: 22px;
    margin-top: 20px;
  }

  .team-tabs p {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .team-tabs img {
    height: 230px;
  }

  .client-sec h2 {
    font-size: 50px;
    margin-bottom: 20px;
  }

  .client-sec .inner img {
    width: 100%;
    height: 43px;
    object-fit: cover;
  }

  .ondemand-section.about h2 {
    font-size: 50px;
    max-width: 960px;
  }

  .rgt-content a {
    font-size: 18px;
  }

  .banner-section.magento.shopify img {
    max-width: 520px;
  }

  .banner-section.magento.shopify {
    background: #5c6ac4 !important;
  }

  .banner-section.magento.shopify {
    padding: 120px 0 14px !important;
  }

  .banner-section.devops {
    padding: 176px 0px 106px !important;
  }

  .banner-section.aws {
    padding: 159px 0 148px;
  }

  .banner-section.contact-us h1 {
    font-size: 40px !important;
  }

  .banner-section.contact-us {
    padding: 130px 0 74px;
  }

  .footer-big.cnct {
    padding: 60px 0 30px 0;
  }

  .contact-via .main-icn a {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .contact-via .main-icn p {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .main-formss.contact-form {
    padding: 70px 70px 80px;
  }

  .contact-via hr {
    margin-top: 80px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 45px;
    line-height: 65px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 25px;
  }

  .site-header .overlay-menu li .mega-menu li .light a {
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
  }

  .site-header .follow-us {
    padding: 25px 0;
  }

  .site-header .overlay-menu .secondary-nav li a i {
    font-size: 16px;
  }

  .follow-us .btn {
    padding: 10px;
    min-width: 130px;
  }

  .banner-section.mag-hm {
    padding: 105px 0 30px;
  }

  .banner-section.mag-hm p {
    margin-top: 20px;
  }

  .banner-section.mag-hm h1 span {
    font-size: 52px !important;
  }

  .banner-section.mag-hm h1 {
    font-size: 52px !important;
    line-height: 60px;
  }

  .banner-section .award-outer {
    margin-top: 20px !important;
  }

  .banner-section.mag-hm p {
    margin-bottom: 20px;
  }

  .banner-section p {
    font-size: 20px;
    width: 100%;
    line-height: 28px;
  }

  .banner-section.mag-hm .right-sd img {
    width: 400px;
  }

  .served-section p {
    font-size: 20px;
  }

  .served-section span.slidess {
    font-size: 20px;
  }

  .services-section.mag-hm a.serv.btn {
    margin-right: 32px !important;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
  }

  .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 32px !important;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 45px;
  }

  .brand-exp-section:after {
    width: 430px;
    right: 40px;
  }

  .experience-section.devops .left-sd h2 {
    font-size: 36px;
  }

  .banner-section {
    padding: 110px 0 110px;
  }

  .banner-section .larvl img {
    max-width: 520px;
  }

  .banner-section:after {
    position: absolute;
    content: " ";
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/shadow-bnr.png) no-repeat top center / cover;
    top: 100px;
    right: -60px;
    width: 65%;
    height: 630px;
    z-index: 99;
  }

  .container {
    max-width: 1200px !important;
  }

  .experience-section h2 {
    font-size: 35px !important;
    line-height: 45px;
  }

  .banner-section h1 span {
    font-size: 50px !important;
  }

  .banner-section h1 {
    font-size: 50px !important;
    line-height: 55px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 40px;
  }

  .left-slider .slick-dots li:after {
    width: 40px;
  }

  body .slick-current .media .content-inr p {
    font-size: 20px !important;
  }

  body .left-slider .slick-current .content-inr {
    left: 15px;
  }

  .our-team-section:after {
    width: 80%;
  }

  /* .expert-section.magento h2 { font-size: 40px; line-height: 50px; max-width: 900px; } */
  .services-section.magento-top h2 {
    margin-bottom: 50px;
  }

  .expert-section.magento {
    padding: 100px 0 80px;
  }

  .services-section.magento h3 {
    font-size: 16px;
  }

  .services-section.magento .aws-services {
    padding: 70px 30px 20px;
  }

  .services-section.magento .aws-services:hover {
    padding: 70px 30px 20px;
  }

  .our-team-section h2 {
    font-size: 40px;
    max-width: 900px;
    margin: 0 auto;
  }

  .our-team-section h6 {
    font-size: 16px;
    font-weight: 500;
  }

  .our-team-section::before {
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mag-right-shape.png) no-repeat right / contain;
    top: 70px;
    width: 10%;
    height: 370px;
  }

  .process-section.magento h2 {
    font-size: 40px;
  }

  .create-section.aws.magento h2 {
    margin-bottom: 30px !important;
  }

  .main-formss.magento h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .site-header .overlay-menu .main-menu-nav li .mega-menu {
    top: 0px;
    background-color: transparent;
  }

  /* body .banner-section { padding: 180px 0 73px !important; } */
  .banner-section.magento {
    padding: 150px 0 70px !important;
  }

  .banner-section.aws {
    padding: 180px 0 100px !important;
    height: auto;
  }

  .banner-section.mag-hm {
    padding: 145px 0 65px !important;
  }

  .banner-section.devops {
    padding: 200px 0px 110px !important;
  }

  .banner-section.contact-us {
    padding: 162px 0 70px !important;
  }

  .banner-section.php-banner::before {
    height: 760px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding-top: 20px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    bottom: 65px;
  }

  .banner-section.angular-banner .bnr-img img {
    max-width: 400px;
    object-fit: cover;
    height: 380px;
  }

  .banner-section.angular-banner {
    height: auto;
  }

  .services-section.mag-hm .single-service {
    padding: 35px;
  }

  .banner-section.services-banner p.font-large {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-section.portfolio h1 {
    margin: 20px auto;
    max-width: 700px;
  }

  .exp-info-content {
    padding-top: 15px;
  }

  .exp-info-content .row .col-md-6.mb-lg-5 {
    margin-bottom: 15px !important;
  }

  .menu-exp-info h3 {
    font-size: 18px;
    line-height: 23px;
  }

  .menu-exp-info p {
    font-size: 13px;
    line-height: 19px;
    padding-right: 10px;
    margin: 0;
  }

  .overlay-menu.active .main-content ul li {
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li span {
    font-size: 16px;
  }

  .overlay-menu.active .main-content ul li p {
    font-size: 14px;
  }

  .excellance-section {
    padding-top: 40px;
  }

  .right-side.choose-outer h2 {
    font-size: 35px;
    margin-bottom: 20px !important;
  }

  .right-side.choose-outer h2 span {
    font-size: 35px;
  }


  section.Lbanner-section h1 {
    font-size: 48px;
  }

  section.Lbanner-section p {
    font-size: 24px;
    margin: 10px auto 15px;
  }

  section.Lbanner-section .order span {
    font-size: 110px;
  }

  section.Lbanner-section .order strong {
    font-size: 116px;
  }

  .dev-bnr-img {
    margin-top: 12px;
  }



}

@media (max-width: 1280px) {
  .achievements-section .slick-slide img {
    padding: 0px 10px;
  }

  .achievements-section p.feedback {
    margin-bottom: 0px !important;
    font-size: 16px;
  }

  .achievements-section h6.top-dev {
    font-size: 18px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 10px;
  }

  .achievements-section .bottom-cont {
    bottom: 10px;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 100%;
    margin: auto;
  }

  .main-slider .slick-slide {
    margin: 25px 10px 20px;
  }

  .gallery-common-section .carousel-item .main-content .right-side img {
    left: -40px;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    left: -50px;
  }

  /* .gallery-common-section.slider-section .carousel-indicators { right: 4%; } */
  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 55px;
    line-height: 60px;
  }

  .banner-section.angular-banner .angular-box img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 60px !important;
    line-height: 68px !important;
  }

  button.slick-next.slick-arrow {
    left: 0;
  }

  button.slick-prev.slick-arrow {
    left: auto;
    z-index: 1;
    width: 40px;
    right: -5px;
  }

  .banner-section.about h1 {
    padding-top: 0;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    width: 100%;
    position: unset;
    transform: unset;
  }

  .exp-info-content .row .col-md-6.mb-lg-5,
  .right-side.choose-outer h2 {
    margin-bottom: 35px !important;
  }

  .menu-exp-info .txt {
    padding-left: 15px;
  }

  .achievements-section button.slick-next.slick-arrow {
    left: auto;
  }

  .collage-marquee-main button.slick-next.slick-arrow {
    left: auto !important;
  }


}


@media (max-width:1200px) {
  .banner-section.devops.inner-bnr ul.dev-ser-list {
    display: flex;
  }

  .below-footer {
    padding: 0 10px;
  }

  section.Lbanner-section h1 {
    font-size: 48px;
  }

  section.Lbanner-section p {
    font-size: 20px;
  }

  .tech-section {
    padding: 80px 15px 90px;
  }

  header ul.navbar-nav li.nav-item {
    margin: 0px;
  }

  section.Lbanner-section .order span {
    font-size: 120px;
  }

  section.Lbanner-section .order strong {
    font-size: 110px;
  }

  section.Lbanner-section {
    padding: 80px 0 70px;
    height: 90vh;
  }

  section.Lbanner-section .bottom-prt {
    padding: 0 15px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 20px;
  }

  .banner-section.shopify-app-banner .imgwrapper {
    padding: 0px;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    margin-bottom: 20px;
  }

  .banner-section.magento ul.mg-ser-list {
    justify-content: center;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg {
    margin: 0;
  }

  section.wbanner-section h1 img {
    width: 420px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding-top: 10px;
    font-size: 35px;
  }

  .gallery-common-section .carousel-item .main-content .right-side img {
    left: 0;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    position: inherit;
    left: 0;
  }

  .gallery-common-section .carousel-item .Left-side p {
    font-size: 15px;
  }

  .gallery-common-section a.btn.square {
    padding: 8px 20px;
    padding-left: 40px;
    font-size: 15px;
  }

  .gallery-common-section a.btn.square:before {
    left: 12px;
  }

  .gallery-common-section.slider-section .carousel-indicators {
    right: auto;
    width: 100%;
    bottom: -40px;
  }

  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-section.mag-hm .award-outer p {
    font-size: 18px;
  }

  .services-section.mag-hm .single-service.services-box {
    padding: 40px;
  }

  .navbar-light .navbar-brand img.logo {
    display: block;
    width: 100%;
    width: 200px;
  }
}

@media (max-width:1080px) {
  header.fixedheader .main-header {
    height: 71px;
  }

  .location-box .contact-details li a {
    font-size: 20px;
    line-height: 30px;
  }

  .our-main-client h2 {
    font-size: 40px;
  }

  .banner-section.mag-hm .award-outer p {
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    margin-left: 8px;
  }

  .banner-section.mag-hm.home h1,
  .banner-section.mag-hm.home h1 span {
    font-size: 40px !important;
    line-height: 45px;
    padding-top: 0;
  }

  .award-outer .clientss {
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-section.mag-hm.home {
    padding: 130px 0 50px !important;
  }

  .UI-banner-section .hire-btn {
    font-size: 16px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 80px;
    height: 80px;
    object-fit: contain;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 30px 0 10px;
  }

  section.banner-section.UI-banner-section.inner-bnr p {
    font-size: 20px;
    line-height: 26px;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 20px;
    line-height: 26px;
  }

  .banner-section.devops.inner-bnr ul.dev-ser-list::before {
    width: 87%;
  }

  .banner-section.devops.inner-bnr {
    padding: 140px 0 50px !important;
  }

  .banner-section.devops ul.dev-ser-list li p {
    font-size: 16px;
  }

  body .banner-section.aws {
    padding: 200px 0 50px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr {
    height: auto;
  }

  .banner-section.angular-banner .bnr-img img {
    max-width: 350px;
    object-fit: cover;
    height: 320px;
  }

  .banner-section.angular-banner {
    background-size: 50% 30%;
  }

  .banner-section.angular-banner .angular-box ul li {
    margin-bottom: 0;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    font-size: 18px;
    line-height: 26px;
  }

  .banner-section.angular-banner .textt {
    padding-left: 0;
  }

  .banner-section.reacts-banner .reacts-text p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }

  .banner-section.reacts-banner .hire-develop {
    margin-top: 0;
  }

  .banner-section.reacts-banner .reacts-list-box ul li {
    margin-bottom: 15px;
    font-size: 21px;
    padding-bottom: 15px;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 60px 0 30px !important;
  }

  section.wbanner-section .textmain {
    padding-bottom: 0;
  }

  section.wbanner-section {
    height: 90vh;
  }

  section.wbanner-section h1 img {
    width: 380px;
  }

  section.wbanner-section.inner-bnr p {
    font-size: 20px;
  }

  .hire-develop:before {
    left: 18px;
  }

  body .hire-develop {
    padding: 18px 40px;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 180px;
  }

  .banner-section h1 {
    padding-top: 0;
  }

  .banner-section.magento ul.mg-ser-list {
    justify-content: space-between;
  }

  .banner-section.magento .aws-bnr {
    background-position: 35% 120px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 110px;
    height: 123px;
  }

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    line-height: 17px;
    font-size: 12px;
  }

  .high-performance h2 {
    font-size: 35px;
  }

  /* body .banner-section.shopify-app-banner {padding: 170px 0 100px !important;height:auto;} */
  .banner_icon ul li h6 {
    font-size: 16px;
  }

  .cross-bnr-img img {
    width: 450px;
    height: 450px;
    object-fit: contain;
  }

  body .hire-develop {
    font-size: 15px;
    padding: 18px 26px;
    padding-left: 45px;
  }

  .listing-style li {
    font-size: 16px;
  }

  body .banner-section.backend-banner,
  body .banner-section.frontend-banner {
    padding: 200px 0px 150px !important;
  }

  .crossplat-banner.inner-bnr::before,
  .banner-section.backend-banner::before,
  .banner-section.frontend-banner::before,
  .banner-section.whmc-banner::before {
    height: 150px;
  }

  .banner-section .back-inner {
    min-height: 220px;
  }

  .banner-section .back-inner h3 {
    font-size: 18px;
  }

  section.Lbanner-section h1 {
    font-size: 45px;
  }

  section.Lbanner-section .order span {
    font-size: 100px;
  }

  section.Lbanner-section .order strong {
    font-size: 90px;
    line-height: 95px;
  }

  .banner-section h1 {
    font-size: 40px !important;
  }

  header ul.navbar-nav li.nav-item:last-child a {
    width: 120px;
  }

  header .navbar-light .navbar-brand img {
    width: 100%;
    max-width: 200px;
  }

  .banner-section h1 span {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .banner-section.inner-bnr p {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .banner-section .textt {
    padding-left: 30px;
  }

  section.hiredevelop h2 span.orange {
    font-size: 35px;
  }

  section.hiredevelop h2 {
    font-size: 35px;
  }

  .banner-section.about {
    padding: 175px 0 125px !important;
  }

  .expert-section.about h2 {
    font-size: 40px;
  }

  .expert-section.about img {
    height: 380px;
    object-fit: cover;
  }

  .expert-section.about .side-tbs {
    padding: 0px !important;
    margin-left: 0 !important;
  }

  .vertical-tbs .nav-tabs .nav-link.active {
    font-size: 18px;
  }

  .vertical-tbs .nav-tabs .nav-link {
    font-size: 18px;
  }

  .team-tabs a.nav-link {
    font-size: 15px;
    padding: .5rem .3rem;
  }

  .team-tabs h6 {
    font-size: 18px;
    margin-top: 18px;
  }

  .team-tabs p {
    font-size: 15px;
    margin-top: 10px;
  }

  .client-sec {
    padding: 80px 0 70px;
  }

  .ondemand-section.about h2 {
    font-size: 40px;
    max-width: 680px;
  }

  .client-sec h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .banner-section.magento.shopify {
    padding: 130px 0 40px !important;
  }

  .banner-section.magento {
    padding: 150px 0 90px !important;
    height: auto;
  }

  .banner-section.aws {
    padding: 200px 0 120px !important;
  }

  .banner-section.devops {
    padding: 180px 0px 130px !important;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
  }

  footer.footer-area.footer--light.contact .footer-big.cnct {
    padding: 50px 15px 30px 15px;
  }

  .main-formss.contact-form {
    padding: 50px 70px 70px;
  }

  .contact-via hr {
    margin-top: 60px;
  }

  .contact-via .main-inside img {
    width: 50px;
  }

  .contact-via {
    padding: 70px 0 0;
  }

  body .banner-section.aws h1 {
    font-size: 40px !important;
    line-height: 50px;
  }

  .hiring-section.aws h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px !important;
  }

  .banner-section.aws p {
    max-width: 450px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 30px;
  }

  .single-service.aws-services {
    padding: 40px 40px;
  }

  .services-section.aws .single-service.aws-services h3 {
    font-size: 16px;
    margin: 20px 0px 10px;
    height: 42px;
    max-width: 100px;
  }

  .benefits-section.aws h2 {
    font-size: 35px;
  }

  .benefits-section.aws ul.side-lst li img {
    width: 25px;
  }

  .benefits-section.aws ul.side-lst li {
    margin-bottom: 30px;
    font-size: 17px;
  }

  .benefits-section.aws .left-sd h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .benefits-section.aws .mid-part a.btn {
    font-size: 15px !important;
    padding: 12px 30px;
  }

  .create-section.aws {
    padding: 0 15px 100px;
  }

  .create-section.aws .slider-inr {
    padding-right: 0 !important;
  }

  .create-section.aws .col-md-12.pl-0 {
    padding-right: 0 !important;
  }

  .benefits-section.aws .left-sd {
    padding-left: 60px;
  }

  .devope-section h2 {
    font-size: 30px;
  }

  .devope-section .heading {
    margin-top: 0 !important;
  }

  .qa-section h3 {
    font-size: 24px;
  }

  .ondemand-section.aws h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .ondemand-section.aws {
    min-height: 520px;
  }

  .single-service.aws-services p {
    line-height: 25px;
    font-size: 14px;
  }

  .main-formss h2 {
    font-size: 35px;
  }

  .devope-section img {
    width: 30px;
  }

  .hiring-section.aws img {
    width: 100%;
  }

  body .expert-section.magento h2 {
    font-size: 40px;
  }

  body .our-team-section h2 {
    font-size: 40px;
  }

  .create-section.magento {
    padding: 100px 15px !important;
  }

  body .process-section.magento h2 {
    font-size: 40px;
  }

  body .services-section.magento .aws-services p {
    font-size: 13px;
  }

  body .services-section.magento .aws-services {
    padding: 50px 30px 40px;
  }

  body .services-section.magento .aws-services:hover {
    padding: 50px 30px 40px;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 32px !important;
  }

  .brand-exp-section .inner-brand {
    padding: 50px 40px !important;
  }

  .brand-exp-section {
    padding: 100px 15px !important;
  }

  .brand-exp-section:after {
    bottom: 110px !important;
    width: 330px;
  }

  .process-section.mag-hm {
    padding: 220px 15px 100px !important;
  }

  .slick-current .media.ftco-media:after {
    width: 100% !important;
    height: 80px !important;
  }

  .main-formss {
    margin: -230px 20px;
  }

  .main-formss p br {
    display: none;
  }

  .left-slider .slick-current .content-inr {
    left: 15px !important;
    bottom: -50px;
    z-index: 99;
    right: 15px !important;
  }

  /*.left-slider a {display: none !important;}*/
  .left-slider .slick-current .media .content-inr p {
    font-size: 18px !important;
    line-height: 24px;
    margin-bottom: 0;
  }

  .left-slider .content-inr p {
    font-size: 14px;
  }

  .left-slider .content-inr {
    left: 15px;
  }

  .banner-section.devops img {
    width: auto;
  }

  .experience-section.devops {
    padding: 100px 20px;
  }

  .related-post-section.devops p {
    line-height: 26px;
    margin-bottom: 20px;
  }

  .footer-area .footer-big {
    padding: 105px 15px 30px 15px;
  }

  .experience-section.devops .left-sd {
    padding: 60px 20px;
  }

  .services-section.magento .aws-services {
    padding: 40px 30px 20px;
  }

  .services-section.magento .aws-services:hover {
    padding: 70px 30px 20px;
  }

  .services-section.magento h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .services-section p {
    margin-bottom: 20px;
  }

  .our-team-section .boxes {
    margin-bottom: 20px;
  }

  .our-team-section .headingg {
    margin-bottom: 25px !important;
  }

  .upper-white-sec img {
    width: 100%;
  }

  .our-process .process-tp {
    height: 150px;
  }

  .create-section.aws.magento .slider-inr {
    padding-right: 0;
  }

  .create-section.aws.magento {
    padding: 100px 15px;
  }

  .create-section.aws.magento .headingg {
    padding: 0;
  }

  .create-section.aws h3 {
    font-size: 20px;
  }

  .create-section.aws .left-img.side h3 {
    font-size: 16px;
    line-height: 25px;
  }

  .create-section.aws .bottomm {
    min-height: 242px;
  }

  .create-section.aws .upper {
    min-height: 242px;
  }

  .create-section.aws .content {
    min-height: 500px;
  }

  /* .banner-section.mag-hm img {width: 100%;} */
  .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 32px !important;
  }

  .brand-exp-section {
    padding: 100px 15px;
  }

  .brand-exp-section .inner-brand h3 {
    font-size: 20px !important;
    margin-bottom: 30px;
  }

  .brand-exp-section:after {
    display: none;
  }

  .process-section.mag-hm {
    padding: 200px 15px 50px !important;
  }

  .ondemand-section.mag-hm {
    padding: 60px 0;
    min-height: 530px;
  }

  .brand-exp-section .main-secc img {
    height: 130px;
    width: 100%;
  }

  .brand-exp-section .inner-brand {
    padding: 40px 40px;
  }

  .brand-exp-section .boxx:nth-child(3) {
    padding-right: 0;
  }

  .process-section.mag-hm {
    padding: 220px 15px 100px;
  }

  .banner-section.mag-hm a.smple {
    display: block;
    padding-left: 0 !important;
    margin-top: 20px;
  }

  .served-section span.slidess {
    font-size: 18px;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-left {
    right: 70px !important;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: 70px !important;
  }

  /* body .banner-section {padding: 140px 0 73px !important;} */
  .banner-section:after {
    display: none;
  }

  .create-section.shopify {
    padding-bottom: 60px;
  }

  .banner-section.contact-us {
    padding: 180px 0 10px !important;
  }

  .banner-section.mag-hm {
    padding: 133px 0 20px !important;
  }

  /*--------------new-------------*/
  /*.services-section h3 {min-height: 30px;}*/
  .banner-section.php-banner::before {
    height: 100%;
  }

  body .expert-section.magento h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 35px;
  }

  .tech-section h2 {
    font-size: 35px;
  }

  body .tex-tabs-heading h2 span {
    font-size: 35px;
  }

  .tach-tab-row ul.nav a {
    font-size: 20px;
    padding: 25px 35px;
  }

  ul.technology-list li p {
    font-size: 14px;
  }

  .why-cnt-box h4 {
    font-size: 18px;
  }

  .why-cnt-box i>img {
    width: 50px;
    height: 50px;
  }

  body .banner-section .hire-develop {
    margin-top: 15px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 600px;
    height: 550px;
    object-fit: contain;
  }

  .hiredevelop .hire-btn span {
    font-size: 18px;
  }

  .banner-section.about .container {
    background-color: transparent;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 9px;
    margin-left: 9px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 11px;
  }
}

@media (max-width:1024px) {
  .blog-details .web p {
    font-size: 16px
  }

  .banner-section.mag-hm .shopify-logo img {
    width: fit-content;
    max-width: 150px;
  }

  /*.banner-section.devops.inner-bnr ul.dev-ser-list::before {width: 1000px;}*/
  section.banner-section.nodebanner-section .right {
    padding-top: 280px;
    background-size: 70%;
    background-position: left;
  }

  section.banner-section.nodebanner-section .icon-listt {
    display: none;
  }

  section.banner-section.nodebanner-section.inner-bnr .left-sd-txt {
    margin-top: 0 !important;
    flex-direction: row-reverse;
    display: flex;
    justify-content: space-between !important;
  }

  section.hiredevelop .left-text p {
    font-size: 20px;
  }

  .process-section.mag-hm h2:after {
    display: none !important;
  }

  .brand-exp-section:after {
    bottom: 50px;
  }

  .create-section.magento {
    padding: 100px 15px !important;
  }

  body .main-formss.magento h2 {
    font-size: 40px;
  }

  .ondemand-section.magento {
    min-height: 520px;
  }

  .hiring-section h2 {
    font-size: 30px;
  }

  .experience-section h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 35px;
    margin-bottom: 45px;
  }

  .services-section h4 {
    font-size: 16px;
  }

  .single-service {
    margin-bottom: 20px;
  }

  .create-section .content h3 {
    font-size: 20px;
  }

  .related-post-section p {
    font-size: 14px;
  }

  .ondemand-section h2 {
    font-size: 30px;
  }

  .main-formss h2 {
    font-size: 40px;
  }

  .main-formss p {
    font-size: 16px;
  }

  ul.hiring-listt li {
    display: flex;
    margin-bottom: 10px;
  }

  a.btn,
  button.btn {
    font-size: 13px;
    padding: 12px 30px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 10px;
  }

  .nectar-scrolling-text.font_size_15vh .nectar-scrolling-text-inner * {
    font-size: 7vh;
  }

  .about .col-md-12.mt-5.vertical-tbs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .vertical-tbs .card-body {
    padding: 5px 2rem;
  }

  .served-section h2 {
    font-size: 30px;
  }


  .menu-exp-info h3 {
    font-size: 15px;
  }

  .menu-exp-info p {
    font-size: 12px;
  }


}

@media (max-width:991px) {

  .banner-section.mag-hm.home .experience {
    margin-bottom: 20px;
  }

  .blog-details .web>div {
    margin-bottom: 10px;
  }

  .blog-details .web {
    display: block;
  }

  .video-container video {
    width: 100%;
    /* height: 55vh; */
    object-fit: cover;
  }

  .banner-section .award-outer {
    flex-wrap: wrap;
  }

  .banner-section .award-outer .pl-4.shopify-logo {
    padding-left: 0 !important;
  }

  .banner-section .award-outer .pr-3 img {
    max-width: 50px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 50px !important;
    line-height: 58px !important;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 60px;
    height: 60px;
  }

  .banner-section.devops ul.dev-ser-list li {
    margin: 0px 8px;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: -20px;
  }

  body .banner-section.aws {
    padding: 170px 0 70px !important;
  }

  section.banner-section.nodebanner-section .right {
    padding-top: 250px;
    background-size: contain;
  }

  section.banner-section.nodebanner-section .text-lg-left {
    text-align: left !important;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .banner-section.angular-banner .angular-box img {
    width: 60px;
    height: 65px;
    object-fit: cover;
    margin-right: 20px;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    width: 35px;
    height: 35px;
  }

  .banner-section.reacts-banner .reacts-list-box ul li {
    margin-bottom: 15px;
    font-size: 18px;
    padding-bottom: 0;
    border-bottom: none;
  }

  section.banner-section.wbanner-section.inner-bnr {
    padding: 145px 0 70px !important;
    height: auto;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .banner-section.magento ul.mg-ser-list li {
    margin: 0px 10px;
  }

  body .app-icons span {
    margin-right: 30px;
  }

  .banner-section.magento .aws-bnr {
    background-position: center;
    background-size: contain;
    width: 100%;
  }

  .banner-section.whmc-banner {
    padding: 140px 0 170px !important;
  }

  body section.Lbanner-section h1 {
    font-size: 35px;
  }

  .banner-section .back-inner .img-fluid {
    max-width: 70px;
    height: 80px;
  }

  .banner-section .back-inner {
    min-height: 180px;
  }

  .banner-section.frontend-banner.inner-bnr,
  .banner-section.backend-banner.inner-bnr {
    padding: 180px 0 160px !important;
  }

  .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    width: 180px;
    margin-right: 18px;
  }

  .banner-section.php-banner .dev-bnr-img {
    width: 100%;
  }

  section.Lbanner-section h1 {
    font-size: 40px;
  }

  .banner-section.php-banner .textt {
    padding-left: 20px;
  }

  .app-icons.php-ser .img-fluid {
    margin-right: 20px;
  }

  .banner-section .app-icons .img-fluid {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .services-section.mag-hm .single-service:hover img.user-mg {
    display: block !important;
    margin: 0 auto;
  }

  .main-header img.logo {
    width: 150px;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
    max-width: 400px;
    display: block;
    height: auto;
    margin: 20px auto 0;
  }

  .hiring-section.aws img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 30px;
    display: block;
  }

  .hiring-section.aws .tips {
    text-align: center;
  }

  .benefits-section.aws .left-sd {
    padding-left: 40px;
  }

  .qa-section h3 {
    font-size: 20px;
  }

  .services-section.aws .single-service.aws-services h3 {
    max-width: 100%;
    text-align: center;
  }

  .single-service.aws-services p,
  .hiring-section.aws p {
    max-width: 100%;
  }

  .services-section.aws .boxes:nth-child(even) {
    border-right: none;
  }

  body .banner-section.magento {
    padding: 150px 0 80px;
  }

  body .services-section.magento {
    padding: 50px 0 80px !important;
  }

  body .services-section.magento .aws-services {
    padding: 25px 30px 40px !important;
  }

  body .our-process .process-tp {
    height: 100px;
  }

  .footer-area .footer-menu {
    padding-left: 0
  }

  .container {
    max-width: 900px !important;
  }

  .banner-section {
    padding: 120px 0 120px;
    margin-top: 100px;
  }

  .hiring-section h2 {
    font-size: 25px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 25px;
  }

  .post-inner {
    min-height: 170px;
  }

  .related-post-section p {
    font-size: 12px;
  }

  .navbar-light .navbar-toggler {
    background: #fff;
  }

  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 15px 5px;
  }

  .navbar-light a.nav-link.active {
    border-bottom: 1px solid #e0e0e0 !important;
  }

  .choose-section .main-imgg img {
    width: 100%;
  }

  .related-post-section.devops .main-outer {
    height: 375px !important;
  }

  .create-section .slider-inr {
    margin-top: 0px;
    padding: 0px 32px !important;
  }

  .hiring-pro .box-wrapper .pro-inner {
    padding: 35px 15px;
  }

  /*=============Overlay menu==============*/
  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 40px;
    line-height: 80px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 20px;
  }

  .site-header .overlay-menu li .mega-menu li .light a {
    font-size: 11px;
  }

  .follow-us .expert-text {
    font-size: 16px;
    margin: 0 10px;
  }

  .follow-us .btn {
    min-width: 126px;
  }

  /*----------------new-----------------------*/
  .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 18px !important;
  }

  .banner-section.inner-bnr .bnnr-contnt p {
    max-width: 100%;
  }

  .banner-section .dev-bnr-img {
    max-width: 500px;
    width: 100%;
    margin: 25px auto 0;
  }

  .banner-section.php-banner::before {
    height: 100%;
  }

  .tach-tab-row ul.nav a {
    font-size: 16px;
    padding: 20px 35px;
  }

  body .services-section.magento {
    padding: 50px 0 80px !important;
  }

  .caption-crausal {
    position: unset;
    margin-top: 20px;
    padding: 20px;
    max-width: 100% !important;
  }

  .why-cnt-box {
    margin-bottom: 20px;
  }

  .gallery-common-section .carousel-item .Left-side h3 {
    padding: 10px 0;
    font-size: 24px;
    margin: 0;
  }

  .services-section h3 {
    font-size: 18px;
    min-height: 1px;
  }

  ul.navbar-nav li.nav-item:last-child a {
    margin: 15px 0px;
  }

  .services-section .services-box h3 {
    min-height: 72px;
  }

  .banner-section.services-banner p.font-large {
    font-size: 35px;
    line-height: 50px;
  }

  .imgboxx {
    margin-bottom: 0;
  }

  .other-way-box {
    padding: 20px;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin-left: 12px;
  }

  .logo-slider.slick-initialized.slick-slider {
    width: 100%;
    max-width: 600px;
  }

  /*========== Header Toggle Menu Css =============*/
  .logo-slider .slick-track {
    margin-left: 0px;
    margin-top: 0px;
  }

  .right-side.choose-outer h2,
  .right-side.choose-outer h2 span {
    font-size: 26px;
  }

  .excellance-section {
    padding-top: 30px;
    padding-right: 0px;
  }

  .overlay-menu.active .main-content ul li p {
    margin-bottom: 10px;
  }

  .follow-us .expert-text {
    font-size: 14px;
  }

  .footer-area h2.main-heading-ft {
    font-size: 22px;
    line-height: 30px;
  }

  .widget-about .contact-details li a {
    font-size: 14px;
  }

  header .navbar-light .navbar-brand img {
    max-width: 160px;
  }

  header ul.navbar-nav li.nav-item:last-child a {
    width: 80px;
    padding: 6px 10px !important;
    margin: 8px 0;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    font-size: 11px;
    margin-left: 3px;
    margin-right: 10px;
    line-height: 20px;
  }

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

  .banner-section.about {
    height: auto;
  }

  .services-section h3 {
    font-family: "FuturaBTW01-Bold";
  }

  .page-template-digital-marketing-training .learn-tab .learn-tab-image {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:860px) {

  ul.mg-ser-list li.org-bg,
  ul.mg-ser-list li {
    width: 100px;
    height: 110px;
  }
  .site-header .overlay-menu-trigger {
    height: 25px;
    width: 25px;
}
body .main-header .navbar-light .navbar-nav .nav-link {
  margin-right: 2px;
  margin-left: 2px;
}
div#main-menu .col-md-12 {
    padding-left: 8px;
}
.site-header .overlay-menu-trigger .menu-btn {
  width: 30px;
  margin: 5px 0 0;
}
}

@media (max-width:768px) {
  .our-main-client h2 {
    font-size: 30px;
  }

  .banner-section.mag-hm.home h1,
  .banner-section.mag-hm.home h1 span {
    font-size: 40px !important;
  }

  .banner-section.magento ul.mg-ser-list {
    margin: 130px 0 0;
  }

  body .banner-section.magento .exp-img img {
    margin-top: 0;
    max-width: 100%;
    width: 140px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 35px !important;
    line-height: 45px !important;
    max-width: 390px;
    margin-top: 10px;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg,
  .banner-section.magento ul.mg-ser-list li {
    width: 90px;
    height: 100px;
  }

  .banner-section.magento {
    padding: 140px 15px 50px !important;
  }

  .banner-section.devops.inner-bnr {
    padding: 145px 0 50px !important;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: -50px;
  }

  .banner-section.devops.inner-bnr p {
    margin-bottom: 10px;
  }

  .banner-section.aws p {
    margin: 20px 0;
  }

  body .banner-section.angular-banner .bnr-img img {
    max-width: 300px;
    object-fit: contain;
    height: 290px;
  }

  .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 35px;
    line-height: 45px;
  }

  section.wbanner-section h1 img {
    width: 330px;
  }

  section.wbanner-section h1 {
    margin-bottom: 10px;
  }

  body .banner-section.frontend-banner.inner-bnr,
  body .banner-section.backend-banner.inner-bnr {
    padding: 130px 0 160px !important;
  }

  .banner-section.ios-banner {
    padding: 130px 0 0px !important;
  }

  .banner-section.backend-banner .back-inner,
  .banner-section.frontend-banner .back-inner {
    min-height: 130px;
  }

  .banner-section.backend-banner .back-inner h3,
  .banner-section.frontend-banner .back-inner h3 {
    font-size: 17px;
    margin: 0px 0px 0px;
  }

  .banner-section .back-inner .img-fluid {
    max-width: 60px;
    height: 70px;
  }

  .banner-section .listing-style li {
    font-size: 15px;
  }

  .banner-section.inner-bnr p {
    line-height: 28px;
  }

  .expert-section p,
  .expert-section.about p,
  .expert-section.about p span {
    font-size: 15px;
  }

  section.hiredevelop .left-text p {
    font-size: 15px;
  }

  body section.Lbanner-section h1 {
    font-size: 35px;
  }

  .hiredevelop .hire-btn {
    min-width: 180px;
    padding: 9px 20px;
    margin-top: 15px;
  }

  .hiredevelop .hire-btn span {
    font-size: 16px;
  }

  ol.carousel-indicators.cst-tab i {
    padding: 0;
  }

  .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: -43px !important;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 35px;
  }

  .brand-exp-section .main-secc img {
    object-fit: contain;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    margin-bottom: 30px;
  }

  .served-section {
    padding: 60px 0;
  }

  .services-section.shopify {
    padding: 100px 0 50px;
  }

  .ondemand-section.magento.shopify {
    padding: 60px 0;
  }

  .served-section .rgt-content br {
    display: none;
  }

  .create-section h2:after {
    margin: 0 !important;
  }

  .services-section.devops .single-service:hover img.file-mg {
    margin: 0 auto;
  }

  .experience-section.devops .left-sd h2 br {
    display: none !important;
  }

  .services-section.devops h2 {
    margin-bottom: 20px;
    margin-top: 0 !important;
    font-size: 30px !IMPORTANT;
  }

  .banner-section.about {
    padding: 160px 0 120px !important;
  }

  .expert-section.about {
    padding: 60px 0;
  }

  .expert-section.about h2 {
    font-size: 30px;
    margin-bottom: 15px !important;
    background: linear-gradient(to right, #f32170, #ff6b08, #cf23cf, #eedd44);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }

  .expert-section.about img {
    height: 250px;
  }

  .operation-sec {
    padding: 60px 0 60px;
  }

  .operation-sec .box h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .operation-sec .box h6 {
    font-size: 18px;
  }

  .operation-sec .box p {
    margin-top: 10px;
    line-height: 1.8;
    font-size: 14px;
  }

  .team-sec {
    padding: 60px 0;
  }

  .team-tabs p {
    font-size: 13px;
    margin-top: 5px;
  }

  .team-sec .nav-tabs .nav-item {
    margin-bottom: -1px;
    display: block;
    width: 100%;
    max-width: 200px;
  }

  .client-sec {
    padding: 60px 0 60px;
  }

  .client-sec h2 {
    font-size: 30px;
  }

  .client-sec .boxx {
    padding: 0 8px;
  }

  .client-sec .inner img {
    height: max-content;
  }

  .ondemand-section.about {
    padding: 60px 0;
    min-height: 520px;
  }

  .main-formss {
    padding: 60px 20px;
  }

  .ondemand-section.about h2 {
    font-size: 30px;
  }

  .vertical-tbs .nav-tabs .nav-link.active {
    font-size: 20px;
  }

  .vertical-tbs .nav-tabs .nav-link {
    font-size: 20px;
  }

  .site-header .overlay-menu-trigger .menu-btn {
    width: 30px;
    margin-top: 7px;
  }

  .brand-exp-section .inner-brand {
    padding: 20px 20px !important;
  }

  .single-service:hover a.white-arw {
    margin: 0 auto;
  }

  .banner-section.contact-us .text-right img {
    width: 100%;
  }

  .main-formss.contact-form {
    padding: 50px 10px 70px !important;
  }

  .banner-section.contact-us h1 {
    max-width: 500px;
    font-size: 35px !important;
    margin: 10px auto;
  }

  .services-section h2:after,
  .create-section h2:after,
  .process-section h2:after,
  .related-post-section h2:after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .create-section.aws h3 {
    font-size: 16px !important;
  }

  .create-section.aws .left-img {
    bottom: 10px !important;
    padding: 0 20px;
  }

  .create-section.aws .left-img.side {
    padding: 0 20px !important;
    bottom: 10px !important;
    align-items: center;
  }

  .create-section.aws .left-img.side h3 {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body .benefits-section.aws .mid-part a.btn {
    font-size: 11px !important;
    padding: 12px 30px;
  }

  body .hiring-section.aws {
    padding: 60px 0 0px !important;
  }

  body .services-section.aws {
    padding: 60px 0 !important;
  }

  body .expert-section.magento {
    padding: 60px 0 !important;
  }

  body .services-section.magento {
    padding: 50px 0 60px !important;
  }

  body .expert-section.magento h2 {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .expert-section.magento p {
    line-height: 28px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 35px;
  }

  body .banner-section.mag-hm h1 span {
    font-size: 30px !important;
  }

  body .banner-section.mag-hm h1 {
    font-size: 30px !important;
    max-width: 490px;
    margin: auto;
  }

  .served-section h2 span {
    font-size: 30px;
  }

  body .services-section.mag-hm a.serv.btn {
    margin-right: 8px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 8px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 8px !important;
  }

  .banner-section.mag-hm p {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .services-section.mag-hm a.serv.btn {
    margin-bottom: 12px;
    padding: 10px 10px;
    font-size: 14px;
  }

  .experience-section,
  .services-section,
  .process-section,
  .related-post-section {
    padding: 60px 0;
  }

  .related-post-section p {
    font-size: 10px;
  }

  .footer-area .footer-big {
    padding: 80px 15px 30px 15px;
  }

  .below-footer {
    padding: 0 10px;
  }

  .experience-section img {
    width: 150px;
  }

  .create-section {
    padding-bottom: 60px;
  }

  .footer-big .footer-menu ul li a,
  .footer-big p,
  .footer-big ul li {
    font-size: 14px;
  }

  .banner-section.devops {
    padding: 150px 0 70px !important;
  }

  .experience-section.devops .right-sd {
    margin-top: 50px;
  }

  .related-post-section.devops .main-outer {
    padding: 20px 15px;
  }

  .cloud-section .context {
    margin-top: 50px;
  }

  .experience-section.devops img {
    width: 100%;
  }

  .experience-section.devops .right-sd h2 {
    text-align: left;
  }

  .choose-section {
    padding: 30px 0 70px;
  }

  /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
  .expert-section p,
  .expert-section.about p {
    margin-bottom: 10px;
    line-height: 24px;
  }

  ol.carousel-indicators.cst-tab svg {
    width: 50px;
    height: 50px;
  }

  ol.carousel-indicators.cst-tab::before {
    left: 28px;
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 14px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .tech-section.why-choose-section.system-section .col-md-12 {
    padding: 0;
  }

  .served-section p {
    line-height: 28px;
  }

  .banner-section.portfolio.activity p,
  .banner-section.portfolio p,
  .gallary-heading p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }

  .timeline-heading.gallary-heading h3 {
    font-size: 24px;
    line-height: 30px;
  }

  body .main-header .navbar-light .navbar-nav .nav-link {
    margin-right: 6px;
    margin-left: 6px;
    font-size: 8px;
}

  .offering-certified-form-title {
    max-width: 100%;
    font-size: 22px;
  }
}

@media (min-width: 401px) and (max-width:767px) {
  .tab-content.mt-5 {
    margin-top: 1rem !important;
  }

  .footer-big .col-md-3.col-sm-12 {
    padding: 0;
  }

  .footer-area .footer-big .footer-widget {
    margin-bottom: 0;
  }
}

@media (min-width: 613px) and (max-width:767px) {
  .banner-section.devops.inner-bnr h1 {
    max-width: 400px;
    margin: 0 auto 20px;
  }

  .achievements-section .bottom-cont {
    bottom: 30px;
  }
}

@media (max-width:767px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr {
    z-index: 0;
  }

  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    content: "";
    display: block;
    position: absolute;
    width: 350px;
    height: 350px;
    /* background-color: #f4f7fb; */
    background-color: #95bf47;
    background-size: cover;
    background-image: unset;
    left: -205px;
    bottom: -28px;
    opacity: 1;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
  }

  .banner-section.shopify-app-banner.white-bg.inner-bnr {
    position: relative;
  }

  .activity-timeline-section .timeline:first-child::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    border-radius: 2000px;
    background: rgba(255, 74, 158, .5);
    right: -130px;
    bottom: auto;
    left: auto;
    margin: auto;
    top: 71px;
    transform: rotate(45deg);
  }

  section.activity-timeline-section .col-12::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 96px;
    height: 96px;
    border-radius: 2000px;
    background: rgba(0, 181, 230, .5);
    left: -30px;
    bottom: 0;
  }

  .banner-section.shopify-app-banner .hire-develop,
  .banner-section .hire-develop.orange {
    background: #95bf47;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item p {
    text-align: left;
  }

  .tech-section .why-heading {
    margin: 0px auto 10px;
    text-align: center;
    width: 85%;
  }

  .tach-tab-row div#myTabContent {
    border-top: 1px solid #eee;
  }

  section.gallery-common-section.slider-section {
    padding: 0 0 100px;
  }

  section.gallery-common-section.slider-section .top_heading {
    text-align: center;
    max-width: 90%;
    margin: auto;
    padding-bottom: 10px;
  }

  .gallery-common-section .carousel-item .Left-side p {
    margin: 15px auto 30px;
    max-width: 90%;
  }

  section.gallery-common-section.slider-section.shop-slider ol.carousel-indicators {
    right: 0;
    width: auto;
    left: 0 !important;
  }

  .why-heading h2 {
    margin-bottom: 10px;
  }

  .row.tach-tab-row.align-items-center .col-md-4.pl-0 {
    padding-right: 0;
  }

  .activity-gallary-images {
    padding-top: 20px;
  }

  .gallary-heading p {
    padding: 0px 25px;
    font-size: 18px;
  }

  .Review-details svg.white-arw {
    width: 15px;
    padding-left: 0px !important;
  }

  .main-formss.contact-form .leave-table .note-txt p {
    margin-bottom: 0;
  }

  /* .served-section {background: #e1f1ff;} */
  .location-box .contact-details li {
    padding: 12px 0;
  }

  .location-box hr,
  .banner-section.portfolio.activity .agency-banner-desk,
  body .banner-section .buss-top-desk,
  section.buss-growth img.img-fluid.buss-top-desk,
  .services-section .service-para {
    display: none;
  }

  .location-box .contact-details li {
    border: 0;
  }

  .row.boxes_row .col-md-4.col-sm-12.col-12:last-child img {
    height: 53px;
    object-fit: contain;
    width: 68%;
  }

  .row.boxes_row span.box-logo img {
    width: 40%;
  }

  .other-way-box {
    padding: 25px 30px;
  }

  .achievements-section h6.top-dev {
    margin-top: 70px
  }

  .banner-section.whmc-banner::before {
    height: 130px;
  }

  .banner-section.whmc-banner {
    padding: 140px 0 120px !important;
  }

  .services-section.mag-hm.magento h2 {
    max-width: 80%;
    margin: 0 auto 30px;
  }

  .services-section.mag-hm.magento {
    padding: 0px 0 40px !important;
  }

  .blog-details p,
  .post-inner {
    margin-bottom: 0;
  }

  /* .Review-details p{font-size: 16px;} */
  .blog-details h3,
  .Review-details h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .Leave-your-thought .container {
    padding: 35px;
  }

  .share-circle {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .share-circle i {
    font-size: 14px;
  }

  .banner-section.frontend-banner.inner-bnr h1 {
    margin-bottom: 25px;
  }

  .banner-section.crossplat-banner .font-light,
  .banner-section.crossplat-banner .font-light span {
    max-width: 70%;
    margin: 0 auto 20px;
    line-height: 42px;
    font-size: 40px !important;
  }

  .banner-section.app-dev-bnr.inner-bnr.andriod {
    padding: 135px 0 40px !important;
  }

  .banner-section.crossplat-banner.inner-bnr {
    padding: 150px 0 30px !important;
  }

  .banner-section.portfolio {
    padding: 150px 0 50px !important;
  }

  .feature-insgt p {
    font-size: 18px;
  }

  .banner-section.blog {
    padding: 170px 0 30px !important;
    height: 500px;
  }

  .blog-details .left-sd {
    margin-bottom: 25px;
  }

  body .banner-section.blog.details {
    height: 360px;
  }

  .banner-section.about .video-container.desktop-video-hide::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background: rgb(179 5 86 / 9%);
    right: -24px;
    bottom: 0;
    z-index: -1;
    top: -50px;
  }

  .video-container.desktop-video-hide {
    position: relative;
  }

  .benefits-section.aws {
    margin: 0;
  }

  .expert-section.about .side-tbs .tab-content .card {
    margin-bottom: 30px;
  }

  .qa-section ul.qa-list {
    padding-left: 15px;
    margin-top: 25px;
  }

  a.moreless-button,
  .carrer-mob-banner,
  .agency-banner-mob,
  .buss-top-mob {
    display: block;
  }

  .team-tabs .inner img {
    transition: all .6s ease-in;
  }

  .team-tabs .inner:hover img {
    transform: scale(1.1);
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row .col-md-3.col-sm-6.col-12.team-bx {
    max-width: 100%;
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane .row {
    display: unset;
    margin: 0;
    width: 100%;
  }

  div#pane-C .card-body {
    padding-bottom: 0;
  }

  div#pane-C p {
    margin-bottom: 0;
  }

  .col-md-12.col-sm-12.col-12.team-tabs .tab-content>.tab-pane,
  #content .goals-icon img {
    display: block;
  }

  .expert-section.about .side-tbs .tab-content::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background: #ff561d;
  }

  .expert-section.about .side-tbs .tab-content::before {
    left: -100px;
    bottom: 0;
    top: -38px;
  }

  .vertical-tbs .card-body {
    padding: 10px 16px 20px;
  }

  .vertical-tbs .tab-pane {
    border: 0;
  }

  body .expert-section p {
    text-align: center !important;
    font-size: 17px;
    line-height: 24px;
  }

  .expert-section.about .card-header h5 {
    padding: 0px 16px 0px;
  }

  .expert-section.about h2,
  body .team-sec h2,
  .service-para {
    text-align: center;
  }

  .video-container {
    position: relative;
    margin-bottom: -100px;
    margin-top: 60px;
  }

  .video-container video {
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 33px 10px rgba(0, 0, 0, 0.1);
  }

  .banner-section.about h1 {
    padding-top: 60px;
  }

  body .expert-section.about .card.active a,
  .expert-section.about .card a,
  .vertical-tbs .card-body p,
  .vertical-tbs .card-body p span {
    color: #dcdcdc;
    text-align: left !important;
    line-height: 24px;
    margin: 0;
  }

  .timeline-heading.gallary-heading h3 {
    margin: 0px auto 10px;
    font-family: "FuturaBTW01-Bold";
  }

  .timeline-heading h3,
  h3 {
    font-family: "FuturaBTW01-Bold";
  }

  .banner-section.portfolio h1 {
    margin: 25px auto 25px;
  }

  .activity-section {
    padding: 50px 0px 65px;
  }

  .services-section span {
    text-align: center;
    display: none;
  }

  .main-header .navbar-light .navbar-nav .nav-link:focus,
  .main-header .navbar-light .navbar-nav .show>.nav-link {
    color: #ff561d;
    outline: none;
  }

  header ul.navbar-nav li.nav-item:focus {
    outline: none;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }

  .navbar-light .navbar-nav .dropdown-menu li>a {
    display: inline-block;
  }

  .main-nav .mobile-navbar,
  .our-main-client .mobile-client,
  .desktop-video-hide,
  .col-md-12.mt-5.vertical-tbs .collapse:not(.show),
  header .about-hdr .navbar-light .navbar-brand .logo-dsktp {
    display: block;
  }

  .main-nav .desktop-navbar,
  .main-nav .mobile-navbar ul li::marker,
  .our-main-client .dsktop-client,
  .mob-about-video,
  .banner-section.about h1,
  .vertical-tbs .card-body p:last-child,
  .nectar-scrolling-text .inner.row-bg img,
  .team-tabs .nav-tabs,
  .w-list ul {
    display: none;
  }

  .footer-area {
    background: #000 !important;
  }

  /* .services-section.mag-hm .col-lg-4.col-md-6.col-sm-6.col-12.boxes {
      padding: 0px 20px;
  } */
  body .served-section a.radd {
    float: unset;
    margin: auto;
    padding-left: 0;
    color: #ff561d;
    text-decoration: underline;
    font-family: "FuturaBTW01-Medium";
  }

  .served-section .rgt-content,
  .col-md-12.btn-hight.tabs-mid {
    text-align: center;
  }

  .served-section h2,
  .served-section p,
  .services-section.mag-hm h2 {
    text-align: center;
  }

  .navbar-toggler span.icon-bar:nth-child(2) {
    width: 25px;
  }

  .navbar-toggler span.icon-bar:nth-child(3) {
    width: 20px;
  }

  .navbar-toggler span.icon-bar {
    height: 4px;
    border-radius: 0;
    margin: 6px 0px;
  }

  .main-header {
    padding: 10px 0px;
  }

  .navbar-light .navbar-brand img.logo,
  .related-post-section p br,
  .rgt-content-span,
  .banner-section.portfolio.contact-us.career-outer .carrer-desk-banner,
  .banner-section.whmc-banner.white-bg.inner-bnr ul.listing-style {
    display: none;
  }

  img.logo-mobile {
    display: block;
    width: 160px;
    margin-right: auto;
  }

  .banner-section.mag-hm a.btn {
    background-color: transparent;
    border: 1px solid #ff561d;
    color: #ff561d;
  }

  .banner-section.mag-hm a.btn::before,
  .served-section a.radd:after,
  header .about-hdr .navbar-light .navbar-brand .white-logo,
  header .about-hdr .navbar-light .navbar-brand .logo {
    display: none;
  }

  .site-header,
  span.moretext {
    display: none;
  }

  body .row.need-help {
    right: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .need-help .container {
    padding: 0;

  }

  .row.need-help button.btn.need_btn {
    width: 100%;
    font-size: 15px;
    border-radius: 0;
  }

  body.home .achievements-section button.slick-prev.slick-arrow,
  .achievements-section button.slick-next.slick-arrow {
    display: none !important;
  }

  .services-section h3 {
    margin: 25px 0px 10px;
  }

  .footer-area h5.sub-heading {
    margin-top: 20px;
  }

  .footer-mobile {
    padding: 0px 15px;
  }

  .footer-search {
    max-width: 450px;
  }

  .footer-area .footer-big .container {
    padding: 10px 15px 32px;
  }

  .below-footer ul.social-icn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .below-footer {
    text-align: center;
    padding: 30px 10px 50px;
  }

  .tech-logo-heading,
  .logo-slider.slick-initialized.slick-slider {
    display: none;
  }

  .footer-mobile {
    display: block;
  }

  .main-header .navbar-light .navbar-nav .nav-link {
    margin: 7px 0px;
    font-size: 13px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 18px 20px;
  }

  .navbar-light .navbar-nav .nav-link:hover {
    transform: unset;
  }

  header ul.navbar-nav li.nav-item {
    border-bottom: 1px solid #1f1f1f;
    width: 100%;
  }

  div#main-menu .col-md-12 {
    padding: 0;
  }

  .navbar-light .navbar-brand {
    margin-right: 0;
  }

  .dsktop-toggle,
  .footer-mob-hide,
  h2.main-heading-ft br,
  .footer-area .footer-big .footer-widget ul.contact-details a br {
    display: none;
  }

  header .col-md-12.mobile-srn {
    padding: 0;
  }

  .site-header {
    padding: 0 15px;
  }

  header nav.navbar-light .navbar-toggler.mobile-toggle {
    display: block;
    margin-right: 0;
    margin-left: unset;
    padding: 0;
    width: 30px;
    padding: 0 15px;
    position: relative;
    top: 8px;
    background: transparent;
  }

  header .navbar-light .navbar-nav .nav-link,
  .navbar-light .navbar-nav.about-hdr .nav-link {
    color: #000;
  }

  .experience-section h2 {
    line-height: 32px;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {
    max-width: 78%;
  }

  .carousel.pointer-event .col-md-4.col-sm-2.col-2.left-sdd {
    max-width: 22%;
  }

  .gallery-common-section .carousel-item .main-content .left_side_text {
    margin-top: 25px;
    text-align: center;
  }

  .gallery-common-section .left_side_text img {
    /* margin-bottom: 20px;
      height: 60px;
      object-fit: contain; */
    display: none;
  }

  section.activity-timeline-section {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
  }

  .gallery-common-section .php-portfolio-slider .col-md-9.right-side img {
    width: 100%;
  }

  .banner-section.portfolio.contact-us img {
    margin: 0 auto 0;
    border-radius: 6px;
  }

  .banner-section.portfolio.activity p {
    margin-bottom: 25px;
  }

  .banner-section.portfolio.activity .activity-img-container img {
    max-width: 100%;
    margin-top: 0px;
    border-radius: 6px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item {
    margin: 0;
    padding: 0 5px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {
    padding: 11px 11px;
    height: 40px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item {
    width: 33.33%;
    display: flex;
    justify-content: center;
  }

  .services-section.mag-hm {
    padding-bottom: 0;
  }

  .our-main-client h2 {
    margin-bottom: 30px;
    text-align: center;
  }

  .banner-section.portfolio.contact-us.leave-policy-banner img {
    margin: 0px auto 0;
  }

  .gallary-img {
    padding-top: 20px;
  }

  .timeline-heading h3,
  .main-formss h2,
  .location-box .loca-top h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .cd-horizontal-timeline .events-content h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 5px 20px 25px;
    text-align: center;
  }

  .cd-horizontal-timeline .events-content p {
    text-align: center;
    max-width: 90%;
    margin: auto;
  }

  .cd-horizontal-timeline .events-content h2 span {
    font-size: 22px;
  }

  /* .banner-section.portfolio h1, .banner-section.about h1{margin: 5px auto;} */
  .our-section.portfolio .card-body,
  .cd-horizontal-timeline .events-content li {
    padding: 0;
  }

  .port-btm-spc {
    padding-bottom: 20px;
  }

  /* .banner-section.services-banner.white-bg.inner-bnr {padding-top: 125px !important;} */
  .banner-section.about p {
    max-width: 90%;
    line-height: 35px;
    font-size: 28px;
    padding-top: 20px;
    letter-spacing: -0.5px;
    font-family: "FuturaBTW01-Bold";
    color: #000;
  }

  .main-formss.contact-form.career-list p.skill,
  .list-heading h4 {
    font-size: 15px;
    text-align: left;
  }

  .cd-horizontal-timeline.loaded {
    max-width: 100%;
    margin-bottom: 0;
  }

  .timeline-content {
    display: block;
  }

  .timeline-content-image,
  .timeline-txt,
  .activity-section-header p,
  .gallary-heading p,
  .banner-section.portfolio.activity p {
    width: 100%;
    max-width: 100%;
  }

  .timeline-content-image img {
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .timeline-txt {
    padding-left: 0;
  }

  .navbar-light .navbar-toggler {
    margin-left: auto;
    margin-bottom: 6px;
  }

  body .services-section.mag-hm a.serv.btn {
    margin: 5px 5px;
  }

  .banner-section.mag-hm .shopify-logo img {
    margin-bottom: 10px;
  }

  body .banner-section.about,
  body .banner-section.portfolio,
  .banner-section.blog {
    background: #ffffff url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/home-bg-mobile.png) no-repeat center / contain;
    background-position: 100% 14%;
  }

  .banner-section.blog h1,
  .banner-section.blog p {
    color: #000;
  }

  .banner-section.mag-hm.home {
    padding: 125px 0 20px !important;
    background: #ffffff url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/home-bg-mobile.png) no-repeat center / contain;
    background-position: 100% 14%;
  }

  .banner-section.magento h1 br {
    display: none;
  }

  .banner-section.magento .exp-img {
    margin: 15px 10px 0 0px;
  }

  body .banner-section.magento .exp-img img {
    width: 120px;
  }

  .banner-section.magento .aws-bnr {
    background: none;
  }

  .banner-section.magento ul.mg-ser-list {
    margin: 40px 0 0;
  }

  .banner-section.magento .magento-bnr-content {
    justify-content: center;
    align-items: center;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 30px !important;
    line-height: 40px !important;
    max-width: 100%;
  }

  /* .banner-section.magento .aws-bnr{background-size: 90% auto;background-position: 100% 40%;}*/
  .banner-section.magento ul.mg-ser-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  section.banner-section.UI-banner-section.inner-bnr h1 span {
    display: block;
    max-width: 150px;
    margin: 0 auto;
  }

  section.banner-section.UI-banner-section.inner-bnr h1,
  .banner-section.shopify-app-banner .textt p {
    display: block;
  }

  .UI-banner-section.inner-bnr .list-inline {
    padding: 10px 0 0px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    margin-top: 0;
  }

  section.banner-section.UI-banner-section .UIBanner {
    background: none;
  }

  section.banner-section.UI-banner-section .UIBanner::before {
    background: none;
  }

  section.banner-section.UI-banner-section.inner-bnr p {
    font-size: 16px;
    line-height: 25px;
    display: block;
  }

  .banner-section.UI-banner-section p .bg-pinklight {
    font-size: 16px;
    line-height: 21px;
  }

  .banner-section.devops.inner-bnr ul.dev-ser-list {
    display: flex;
    justify-content: space-evenly;
  }

  .banner-section.devops ul.dev-ser-list li {
    margin: 0px 5px;
    display: none;
  }

  .banner-section.devops ul.dev-ser-list li:nth-child(even) {
    display: block !important;
    max-height: 100px;
  }

  .banner-section.devops img {
    margin-top: 0;
  }

  .banner-section.devops ul.dev-ser-list li p {
    display: block;
    font-size: 14px;
  }

  .banner-section.devops .hire-develop {
    margin: 10px 0 20px;
  }

  .banner-section.devops .dev-bnr-img img {
    margin-bottom: 0px;
    max-width: 350px !important;
  }

  .banner-section.devops.inner-bnr .dev-bnr-img img {
    max-width: inherit;
    margin-top: 0 !important;
  }

  .banner-section.app-dev-bnr {
    height: auto;
  }

  .banner-section.crossplat-banner .hire-develop {
    margin-top: 20px;
  }

  .banner-section.crossplat-banner .cross-bnr-img img {
    margin-top: 20px;
  }

  body .banner-section.aws h1 br {
    display: none;
  }

  body .banner-section.aws {
    padding: 120px 0 40px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr h1 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  section.banner-section.nodebanner-section.inner-bnr {
    padding: 115px 0 50px !important;
  }

  body section.banner-section.nodebanner-section .text-lg-left img {
    max-width: 300px;
  }

  body section.banner-section.nodebanner-section .right {
    background-position: center;
    padding-top: 200px;
    background-size: contain;
    margin-top: 30px;
  }

  section.banner-section.nodebanner-section.inner-bnr h1 {
    text-align: center;
    margin: 10px auto 10px;
  }

  body section.banner-section.nodebanner-section .text-lg-left {
    text-align: center !important;
  }

  .sidebr-tb .nav-item {
    padding: 15px 20px;
  }

  body .banner-section.angular-banner .bnr-img img {
    max-width: 260px;
    object-fit: contain;
    height: 250px;
  }

  .banner-section.angular-banner::before {
    display: none;
  }

  .banner-section.angular-banner .textt {
    padding-left: 15px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    font-size: 16px;
    line-height: 22px;
  }

  body .banner-section.angular-banner .angular-box img {
    width: 40px;
    height: 45px;
  }

  .banner-section.angular-banner .angular-box ul li {
    margin-bottom: 5px;
  }

  body .banner-section.angular-banner .angular-box ul li h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    margin-top: 0;
  }

  .banner-section.angular-banner .angular-box {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
  }

  .banner-section.angular-banner {
    background: unset;
  }

  .banner-section.angular-banner .angular-box img {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .banner-section.inner-bnr .angular-box ul li p {
    display: block;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    width: 30px;
    height: 30px;
  }

  .banner-section.reacts-banner .bnr-img img {
    margin-top: 20px;
  }

  .banner-section.reacts-banner.white-bg.inner-bnr {
    height: auto;
  }

  .banner-section.reacts-banner .reacts-list-box img {
    margin-top: 0;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li,
  .banner-section.reacts-banner .reacts-list-box ul li {
    font-size: 16px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: normal;
    max-width: 280px;
    margin: 10px auto 20px;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li img {
    margin-top: 0;
  }

  section.wbanner-section h1 img {
    margin-top: 0;
  }

  section.wbanner-section .container::before,
  .banner-section.backend-banner.inner-bnr ul.listing-style {
    display: none;
  }

  section.banner-section.wbanner-section .bnr-img img {
    margin: 10px auto 20px;
    max-width: 90%;
  }

  .banner-section .font-light {
    font-family: "FuturaBTW01-Bold";
    margin-bottom: 20px;
  }

  body .banner-section h1 {
    font-size: 40px !important;
    font-family: "FuturaBTW01-Bold";
    line-height: 45px;
  }

  .banner-section.ios-banner::before {
    background: none;
  }

  .banner-section img {
    margin: 30px auto 0;
  }

  .hire-develop:before {
    left: 15px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 500px;
    height: 380px;
  }

  .banner-section .listing-style li {
    display: flex;
    margin-bottom: 5px;
  }

  ul.client-list {
    flex-wrap: wrap;
  }

  /* body .banner-section .hire-develop {margin-top: 0;} */
  body .hire-develop {
    font-size: 13px;
  }

  ul.client-list li {
    max-width: 110px;
  }

  .banner-section.shopify-app-banner .textt p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 25px;
    max-width: 80%;
  }

  body .banner-section.shopify-app-banner .imgwrapper .img-fluid {
    width: 230px;
    margin-right: 18px;
    margin: 0 auto 25px;
  }

  body .banner-section.shopify-app-banner .bnr-img img {
    max-width: 250px;
    margin: 40px auto 0;
    width: 100%;
  }

  .banner-section .shopify-rw {
    justify-content: center;
    flex-direction: column-reverse;
  }

  .banner-section.app-dev-bnr.inner-bnr.andriod .app-icons img {
    margin-top: 15px;
    width: 30px;
  }

  .banner-section.app-dev-bnr .app-icons img {
    margin-top: 15px;
  }

  .app-dev-bnr .dev-bnr-img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/app-img.png) no-repeat center / cover;
    width: 190px;
    height: 230px;
  }

  .banner-section.app-dev-bnr::before {
    height: 130px;
  }

  .banner-section.app-dev-bnr h1 {
    margin-bottom: 15px;
  }

  .high-performance {
    text-align: center;
    padding: 40px 0 60px;
  }

  .high-performance img {
    max-width: 300px;
    width: 100%;
    margin: 20px auto 0;
    display: block;
  }

  body .served-section h2,
  .achievements-section h2 {
    font-size: 25px;
  }

  .high-performance h2 {
    font-size: 25px;
  }

  .high-performance p {
    font-size: 15px;
  }

  .banner-section.whmc-banner .banner-img .img-fluid {
    max-width: 500px;
  }

  .banner_icon ul li {
    border: none;
    padding: 0;
  }

  .banner_icon ul {
    display: flex;
    justify-content: space-evenly;
  }

  .banner-section .banner_icon .img-fluid {
    margin-top: 0;
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .cross-bnr-img img {
    width: 400px;
    height: 400px;
    object-fit: contain;
  }

  .banner-section ul.listing-style {
    max-width: 300px;
    text-align: left;
    margin: 0 auto;
  }

  body .banner-section.frontend-banner.inner-bnr,
  body .banner-section.backend-banner.inner-bnr {
    padding: 120px 0 110px !important;
  }

  .listing-style li {
    font-size: 14px;
    line-height: 24px;
  }

  .banner-section .back-inner h3 {
    font-size: 16px;
  }

  body .tech-section.why-choose-section p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 7px;
  }

  .backend-bnr-box {
    margin-top: 20px;
  }

  .backend-bnr-box .margin-top {
    margin-top: 0;
  }

  body .banner-section .back-inner .img-fluid {
    max-width: 50px;
    height: 50px;
  }

  body .banner-section .back-inner {
    min-height: 150px;
  }

  .banner-section .backend-bnr-box img {
    margin: 0;
  }

  .banner-section .back-inner {
    min-height: 160px;
    margin-bottom: 20px;
  }

  section.Lbanner-section p {
    font-size: 15px;
    font-family: 'FuturaBTW01-Book';
  }

  body section.Lbanner-section h1 {
    font-size: 22px
  }

  section.Lbanner-section .order {
    padding-left: 0 !important;
  }

  section.Lbanner-section .dev-bnr-img img {
    width: 100%;
    max-width: 450px;
  }

  section.Lbanner-section p {
    margin-bottom: 0;
  }

  body section.Lbanner-section .left {
    text-align: center;
  }

  body section.Lbanner-section .left>div {
    justify-content: center;
  }

  body section.Lbanner-section {
    padding: 145px 0 80px;
    height: auto;
    flex-wrap: nowrap;
    display: inline-block;
    justify-content: center;
  }

  .banner-section .textt {
    padding-left: 0;
    padding: 0 25px;
    text-align: center;
  }

  .banner-section.ios-banner {
    padding: 140px 0 0px !important;
  }

  .banner-section .app-icons span {
    margin-right: 0px;
  }

  .banner-section .dev-bnr-img img {
    max-width: 350px;
    height: auto;
    object-fit: contain;
  }

  .banner-section.ios-banner .app-icons img {
    margin: 0px auto;
    display: unset;
  }

  .hire-develop {
    margin-top: 20px;
  }

  .services-section.mag-hm .main-serv p,
  .achievements-section p,
  .client-sec p {
    font-size: 15px;
    line-height: 22px;
  }

  .services-section.mag-hm.services-page.srvc-page .single-service.services-box p {
    min-height: auto;
  }

  .banner-section.inner-bnr p {
    max-width: 100%;
  }

  body .text-tabs-subheading {
    font-size: 15px;
  }

  section.hiredevelop h2 span.orange {
    font-size: 20px;
  }

  section.hiredevelop {
    padding: 60px 0px;
  }

  section.hiredevelop .left-text {
    text-align: center;
  }

  section.hiredevelop h2 {
    font-size: 24px;
  }

  .services-section.magento .boxes:last-child .single-service {
    margin-bottom: 0 !important;
  }

  body .caption-crausal {
    margin-top: 0;
    padding: 15px;
  }

  .tech-section.why-choose-section.system-section .cst-cs-item {
    border: 1px solid rgb(201 189 17 / 30%);
    padding: 0px;
  }

  body .create-section h2:after {
    margin: 0 auto !important;
  }

  .expert-section.about .card-header {
    background-color: transparent;
    border-bottom: transparent;
    padding: 0;
  }

  body .expert-section.about .card a.moreless-button {
    font-family: "FuturaBTW01-Medium";
    font-size: 14px;
    color: #ff561d;
    margin-top: 8px;
    color: #7a7e8a;
  }

  body .expert-section.about .card a {
    font-size: 17px;
    line-height: 28px;
    font-family: "FuturaBTW01-Medium";
  }

  .expert-section.about .card a {
    text-decoration: none !important;
  }

  .expert-section.about .fade:not(.show) {
    opacity: 1;
  }

  .expert-section.about .card {
    margin-bottom: 10px;
    background-color: transparent;
  }

  .expert-section.about .side-tbs .tab-content {
    width: 100%;
    background-color: #000;
    border-radius: 5px;
    padding: 25px 10px;
    position: relative;
  }

  .operation-sec .box:last-child {
    margin-bottom: 0;
  }

  .operation-sec .box {
    margin-bottom: 30px;
  }

  .team-sec .nav-tabs .nav-item {
    max-width: fit-content;
  }

  .team-sec .inner {
    text-align: center;
    margin-bottom: 40px;
  }

  .team-tabs img {
    height: 250px;
    width: 250px;
    border-radius: 100%;
    max-width: max-content;
  }

  .client-sec .inner img {
    object-fit: contain;
  }

  .client-sec {
    padding: 40px 0 50px;
  }

  .banner-section.magento.shopify {
    padding: 100px 0 20px !important;
  }

  body .banner-section.aws h1 {
    font-size: 30px !important;
  }

  .banner-section.aws p {
    margin: 0 auto;
  }

  body .banner-section {
    padding: 55px 0 55px !important;
    margin-top: 80px;
  }

  .create-section .content p {
    margin-bottom: 50px;
  }

  .banner-section.contact-us p {
    max-width: 600px;
    margin: 20px auto 30px !important;
    line-height: 28px;
  }

  .banner-section.contact-us .text-right img {
    width: 300px;
  }

  .create-section.aws .slider-inr {
    padding: 0 !important;
  }

  .devope-section .boxes {
    max-width: 400px;
    margin: 0 auto 30px;
  }

  .benefits-section.aws ul.side-lst {
    max-width: 460px;
    margin: 0 auto;
  }

  .benefits-section.aws {
    text-align: center;
  }

  .benefits-section.aws .left-sd h3 {
    font-size: 25px !important;
    max-width: 450px;
    margin: 0 auto;
    line-height: 40px;
  }

  .benefits-section.aws .mid-part {
    display: block !important;
  }

  body .benefits-section.aws .mid-part a.btn {
    margin-right: 0 !important;
  }

  .benefits-section.aws::before,
  body .banner-section.shopify-app-banner .bnr-img img {
    display: none;
  }

  .benefits-section.aws {
    padding: 60px 0;
  }

  .benefits-section.aws ul.side-lst li {
    margin-bottom: 25px;
    font-size: 15px;
  }

  .devope-section {
    padding: 60px 0 30px;
  }

  .ondemand-section.aws {
    padding: 60px 0;
  }

  .qa-section {
    padding: 60px 0;
  }

  .services-section.aws .single-service {
    border-bottom: 1px solid #eeeeee;
  }

  .services-section.aws .boxes {
    border-bottom: none !important;
  }

  .ondemand-section.magento {
    padding: 60px 0;
  }

  body .main-formss.magento h2 {
    font-size: 30px !important;
  }

  body .services-section.magento .aws-services h3 {
    margin-bottom: 0;
  }

  .our-team-section .boxes {
    max-width: 350px;
    margin: 0 auto 40px;
  }

  body .expert-section.magento h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin-bottom: 15px !important;
    text-align: center;
    max-width: 90%;
    margin: auto;
  }

  body .services-section.magento .aws-services {
    padding: 25px 30px 20px !important;
  }

  .our-team-section {
    padding: 60px 0 260px !important;
  }

  body .create-section.magento {
    padding: 60px 15px !important;
  }

  .create-section.aws.magento .slider-inr {
    padding: 0 !important;
  }

  .create-section.aws .bottomm {
    margin-top: 30px !important;
  }

  body .create-section.aws .left-img.side {
    padding: 0 20px !important;
    bottom: 10px !important;
    text-align: left;
    align-items: center;
  }

  body .create-section.aws .left-img.side h3 {
    font-size: 16px;
    line-height: 26px;
  }

  body .our-team-section h2 {
    font-size: 30px !important;
  }

  .our-team-section img {
    width: 20px;
  }

  .our-team-section h6 {
    font-size: 16px !important;
  }

  .our-team-section .boxes {
    margin-bottom: 25px !important;
  }

  body .create-section.aws .left-img {
    bottom: 15px !important;
    align-items: center;
    padding: 0 20px;
  }

  body .create-section.aws h3 {
    font-size: 16px;
  }

  .create-section.aws .content {
    min-height: 300px !important;
    margin-bottom: 30px;
  }

  .our-process .upper-white-sec {
    margin: 0 20px !important;
  }

  body.t-slds__arrow-left {
    left: 60px !important;
  }

  .t-slds__arrow_wrapper-right {
    right: 110px;
  }

  .banner-section.mag-hm .text-right img {
    display: none;
  }

  body .served-section h2,
  .achievements-section h2 {
    font-size: 35px;
  }

  body .served-section h2 span {
    font-size: 35px;
  }

  body .served-section {
    padding: 60px 0;
  }

  .achievements-section h2 {
    text-align: center;
  }

  .served-section p {
    margin-bottom: 0;
    line-height: 28px;
    overflow: hidden;
    height: auto;
    font-size: 16px;
    font-family: "FuturaBTW01-Medium";
    margin: 10px 0px;
    padding: 0px 20px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 24px !important;
    line-height: 30px;
  }

  .banner-section.mag-hm {
    padding: 120px 0 50px;
  }

  .brand-exp-section .main-secc img {
    height: auto !important;
    object-fit: contain;
    width: 100%;
    max-width: 400px;
  }

  .services-section.mag-hm .single-service {
    max-width: 400px;
    margin: 0 auto;
    min-height: 100%;
  }

  .brand-exp-section .inner-brand {
    max-width: 400px;
    margin: 0 auto 30px;
  }

  .brand-exp-section .main-secc .boxx {
    padding: 0;
  }

  body .brand-exp-section {
    text-align: center;
    padding: 60px 15px !important;
  }

  .brand-exp-section .main-secc {
    margin-bottom: 0;
  }

  .services-section.mag-hm a.black-arw {
    text-align: left;
  }

  .banner-section.mag-hm h1 {
    font-size: 35px !important;
  }

  .banner-section.mag-hm h1 span {
    font-size: 35px !important;
  }

  .banner-section.mag-hm img {
    width: 50%;
  }

  .banner-section.mag-hm .award-outer {
    align-items: center !important;
    justify-content: center;
  }

  .banner-section.mag-hm img {
    width: 100%;
    margin: 0px auto 0;
  }

  .banner-section.mag-hm p {
    margin: 24px auto 40px;
    text-align: center;
    font-weight: 600;
  }

  .banner-section img {
    max-width: 400px;
    margin: 40px auto 0;
    display: block;
  }

  /* .banner-section .textt { text-align: center; } */
  .banner-section {
    padding: 130px 0 60px;
  }

  .hiring-section img {
    max-width: 500px;
    margin: 0 auto;
    display: block;
  }

  .hiring-section .tips {
    text-align: center;
    margin-top: 30px;
  }

  ul.hiring-listt li {
    align-items: center;
  }

  .experience-section h2 {
    text-align: center;
    margin-bottom: 30px;
  }

  .experience-section p {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
  }

  /* .services-section { text-align: center; } */
  .post .main-outer p {
    padding: 15px 25px 0;
  }

  .post .main-outer a {
    /* padding: 0px 0px 0 30px; */
    padding: 4px 12px;
    border: 1px solid #ff561d;
    margin: 10px 0px 0px 25px;
  }

  .related-post-section .main-outer span {
    margin: 30px 0px 0px 25px;
    padding: 3px;
    font-size: 14px;
    display: inline-block;
    color: rgba(16, 16, 16, 0.5);
    background-color: #f5f5f5;
  }

  .create-section {
    text-align: center;
  }

  .process-section {
    text-align: center;
  }

  .post .main-outer {
    max-width: 350px;
    margin: 0 auto 30px;
    padding-bottom: 40px;
    box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35);
    -webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, 0.35);
  }

  .main-formss .boxx {
    padding: 0 10px !important;
  }

  .create-section h2 a {
    margin: 20px 0 0;
  }

  .related-post-section h2 a {
    margin: 10px 0 0;
  }

  .related-post-section {
    text-align: center;
  }

  .left-slider .slick-dots li:after {
    display: none;
  }

  .cloud-section .boxes.diff {
    width: 100%;
    margin-bottom: 20px;
  }

  .cloud-section .boxes {
    max-width: 400px;
    margin: 0 auto;
  }

  .cloud-section {
    text-align: center;
    padding: 80px 0 50px;
  }

  .ondemand-section.devops {
    padding: 60px 0;
  }

  .main-formss.devops {
    margin: -330px 15px;
  }

  .cloud-section h2:after {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .cloud-section h2 {
    font-size: 30px;
  }

  .services-section.devops h2 {
    font-size: 30px;
    margin-top: 0 !important;
  }

  .experience-section.devops h2 {
    font-size: 30px !important;
  }

  .experience-section.devops .mid-part {
    justify-content: center;
  }

  .footer-area .footer-big.devops {
    padding: 0px 15px 30px 15px;
  }

  .services-section.devops p {
    font-size: 14px !important;
    line-height: 26px;
  }

  .related-post-section.devops p {
    font-size: 14px;
  }

  .cloud-section .context p {
    font-size: 14px !important;
    line-height: 25px;
  }

  .experience-section h2 {
    font-size: 30px !important;
  }

  .single-service:hover img.file-mg {
    margin: 0 auto;
  }

  /*Overlay menu*/
  .site-header .overlay-menu .main-nav li a {
    font-size: 30px;
    line-height: 70px;
  }

  .site-header .overlay-menu .main-nav li .mega-menu {
    display: none;
    position: static;
    top: 0;
    width: auto;
  }

  .site-header .overlay-menu .main-nav li a:hover~.mega-menu,
  .site-header .overlay-menu .main-nav li a.active~.mega-menu {
    display: block;
  }

  .follow-us {
    text-align: center;
  }

  .follow-us .expert-text {
    margin: 15px 20px 15px 0;
  }

  /*Overlay menu*/
  .site-header .overlay-menu .main-menu-nav li .mega-menu {
    /*display: none;*/
    position: static;
    top: 0;
    width: auto;
    height: 0;
  }

  .site-header .overlay-menu .main-menu-nav li a:hover~.mega-menu,
  .site-header .overlay-menu .main-menu-nav li a.active~.mega-menu {
    display: block;
    height: 100%;
    margin-top: 30px;
  }

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
  }

  .site-header .overlay-menu .main-menu-nav li a::before {
    height: 4px;
  }

  .site-header .overlay-menu li .mega-menu li a.bold {
    font-size: 17px;
  }

  .follow-us {
    text-align: center;
  }

  .follow-us .expert-text {
    margin: 15px 20px 15px 0;
  }

  .site-header .overlay-menu li .mega-menu li>.light {
    padding-left: 0em;
  }

  /* 07-july-20 */
  body .banner-section.magento {
    padding: 80px 0 50px;
  }

  .banner-section.magento p {
    margin-left: auto;
    margin-right: auto;
  }

  .banner-section p {
    margin-bottom: 10px;
  }

  /* .expert-section.magento p { font-size: 14px; line-height:1.5; }  */
  body .expert-section.magento {
    padding: 55px 0 !important;
  }

  body .our-team-section h2 {
    font-size: 26px !important;
  }

  body .process-section.magento h2 {
    margin-bottom: 25px !important;
    font-size: 26px;
  }

  .ondemand-section h2 {
    font-size: 26px;
  }

  body .main-formss.magento h2 {
    font-size: 26px !important;
  }

  /*---------------------NEW---------------------*/
  .banner-section .app-icons {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
  }

  .banner-section .app-icons .img-fluid {
    margin: 0;
  }

  .tech-section h2 {
    font-size: 24px !important;
    line-height: 30px;
    text-align: center;
  }

  body .tex-tabs-heading h2 span {
    font-size: 20px;
  }

  .banner-section.inner-bnr p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    display: none;
  }

  .hire-develop {
    font-size: 16px;
    padding: 15px 43px;
  }

  .caption-crausal p {
    font-size: 15px;
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  ol.carousel-indicators.cst-tab::before {
    width: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .tech-section.why-choose-section.system-section {
    padding-bottom: 55px;
  }

  body .tech-section.why-choose-section {
    padding-bottom: 40px;
  }

  body .tech-section.why-choose-section.websol-padding {
    padding-bottom: 0;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2,
  .our-main-client h2,
  body .served-section h2,
  .achievements-section h2,
  .client-sec h2,
  .expert-section.about h2,
  .team-sec h2,
  .our-section.portfolio h2,
  body .team-sec h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .create-section h2,
  .related-post-section h2 {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .experience-section,
  .services-section,
  .process-section,
  .achievements-section,
  .our-main-client,
  .team-sec,
  .operation-sec {
    padding: 40px 0px;
  }

  .related-post-section {
    padding: 50px 0px 40px;
  }

  .our-main-client .logo {
    padding-bottom: 10px;
    text-align: center;
  }

  .served-section a.radd {
    margin-right: 20px;
  }

  .footer-area .footer-big {
    padding: 30px 15px 0px 15px;
  }

  .footer-area h3.footer-widget-title {
    margin-bottom: 10px;
    line-height: 22px;
  }

  .footer-big .footer-menu ul li a,
  .footer-big p,
  .footer-big ul li {
    line-height: 30px;
  }

  .services-section .services-box h3 {
    font-size: 20px;
    min-height: auto;
  }

  .banner-section.services-banner {
    flex-direction: column;
  }

  .banner-section.services-banner p.font-large {
    font-size: 22px;
    display: block;
    line-height: 35px;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    margin-top: 15px;
    -webkit-mask-size: contain;
    background-repeat: no-repeat;
  }

  .banner-section.portfolio .orange-bg {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 15px;
    margin-top: 30px;
  }

  .top-box h2,
  .top-box h2 span {
    font-size: 28px;
    font-family: "FuturaBTW01-Medium";
    letter-spacing: -1px;
    margin-bottom: 15px;
  }

  .banner-section.portfolio p {
    margin: 0;
  }

  .our-section.portfolio .boxx h5 {
    font-size: 20px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 0;
  }

  .our-section.portfolio .boxx span {
    font-size: 13px;
  }

  .top-box p {
    font-size: 20px;
    line-height: 25px;
    display: none;
  }

  .imgboxx {
    margin-bottom: 20px;
  }

  .banner-section.contact-us h1 {
    font-size: 40px !important;
  }

  .location-box {
    margin: 0 auto;
    max-width: 100%;
  }

  .main-formss.contact-form button.btn.sub {
    font-size: 15px;
    min-height: 46px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .main-formss.contact-form .location-box>p {
    text-align: left;
    margin: 20px 0 10px;
  }

  body h2 {
    font-size: 24px;
  }

  .location-box .contact-details li {
    padding: 15px 0 0px;
  }

  .location-box .contact-details li svg {
    margin-right: 15px;
    width: 25px;
  }

  .location-box .contact-details li a {
    font-size: 16px;
    line-height: 28px;
  }

  body .banner-section.contact-us {
    padding: 130px 0 30px !important;
  }

  .other-top-heading p {
    font-size: 17px;
    line-height: 25px;
  }

  section.other-ways {
    padding-bottom: 40px;
  }

  .Contact-mapp {
    padding-bottom: 40px;
  }

  .row.boxes_row {
    padding-top: 10px;
  }

  .other-way-box {
    margin-bottom: 15px;
  }

  .other-way-box .box-logo {
    margin-bottom: 15px;
  }

  .buss-growth.contact-gro {
    padding: 0px 0 0px;
  }

  body .hire-develop {
    padding: 13px 30px;
    padding-left: 45px;
  }

  .tech-section {
    padding: 55px 15px;
  }

  .why-heading {
    margin: 0px 0px 10px;
  }

  .related-post-section p {
    font-size: 18px;
    font-family: "FuturaBTW01-Medium";
    margin-bottom: 8px;
  }

  body .served-section {
    padding: 50px 0px !important;
  }

  /* .site-header .overlay-menu .main-menu-nav{ height: 450px; overflow-x: auto; } */

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

  .footer-search .input-group input {
    height: 44px;
  }

  .footer-search .input-group .btn {
    font-size: 12px;
    padding: 13px 16px 12px 16px;
  }

  .site-header .overlay-menu.active .excellance-list .left-side {
    position: inherit;
    width: 100%;
  }

  .right-side.choose-outer h2 {
    padding: 0 15px;
    margin-top: 15px;
  }

  .overlay-menu .main-menu-nav a.active~div>.right-side {
    height: auto;
  }

  .exp-info-content {
    padding: 15px;
  }

  .site-header .overlay-menu.active .excellance-list .row {
    margin: 0;
  }

  .menu-exp-info .exp-image {
    width: 10%;
  }

  .menu-exp-info .txt {
    width: 90%;
  }

  .banner-section.about {
    padding: 125px 0 20px !important;
    background-color: #fff9f6;
    overflow: unset;
  }

  .banner-section.services-banner {
    height: 86vh;
  }

  .banner-section.services-banner .video_box .sd-text-box {
    margin: 30px auto 0;
    max-width: 450px;
  }

  .services-section.mag-hm.services-page {
    padding-top: 0px;
  }

  .our-section.portfolio {
    padding: 30px 0 0px;
  }

  .expert-section.about {
    padding: 155px 0 70px;
  }

  .main-formss.contact-form {
    padding: 20px 10px 60px !important;
  }

  .top-box {
    padding-bottom: 70px;
    max-width: 85%;
    margin: auto;
  }

  body .services-section.magento {
    padding: 30px 0 !important;
  }

  body .tech-section.why-choose-section .row .col-md-3 {
    width: 50%;
  }

  .top_heading>p {
    font-size: 16px;
  }

  .served-section {
    padding: 30px 0 !important;
  }

  .high-performance {
    padding: 30px 0;
  }

  .site-header .overlay-menu .main-menu-nav li a.active~.mega-menu {
    margin-bottom: 20px;
  }

  .site-header .overlay-menu .main-menu-nav>li .menu-link {
    display: inline-block;
    margin-top: 10px;
  }

  .excellance-section {
    padding-top: 50px;
  }

  .right-side.choose-outer h2,
  .right-side.choose-outer h2 span {
    font-size: 20px;
  }

  .exp-info-content .row .col-md-6.mb-lg-5,
  .right-side.choose-outer h2 {
    margin-bottom: 15px !important;
  }

  .menu-exp-info h3 {
    margin-bottom: 0px;
  }

  .banner-section.mag-hm a.btn {
    width: 190px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 16px 20px;
    margin: auto;
    background-color: #fff;
    font-family: "FuturaBTW01-Medium";
    font-size: 15px;
  }

  .banner-section.mag-hm a.btn {
    letter-spacing: 1px;
  }

  nav.navbar.navbar-expand-md.navbar-light {
    padding: 0;
    padding-left: 40px;
  }

  .banner-section.mag-hm a.btn::before {
    left: 50px;
  }

  .notification-bar {
    display: none;
  }

  /*Menu Css*/
  .main-nav {
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 55px;
    margin: 5px auto 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 0;
    opacity: 0;
    right: 100%;
    width: 100%;
    transition: .6s ease;
  }

  .main-nav.show {
    right: 0%;
    opacity: 1;
  }

  .main-header .navbar-light .navbar-nav #last .nav-link {
    color: #fff !important;
    font-size: 13px;
  }

  div#navbarSupportedContent {
    position: fixed;
    padding: 0;
    z-index: 9;
    top: -27px;
    height: 100%;
    background-color: #000;
  }

  header nav li#last a.nav-link {
    height: 40px;
    width: 125px;
    line-height: 30px;
  }

  li#last {
    border: 0;
    padding: 10px 20px;
    margin-top: 10px;
  }

  .site-header .overlay-menu-trigger {
    width: 29px;
    height: 28px;
  }

  ul#menu-primary {
    padding: 60px 0;
  }

  .nav-close-icon {
    display: block;
    padding: 30px 30px 0 0;
  }

  .nav-close-icon img {
    width: 20px;
  }

  .navbar-light .navbar-nav .nav-link::before {
    display: none;
  }

  .page-template-mean-stack-training-program .learn-tab .learn-tab-image {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:575px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    left: -240px;
  }

  body .caption-crausal {
    padding: 20px 35px;
  }

  .banner-section.portfolio.contact-us.career-outer {
    padding: 130px 0 40px !important;
  }

  .banner-section.portfolio.activity .textt p {
    display: none;
  }

  .post .main-outer {
    max-width: 100%;
  }

  .banner-section.contact-us h1 {
    max-width: 80%;
  }

  .location-box .loca-top svg {
    width: 52px;
    position: relative;
    top: -3px;
  }

  .main-formss h2 {
    margin-bottom: 10px;
  }

  .other-top-heading h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .blog-details .share-sec p {
    font-size: 15px;
    font-family: "FuturaBTW01-Medium";
  }

  .our-section.portfolio .boxx .arow {
    margin-top: -21px;
  }

  .feature-insgt .left-mg {
    margin-bottom: 25px;
  }

  .blog-details {
    margin-top: -125px;
  }

  .banner-section.mag-hm.home h1 {
    font-family: 'FuturaBTW01-Bold';
    max-width: 90%;
    margin: 15px auto;
  }

  .row.align-items-center.mt-md-5.mt-0.main-rw {
    max-width: 95%;
    margin: auto;
  }

  .services-section.mag-hm .single-service br,
  .main-serv-mobile {
    display: none;
  }

  .banner-section .award-outer {
    margin-top: 0px !important;
  }

  .experience {
    display: none;
  }

  .main-formss.contact-form.leave-policyy p {
    text-align: left;
  }

  .our-main-client .logo img {
    max-width: 90px;
  }

  .banner-section.mag-hm .shopify-logo img {
    max-width: 130px;
  }

  .banner-section.mag-hm .shopify-logo img {
    margin: 5px 0px 10px 0px;
  }

  .banner-section.mag-hm.home .award-outer {
    max-width: 380px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 28px !important;
    line-height: 32px !important;
    letter-spacing: normal;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg,
  .banner-section.magento ul.mg-ser-list li {
    width: 77px;
    height: 85px;
    margin-bottom: 10px;
    line-height: 15px;
    font-size: 10px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 50px;
    height: 50px;
  }

  .UI-banner-section ul li {
    margin-right: 20px !important;
  }

  .banner-section.devops.inner-bnr h1 {
    max-width: 280px;
    margin: 0 auto 10px;
  }

  .banner-section.devops .dev-bnr-img img {
    max-width: 280px !important;
  }

  .banner-section.devops ul.dev-ser-list li:nth-child(even) img {
    width: 35px;
  }

  body section.Lbanner-section h1 {
    font-size: 18px;
    letter-spacing: 0;
  }

  section.wbanner-section .w-list ul li>span {
    margin-right: 10px;
  }

  section.wbanner-section .container::after {
    display: none;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li {
    font-size: 15px;
  }

  section.wbanner-section h1 img {
    width: 250px;
    max-width: 100%;
  }

  section.wbanner-section h1 img {
    margin-bottom: 10px;
  }

  ul.client-list li {
    max-width: 110px;
    margin: 0 10px;
  }

  body .banner-section.shopify-app-banner .bnr-img img {
    max-width: 200px;
  }

  /* body .banner-section.shopify-app-banner .imgwrapper .img-fluid {width: 160px;} */
  .banner-section .app-icons .img-fluid {
    width: 40px;
    height: 40px;
  }

  .process-section.mag-hm .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: 70px !important;
  }

  section.Lbanner-section .order strong {
    font-size: 50px;
    line-height: 55px;
  }

  /*body section.Lbanner-section{height: 87vh;}*/
  section.Lbanner-section .order img {
    width: 70px;
  }

  section.Lbanner-section .order span {
    font-size: 70px;
  }

  .banner-section.mag-hm .text-right img {
    max-width: 250px;
  }

  .choose-section .main-imgg img {
    height: 400px;
    margin-bottom: 40px;
  }

  /* .vertical-tbs .card-body {padding: 15px 1rem;} */
  /* .vertical-tbs .card-body p {font-size: 14px;} */
  .operation-sec:after,
  .operation-sec:before {
    display: none;
  }

  .team-sec h2 {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
  }

  .client-sec .inner {
    padding: 10px;
  }

  .team-sec .nav-tabs .nav-item {
    max-width: 97% !important;
    text-align: center;
  }

  body .banner-section.contact-us {
    padding: 120px 0 0px !important;
  }

  .ondemand-section.magento.shopify {
    min-height: 400px;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
    max-width: 250px !important;
    margin: 20px auto 50px !important;
  }

  /* .expert-section.magento p{ font-size: 15px;} */
  .contact-via .main-inside:last-child {
    margin-bottom: 0;
  }

  .contact-via .main-inside {
    margin-bottom: 30px !important;
  }

  .contact-via .main-inside img {
    width: 40px;
  }

  .contact-via hr {
    margin-top: 30px;
  }

  .banner-section.contact-us .text-right img {
    width: 250px;
  }

  .banner-section.contact-us p {
    font-size: 20px;
    margin: 5px auto 25px !important;
  }

  .Contact-mapp .responsive-map-container {
    padding-bottom: 35%;
  }

  body .create-section.aws h3 {
    text-align: left;
  }

  .main-formss.contact-form p {
    margin-bottom: 20px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .process-section.mag-hm {
    padding: 60px 15px 50px !important;
  }

  .footer-area .footer-big .container.laravel-home {
    padding: 330px 0px 20px 0px !important;
  }

  .main-formss.laravel-home {
    margin: -60px 20px;
  }

  .main-formss textarea.form-control {
    font-size: 14px;
  }

  .ondemand-section .laravel-home a {
    margin: 0 auto;
    max-width: 180px;
    display: block;
  }

  /* body .banner-section h1 {line-height: 35px; } */
  .benefits-section.aws ul.side-lst li {
    display: inline-grid;
  }

  .benefits-section.aws .left-sd {
    padding-left: 0 !important;
  }

  .footer-area .footer-big.aws .container {
    padding: 150px 0px 20px 0px !important;
  }

  .qa-section .qa-txt {
    padding: 0 15px !important;
  }

  .qa-section .txttt {
    margin-top: 0 !important;
  }

  .qa-section ul.qa-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .served-section span.slidess {
    font-size: 16px !important;
  }

  body .t-slds__arrow_wrapper-right {
    right: 60px !important;
  }

  .brand-exp-section .inner-brand {
    padding: 40px 60px !important;
  }

  .brand-exp-section .main-secc img {
    width: 70%;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(3n) {
    margin-right: 0 !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 0px !important;
  }

  .experience-section h2 {
    font-size: 25px !important;
  }

  body .services-section.mag-hm a.serv.btn:last-child {
    margin-right: 0 !important;
  }

  .experience-section.devops .right-sd ul li {
    display: flex;
    font-size: 14px;
  }

  .related-post-section.devops span {
    font-size: 13px;
  }

  .related-post-section.devops h2 {
    margin-top: 20px;
  }

  a.btn,
  button.btn {
    font-size: 12px;
    padding: 18px 12px;
  }

  .experience-section.devops a.btn.blue {
    font-size: 10px !important;
    padding: 14px 10px;
    margin-right: 15px !important;
  }

  .choose-section .boxx {
    justify-content: center;
    padding: 30px 20px;
    text-align: center;
  }

  .choose-section .txtt {
    margin-top: 20px;
  }

  .experience-section.devops h2 {
    font-size: 23px !important;
    line-height: 30px;
  }

  .choose-section {
    padding: 30px 0 10px;
  }

  .hiring-pro .heading-_box h2 {
    font-size: 25px;
    line-height: 26px;
  }

  .hiring-pro .box-wrapper .pro-inner {
    width: 100%;
  }

  .hiring-pro {
    padding: 0px;
  }

  /* body .banner-section {padding: 100px 0 40px !important;} */

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 20px;
    line-height: 35px;
  }

  .technology-list li {
    width: 50%;
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
  }

  .technology-list li:nth-child(2n) {
    border-right: none !important;
  }

  .hire-develop {
    font-size: 14px;
    padding: 15px 23px;
    margin-top: 15px;
  }

  .app-icons span i {
    width: 53px;
    height: 53px;
  }

  .app-icons span h6 {
    font-size: 14px;
  }

  .why-cnt-box h4 {
    font-size: 18px;
  }

  .services-section .services-box h3 {
    min-height: 1px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {
    width: 100%;
    margin-bottom: 15px;
  }

  .imgboxx {
    margin-bottom: 0;
  }

  .request_from .boxx {
    margin-bottom: 25px;
  }

  .location-box {
    margin-top: 50px;
  }

  /* .other-way-box { padding: 20px; } */

  .other-way-box ul li a {
    font-size: 17px;
  }

  body .tech-section.why-choose-section .row .col-md-3 {
    width: 100%;
  }

  .site-header .overlay-menu {
    padding: 20px 0px 0px;
  }

  .excellance-img img {
    max-width: 180px;
  }

  .col-md-6.text-center.w-100.excellance-img {
    text-align: left !important;
    margin-bottom: 15px;
  }

  .excellance-section {
    padding-top: 40px;
  }

  .follow-us .btn {
    padding: 7px;
    font-size: 12px;
    margin: 10px 0 0;
  }

  .logo-slider .slick-list {
    width: 100%;
    max-width: 80%;
  }

}


@media (max-width:480px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    left: -275px;
  }

  body .caption-crausal {
    padding: 24px 23px;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {
    margin-bottom: -50px;
  }

  .our-main-client h2 {
    padding: 0px 18px;
    text-align: left;
  }

  .feature-insgt {
    margin-top: -40px;
  }

  .caption-crausal h4 {
    font-size: 15px;
  }

  .Leave-your-thought button.btn {
    width: 100%;
  }

  body .banner-section.crossplat-banner .font-light,
  .banner-section.crossplat-banner .font-light span {
    max-width: 96%;
  }

  .blog-details .web span {
    width: 12px;
    margin: 0 10px 3px;
  }

  .our-main-client .client-slider .logo img {
    max-width: 200px;
  }

  .our-main-client .client-slider .slick-track {
    display: flex;
    justify-content: center;
  }

  .banner-section.ios-banner .app-icons img {
    max-width: 100%;
    width: 35px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 100%;
    height: 370px;
    object-fit: contain;
  }

  .footer-area .footer-big.cnct .container {
    padding: 0 0px 20px 0px !important;
  }

  .left-slider .slick-current .content-inr {
    left: 0 !important;
    bottom: -40px;
    z-index: 99;
    right: 0 !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    max-width: 100%;
  }

  .left-slider ul.slick-dots {
    text-align: center !important;
    bottom: -50px;
  }

  .left-slider .slick-dots li:after,
  .banner-section.contact-us p br {
    display: none;
  }

  .slick-current .media.ftco-media:after {
    width: 70% !important;
    height: 80px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
  }

  body .main-formss.magento h2 {
    font-size: 20px !important;
  }

  body .services-section.mag-hm a.serv.btn {
    margin-right: 0px !important;
  }

  body .services-section.magento .aws-services h3 {
    margin: 15px 0;
  }

  body .our-team-section h2 {
    font-size: 25px !important;
  }

  body .our-process .process-tp {
    height: 0;
  }

  .our-team-section:after {
    height: 250px !important;
  }

  .create-section.aws .left-img a {
    font-size: 12px !important;
  }

  /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 0 !important;
  }

  .create-section .slider-inr {
    padding-left: 10px !important;
    width: 100% !important;
  }

  .banner-section img {
    max-width: 90%;
    width: 100%;
  }

  .hiring-section {
    padding: 60px 0;
  }

  .ondemand-section img {
    width: 160px;
    margin-bottom: 35px;
  }

  .hiring-section h2 {
    font-size: 20px;
  }

  .main-formss {
    margin: -200px auto;
    padding: 30px 20px;
  }

  .main-formss input.form-control {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .main-formss h2 {
    font-size: 24px;
  }

  /* .below-footer ul.social-icn{ justify-content: flex-start; } */
  .below-footer .rightt {
    padding-left: 0 !important;
    margin-top: 5px;
  }

  .ondemand-section h2 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  ul.hiring-listt {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    max-width: 300px;
    margin: 0 auto;
  }

  /*----------------NEW----------------*/
  .banner-section .dev-bnr-img {
    width: 100% !important;
  }

  .location-box .loca-top h3 {
    font-size: 24px;
  }

  /* body .banner-section h1, body .banner-section h1 span { font-size: 25px !important; } */
  /* body .banner-section.mag-hm.home h1, body .banner-section.mag-hm.home h1 span { padding-top: 0px;} */
  .served-section a.radd {
    float: left;
  }

  /* .banner-section .award-outer img { max-width: 50px !important;} */
  .served-section a.radd {
    float: left;
    margin-top: 20px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    margin-bottom: 10px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2,
  .our-main-client h2,
  body .served-section h2,
  .achievements-section h2,
  .client-sec h2,
  .expert-section.about h2,
  .team-sec h2,
  .our-section.portfolio h2,
  body .team-sec h2 {
    font-size: 24px;
  }

  .create-section h2 a,
  .related-post-section h2 a {
    margin: 0px 0 10px;
  }

  .footer-area h2.main-heading-ft {
    line-height: 24px;
  }

  .widget-about .contact-details li a {
    line-height: 20px;
  }

  .main-slider .slick-slide {
    margin: 5px 10px 0px;
  }

  .achievements-section .bottom-cont {
    bottom: 45px;
  }


}

@media (max-width:400px) {

  .banner-section.about .video-container.desktop-video-hide::after {
    width: 250px;
    height: 250px;
  }

  .footer-area .footer-big .container {
    padding: 200px 10px 20px 15px;
  }

  body .footer-area .footer-big .container {
    padding: 0 !important;
  }

  .footer-area .footer-big .footer-widget {
    margin-bottom: 30px;
  }

  .our-main-client .logo img {
    max-width: 80px;
  }

  .row.align-items-center.mt-md-5.mt-0.main-rw {
    max-width: 100%;
  }

  .expert-section.about {
    padding: 130px 0 70px;
  }

}


@media (max-width: 375px) {

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: normal;
  }

  .blog-details .web p {
    font-size: 15px;
  }

  .our-main-client .logo img {
    max-width: 65px;
  }

  .services-section.mag-hm.magento h2 {
    max-width: 90%;
  }

  .achievements-section .bottom-cont {
    bottom: 25px;
  }

  .our-main-client h2 {
    padding: 0px 18px;
  }
}


@media (max-width: 360px) {

  /* .navbar-light .navbar-brand { margin-right: 10px; } */
  header .navbar-light .navbar-brand img {
    max-width: 180px;
  }

  .navbar-light .navbar-toggler {
    padding: 3px 5px;
  }

  div#main-menu .container-fluid .row .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .site-header .overlay-menu-trigger {
    width: 21px;
    height: 30px;
  }

  .site-header .overlay-menu-trigger .menu-btn {
    margin: 5px 0 0;
  }

  header nav.navbar-light .navbar-toggler.mobile-toggle {
    top: 0;
  }

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

}

@media(min-width: 992px) and (max-width: 1280px) {
  .main-slider.slick-initialized.slick-slider {
    max-width: 90%;
    margin: auto;
  }
}

@media(min-width: 1440px) and (max-width: 1559px) {
  .services-section.mag-hm a.serv.btn {
    padding: 12px 12px;
    margin-right: 7px;
  }
}

@media(min-width: 353px) and (max-width: 675px) {
  .main-box-body {
    min-height: 168px;
  }
}

@media(max-width: 352px) {
  .main-box-body {
    min-height: auto;
  }
}

@media(min-width: 768px) and (max-width: 991px) {
  body .expert-section.about {
    padding: 30px 0;
  }

  body .expert-section.about h2 {
    margin-bottom: 0 !important;
  }

  .footer-search .input-group input::placeholder {
    font-size: 13px;
  }

  .footer-search .input-group .btn {
    font-size: 11px;
    height: 55px;
    padding: 21px 8px 18px 8px;
  }

  .footer-search .input-group input {
    height: 55px;
    padding: 10px 8px
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 14px !important;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 90%;
  }

  .achievements-section button.slick-prev.slick-arrow {
    left: -40px;
  }

  .achievements-section button.slick-next.slick-arrow {
    right: -40px;
  }

  .achievements-section .bottom-cont {
    bottom: 30px;
  }

}

@media(min-width: 575px) and (max-width: 576px) {
  .achievements-section .bottom-cont {
    bottom: 18px;
  }
}

@media(min-width: 480px) and (max-width: 574px) {
  .achievements-section .bottom-cont {
    bottom: 40px;
  }

  .achievements-section h6.top-dev {
    margin-top: 120px;
  }
}

@media(min-width: 575px) and (max-width: 767px) {
  .our-section.portfolio .boxx h5 {
    font-size: 17px;
  }

  .our-section.portfolio .boxx span {
    font-size: 12px;
  }

  .our-section.portfolio .boxx .arow a svg {
    width: 15px;
    margin-left: 6px;
  }

  .our-section.portfolio .boxx .arow a {
    font-size: 13px;
  }
}

@media(min-width: 575px) and (max-width: 991px) {
  .services-section.mag-hm .boxes:nth-of-type(2n) {
    padding-left: 8px;
  }

  .services-section.mag-hm .boxes:nth-of-type(2n+1) {
    padding-right: 8px;
  }

  .home .services-section.mag-hm .boxes:nth-of-type(2n) {
    /* padding-right: 8px; */
    padding: 0px 8px 0px 15px;
  }

  .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {
    padding: 0px 15px 0px 8px;
  }

}

@media only screen and (min-width: 992px) and (max-width: 1099px) {
  .footer-menu.footer-menu--1 {
    padding-left: 45px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .achievements-section .bottom-cont {
    bottom: 16px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1040px) {
  .main-slider .main-box {
    height: 329px;
  }

  .achievements-section h6.top-dev {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1040px) {
  .achievements-section .bottom-cont {
    bottom: -32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .team-sec .nav-tabs .nav-item {
    max-width: 50%;
    padding: 0.5rem 15px;
  }

  .main-header .navbar-light .navbar-nav .nav-item:nth-child(7) {
    position: relative;
    top: 1px;
  }

  .site-header .overlay-menu-trigger {
    top: 3px;
  }
}

/*====================RESPONSIVE CSS ENDS HERE====================*/



@media (max-width:575px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    left: -240px;
  }

  body .caption-crausal {
    padding: 20px 35px;
  }

  .banner-section.portfolio.contact-us.career-outer {
    padding: 130px 0 40px !important;
  }

  .banner-section.portfolio.activity .textt p {
    display: none;
  }

  .post .main-outer {
    max-width: 100%;
  }

  .banner-section.contact-us h1 {
    max-width: 80%;
  }

  .location-box .loca-top svg {
    width: 52px;
    position: relative;
    top: -3px;
  }

  .main-formss h2 {
    margin-bottom: 10px;
  }

  .other-top-heading h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .blog-details .share-sec p {
    font-size: 15px;
    font-family: "FuturaBTW01-Medium";
  }

  .our-section.portfolio .boxx .arow {
    margin-top: -21px;
  }

  .feature-insgt .left-mg {
    margin-bottom: 25px;
  }

  .blog-details {
    margin-top: -125px;
  }

  .banner-section.mag-hm.home h1 {
    font-family: 'FuturaBTW01-Bold';
    max-width: 90%;
    margin: 15px auto;
  }

  .row.align-items-center.mt-md-5.mt-0.main-rw {
    max-width: 95%;
    margin: auto;
  }

  .services-section.mag-hm .single-service br,
  .main-serv-mobile {
    display: none;
  }

  .banner-section .award-outer {
    margin-top: 0px !important;
  }

  .experience {
    display: none;
  }

  .main-formss.contact-form.leave-policyy p {
    text-align: left;
  }

  .our-main-client .logo img {
    max-width: 90px;
  }

  .banner-section.mag-hm .shopify-logo img {
    max-width: 130px;
  }

  .banner-section.mag-hm .shopify-logo img {
    margin: 5px 0px 10px 0px;
  }

  .banner-section.mag-hm.home .award-outer {
    max-width: 380px;
  }

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 28px !important;
    line-height: 32px !important;
    letter-spacing: normal;
  }

  .banner-section.magento ul.mg-ser-list li.org-bg,
  .banner-section.magento ul.mg-ser-list li {
    width: 77px;
    height: 85px;
    margin-bottom: 10px;
    line-height: 15px;
    font-size: 10px;
  }

  .UI-banner-section.inner-bnr .list-inline li img {
    width: 50px;
    height: 50px;
  }

  .UI-banner-section ul li {
    margin-right: 20px !important;
  }

  .banner-section.devops.inner-bnr h1 {
    max-width: 280px;
    margin: 0 auto 10px;
  }

  .banner-section.devops .dev-bnr-img img {
    max-width: 280px !important;
  }

  .banner-section.devops ul.dev-ser-list li:nth-child(even) img {
    width: 35px;
  }

  body section.Lbanner-section h1 {
    font-size: 18px;
    letter-spacing: 0;
  }

  section.wbanner-section .w-list ul li>span {
    margin-right: 10px;
  }

  section.wbanner-section .container::after {
    display: none;
  }

  section.banner-section.wbanner-section.inner-bnr .w-list ul li {
    font-size: 15px;
  }

  section.wbanner-section h1 img {
    width: 250px;
    max-width: 100%;
  }

  section.wbanner-section h1 img {
    margin-bottom: 10px;
  }

  ul.client-list li {
    max-width: 110px;
    margin: 0 10px;
  }

  body .banner-section.shopify-app-banner .bnr-img img {
    max-width: 200px;
  }

  /* body .banner-section.shopify-app-banner .imgwrapper .img-fluid {width: 160px;} */
  .banner-section .app-icons .img-fluid {
    width: 40px;
    height: 40px;
  }

  .process-section.mag-hm .t-slds__arrow-nearpic .t-slds__arrow-right {
    left: 70px !important;
  }

  section.Lbanner-section .order strong {
    font-size: 50px;
    line-height: 55px;
  }

  /*body section.Lbanner-section{height: 87vh;}*/
  section.Lbanner-section .order img {
    width: 70px;
  }

  section.Lbanner-section .order span {
    font-size: 70px;
  }

  .banner-section.mag-hm .text-right img {
    max-width: 250px;
  }

  .choose-section .main-imgg img {
    height: 400px;
    margin-bottom: 40px;
  }

  /* .vertical-tbs .card-body {padding: 15px 1rem;} */
  /* .vertical-tbs .card-body p {font-size: 14px;} */
  .operation-sec:after,
  .operation-sec:before {
    display: none;
  }

  .team-sec h2 {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
  }

  .client-sec .inner {
    padding: 10px;
  }

  .team-sec .nav-tabs .nav-item {
    max-width: 97% !important;
    text-align: center;
  }

  body .banner-section.contact-us {
    padding: 120px 0 0px !important;
  }

  .ondemand-section.magento.shopify {
    min-height: 400px;
  }

  .choose-section.shopify .main-imgg img {
    width: 100%;
    max-width: 250px !important;
    margin: 20px auto 50px !important;
  }

  /* .expert-section.magento p{ font-size: 15px;} */
  .contact-via .main-inside:last-child {
    margin-bottom: 0;
  }

  .contact-via .main-inside {
    margin-bottom: 30px !important;
  }

  .contact-via .main-inside img {
    width: 40px;
  }

  .contact-via hr {
    margin-top: 30px;
  }

  .banner-section.contact-us .text-right img {
    width: 250px;
  }

  .banner-section.contact-us p {
    font-size: 20px;
    margin: 5px auto 25px !important;
  }

  .Contact-mapp .responsive-map-container {
    padding-bottom: 35%;
  }

  body .create-section.aws h3 {
    text-align: left;
  }

  .main-formss.contact-form p {
    margin-bottom: 20px;
  }

  .services-section.mag-hm h2,
  .brand-exp-section h2,
  .process-section.mag-hm h2,
  .ondemand-section.mag-hm h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .process-section.mag-hm {
    padding: 60px 15px 50px !important;
  }

  .footer-area .footer-big .container.laravel-home {
    padding: 330px 0px 20px 0px !important;
  }

  .main-formss.laravel-home {
    margin: -60px 20px;
  }

  .main-formss textarea.form-control {
    font-size: 14px;
  }

  .ondemand-section .laravel-home a {
    margin: 0 auto;
    max-width: 180px;
    display: block;
  }

  /* body .banner-section h1 {line-height: 35px; } */
  .benefits-section.aws ul.side-lst li {
    display: inline-grid;
  }

  .benefits-section.aws .left-sd {
    padding-left: 0 !important;
  }

  .footer-area .footer-big.aws .container {
    padding: 150px 0px 20px 0px !important;
  }

  .qa-section .qa-txt {
    padding: 0 15px !important;
  }

  .qa-section .txttt {
    margin-top: 0 !important;
  }

  .qa-section ul.qa-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .served-section span.slidess {
    font-size: 16px !important;
  }

  body .t-slds__arrow_wrapper-right {
    right: 60px !important;
  }

  .brand-exp-section .inner-brand {
    padding: 40px 60px !important;
  }

  .brand-exp-section .main-secc img {
    width: 70%;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(3n) {
    margin-right: 0 !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(6n) {
    margin-right: 0px !important;
  }

  .experience-section h2 {
    font-size: 25px !important;
  }

  body .services-section.mag-hm a.serv.btn:last-child {
    margin-right: 0 !important;
  }

  .experience-section.devops .right-sd ul li {
    display: flex;
    font-size: 14px;
  }

  .related-post-section.devops span {
    font-size: 13px;
  }

  .related-post-section.devops h2 {
    margin-top: 20px;
  }

  a.btn,
  button.btn {
    font-size: 12px;
    padding: 18px 12px;
  }

  .experience-section.devops a.btn.blue {
    font-size: 10px !important;
    padding: 14px 10px;
    margin-right: 15px !important;
  }

  .choose-section .boxx {
    justify-content: center;
    padding: 30px 20px;
    text-align: center;
  }

  .choose-section .txtt {
    margin-top: 20px;
  }

  .experience-section.devops h2 {
    font-size: 23px !important;
    line-height: 30px;
  }

  .choose-section {
    padding: 30px 0 10px;
  }

  .hiring-pro .heading-_box h2 {
    font-size: 25px;
    line-height: 26px;
  }

  .hiring-pro .box-wrapper .pro-inner {
    width: 100%;
  }

  .hiring-pro {
    padding: 0px;
  }

  /* body .banner-section {padding: 100px 0 40px !important;} */

  .site-header .overlay-menu .main-menu-nav li a {
    font-size: 20px;
    line-height: 35px;
  }

  .technology-list li {
    width: 50%;
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
  }

  .technology-list li:nth-child(2n) {
    border-right: none !important;
  }

  .hire-develop {
    font-size: 14px;
    padding: 15px 23px;
    margin-top: 15px;
  }

  .app-icons span i {
    width: 53px;
    height: 53px;
  }

  .app-icons span h6 {
    font-size: 14px;
  }

  .why-cnt-box h4 {
    font-size: 18px;
  }

  .services-section .services-box h3 {
    min-height: 1px;
  }

  .our-section.portfolio .tabbable .nav-tabs .nav-item .nav-link {
    width: 100%;
    margin-bottom: 15px;
  }

  .imgboxx {
    margin-bottom: 0;
  }

  .request_from .boxx {
    margin-bottom: 25px;
  }

  .location-box {
    margin-top: 50px;
  }

  /* .other-way-box { padding: 20px; } */

  .other-way-box ul li a {
    font-size: 17px;
  }

  body .tech-section.why-choose-section .row .col-md-3 {
    width: 100%;
  }

  .site-header .overlay-menu {
    padding: 20px 0px 0px;
  }

  .excellance-img img {
    max-width: 180px;
  }

  .col-md-6.text-center.w-100.excellance-img {
    text-align: left !important;
    margin-bottom: 15px;
  }

  .excellance-section {
    padding-top: 40px;
  }

  .follow-us .btn {
    padding: 7px;
    font-size: 12px;
    margin: 10px 0 0;
  }

  .logo-slider .slick-list {
    width: 100%;
    max-width: 80%;
  }

}


@media (max-width:480px) {
  .banner-section.shopify-app-banner.white-bg.inner-bnr::after {
    left: -275px;
  }

  body .caption-crausal {
    padding: 24px 23px;
  }

  .carousel.pointer-event .col-md-8.col-sm-10.col-10.cst-cs-item {
    margin-bottom: -50px;
  }

  .our-main-client h2 {
    padding: 0px 18px;
    text-align: left;
  }

  .feature-insgt {
    margin-top: -40px;
  }

  .caption-crausal h4 {
    font-size: 15px;
  }

  .Leave-your-thought button.btn {
    width: 100%;
  }

  body .banner-section.crossplat-banner .font-light,
  .banner-section.crossplat-banner .font-light span {
    max-width: 96%;
  }

  .blog-details .web span {
    width: 12px;
    margin: 0 10px 3px;
  }

  .our-main-client .client-slider .logo img {
    max-width: 200px;
  }

  .our-main-client .client-slider .slick-track {
    display: flex;
    justify-content: center;
  }

  .banner-section.ios-banner .app-icons img {
    max-width: 100%;
    width: 35px;
  }

  .banner-section.ios-banner .dev-bnr-img img {
    width: 100%;
    height: 370px;
    object-fit: contain;
  }

  .footer-area .footer-big.cnct .container {
    padding: 0 0px 20px 0px !important;
  }

  .left-slider .slick-current .content-inr {
    left: 0 !important;
    bottom: -40px;
    z-index: 99;
    right: 0 !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    max-width: 100%;
  }

  .left-slider ul.slick-dots {
    text-align: center !important;
    bottom: -50px;
  }

  .left-slider .slick-dots li:after,
  .banner-section.contact-us p br {
    display: none;
  }

  .slick-current .media.ftco-media:after {
    width: 70% !important;
    height: 80px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
  }

  body .main-formss.magento h2 {
    font-size: 20px !important;
  }

  body .services-section.mag-hm a.serv.btn {
    margin-right: 0px !important;
  }

  body .services-section.magento .aws-services h3 {
    margin: 15px 0;
  }

  body .our-team-section h2 {
    font-size: 25px !important;
  }

  body .our-process .process-tp {
    height: 0;
  }

  .our-team-section:after {
    height: 250px !important;
  }

  .create-section.aws .left-img a {
    font-size: 12px !important;
  }

  /* body .expert-section.magento h2 { font-size: 20px !important; line-height: 30px !important; } */
  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  body .services-section.mag-hm a.serv.btn:nth-child(7) {
    margin-right: 0 !important;
  }

  .create-section .slider-inr {
    padding-left: 10px !important;
    width: 100% !important;
  }

  .banner-section img {
    max-width: 90%;
    width: 100%;
  }

  .hiring-section {
    padding: 60px 0;
  }

  .ondemand-section img {
    width: 160px;
    margin-bottom: 35px;
  }

  .hiring-section h2 {
    font-size: 20px;
  }

  .main-formss {
    margin: -200px auto;
    padding: 30px 20px;
  }

  .main-formss input.form-control {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .main-formss h2 {
    font-size: 24px;
  }

  /* .below-footer ul.social-icn{ justify-content: flex-start; } */
  .below-footer .rightt {
    padding-left: 0 !important;
    margin-top: 5px;
  }

  .ondemand-section h2 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  ul.hiring-listt {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    max-width: 300px;
    margin: 0 auto;
  }

  /*----------------NEW----------------*/
  .banner-section .dev-bnr-img {
    width: 100% !important;
  }

  .location-box .loca-top h3 {
    font-size: 24px;
  }

  /* body .banner-section h1, body .banner-section h1 span { font-size: 25px !important; } */
  /* body .banner-section.mag-hm.home h1, body .banner-section.mag-hm.home h1 span { padding-top: 0px;} */
  .served-section a.radd {
    float: left;
  }

  /* .banner-section .award-outer img { max-width: 50px !important;} */
  .served-section a.radd {
    float: left;
    margin-top: 20px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2 {
    margin-bottom: 10px;
  }

  .services-section h2,
  .create-section h2,
  .process-section h2,
  .related-post-section h2,
  .our-main-client h2,
  body .served-section h2,
  .achievements-section h2,
  .client-sec h2,
  .expert-section.about h2,
  .team-sec h2,
  .our-section.portfolio h2,
  body .team-sec h2 {
    font-size: 24px;
  }

  .create-section h2 a,
  .related-post-section h2 a {
    margin: 0px 0 10px;
  }

  .footer-area h2.main-heading-ft {
    line-height: 24px;
  }

  .widget-about .contact-details li a {
    line-height: 20px;
  }

  .main-slider .slick-slide {
    margin: 5px 10px 0px;
  }

  .achievements-section .bottom-cont {
    bottom: 45px;
  }


}

@media (max-width:400px) {

  .banner-section.about .video-container.desktop-video-hide::after {
    width: 250px;
    height: 250px;
  }

  .footer-area .footer-big .container {
    padding: 200px 10px 20px 15px;
  }

  body .footer-area .footer-big .container {
    padding: 0 !important;
  }

  .footer-area .footer-big .footer-widget {
    margin-bottom: 30px;
  }

  .our-main-client .logo img {
    max-width: 80px;
  }

  .row.align-items-center.mt-md-5.mt-0.main-rw {
    max-width: 100%;
  }

  .expert-section.about {
    padding: 130px 0 70px;
  }

}


@media (max-width: 375px) {

  .banner-section.magento h1,
  .banner-section.magento h1 span {
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: normal;
  }

  .blog-details .web p {
    font-size: 15px;
  }

  .our-main-client .logo img {
    max-width: 65px;
  }

  .services-section.mag-hm.magento h2 {
    max-width: 90%;
  }

  .achievements-section .bottom-cont {
    bottom: 25px;
  }

  .our-main-client h2 {
    padding: 0px 18px;
  }
}


@media (max-width: 360px) {

  /* .navbar-light .navbar-brand { margin-right: 10px; } */
  header .navbar-light .navbar-brand img {
    max-width: 180px;
  }

  .navbar-light .navbar-toggler {
    padding: 3px 5px;
  }

  div#main-menu .container-fluid .row .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .site-header .overlay-menu-trigger {
    width: 21px;
    height: 30px;
  }

  .site-header .overlay-menu-trigger .menu-btn {
    margin: 5px 0 0;
  }

  header nav.navbar-light .navbar-toggler.mobile-toggle {
    top: 0;
  }

  .logo-slider .main-slider .slick-slide {
    width: 100% !important;
    max-width: 120px !important;
  }

}

@media(min-width: 992px) and (max-width: 1280px) {
  .main-slider.slick-initialized.slick-slider {
    max-width: 90%;
    margin: auto;
  }
}

@media(min-width: 1440px) and (max-width: 1559px) {
  .services-section.mag-hm a.serv.btn {
    padding: 12px 12px;
    margin-right: 7px;
  }
}

@media(min-width: 353px) and (max-width: 675px) {
  .main-box-body {
    min-height: 168px;
  }
}

@media(max-width: 352px) {
  .main-box-body {
    min-height: auto;
  }
}

@media(min-width: 768px) and (max-width: 991px) {
  body .expert-section.about {
    padding: 30px 0;
  }

  body .expert-section.about h2 {
    margin-bottom: 0 !important;
  }

  .footer-search .input-group input::placeholder {
    font-size: 13px;
  }

  .footer-search .input-group .btn {
    font-size: 11px;
    height: 55px;
    padding: 21px 8px 18px 8px;
  }

  .footer-search .input-group input {
    height: 55px;
    padding: 10px 8px
  }

  body .tech-section.why-choose-section.system-section ol.carousel-indicators.cst-tab li {
    font-size: 14px !important;
  }

  .main-slider.slick-initialized.slick-slider {
    max-width: 90%;
  }

  .achievements-section button.slick-prev.slick-arrow {
    left: -40px;
  }

  .achievements-section button.slick-next.slick-arrow {
    right: -40px;
  }

  .achievements-section .bottom-cont {
    bottom: 30px;
  }

}

@media(min-width: 575px) and (max-width: 576px) {
  .achievements-section .bottom-cont {
    bottom: 18px;
  }
}

@media(min-width: 480px) and (max-width: 574px) {
  .achievements-section .bottom-cont {
    bottom: 40px;
  }

  .achievements-section h6.top-dev {
    margin-top: 120px;
  }
}

@media(min-width: 575px) and (max-width: 767px) {
  .our-section.portfolio .boxx h5 {
    font-size: 17px;
  }

  .our-section.portfolio .boxx span {
    font-size: 12px;
  }

  .our-section.portfolio .boxx .arow a svg {
    width: 15px;
    margin-left: 6px;
  }

  .our-section.portfolio .boxx .arow a {
    font-size: 13px;
  }
}

@media(min-width: 575px) and (max-width: 991px) {
  .services-section.mag-hm .boxes:nth-of-type(2n) {
    padding-left: 8px;
  }

  .services-section.mag-hm .boxes:nth-of-type(2n+1) {
    padding-right: 8px;
  }

  .home .services-section.mag-hm .boxes:nth-of-type(2n) {
    /* padding-right: 8px; */
    padding: 0px 8px 0px 15px;
  }

  .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {
    padding: 0px 15px 0px 8px;
  }

}

@media only screen and (min-width: 992px) and (max-width: 1099px) {
  .footer-menu.footer-menu--1 {
    padding-left: 45px;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .achievements-section .bottom-cont {
    bottom: 16px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1040px) {
  .main-slider .main-box {
    height: 329px;
  }

  .achievements-section h6.top-dev {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1040px) {
  .achievements-section .bottom-cont {
    bottom: -32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .team-sec .nav-tabs .nav-item {
    max-width: 50%;
    padding: 0.5rem 15px;
  }

  .main-header .navbar-light .navbar-nav .nav-item:nth-child(7) {
    position: relative;
    top: 1px;
  }

  .site-header .overlay-menu-trigger {
    top: 3px;
  }
}

/*====================RESPONSIVE CSS ENDS HERE====================*/

/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/career-child/assets/css/navigation.css */
@media(max-width: 767px) {
  .align-to-right {
    float: right;
  }

  .nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 15px;
    display: none;
    cursor: pointer;
  }

  .nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #343a40;
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
  }

  .navigation-portrait .nav-toggle {
    display: block;
  }

  .navigation-portrait .nav-menus-wrapper {
    width: 100%;
    height: 100%;
    top: 100px;
    position: fixed;
    background-color: transparent;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: 0.2s;
    transition-timing-function: ease;
  }

  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px;
  }

  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0;
  }

  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0;
  }

  .nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 26px;
    cursor: pointer;
  }

  .navigation-portrait .nav-menus-wrapper-close-button {
    display: none;
  }

  .nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
  }

  .navigation-portrait .nav-menu {
    width: 100%;
  }

  .navigation-landscape .nav-menu.nav-menu-centered {
    float: none;
    text-align: center;
  }

  .navigation-landscape .nav-menu.nav-menu-centered>li {
    float: none;
  }

  .nav-menu>li {
    display: inline-block;
    float: left;
    text-align: left;
  }

  .navigation-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: 1px solid rgb(31, 31, 31);
  }


  .nav-menu+.nav-menu>li:first-child {
    border-top: none;
  }

  .nav-menu>li>a {
    height: 70px;
    padding: 26px 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    transition: color 0.3s, background 0.3s;
  }

  .nav-menu>li:hover>a,
  .nav-menu>li.active>a,
  .nav-menu>li.focus>a {
    color: #ff6b00;
  }

  .nav-menu>li>a>i,
  .nav-menu>li>a>[class*="ion-"] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    transform: scale(1.4);
  }

  .nav-menu>li>a>[class*="ion-"] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8);
  }

  .navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center;
  }

  .nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important;
  }

  .navigation-portrait .nav-menu.nav-menu-social>li {
    width: auto;
  }

  .nav-menu.nav-menu-social>li>a>[class*="ion-"] {
    font-size: 12px;
  }

  .nav-menu.nav-menu-social>li>a>.fa {
    font-size: 14px;
  }

  .navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px;
  }

  .submenu-indicator {
    margin-top: 6px;
    float: right;
    transition: all 0.2s;
  }

  .navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 6px;
    right: -15px;
    text-align: center;
    z-index: 20000;
  }

  .submenu-indicator-chevron {
    height: 9px;
    width: 9px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #70798b #70798b transparent;
    transform: rotate(45deg);
    transition: border 0.2s;
  }

  .navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px;
  }

  .nav-menu>li:hover>a .submenu-indicator-chevron,
  .nav-menu>.active>a .submenu-indicator-chevron,
  .nav-menu>.focus>a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
  }

  .navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
  }

  .nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
  }

  .no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }


  .nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
  }

  .nav-button:hover,
  .nav-button:focus {
    color: #fff;
    text-decoration: none;
  }

  .navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px;
  }

  .nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px;
  }

  .navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0;
  }

  .navigation-portrait .nav-text+ul {
    margin-top: 15px;
  }

  .nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
  }

  .navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0;
  }

  .nav-dropdown .nav-dropdown {
    left: 100%;
  }


  .nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
  }

  .nav-dropdown>li>a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 17px;
    color: #fff;
    background-color: transparent;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-top: 5px;
    padding-bottom: 5px;

  }

  .navigation-portrait ul.nav-menu {
    padding: 0px 35px;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>a {
    width: auto;
  }

  .nav-dropdown>li:hover>a,
  .nav-dropdown>li.focus>a {
    color: #ff6b00;
  }

  .nav-dropdown.nav-dropdown-left {
    right: 0;
  }

  .nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%;
  }

  .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right;
  }

  .navigation-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 28px;
    position: relative;
    width: 100%;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>a {
    font-size: 13px;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 30px;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
  }

  .nav-dropdown .submenu-indicator {
    right: 15px;
    top: 10px;
    position: absolute;
  }

  .navigation-portrait .nav-dropdown .submenu-indicator {
    right: -10px;
    top: 0;
  }

  .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(-45deg);
  }

  .nav-dropdown>li:hover>a .submenu-indicator-chevron,
  .nav-dropdown>.focus>a .submenu-indicator-chevron {
    border-color: transparent #ff6b00 #ff6b00 transparent;
  }

  .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px;
  }

  .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(135deg);
  }

  .nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0;
  }

  .nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0;
  }

  .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none;
  }

  .nav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static;
  }

  .navigation-portrait .nav-dropdown-horizontal>li {
    width: 100%;
  }

  .nav-dropdown-horizontal>li>a {
    position: relative;
  }

  .nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    transform: rotate(90deg);
  }

  .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
  }

  .megamenu-panel {
    width: 100%;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    background-color: transparent;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
  }

  .navigation-portrait .megamenu-panel {
    padding: 0 25px 25px 25px;
    position: static;
    display: block;
  }


  .megamenu-tabs-pane.active {
    display: block;
  }

  .navigation-portrait .megamenu-tabs-pane {
    width: 100%;
  }

  .megamenu-lists {
    width: 100%;
    display: inline-block;
  }

  .megamenu-list {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    float: left;
    list-style: none;
  }

  .megamenu-list:last-child {
    margin: 0;
    border: none;
  }

  .navigation-landscape .megamenu-list {
    margin: -15px 0;
    padding: 20px 0;
    border-right: solid 1px #f0f0f0;
  }

  .navigation-landscape .megamenu-list:last-child {
    border: none;
  }

  .megamenu-list>li>a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
  }

  .megamenu-list>li>a:hover {
    background-color: #ff6b00;
    color: #fff;
  }

  .megamenu-list>li.megamenu-list-title>a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
  }

  .megamenu-list>li.megamenu-list-title>a:hover {
    background-color: transparent;
  }


  .nav-menu>li>a {
    color: #fff;
    text-transform: uppercase;
  }

  .nav-dropdown>li>a {
    color: #fff;
    padding: 10px 20px;
    font-family: "FuturaBTW01-Medium";
  }

  .nav-dropdown>li>a:hover,
  .nav-dropdown>li>a:focus {
    color: #ff561d;
  }

  .main_header_area.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  }

  .transparent-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
  }

  .navigation-portrait .nav-menu>li {
    padding: 25px 0px 25px 0px;
  }

  .navigation-portrait .nav-menu>li>a {
    height: auto;
    padding: 0;
    font-family: "FuturaBTW01-Medium";
    font-size: 18px;
  }

  .navigation-portrait .nav-dropdown>li:first-child {
    margin-top: 15px;
  }

  .shopify-menu-content span img {
    width: auto;
    height: auto;
  }

  .menu-caststudy-slider .content a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-caststudy-slider .content a span {
    color: #fff;
    margin-left: 10px;
  }

  .menu-caststudy-slider .content {
    padding: 15px 0px 0;
  }

  .mobile-navbar span.light a {
    color: #fff;
  }

  .navigation-portrait .nav-dropdown>li>ul>li:first-child {
    margin-top: 0;
  }

  .navigation-portrait .nav-dropdown>li>ul>li>a::before {
    display: none;
  }

  .navigation-portrait .nav-dropdown>li>ul>li {
    position: relative;
  }

  .navigation-portrait .nav-dropdown>li>ul>li::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: 64% 86%;
    background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mob-nav-arrow-trans.svg);
    width: 40px;
    height: 21px;
    left: -11px;
    top: -2px;
  }

  .nav-dropdown>li>ul>li {
    margin-bottom: 0px;
  }

  .nav-dropdown>li {
    margin-bottom: 10px;
  }

  .navigation-portrait .nav-dropdown>li>a::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 20px;
    height: 40px;
    left: 0;
    top: 15px;
  }

  .navigation-portrait .nav-dropdown>li:nth-child(1)>a::before {
    background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mob-web-development.svg);
  }

  .navigation-portrait .nav-dropdown>li:nth-child(2)>a::before {
    background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mob-mobile-development.svg);
  }

  .navigation-portrait .nav-dropdown>li:nth-child(3)>a::before {
    background-image: url(https://careers.shinedezign.com/wp-content/themes/career-child/assets/css/../img/mob-cloud.svg);
  }

  .mobile-nav-logo {
    padding: 0px 35px;
  }

  .navigation-portrait .nav-menu li.internship-dropdown>ul.nav-dropdown.nav-submenu {
    max-height: 280px;
    overflow-y: auto;
    padding: 0 0 30px;
    background:transparent;
  }

  .navigation-portrait .nav-menu li.internship-dropdown .nav-dropdown.nav-submenu a:before {
    display: none !important;
  }

  .navigation-portrait .nav-menu li.internship-dropdown .nav-dropdown.nav-submenu a {
    padding: 8px 0;
  }

}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .nav-dropdown>li>a,
  .megamenu-list>li>a {
    width: 65%;
  }
}

/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/career-child/assets/css/custom.css */
   .error {
    color: red;
}
.form-control.error {
    border-color: red;
}
section.contact-section.error-found {
    padding: 100px 0px 50px;
}
.page-template-web-denelopment-training .learn-tab .learn-tab-image {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.banner-section.case_study {
    background: #0166be;
    height: 100%;
    padding: 150px 0px 75px;
}
.experience-section.case-study{
    margin-top: 0;
}
.experience-section h2 {
    font-size: 40px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 30px;
}
.location-box .contact-details li a span{
    color: #ff561d;
    letter-spacing: 1px;
}
.sidebr-tb form.tabs1-outer a.call-link span{
    color: #000000;
}
.banner-section.case_study .textt {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shopify-menu-content a.shopify-menu-heading span.txt {
    line-height: 30px;
}
.shopify-menu-content a.shopify-menu-heading {
    font-size: 18px;
    color: #ff561d;
    font-family: "FuturaBTW01-Medium";
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 28px;
    padding-top: 10px;
    justify-content: center;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    border: 0 none;
    text-decoration: none;
}
.site-header .overlay-menu .main-menu-nav li a.case-studies-view::before{
    content: '';
}
.site-header .overlay-menu .main-menu-nav a.case-studies-view:hover::before{
    width: 0;
}
.site-header .overlay-menu .main-menu-nav a.shopify-menu-heading span.txt {
    position: relative;
    top: 5px;
}
.shopify-menu-content a.shopify-menu-heading span img{
    width: 24px;
    margin-right: 10px;
    height: auto;
    padding-top: 0px;
}
.sidebr-tb form.tabs1-outer h4 span {
    font-weight: 700;
    font-size: 24px;
}
.main-formss.contact-form input.form-control,
.main-formss.contact-form textarea.form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tabs1-outer .input-group {
    position: relative;
}
.tabs1-outer .input-group input {
    width: 100%;
}
.tabs1-outer .input-group .input-group-append {
    position: absolute;
    right: -2px;
    height: 60px;
    margin-left: 0;
}
.sidebr-tb form.tabs1-outer .form-group {
    position: relative;
}
.sidebr-tb form.tabs1-outer .form-group label {
    font-size: 14px;
}
.sidebr-tb form.tabs1-outer .form-group input.form-control {
    margin-bottom: 0px;
}
section.tabs.sidebr-tb {
    top: 0;
}
section.tabs div#nav-tab .nav-item:last-child {
    justify-content: flex-end;
}
.accordion-trigger {
    color: #FFF;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #242424;
}
.accordion-trigger::after {
    font-family: 'FontAwesome';
    content: "\f067";
    font-size: 14px;
    color: #ffffff6b;
    position: absolute;
    right: 15px;
    top: 20px;
}
section.tabs.sidebr-tb {box-shadow: 1px 1px 10px rgb(0 0 0 / 40%);}
div#tawkchat-minified-box .theme-background-color {background-color: #000 !important;}
div#tawkchat-maximized-wrapper .theme-background-color {background-color: #ff561d !important;}
div#tawkchat-minified-box #formSubmit, div#tawkchat-minified-box #formSubmit-pc {background-color: #ff561d !important;}
.sidebr-tb form.tabs1-outer a.call-link{color: #ff561d;font-size: 18px;font-weight: 600;text-decoration: none;}
.achievements-section .main-slider .slick-slide { min-height: 380px;display: flex;justify-content: space-between;flex-direction: column;}
.achievements-section .main-box-body {min-height: 120px;}
.achievements-section .bottom-cont{bottom: 0px;}

/*------------------14-01-2021 css start here-----------------*/

.banner-section {
    height: 100%;
    margin-top: 124px;
}
.banner-section.mag-hm.home{height: 100%;}
.banner-section.services-banner {padding: 100px 0 50px;}
.banner-section.services-banner video.bg-vid {height: 700px;} 
section.Lbanner-section{padding: 150px 0 100px;height: 100%;}
.banner-section.magento , section.wbanner-section , .banner-section.aws , .banner-section.angular-banner , .banner-section.app-dev-bnr {height: 100%;}
.footer-area a.intouch:focus {background: #ff561d;}
/*-----------------18-01-2021 css start here--------------*/
footer.footer-area.footer--light .footer-mob-hide {
    padding: 0;
}
.our-section.portfolio .boxx .port-inner-img {
    position: relative;
}
.our-section.portfolio .boxx .port-inner-img .overlay {
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 10px;
    background: rgb(93 90 90 / 55%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    color: #fff;
}
.our-section.portfolio .boxx .port-inner-img:hover .overlay {
    opacity: 1;
    visibility: visible;
    transition:0.3s;
}
.our-section.portfolio .boxx .port-inner-img .overlay a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    border-radius: 4px;
    margin: 0 18px;
    transition: 0.3s;
}
.our-section.portfolio .boxx .port-inner-img .overlay a:hover {
    color: #fff;
    background: #ff561d;
    transition: 0.3s;
}
/*----------------18-01-2021 css ends here-----------------*/

 video::-webkit-media-controls {display:none !important;}
.main-header .navbar-light li#last a {margin: 0;}

@media (max-width: 1440px){
    .banner-section.mag-hm{padding: 160px 0 20px;}
    body .banner-section.mag-hm.home h1 { padding-top: 30px;}
    .banner-section.php-banner::before{height: 750px;}
    .banner-section.php-banner {padding: 160px 0 110px;}
    .banner-section.ios-banner {padding: 140px 0 0px !important;}
    .banner-section.ios-banner h1 {font-size: 70px;line-height: 85px;}
    .banner-section.ios-banner p {line-height: 30px; font-size: 20px;}
    .site-header .overlay-menu-trigger .menu-btn.active:before{top: 3px;}
    }

/*------------------14-01-2021 css ends here------------------*/

/*-------------Responsive Css start here---------------*/
@media (max-width:1366px){
    .achievements-section .main-slider .slick-slide {min-height: 350px;}
    .achievements-section .bottom-cont {bottom: 20px;}
    /*--------14-01-2021 css start here-------*/
    .banner-section.services-banner {padding: 150px 0 0px;}
    .expert-section.magento {padding: 80px 0 80px;}
    .banner-section.ios-banner.white-bg.inner-bnr h1 {line-height: normal !important;}
}

@media (max-width:1080px){
    section.wbanner-section {height: auto;}
    section.Lbanner-section {height: auto;}
    /*--------------14-01-2021 css start here--------------*/
    .banner-section.services-banner{background-position: top -100% center; background-position: center;}
    .banner-section.portfolio {padding: 150px 0 100px;}
    .banner-section.php-banner::before {height: 600px;}
    .banner-section h1 span {font-size: 30px !important;}
    .banner-section.ios-banner.white-bg.inner-bnr{font-size: 40px !important;}
    .banner-section .textt {padding-left: 15px;}
}

@media (max-width:1024px) {
    .banner-section.services-banner {height: 60vh;}
    .banner-section.app-dev-bnr {height: 60vh;}
    .footer-menu.footer-menu--1 { padding-left: 50px;}
    ol.carousel-indicators.cst-tab li {font-size: 18px;}
    .banner-section.services-banner{background-position: 50% -50%;}
}

@media (max-width:991px){
    .services-section.mag-hm .boxes:nth-of-type(2n) {padding-left: 8px !important;}
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {padding: 0 8px 0 8px;}
    .banner-section.app-dev-bnr::before {height: 145px;}
    .main-header .navbar-light .navbar-nav .nav-link {font-size: 10px;}
     body .footer-menu.footer-menu--1 {padding-left: 20px;}
    .footer-area .col-md-3.col-sm-12 {padding-right: 0 !important;padding-left: 0;}
    .footer-area a.intouch{padding: 12px 6px;}
}
@media (max-width:991px) and (min-width:768px){
    .footer-area .col-md-3.col-sm-12.first {flex: 0 0 33.3%;max-width: 33.3%;}
    .footer-area .col-md-2.col-sm-4.footer-mob-hide { flex: 0 0 33.3%;max-width: 33.3%;}
    body .footer-menu.footer-menu--1 {padding-left: 50px;}
    footer.footer-area .col-md-4.col-sm-4.footer-mob-hide.keep-touch {flex: 0 0 60%; max-width: 60%;}
    .footer-area .footer-big {padding: 40px 15px 30px 15px;}
    .vertical-tbs .nav-tabs .nav-link.active {font-size: 16px;}
    .vertical-tbs .nav-tabs .nav-link {font-size: 16px;}
}
@media (max-width:768px) {
    .banner-section.services-banner {height: 50vh;}
    .banner-section.services-banner .video_box {padding-right: 20px !important;}
    .banner-section.app-dev-bnr {height: 70vh;}
    .footer-search .input-group input {padding: 20px 10px;}
    .banner-section.app-dev-bnr {height: auto;}
     footer.footer-area.footer--light .footer-mob-hide {padding: 0;}
    .footer-search .input-group .btn{font-size: 12px;}
   
    .banner-section.about {padding: 160px 0 120px !important;}
}

@media (max-width:767px){
  
    .navigation-portrait .nav-menu > li > a{font-size: 16px;width: 100%;}
    header .main-header {position: fixed;left: 0;right: 0;background: #fff;height: auto; z-index: 999;}
    .navigation-portrait .nav-menu > li {padding: 20px 0px 20px 0px;}
    header nav.navbar-light .navbar-toggler.mobile-toggle{top: 0;}
    .error-found .error-left{margin-bottom: 25px !important;}
    .error-left svg {width: 100%;max-width: 250px; height: auto;}
    section.tabs.sidebr-tb{box-shadow: none;}
    .footer-menu.footer-menu--1 {padding-left: 0;}
    .footer-search .input-group input {height: 44px;}
    .banner-section.services-banner {height: auto;}
    .banner-section.services-banner div#wool-paralax {height: 300px;}
    .footer-search .input-group .btn{height: 44px;}
    .footer-mobile .accordion-collapse {padding: 0;}
    .banner-section.services-banner .video_box {padding-right: 0px !important;padding: 0 10px !important;}
    .expert-section.hiring-section.aws .clr-1 {padding: 20px 0;}
    .expert-section.hiring-section.aws .content-block {padding: 10px 20px;}
    .expert-section.hiring-section.aws .content-block h2 {line-height: 35px;font-size: 25px;}
    .hiring-section.aws h3 {font-size: 20px;line-height: 30px;}
    .content-block ul.block-list li { font-size: 16px;line-height: 26px;}
    .content-block ul.block-list{ padding: 0px 10px;}
    .benefits-section.aws h2 span {font-size: 35px;}
    /*-----------------14-01-2021 css start here-------------*/
    body .banner-section.mag-hm.home h1 , .banner-section.mag-hm.home h1 span{font-size: 30px !important;} 
    .services-section.mag-hm .services-box>svg {width: 60px;height: 60px;}
    .banner-section.portfolio .orange-bg{margin-top: 0;}
    body .banner-section h1 {font-size: 30px !important;}
    .activity-gallary {padding: 0px 0px 50px;}
    .banner-section.contact-us h1 {font-size: 30px !important;}
    .banner-section.angular-banner.white-bg.inner-bnr {padding: 120px 0 40px !important;}
    .banner-section .textt {padding: 0 15px !important;}
    body .banner-section.crossplat-banner .font-light span {font-size: 30px !important;}
    span#tawk-minified-mobile-text {font-size: 0;}
    .footer-area p {margin-top: 10px;}
    .rectangle span#tawk-minified-mobile-text {font-size: 0 !important;}
    .services-section.mag-hm .single-service {padding: 35px 25px;}
    .banner-section.services-banner { background-position: center;}

}
/*----------------14-01-2021 css start here--------------*/

@media (max-width:575px){
    .banner-section.mag-hm.home .award-outer{margin: 30px auto 0 !important;}
    body .banner-section.mag-hm.home h1 {padding-top: 0px;}
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) { padding: 0;}
    .services-section.mag-hm .boxes:nth-of-type(2n) {padding-left: 16px !important;}
    .banner-section.contact-us h1 {font-size: 30px !important;}
    .banner-section.about p {line-height: 30px; font-size: 22px;padding-top: 0;}
    .banner-section.about {padding: 140px 0 120px !important;}
    .banner-section.portfolio.contact-us img{display: none;}
    header .navbar-light .navbar-brand img {max-width: 130px;}
    header .main-header {padding: 5px 0px;    height: auto;}
}

@media (max-width:480px){
    .home .services-section.mag-hm .boxes:nth-of-type(2n+1) {
        padding: 0 8px;
    }

    .services-section.mag-hm .boxes:nth-of-type(2n) {
        padding-left: 8px !important;padding-right: 8px;
    }
    .expert-section.about {
        padding: 80px 0 70px;
    }
}
@media (max-width: 400px){
    body .footer-area .footer-big .container {
        padding: 0px 15px !important;
    }
}
.hire-developer{ border-radius: 4px; background: #6ba72d; display: inline-block; font-size: 20px; line-height: normal; color: #ffffff; font-weight: 500; font-family: 'FuturaBTW01-Medium'; padding: 18px 27px; margin-top: 40px; text-decoration: none !important; position: relative; padding-left: 55px; }
.hire-developer:hover{ background: #82ca38; transition: all .5s ease-in-out; color: #fff; }
.hire-developer i, .hire-develop i { padding-right: 5px; }
.hire-developer:before { box-shadow: 0 0 0 rgba(255, 255, 255, .4); animation: pulso 2s infinite; transition: .5s; content: ""; width: 15px; height: 15px; border: 3px solid #fff; position: absolute; left: 25px; border-radius: 50%; top: 0px; bottom: 0px; margin: auto; }



/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/plugins/wp-whatsapp/assets/dist/css/style.css */
#nta-wa-gdpr{margin:0 5px 0 0!important;padding:0!important;vertical-align:text-top!important}.nta-wa-gdpr{border-radius:4px;font-size:11px;margin-left:-5px;margin-right:-5px;padding:5px;-webkit-transition:opacity .4s ease,background .5s ease;-o-transition:opacity .4s ease,background .5s ease;transition:opacity .4s ease,background .5s ease}.nta-wa-gdpr a{color:inherit;text-decoration:underline}.nta-wa-gdpr label{color:inherit;font-size:inherit}.pointer-disable{pointer-events:none}.nta-woo-products-button:after,.nta-woo-products-button:before{clear:both;content:"";display:block}.wa__button{border-bottom:none!important}.wa__btn_w_img:hover{text-decoration:none}.wa__popup_content_item .wa__cs_img_wrap{height:48px;width:48px}.wa__btn_popup,.wa__btn_popup *,.wa__btn_popup :after,.wa__btn_popup :before,.wa__button,.wa__button *,.wa__button :after,.wa__button :before,.wa__popup_chat_box,.wa__popup_chat_box *,.wa__popup_chat_box :after,.wa__popup_chat_box :before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.wa__button{box-shadow:0 4px 8px 1px rgba(32,32,37,.09)!important;-webkit-box-shadow:0 4px 8px 1px rgba(32,32,37,.09)!important;-moz-box-shadow:0 4px 8px 1px rgba(32,32,37,.09)!important;color:#fff;display:block;font-family:Arial,Helvetica,sans-serif;line-height:1;min-height:64px;position:relative;text-decoration:none!important;width:300px}.wa__btn_txt{display:inline-block;font-size:12px;line-height:1.33em}.wa__btn_w_icon .wa__btn_txt{padding:16px 20px 15px 71px}.wa__button_text_only .wa__btn_txt,.wa__r_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt,.wa__sq_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt{padding-bottom:24px;padding-top:25px}.wa__btn_w_icon .wa__btn_txt .wa__btn_title{font-size:14px;font-weight:600;padding-left:2px}.wa__cs_info{margin-bottom:2px}.wa__btn_status{color:#f5a623;font-size:9px;font-weight:700;padding:2px 0 0}.wa__cs_info .wa__cs_name,.wa__cs_info .wa__cs_status{display:inline-block}.wa__cs_info .wa__cs_name{font-size:12px;font-weight:400;line-height:1.36em}.wa__stt_online .wa__cs_info .wa__cs_name{color:#d5f0d9}.wa__stt_offline .wa__cs_info .wa__cs_name{color:#76787d}.wa__cs_info .wa__cs_status{border-radius:5px;color:hsla(0,0%,100%,.98);font-size:9px;height:14px;left:0;line-height:1.34em;margin-left:3px;padding:1px;position:relative;text-align:center;top:-1px;width:36px}.wa__stt_online .wa__cs_info .wa__cs_status{background:#62c971}.wa__stt_offline .wa__cs_info .wa__cs_status{background:#b9bbbe}.wa__stt_online{backface-visibility:hidden;background:#2db742;cursor:pointer;transition:all .4s ease!important;-webkit-transition:all .4s ease!important;-moz-transition:all .4s ease!important;will-change:transform}.wa__stt_online .wa__btn_txt{position:relative;z-index:4}.wa__r_button.wa__stt_online:before{border-radius:50vh}.wa__sq_button.wa__stt_online:before{border-radius:5px}.wa__stt_online:before{background:rgba(0,0,0,.06);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;width:100%;will-change:opacity;z-index:-1}.wa__button.wa__stt_online:active,.wa__button.wa__stt_online:focus,.wa__button.wa__stt_online:hover{box-shadow:0 4px 8px 1px rgba(32,32,37,.19);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px)}.wa__button.wa__stt_online:active:before,.wa__button.wa__stt_online:focus:before,.wa__button.wa__stt_online:hover:before{opacity:1}.wa__stt_online.wa__btn_w_icon .wa__btn_icon img{-webkit-box-shadow:none;box-shadow:none;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease}.wa__stt_offline{background:#ebedf0;box-shadow:none;color:#595b60;cursor:auto;pointer-events:none}.wa__stt_offline.wa__btn_w_icon .wa__btn_txt{padding:8px 20px 6px 71px}.wa__stt_offline.wa__r_button.wa__btn_w_img .wa__btn_txt{padding:8px 20px 8px 100px}.wa__stt_offline.wa__sq_button.wa__btn_w_img .wa__btn_txt{padding:8px 20px 8px 70px}.wa__btn_w_icon .wa__btn_icon{left:16px;position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.wa__btn_w_icon .wa__btn_icon img{-webkit-box-shadow:none;box-shadow:none;height:69px;width:41px}.wa__btn_w_img{margin:20px 0;position:relative;width:300px}.wa__btn_w_img .wa__cs_img{left:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.wa__btn_w_img .wa__cs_img_wrap{border:3px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;height:79px;overflow:hidden;position:relative;width:79px}.wa__btn_w_img .wa__cs_img img{height:auto;max-width:100%;transition:transform .2s ease;-webkit-transition:transform .2s ease;-moz-transition:transform .2s ease}.wa__btn_w_img .wa__cs_img:after{background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) 50% no-repeat;background-size:17px}.wa__btn_w_img .wa__cs_img:after,.wa__stt_offline.wa__btn_w_img .wa__cs_img:after{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0 3px 4px 0 rgba(39,38,38,.26);-webkit-box-shadow:0 3px 4px 0 rgba(39,38,38,.26);-moz-box-shadow:0 3px 4px 0 rgba(39,38,38,.26);content:"";display:block;height:27px;position:absolute;right:-14px;top:20px;width:27px}.wa__stt_offline.wa__btn_w_img .wa__cs_img:after{background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjQ0JDRkQ1Ii8+PC9zdmc+) 50% no-repeat;background-size:17px}.wa__btn_w_img .wa__btn_txt{padding:14px 20px 12px 103px}.wa__r_button{border-radius:50vh}.wa__sq_button{border-radius:5px}.wa__sq_button.wa__btn_w_img{margin-left:30px;width:270px}.wa__r_button.wa__btn_w_img .wa__cs_img{left:-5px}.wa__sq_button.wa__btn_w_img .wa__cs_img{left:-35px}.wa__sq_button.wa__btn_w_img .wa__btn_txt{display:table-cell;height:66px;padding:10px 20px 10px 70px;vertical-align:middle}.wa__btn_txt .wa__btn_title{font-weight:600}.wa__r_button.wa__btn_w_img .wa__btn_txt{display:table-cell;height:66px;padding:8px 20px 8px 100px;vertical-align:middle}.wa__r_button.wa__btn_w_img .wa__cs_info .wa__cs_status{margin-left:3px}.wa__popup_chat_box{border-radius:5px 5px 8px 8px;-webkit-border-radius:5px 5px 8px 8px;-moz-border-radius:5px 5px 8px 8px;bottom:102px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);-webkit-box-shadow:0 10px 10px 4px rgba(0,0,0,.04);-moz-box-shadow:0 10px 10px 4px rgba(0,0,0,.04);font-family:Arial,Helvetica,sans-serif;max-width:calc(100% - 50px);opacity:0;overflow:hidden;position:fixed;right:25px;-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;visibility:hidden;width:351px;will-change:transform,visibility,opacity;z-index:999999998}.wa__popup_chat_box:active,.wa__popup_chat_box:focus,.wa__popup_chat_box:hover{box-shadow:0 10px 10px 4px rgba(32,32,37,.23);-webkit-box-shadow:0 10px 10px 4px rgba(32,32,37,.23);-moz-box-shadow:0 10px 10px 4px rgba(32,32,37,.23)}.wa__popup_chat_box.wa__active{opacity:1;-ms-transform:translate(0);transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);visibility:visible}.wa__popup_chat_box .wa__popup_heading{background:#2db742;color:#d9ebc6;padding:15px 43px 17px 74px;position:relative}.wa__popup_chat_box .wa__popup_heading_sm{padding:12px 15px 17px 74px}.wa__popup_chat_box .wa__popup_heading:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) top no-repeat;background-size:33px;content:"";display:block;height:33px;left:12px;position:absolute;top:20px;width:55px}.wa__popup_chat_box .wa__popup_heading_sm:before{left:11px;top:19px}.wa__popup_chat_box .wa__popup_heading .wa__popup_title{color:#fff;font-size:18px;line-height:24px;min-height:24px;padding-bottom:3;padding-top:2px}.wa__popup_chat_box .wa__popup_heading .wa__popup_intro{font-size:12px;line-height:20px;min-height:20px;padding-top:4px}.wa__popup_chat_box .wa__popup_heading_sm .wa__popup_intro{padding-top:0}.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a{color:#fff;display:inline-block;text-decoration:none}.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:active,.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:focus,.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:hover{text-decoration:underline}.wa__popup_chat_box .wa__popup_notice{color:#a5abb7;font-size:11px;font-weight:500;padding:0 3px}.wa__popup_chat_box .wa__popup_content{background:#fff;padding:13px 20px 21px 19px;text-align:center}.wa__popup_chat_box .wa__popup_content_left{text-align:left}.wa__popup_chat_box .wa__popup_avatar{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;left:12px;overflow:hidden;position:absolute;top:12px}.wa__popup_chat_box .wa__popup_avatar.nta-default-avt{border-radius:unset;-webkit-border-radius:unset;-moz-border-radius:unset}.wa__popup_chat_box .wa__stt{background:#f5f7f9;border-left:2px solid #2db742;border-radius:2px 4px 2px 4px;-webkit-border-radius:2px 4px 2px 4px;-moz-border-radius:2px 4px 2px 4px;display:table;padding:13px 40px 12px 74px;position:relative;text-decoration:none;width:100%}.wa__popup_chat_box .wa__stt:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) 0 0 no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;content:"";height:20px;position:absolute;right:14px;top:26px;width:20px}.wa__popup_chat_box .wa__stt.wa__stt_offline:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjYTlhZWI2Ii8+PC9zdmc+)}.wa__popup_chat_box .wa__stt.wa__stt_online{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease}.wa__popup_chat_box .wa__stt.wa__stt_online:active,.wa__popup_chat_box .wa__stt.wa__stt_online:focus,.wa__popup_chat_box .wa__stt.wa__stt_online:hover{background:#fff;box-shadow:0 7px 15px 1px rgba(55,62,70,.07);-webkit-box-shadow:0 7px 15px 1px rgba(55,62,70,.07);-moz-box-shadow:0 7px 15px 1px rgba(55,62,70,.07)}.wa__popup_content_list .wa__popup_content_item{margin:14px 0 0;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);will-change:opacity,transform}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition-delay:2.1s;-webkit-transition-delay:2.1s;-moz-transition-delay:2.1s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:first-child{transition-delay:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(2){transition-delay:.5s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(3){transition-delay:.7s;-webkit-transition-delay:.7s;-moz-transition-delay:.7s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(4){transition-delay:.9s;-webkit-transition-delay:.9s;-moz-transition-delay:.9s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(5){transition-delay:1.1s;-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(6){transition-delay:1.3s;-webkit-transition-delay:1.3s;-moz-transition-delay:1.3s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(7){transition-delay:1.5s;-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(8){transition-delay:1.7s;-webkit-transition-delay:1.7s;-moz-transition-delay:1.7s}.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(9){transition-delay:1.9s;-webkit-transition-delay:1.9s;-moz-transition-delay:1.9s}.wa__popup_chat_box.wa__lauch .wa__popup_content_list .wa__popup_content_item{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0)}.wa__popup_content_list .wa__popup_content_item .wa__member_name{color:#363c47;font-size:14px;line-height:1.188em!important}.wa__popup_content_list .wa__popup_content_item .wa__member_duty{color:#989b9f;font-size:11px;line-height:1.125em!important;padding:2px 0 0}.wa__popup_content_list .wa__popup_content_item .wa__member_status{color:#f5a623;font-size:10px;line-height:1.125em!important;padding:5px 0 0}.wa__popup_content_list .wa__popup_content_item .wa__popup_txt{display:table-cell;height:48px;min-height:48px;vertical-align:middle}.wa__popup_content_list .wa__popup_content_item .wa__stt_offline{border-left-color:#c0c5ca}.wa__popup_avt_list{font-size:0;margin:7px 0 24px}.wa__popup_avt_list .wa__popup_avt_item{display:inline-block;position:relative;width:46px}.wa__popup_avt_list .wa__popup_avt_img{border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;height:60px;left:-7px;overflow:hidden;position:relative;width:60px}.wa__popup_call_btn{background:#2db742;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;box-shadow:0 8px 17px 2px rgba(13,15,18,.2);-webkit-box-shadow:0 8px 17px 2px rgba(13,15,18,.2);-moz-box-shadow:0 8px 17px 2px rgba(13,15,18,.2);color:#fff;display:inline-block;font-size:16px;margin:25px 0 15px;max-width:100%;padding:14px 10px;text-decoration:none;width:275px}.wa__popup_call_btn.wa__popup_call_btn_lg:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjNGJjMTc0Ii8+PC9zdmc+) 0 0 no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;content:"";display:inline-block;height:20px;left:-31px;margin-right:-19px;position:relative;top:0;transition:background-image .2s ease;-webkit-transition:background-image .2s ease;-moz-transition:background-image .2s ease;vertical-align:top;width:20px}.wa__popup_call_btn.wa__popup_call_btn_lg:active:before,.wa__popup_call_btn.wa__popup_call_btn_lg:focus:before,.wa__popup_call_btn.wa__popup_call_btn_lg:hover:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+)}.wa__popup_chat_box_gray{border-radius:2px 2px 8px 8px}.wa__popup_chat_box_gray .wa__popup_heading_gray{background:#f8f8f8;border-top:3px solid #2db742;color:#868c9a;font-weight:500}.wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_title{color:#595b60}.wa__popup_chat_box_gray .wa__popup_heading_gray:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) top no-repeat;background-size:33px;content:"";display:block;height:33px;left:12px;position:absolute;top:20px;width:55px}.wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_intro a{color:#595b60}.wa__popup_chat_box_ct{text-align:center;width:384px}.wa__popup_chat_box_ct .wa__popup_heading_ct{padding:18px 0;text-align:center}.wa__popup_chat_box_ct .wa__popup_heading_ct:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) top no-repeat;background-size:30px;content:"";display:block;height:31px;left:72px;position:absolute;top:15px;width:30px}.wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_title{padding-bottom:14px;padding-left:22px}.wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_intro{line-height:12px;margin-top:-5px}.wa__popup_chat_box_ct .wa__popup_ct_avt_list:after{clear:both;content:"";display:block}.wa__popup_chat_box_ct .wa__popup_ct_content{background:#fff;padding:0 0 14px}.wa__popup_chat_box_ct .wa__popup_ct_content .wa__popup_notice{padding-bottom:15px;padding-top:18px}.wa__popup_chat_box_ct .wa__popup_ct_content_item{float:left;font-size:10px;width:33%}.wa__popup_chat_box_ct .wa__popup_ct_content_item a{color:#989b9f;text-decoration:none}.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__popup_ct_txt{padding-top:8px}.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_name{color:#363c47;font-size:13px}.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_duty{color:#989b9f;padding:3px 0 0}.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_online{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) 0 3px no-repeat;background-size:12px auto;-webkit-background-size:12px auto;-moz-background-size:12px auto;color:#2db742;display:inline-block;font-size:9px;line-height:12px;padding:3px 0 0 16px}.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_offline{color:#f5a623;font-size:9px;line-height:12px;padding:2px 0 0}.wa__popup_chat_box_ct .wa__popup_ct_avatar img{border-radius:50%}.wa__popup_chat_box_ct .wa__popup_ct_call_btn{font-size:11px;margin:15px 0;padding:9px 10px 11px;width:97px}.wa__btn_popup{bottom:30px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;position:fixed;right:30px;z-index:999999999}.wa__btn_popup .wa__btn_popup_icon{background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0 6px 8px 2px rgba(0,0,0,.14);-webkit-box-shadow:0 6px 8px 2px rgba(0,0,0,.14);-moz-box-shadow:0 6px 8px 2px rgba(0,0,0,.14);height:56px;width:56px}.wa__btn_popup .wa__btn_popup_icon:before{background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) 50% no-repeat;background-size:30px auto;-webkit-background-size:30px auto;-moz-background-size:30px auto;z-index:1}.wa__btn_popup .wa__btn_popup_icon:after,.wa__btn_popup .wa__btn_popup_icon:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;width:100%}.wa__btn_popup .wa__btn_popup_icon:after{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTguNjU5IDYuOTk4IDUtNWExLjE3NyAxLjE3NyAwIDAgMCAwLTEuNjU3IDEuMTc3IDEuMTc3IDAgMCAwLTEuNjU3IDBsLTUgNS01LTVBMS4xNzIgMS4xNzIgMCAwIDAgLjM0NSAxLjk5OGw1IDUtNSA1YTEuMTcyIDEuMTcyIDAgMCAwIDAgMS42NTcgMS4xNzcgMS4xNzcgMCAwIDAgMS42NTcgMGw1LTUgNSA1YTEuMTc3IDEuMTc3IDAgMCAwIDEuNjU3IDAgMS4xNzcgMS4xNzcgMCAwIDAgMC0xLjY1N2wtNS01WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) 50% no-repeat;background-size:14px auto;-webkit-background-size:14px auto;-moz-background-size:14px auto;opacity:0;-ms-transform:scale(0) rotate(-1turn);transform:scale(0) rotate(-1turn);-webkit-transform:scale(0) rotate(-1turn);-moz-transform:scale(0) rotate(-1turn);z-index:2}.wa__btn_popup.wa__active .wa__btn_popup_icon:before{opacity:0;-ms-transform:scale(0) rotate(1turn);transform:scale(0) rotate(1turn);-webkit-transform:scale(0) rotate(1turn);-moz-transform:scale(0) rotate(1turn)}.wa__btn_popup.wa__active .wa__btn_popup_icon:after{opacity:1;-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg)}.wa__btn_popup .wa__btn_popup_txt{background-color:#f5f7f9;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#43474e;font-size:12px;letter-spacing:-.03em;line-height:1.5;margin-right:7px;padding:8px 12px;position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;width:156px}.wa__btn_popup.wa__active .wa__btn_popup_txt{opacity:0;-ms-transform:translateY(15px);transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);visibility:hidden}

/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css */
/**
 * Custom Color Overrides
 *
 * This file is automatically populated if the user chooses custom colors in the Customizer.
 */


/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/plugins/contact-form-7/includes/css/styles.css */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}


/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/plugins/email-subscribers/lite/public/css/email-subscribers-public.css */
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.es_caption {
    padding-bottom: 1em;
    padding-right: 0.5em;
}

.es_msg {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #F00;
}

.es_textbox {
    padding-bottom: 10px;
}

.es_button {
    padding-top: 10px;
    padding-bottom: 5px;
}

.es_textbox_class {
    width: 200px;
}

.es_lablebox {
    padding-bottom: 3px;
}

.es_subscription_message.success {
    color: #008000;
    font-size: 16px;
}

.es_subscription_message.error {
    color: #ff0000;
    font-size: 16px;
}

.es_spinner_image {
    display: none;
    float: right;
}
.es-field-wrap{
    margin-bottom: 0.6em;
}

.ig-es-form-list-selection, .ig-es-form-list-selection td, .ig-es-form-list-selection tr, .ig-es-form-radio-selection, .ig-es-form-radio-selection td, .ig-es-form-radio-selection tr {
    border: none;
}

.ig_es_form_wrapper {
    width: 30%;
    margin: 0 auto;
    border: 2px #e8e3e3 solid;
    padding: 0.9em;
    border-radius: 5px;
}

.ig_es_form_heading {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.ig_es_list_checkbox {
    margin-right: 0.5em;
}

.ig_es_submit {
    color: #FFFFFF !important;
    border-color: #03a025 !important;
    background: #03a025 !important;
    box-shadow: 0 1px 0 #03a025;
    font-weight: bold;
    height: 2.4em;
    line-height: 1em;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 1em;
    padding: 0 2em;
    margin-top: 1em;
}

.ig_es_submit:hover {
    color: #FFF !important;
    background: #0AAB2E !important;
    border-color: #0AAB2E !important;
}

.ig_es_form_wrapper hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* Custom field - START */

.es_form_cf{
    padding: 0.75rem;
}

select.es_form_cf, input[type="text"].es_form_cf, input[type="number"].es_form_cf, input[type="date"].es_form_cf{
     width: 50%;
}

/* Custom field - END */



/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/twentytwentyone/style.css */
@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray); /* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green); /* Mint, default body background */
	--global--color-border: var(--global--color-primary); /* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration-style: dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/**
 * Responsive Styles
 */

/**
 * Required Variables
 */

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

/**
 * Extends
 */
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.default-max-width {
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 482px) {

	.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {

	.entry-content > .alignleft {

		/*rtl:ignore*/
		margin-left: var(--responsive--alignleft-margin);

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 482px) {

	.entry-content > .alignright {

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);

		/*rtl:ignore*/
		margin-right: var(--responsive--alignright-margin);
	}
}

/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive variable
 * - See: globals/_global-width-responsive.scss
 */

/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.widget-area,
.site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
}

.site-header {
	padding-top: calc(0.75 * var(--global--spacing-vertical));
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-bottom: calc(3 * var(--global--spacing-vertical));
	}
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer hierarchy
 */
.site-main > * {
	margin-top: calc(3 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.site-main > *:first-child {
	margin-top: 0;
}

.site-main > *:last-child {
	margin-bottom: 0;
}

/**
 * Set the default maximum responsive content-width
 */

/**
 * Set the wide maximum responsive content-width
 */

/**
 * Set the full maximum responsive content-width
 */

/*
 * Block & non-gutenberg content wrappers
 * - Set margins
 */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
	margin-top: var(--global--spacing-vertical);
	margin-right: auto;
	margin-bottom: var(--global--spacing-vertical);
	margin-left: auto;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > *,
	.wp-block-post-template :where(li > *) {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
	margin-top: 0;
}

.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
	margin-bottom: 0;
}

.site-footer > *,
.widget-area > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-footer > *,
	.widget-area > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-unit margins
 */
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
	margin-top: 0;
}

.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
	margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
	margin-top: 0;
}

.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
	margin-bottom: 0;
}

.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
	margin-top: var(--global--spacing-vertical);
}

/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Apply generic border-box to all elements.
 * See:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	font-family: var(--global--font-secondary);
	line-height: var(--global--line-height-body);
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-size: var(--global--font-size-base);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	background-color: var(--global--color-background);
}

button {
	cursor: pointer;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
	padding: 0;
	position: relative;
	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

blockquote > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

blockquote > *:first-child {
	margin-top: 0;
}

blockquote > *:last-child {
	margin-bottom: 0;
}

blockquote p {
	letter-spacing: var(--heading--letter-spacing-h4);
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);
}

blockquote cite,
blockquote footer {
	font-weight: normal;
	color: var(--global--color-primary);
	letter-spacing: var(--global--letter-spacing);
}

blockquote.alignleft,
blockquote.alignright {
	padding-left: inherit;
}

blockquote.alignleft p,
blockquote.alignright p {
	font-size: var(--heading--font-size-h5);
	max-width: inherit;
	width: inherit;
}

blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote strong {
	font-weight: var(--quote--font-weight-strong);
}

blockquote:before {
	content: "“";
	position: absolute;
	left: calc(-0.5 * var(--global--spacing-horizontal));
}

blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
	color: var(--global--color-primary);
	font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481.98px) {

	blockquote {
		padding-left: calc(0.5 * var(--global--spacing-horizontal));
	}

	blockquote:before {
		left: 0;
	}
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit);
	margin: 0 2px;
	max-width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
	color: var(--form--color-text);
	outline-offset: 2px;
	outline: 2px dotted var(--form--border-color);
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
	opacity: 0.7;
}

.is-dark-theme input[type=text],
.is-dark-theme input[type=email],
.is-dark-theme input[type=url],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=number],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=date],
.is-dark-theme input[type=month],
.is-dark-theme input[type=week],
.is-dark-theme input[type=time],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=color],
.is-dark-theme .site textarea {
	background: var(--global--color-white-90);
}

input[type=search]:focus {
	outline-offset: -7px;
}

.is-dark-theme input[type=search]:focus {
	outline-color: var(--global--color-background);
}

input[type=color] {
	padding: calc(var(--form--spacing-unit) / 2);
	height: calc(4 * var(--form--spacing-unit));
}

input[type=email],
input[type=url] {

	/*rtl:ignore*/
	direction: ltr;
}

select {
	border: var(--form--border-width) solid var(--form--border-color);
	color: var(--form--color-text);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
	background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

select:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--form--border-color);
}

.is-dark-theme select {
	background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

textarea {
	width: 100%;
}

label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

/**
https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
License: MIT.
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox],
	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 25px;
		height: 25px;
		border: var(--form--border-width) solid var(--form--border-color);
		background: var(--global--color-white);
	}

	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		opacity: 0.7;
	}

	.is-dark-theme input[type=checkbox],
	.is-dark-theme input[type=radio] {
		background: var(--global--color-white-90);
	}

	input[type=checkbox]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=checkbox]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 5px;
		top: 2px;
		position: absolute;
		width: 7px;
		height: 13px;
		border: 3px solid var(--form--color-text);
		border-top: 0;
		border-left: 0;
		transform: rotate(30deg);
	}

	input[type=checkbox]:checked {
		color: var(--form--color-text);
	}

	input[type=checkbox]:checked:after {
		opacity: 1;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
	}

	input[type=radio]:checked {
		border: 4px solid var(--form--border-color);
	}

	input[type=radio]:checked:after {
		opacity: 1;
	}

	input[type=radio]:checked:focus {
		outline-offset: 4px;
		outline: 2px dotted var(--form--border-color);
	}
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	padding-left: 10px;
	font-size: var(--global--font-size-xs);
	vertical-align: top;
}

/**
 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=range] {
		-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
		width: 100%; /* Specific width is required for Firefox. */
		height: 6px;
		background: var(--form--color-ranged);
		border-radius: 6px;
		outline-offset: 10px;
	}

	input[type=range]:disabled {
		opacity: 0.7;
	}

	input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
	}

	input[type=range]::-moz-range-thumb {
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
		box-sizing: border-box;
	}
}

input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	border-radius: 6px;
	border-width: 19px 0;
	border-color: var(--global--color-background);
	background: transparent;
	color: transparent;
	cursor: pointer;
}

input[type=range]::-ms-fill-upper {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-fill-lower {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-thumb {
	border: 3px solid var(--form--color-ranged);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background: var(--global--color-background);
	cursor: pointer;
}

fieldset {
	display: grid;
	border-color: var(--global--color-secondary);
	padding: var(--global--spacing-horizontal);
}

fieldset legend {
	font-size: var(--global--font-size-lg);
}

fieldset input[type=submit] {
	max-width: max-content;
}

fieldset input:not([type=submit]) {
	margin-bottom: var(--global--spacing-unit);
}

fieldset input[type=radio],
fieldset input[type=checkbox] {
	margin-bottom: 0;
}

fieldset input[type=radio] + label,
fieldset input[type=checkbox] + label {
	font-size: var(--form--font-size);
	padding-left: 0;
	margin-bottom: var(--global--spacing-unit);
}

::-moz-placeholder {
	opacity: 1;
}

.post-password-message {
	font-size: var(--global--font-size-lg);
}

.post-password-form {
	display: flex;
	flex-wrap: wrap;
}

.post-password-form__label {
	width: 100%;
	margin-bottom: 0;
}

.post-password-form input[type=password] {
	flex-grow: 1;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.post-password-form__submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
}
@media only screen and (min-width: 592px) {

	.post-password-form__submit {
		margin-left: calc(0.4 * var(--global--spacing-horizontal));
	}
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/* Classic editor images */
.entry-content img {
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
	color: currentColor;
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
	margin-bottom: 0;
}

/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Over here, place any elements that do not need to have their own file. */
b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

pre {
	white-space: pre;
	overflow-x: auto;
}

.entry-content > code {
	display: block;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
	cursor: pointer;
	color: var(--wp--style--color--link, var(--global--color-primary));
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
}

a:hover {
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	text-decoration: underline 1px dotted currentColor;
	text-decoration-skip-ink: none;
	background: rgba(255, 255, 255, 0.9);
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: var(--global--color-black);
	color: var(--global--color-white);
	text-decoration: none;
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: rgba(0, 0, 0, 0.9);
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	outline-offset: -2px;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
	color: #21759b;
	background-color: #f1f1f1;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
	background: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

.has-background .has-link-color a,
.has-background.has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
	outline-offset: 5px;
	outline: 2px solid var(--global--color-primary);
}

/**
 * Button
 */
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
	border: var(--button--border-width) solid transparent;
	border-radius: var(--button--border-radius);
	cursor: pointer;
	font-weight: var(--button--font-weight);
	font-family: var(--button--font-family);
	font-size: var(--button--font-size);
	line-height: var(--button--line-height);
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	text-decoration: none;
}

.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-primary));
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
	background-color: transparent;
	border-color: currentColor;
	color: inherit;
}

.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
	outline-offset: -6px;
	outline: 2px dotted currentColor;
}

.site .button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
	background-color: var(--global--color-white-50);
	border-color: var(--global--color-white-50);
	color: var(--button--color-text-active);
}

/**
 * Block Options
 */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-background));
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	border-color: currentColor !important;
	background-color: transparent !important;
	color: inherit !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
	border-color: currentColor;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-primary);
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-primary, var(--global--color-primary));
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
	color: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
	border-color: transparent !important;
	background-color: var(--global--color-primary) !important;
	color: var(--global--color-background) !important;
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: var(--local--color-primary, var(--global--color-primary)) !important;
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.wp-block-button .is-style-squared .wp-block-button__link {
	border-radius: 0;
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--button--color-background);
}

.wp-block-code {
	border-color: var(--global--color-border);
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	padding: var(--global--spacing-unit);
}

.wp-block-code code {
	color: var(--global--color-primary);
	white-space: pre;
	overflow-x: auto;
	display: block;
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-columns .wp-block-column > * {
	margin-top: calc(0.66 * var(--global--spacing-vertical));
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-columns .wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:not(:last-child) {
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: var(--global--spacing-vertical);
	}
}
@media only screen and (min-width: 822px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: 0;
	}
}

.wp-block-columns.is-style-twentytwentyone-columns-overlap {
	justify-content: space-around;
}
@media only screen and (min-width: 652px) {

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
		margin-left: calc(-2 * var(--global--spacing-horizontal));
		margin-top: calc(2.5 * var(--global--spacing-horizontal));
		z-index: 2;
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
		background-color: var(--global--color-background);
		padding: var(--global--spacing-unit);
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
		padding-left: calc(2 * var(--global--spacing-horizontal));
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
		margin-top: 0;
	}
}

.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-cover,
.wp-block-cover-image {
	background-color: var(--cover--color-background);
	min-height: var(--cover--height);
	margin-top: inherit;
	margin-bottom: inherit;

	/* default & custom background-color */

	/* Treating H2 separately to account for legacy /core styles */

	/* Block Styles */

	/* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}

.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
	color: currentColor;
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: currentColor;
}

.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
	color: var(--cover--color-foreground);
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	max-width: inherit;
	text-align: inherit;
	padding: 0;
}

.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
	text-align: left;
}

.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
	text-align: center;
}

.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
	text-align: right;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: calc(100% - 2 * var(--global--spacing-vertical));
}

.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-cover .wp-block-cover__inner-container > *,
	.wp-block-cover-image .wp-block-cover__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
	margin-top: 0;
}

.wp-block-cover.alignleft > *,
.wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(2 * var(--global--spacing-vertical));
	padding-left: var(--global--spacing-horizontal);
	padding-right: var(--global--spacing-horizontal);
	width: 100%;
}

.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
	justify-content: center;
}

.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
	background-color: unset;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
	opacity: inherit;
}

.wp-block-file a.wp-block-file__button {
	display: inline-block;
}

.wp-block-gallery {
	margin: 0 auto;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	width: calc((100% - var(--global--spacing-unit)) / 2);
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	color: var(--global--color-white);
	font-size: var(--global--font-size-xs);
}

.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
	color: var(--global--color-white);
}

.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
	background-color: transparent;
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
	text-decoration: none;
}

.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
	outline-offset: 2px;
}

.wp-block-group {
	display: flow-root;
}

.wp-block-group .wp-block-group__inner-container {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group .wp-block-group__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-group .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-group.has-background {
	padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group.has-background {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-group.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical);
}

.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
	max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
	width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
	margin-left: calc(-1 * var(--global--spacing-vertical));
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
	font-weight: var(--heading--font-weight-strong);
}

h1,
.h1 {
	font-size: var(--heading--font-size-h1);
	letter-spacing: var(--heading--letter-spacing-h1);
	line-height: var(--heading--line-height-h1);
}

h2,
.h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
}

h3,
.h3 {
	font-size: var(--heading--font-size-h3);
	letter-spacing: var(--heading--letter-spacing-h3);
	line-height: var(--heading--line-height-h3);
}

h4,
.h4 {
	font-size: var(--heading--font-size-h4);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h4);
	line-height: var(--heading--line-height-h4);
}

h5,
.h5 {
	font-size: var(--heading--font-size-h5);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h5);
	line-height: var(--heading--line-height-h5);
}

h6,
.h6 {
	font-size: var(--heading--font-size-h6);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h6);
	line-height: var(--heading--line-height-h6);
}

.wp-block-image {
	text-align: center;
}

.wp-block-image figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.wp-block-image .alignright {
	margin-left: var(--global--spacing-horizontal);
}

.wp-block-image .alignleft {
	margin-right: var(--global--spacing-horizontal);
}

.wp-block-image a:focus img {
	outline-offset: 2px;
}

.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
	margin-top: 0;
}

.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-image.is-style-twentytwentyone-image-frame img {
	padding: var(--global--spacing-unit);
}

@media only screen and (min-width: 482px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		max-width: 50%;
	}
}
@media only screen and (max-width: 481.98px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		margin-left: 0;
		margin-right: 0;
	}
}

.wp-block-latest-comments {
	padding-left: 0;
}

.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
	font-size: var(--global--font-size-sm);
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	line-height: var(--global--line-height-body);

	/* Vertical margins logic */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	margin-bottom: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
	font-family: var(--heading--font-family);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: inherit;
	font-size: inherit;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: inherit;
	line-height: var(--global--line-height-body);
	margin: 0;
}

.wp-block-latest-posts {
	padding-left: 0;
}

.wp-block-latest-posts:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-latest-posts:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.widget-area .wp-block-latest-posts:not(.is-grid) > li {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid {
	word-wrap: break-word;
	word-break: break-word;
}

.wp-block-latest-posts.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-latest-posts > li > *:first-child {
	margin-top: 0;
}

.wp-block-latest-posts > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.widget-area .wp-block-latest-posts > li > a {
	font-size: var(--global--font-size-sm);
	margin-bottom: 0;
}

.wp-block-latest-posts .wp-block-latest-posts__post-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: currentColor;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
	border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
	border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
	padding-bottom: var(--global--spacing-vertical);
	border-bottom: var(--separator--height) solid var(--global--color-border);
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
	box-shadow: inset 0 -1px 0 0 var(--global--color-border);
	border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
	margin: 0;
	padding-top: var(--global--spacing-vertical);
	padding-right: var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
		width: calc(100% / 2);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
		width: calc(100% / 3);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
		width: calc(100% / 4);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
		width: calc(100% / 5);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
		width: calc(100% / 6);
	}
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
	margin-top: var(--global--spacing-horizontal);
	margin-bottom: var(--global--spacing-horizontal);
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-item a:focus img {
	outline-offset: -2px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

figure.wp-caption a:focus img {
	outline-offset: 2px;
}

ul,
ol {
	font-family: var(--list--font-family);
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ul {
	list-style-type: circle;
}

dt {
	font-family: var(--definition-term--font-family);
	font-weight: bold;
}

dd {
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

.wp-block-media-text.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-media-text a:focus img {
	outline-offset: -1px;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {

	.wp-block-media-text .wp-block-media-text__content {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text .wp-block-media-text__content > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: var(--global--spacing-vertical);
		padding-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
	font-family: var(--primary-nav--font-family);
	font-size: var(--primary-nav--font-size);
	font-weight: var(--primary-nav--font-weight);
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon {
	padding: 0;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
	display: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
	border: none;
	left: 0;
	min-width: max-content;
	opacity: 0;
	padding: 0;
	position: inherit;
	top: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
	display: none;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
	background: var(--global--color-background);
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	border: 1px solid var(--primary-nav--border-color);
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	top: -10px;
	left: var(--global--spacing-horizontal);
	border-style: solid;
	border-color: var(--primary-nav--border-color) transparent;
	border-width: 0 7px 10px;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	top: -9px;
	border-color: var(--global--color-background) transparent;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
	color: var(--primary-nav--color-link-hover);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
	color: currentColor;
}

p {
	line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

p.has-background {
	padding: var(--global--spacing-unit);
}

p.has-text-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

pre.wp-block-preformatted {
	overflow-x: auto;
	white-space: pre;
}

.wp-block-pullquote {
	padding: calc(2 * var(--global--spacing-unit)) 0;
	text-align: center;
	border-width: var(--pullquote--border-width);
	border-bottom-style: solid;
	border-top-style: solid;
	color: currentColor;
	border-color: currentColor;
	position: relative;
	font-size: var(--pullquote--font-size);
	font-style: var(--pullquote--font-style);
	font-weight: 700;
	letter-spacing: var(--pullquote--letter-spacing);

	/**
   * Block Options
   */
}

.wp-block-pullquote blockquote::before {
	color: currentColor;
	content: "“";
	display: block;
	position: relative;
	left: 0;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
}

.wp-block-pullquote p {
	font-family: var(--pullquote--font-family);
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
}

.wp-block-pullquote:where(:not([style*=line-height])) p {
	line-height: var(--pullquote--line-height);
}

.wp-block-pullquote a {
	color: currentColor;
}

.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: currentColor;
	display: block;
	font-size: var(--global--font-size-xs);
	font-style: var(--pullquote--font-style);
	text-transform: none;
}

.wp-block-pullquote:not(.is-style-solid-color) {
	background: none;
}

.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
	text-align: center;
}

.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
	max-width: var(--responsive--alignwide-width);
}

.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
	padding: 0 calc(2 * var(--global--spacing-unit));
}

.wp-block-pullquote.is-style-solid-color {
	color: var(--pullquote--color-foreground);
	padding: calc(2.5 * var(--global--spacing-unit));
	border-width: var(--pullquote--border-width);
	border-style: solid;
	border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {

	.wp-block-pullquote.is-style-solid-color {
		padding: calc(5 * var(--global--spacing-unit));
	}
}

.wp-block-pullquote.is-style-solid-color blockquote::before {
	text-align: left;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	margin: 0;
	max-width: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: var(--pullquote--font-size);
}

.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
	color: currentColor;
}

.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
	padding: var(--global--spacing-unit);
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
	max-width: initial;
}

.wp-block-query.has-background {
	padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-query.has-background {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-quote {
	border-left: none;
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);

	/**
   * Block Options
   */
}

.wp-block-quote p {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.wp-block-quote:before {
	content: "“";
	left: 8px;
}

.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.has-background .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
	color: currentColor;
}

.wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation,
.wp-block-quote:where(:not([style*=font-style])) cite,
.wp-block-quote:where(:not([style*=font-style])) footer {
	font-style: var(--quote--font-style-cite);
}

.wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation,
.wp-block-quote:where(:not([style*=font-weight])) cite,
.wp-block-quote:where(:not([style*=font-weight])) footer {
	font-weight: normal;
}

.wp-block-quote.has-text-align-right {
	margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
	padding-right: 0;
	border-right: none;
}

.wp-block-quote.has-text-align-right:before {
	display: none;
}

.wp-block-quote.has-text-align-right p:before {
	content: "”";
	margin-right: 5px;
}

.wp-block-quote.has-text-align-center {
	margin: var(--global--spacing-vertical) auto;
}

.wp-block-quote.has-text-align-center:before {
	display: none;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding-left: 0;
	padding-right: 0;

	/* Resetting margins to match _block-container.scss */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: var(--quote--font-size-large);
	font-style: var(--quote--font-style-large);
	line-height: var(--quote--line-height-large);
}

.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
	font-size: var(--quote--font-size-large);
	line-height: var(--quote--line-height-large);
	left: calc(-1 * var(--global--spacing-horizontal));
}

.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
	display: none;
}

.wp-block-quote.is-large.has-text-align-right p:before,
.wp-block-quote.is-style-large.has-text-align-right p:before {
	content: "”";
	font-size: var(--quote--font-size-large);
	font-weight: normal;
	line-height: var(--quote--line-height-large);
	margin-right: 10px;
}

.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481.98px) {

	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large {
		padding-left: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large:before,
	.wp-block-quote.is-style-large:before {
		left: 0;
	}

	.wp-block-quote.is-large.has-text-align-right,
	.wp-block-quote.is-style-large.has-text-align-right {
		padding-left: 0;
		padding-right: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large.has-text-align-right:before,
	.wp-block-quote.is-style-large.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.is-large.has-text-align-center,
	.wp-block-quote.is-style-large.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 481.98px) {

	.wp-block-quote.has-text-align-right {
		padding-left: 0;
		padding-right: calc(0.5 * var(--global--spacing-horizontal));
	}

	.wp-block-quote.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}

.wp-block-rss {
	padding-left: 0;
}

.wp-block-rss > li {
	list-style: none;
}

.wp-block-rss:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-rss:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-rss:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-rss.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-rss > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss > li > *:first-child {
	margin-top: 0;
}

.wp-block-rss > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-rss .wp-block-rss__item-title > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss .wp-block-rss__item-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-rss .wp-block-rss__item-publish-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
.has-background .wp-block-rss .wp-block-rss__item-publish-date {
	color: currentColor;
}

.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-rss.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-rss.alignfull,
.entry-content .has-background .wp-block-rss.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-search {
	max-width: var(--responsive--aligndefault-width);
}

.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
	justify-content: center;
}

.wp-block-search .wp-block-search__label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.wp-block-search .wp-block-search__input {
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--form--line-height);
	max-width: inherit;
	margin-right: calc(-1 * var(--button--border-width));
	margin-left: 0;
	padding: var(--form--spacing-unit);
}

.wp-block-search .wp-block-search__input:focus {
	color: var(--form--color-text);
	border-color: var(--form--border-color);
}

.has-background .wp-block-search .wp-block-search__input {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search button.wp-block-search__button {
	margin-left: 0;
	line-height: 1;
}

.wp-block-search button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search button.wp-block-search__button.has-icon svg {
	width: 40px;
	height: 40px;
	fill: currentColor;
}

.has-background .wp-block-search button.wp-block-search__button:hover,
.has-background .wp-block-search button.wp-block-search__button:active {
	background-color: var(--local--color-background, var(--global--color-background)) !important;
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.has-text-color .wp-block-search button.wp-block-search__button:hover,
.has-text-color .wp-block-search button.wp-block-search__button:active {
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--global--color-white);
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	padding: var(--form--border-width);
}

.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--form--spacing-unit);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
	color: var(--form--color-text);
	outline-offset: -2px;
	outline: 2px dotted var(--form--border-color);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	background-color: var(--global--color-dark-gray);
	color: var(--global--color-white);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search__button {
	box-shadow: none;
}

hr {
	border-style: none;
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

hr.wp-block-separator {
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	opacity: 1;

	/**
   * Block Options
   */
}

hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
	max-width: var(--responsive--aligndefault-width);
}

hr.wp-block-separator:not(.is-style-dots).alignwide {
	max-width: var(--responsive--alignwide-width);
}

hr.wp-block-separator:not(.is-style-dots).alignfull {
	max-width: var(--responsive--alignfull-width);
}

hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
	border-bottom-width: calc(3 * var(--separator--height));
}

hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
	background-color: transparent !important;
}

hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
	color: currentColor !important;
}

hr.wp-block-separator.is-style-dots:before {
	color: var(--separator--border-color);
	font-size: var(--global--font-size-xl);
	letter-spacing: var(--global--font-size-sm);
	padding-left: var(--global--font-size-sm);
}

.has-background hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator {
	border-color: currentColor;
}

.wp-block-social-links a:focus {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
	background: none;
}

table,
.wp-block-table {
	width: 100%;
	min-width: 240px;
	border-collapse: collapse;
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
	text-align: center;
}

table th,
.wp-block-table th {
	font-family: var(--heading--font-family);
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	padding: calc(0.5 * var(--global--spacing-unit));
	border: 1px solid;
}

table figcaption,
.wp-block-table figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
}

table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
	color: var(--table--has-background-text-color);
}

table.is-style-stripes,
.wp-block-table.is-style-stripes {
	border-color: var(--table--stripes-border-color);
}

table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
	border-width: 0;
}

table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--table--stripes-background-color);
}

table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
	background-color: var(--global--color-white-90);
}

table.wp-calendar-table td,
table.wp-calendar-table th {
	background: transparent;
	border: 0;
	text-align: center;
	line-height: 2;
	vertical-align: middle;
	word-break: normal;
}

table.wp-calendar-table th {
	font-weight: bold;
}

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
	color: currentColor;
	border: 1px solid;
}

table.wp-calendar-table caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: var(--global--spacing-unit);
	color: currentColor;
}

.wp-calendar-nav {
	text-align: left;
	margin-top: calc(var(--global--spacing-unit) / 2);
}

.wp-calendar-nav svg {
	height: 1em;
	vertical-align: middle;
}

.wp-calendar-nav svg path {
	fill: currentColor;
}

.wp-calendar-nav .wp-calendar-nav-next {
	float: right;
}

.wp-block-tag-cloud.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-verse {
	font-family: var(--entry-content--font-family);
}

.wp-block-video figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

* > figure > video {
	max-width: unset;
	width: 100%;
	vertical-align: middle;
}

:root .is-extra-small-text,
:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .is-small-text,
:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-base);
}

:root .is-large-text,
:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
	line-height: var(--global--line-height-heading);
}

:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

:root .is-huge-text,
:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

:root .is-gigantic-text,
:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

/* Block Alignments */

/**
 * These selectors set the default max width for content appearing inside a post or page.
 */

/**
 * .alignleft
 */
.alignleft {

	/*rtl:ignore*/
	text-align: left;
	margin-top: 0;
}

.entry-content > .alignleft {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignleft {

		/*rtl:ignore*/
		float: left;

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
		margin-bottom: var(--global--spacing-vertical);
	}

	.entry-content > .alignleft {
		max-width: calc(50% - var(--responsive--alignleft-margin));
	}
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**
 * .alignright
 */
.alignright {
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical);
}

.entry-content > .alignright {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignright {

		/*rtl:ignore*/
		float: right;

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);
	}

	.entry-content > .alignright {
		max-width: calc(50% - var(--responsive--alignright-margin));
	}
}

[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
	margin-top: 0;
}

/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}

.has-left-content {
	justify-content: flex-start;
}

.has-right-content {
	justify-content: flex-end;
}

.has-parallax {
	background-attachment: fixed;
}

.has-drop-cap:not(:focus)::first-letter {
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	line-height: 0.66;
	text-transform: uppercase;
	font-style: normal;
	float: left;
	margin: 0.1em 0.1em 0 0;
	font-size: calc(1.2 * var(--heading--font-size-h1));
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.desktop-only {
	display: none;
}
@media only screen and (min-width: 482px) {

	.desktop-only {
		display: block;
	}
}

/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
.site-header {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	row-gap: var(--global--spacing-vertical);
}

.wp-custom-logo .site-header {
	align-items: center;
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-top: calc(var(--global--spacing-vertical) / 0.75);
	}
}
@media only screen and (min-width: 822px) {

	.site-header {
		padding-top: calc(2.4 * var(--global--spacing-vertical));
	}
}

.site-branding {
	color: var(--branding--color-text);
	margin-right: 140px;
}

.site-branding:last-child {
	margin-right: 0;
	width: 100%;
	text-align: center;
}
@media only screen and (min-width: 482px) {

	.site-branding {
		margin-right: initial;
		margin-top: calc(var(--primary-nav--padding) - 0.3em);
	}
}

.site-title {
	color: var(--branding--color-link);
	font-family: var(--branding--title--font-family);
	font-size: var(--branding--title--font-size-mobile);
	letter-spacing: normal;
	text-transform: var(--branding--title--text-transform);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(var(--global--spacing-vertical) / 6);
}

.site-title a {
	color: currentColor;
	font-weight: var(--branding--title--font-weight);
}

.site-title a:link,
.site-title a:visited,
.site-title a:active {
	color: currentColor;
}

.site-title a:hover,
.site-title a:focus {
	color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.site-title {
		font-size: var(--branding--title--font-size);
	}
}

.site-description {
	color: currentColor;
	font-family: var(--branding--description--font-family);
	font-size: var(--branding--description--font-size);
	line-height: 1.4;
}

.site-title > a {
	text-decoration-color: var(--global--color-secondary);
}

.site-logo {
	margin: calc(var(--global--spacing-vertical) / 2) 0;
}

.site-header > .site-logo {
	width: 100%;
	padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
	border-bottom: 1px solid;
	text-align: center;
}

.site-logo .custom-logo {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--branding--logo--max-width-mobile);
	max-height: var(--branding--logo--max-height-mobile);
	height: auto;
	display: inline-block;
	width: auto;
}
@media only screen and (min-width: 482px) {

	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
	}
}

@media only screen and (max-width: 481.98px) {

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: absolute;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		margin-top: 0;
		top: var(--global--admin-bar--height);
	}

	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		display: none;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
	}

	.site-header.has-logo.has-title-and-tagline {
		align-items: flex-start;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu {
		justify-content: space-between;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
		max-width: calc(100% - 160px);
	}

	.site-header.has-logo.has-title-and-tagline .site-branding {
		margin-right: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
		display: none;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
		position: relative;
		top: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
		position: relative;
		padding-top: 0;
		margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
		padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
	}

	.site-header:not(.has-logo).has-title-and-tagline .site-branding {
		margin-right: 0;
		max-width: calc(100% - 160px);
	}

	.site-header:not(.has-menu) {
		justify-content: center;
	}
}

.site-footer {
	padding-top: 0;
	padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.no-widgets .site-footer {
	margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481.98px) {

	.no-widgets .site-footer {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.site-footer > .site-info {
	padding-top: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-family: var(--footer--font-family);
	font-size: var(--footer--font-size);
	line-height: var(--global--line-height-body);
	border-top: 3px solid var(--global--color-border);
}

.site-footer > .site-info .site-name {
	text-transform: var(--branding--title--text-transform);
	font-size: var(--branding--title--font-size);
}

.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
	margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {

	.site-footer > .site-info {
		display: flex;
		align-items: center;
	}

	.site-footer > .site-info .site-name {
		margin-right: calc(0.5 * var(--global--spacing-vertical));
	}

	.site-footer > .site-info .privacy-policy,
	.site-footer > .site-info .powered-by {
		margin-top: initial;
		margin-left: auto;
	}

	.site-footer > .site-info .privacy-policy + .powered-by {
		margin-left: calc(0.5 * var(--global--spacing-vertical));
	}
}

.site-footer > .site-info a {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:link,
.site-footer > .site-info a:visited,
.site-footer > .site-info a:active {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:hover {
	color: var(--footer--color-link-hover);
}

.site-footer > .site-info a:focus {
	color: var(--footer--color-link-hover);
}

.is-dark-theme .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.singular .entry-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.home .entry-header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.singular .has-post-thumbnail .entry-header {
	border-bottom: none;
	padding-bottom: calc(1.3 * var(--global--spacing-vertical));
	margin-bottom: 0;
}

.no-results.not-found > *:first-child {
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.page-links {
	clear: both;
}

.page-links .post-page-numbers {
	display: inline-block;
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
	min-width: 44px;
	min-height: 44px;
}

.page-links .post-page-numbers:first-child {
	margin-left: 0;
}

.entry-title {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title {
	font-size: var(--global--font-size-page-title);
}

h1.entry-title {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}

/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}

.entry-footer {
	color: var(--global--color-primary);
	clear: both;
	float: none;
	font-size: var(--global--font-size-xs);
	display: block;
}

.entry-footer > span {
	display: inline-block;
}

.entry-footer a {
	color: currentColor;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: var(--global--color-primary-hover);
}

.entry-footer a:active {
	color: currentColor;
}

.site-main > article > .entry-footer {
	margin-top: var(--global--spacing-vertical);
	padding-top: var(--global--spacing-unit);
	padding-bottom: calc(3 * var(--global--spacing-vertical));
	border-bottom: var(--separator--height) solid var(--separator--border-color);
}

body:not(.single) .site-main > article:last-of-type .entry-footer {
	border-bottom: var(--separator--height) solid transparent;
}

.single .site-main > article > .entry-footer {
	margin-top: calc(3.4 * var(--global--spacing-vertical));
	margin-bottom: calc(3.4 * var(--global--spacing-vertical));
	padding-bottom: 0;
	padding-top: calc(0.8 * var(--global--spacing-vertical));
	border-top: 3px solid var(--separator--border-color);
	border-bottom: var(--separator--height) solid transparent;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(2 * var(--global--spacing-horizontal));
}

.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
	justify-content: flex-end;
	text-align: right;
}

.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
	grid-column: span 2;
}

.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
	display: block;
}
@media only screen and (max-width: 481.98px) {

	.single .site-main > article > .entry-footer {
		display: block;
	}

	.single .site-main > article > .entry-footer .full-size-link {
		display: block;
	}

	.single .site-main > article > .entry-footer .post-taxonomies,
	.single .site-main > article > .entry-footer .full-size-link {
		text-align: left;
	}
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(2 * var(--global--spacing-vertical));
}

/**
 * Author
 */
.author-bio {
	position: relative;
	font-size: var(--global--font-size-xs);
	max-width: var(--responsive--aligndefault-width);
}

.site-main > article > .author-bio {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.author-bio.show-avatars .avatar {
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
}

.author-bio.show-avatars .author-bio-content {
	display: inline-block;
	padding-left: var(--global--spacing-horizontal);
	max-width: calc(var(--responsive--aligndefault-width) - 90px);
}

.author-bio .author-bio-content .author-title {
	font-family: var(--entry-author-bio--font-family);
	font-size: var(--entry-author-bio--font-size);
	display: inline;
}

.author-bio .author-bio-content .author-description {
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.page-title {
	font-size: var(--global--font-size-page-title);
}

h1.page-title,
h2.page-title {
	font-weight: var(--heading--font-weight-page-title);
}

h1.page-title {
	line-height: var(--heading--line-height-h1);
}

.page-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}

.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
	font-size: var(--global--font-size-lg);
}

.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
	display: block;
}

.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
	margin-right: calc(0.5 * var(--global--spacing-unit));
}

.archive-description {
	margin-top: var(--global--spacing-vertical);
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

.error404 main p {
	font-size: var(--global--font-size-lg);
	margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}

.search-no-results .page-content {
	margin-top: calc(3 * var(--global--spacing-vertical));
}

/**
 * Comments Wrapper
 */
.comments-area > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comments-area > *:first-child {
	margin-top: 0;
}

.comments-area > *:last-child {
	margin-bottom: 0;
}

.comments-area.show-avatars .avatar {
	border-radius: 50%;
	position: absolute;
	top: 10px;
}

.comments-area.show-avatars .fn {
	display: inline-block;
	padding-left: 85px;
}

.comments-area.show-avatars .comment-metadata {
	padding: 8px 0 9px 85px;
}

/**
 * Comment Title
 */
.comments-title,
.comment-reply-title {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
}

.comment-reply-title {
	display: flex;
	justify-content: space-between;
}

.comment-reply-title small a {
	font-family: var(--global--font-secondary);
	font-size: var(--global--font-size-xs);
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

/* Nested comment reply title*/
.comment .comment-respond .comment-reply-title {
	font-size: var(--global--font-size-lg);
}

/**
 * Comment Lists
 */
.comment-list {
	padding-left: 0;
	list-style: none;
}

.comment-list > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-list .children {
	list-style: none;
	padding-left: 0;
}

.comment-list .children > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

@media only screen and (min-width: 482px) {

	.comment-list .depth-2,
	.comment-list .depth-3 {
		padding-left: calc(4 * var(--global--spacing-horizontal));
	}
}

/**
 * Comment Meta
 */
.comment-meta .comment-author {
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {

	.comment-meta .comment-author {
		margin-bottom: 0;
		padding-right: 0;
	}
}

.comment-meta .comment-author .fn {
	font-family: var(--global--font-secondary);
	font-weight: normal;
	font-size: var(--global--font-size-lg);
	hyphens: auto;
	word-wrap: break-word;
	word-break: break-word;
}

.comment-meta .comment-metadata {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	padding: 8px 0 9px;
}

.comment-meta .comment-metadata .edit-link {
	margin-left: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {

	.comment-meta {
		margin-right: inherit;
	}

	.comment-meta .comment-author {
		max-width: inherit;
	}
}

.reply {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-heading);
}

.bypostauthor {
	display: block;
}

.says {
	display: none;
}

.pingback .url,
.trackback .url {
	font-family: var(--global--font-primary);
}

.comment-body {
	position: relative;
	margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.comment-body > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-body .reply {
	margin: 0;
}

.comment-content {
	word-wrap: break-word;
}

.pingback .comment-body,
.trackback .comment-body {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-respond {
	margin-top: var(--global--spacing-vertical);
}

.comment-respond > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.comment-respond > *:first-child {
	margin-top: 0;
}

.comment-respond > *:last-child {
	margin-bottom: 0;
}

.comment-respond > *:last-child.comment-form {
	margin-bottom: var(--global--spacing-vertical);
}

.comment-author {
	padding-top: 3px;
}

.comment-author .url {
	color: currentColor;
}

.comment-form {
	display: flex;
	flex-wrap: wrap;
}

.comment-form > * {
	flex-basis: 100%;
}

.comment-form .comment-notes {
	font-size: var(--global--font-size-sm);
}

.comment-form .comment-form-url,
.comment-form .comment-form-comment {
	width: 100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
	flex-basis: 0;
	flex-grow: 1;
}
@media only screen and (max-width: 481.98px) {

	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		flex-basis: 100%;
	}
}

.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
	font-size: var(--global--font-size-xs);
	font-weight: normal;
}

.comment-form > p {
	margin-bottom: var(--global--spacing-unit);
}

.comment-form > p:first-of-type {
	margin-top: 0;
}

.comment-form > p:last-of-type {
	margin-bottom: 0;
}

.comment-form > p label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
	display: block;
	font-size: var(--global--font-size-sm);
	margin-bottom: calc(0.5 * var(--global--spacing-unit));
	width: 100%;
	font-weight: var(--form--label-weight);
}

.comment-form > p.comment-form-cookies-consent {
	display: flex;
}
@media only screen and (min-width: 482px) {

	.comment-form > p.comment-form-author {
		margin-right: calc(1.5 * var(--global--spacing-horizontal));
	}

	.comment-form > p.comment-notes,
	.comment-form > p.logged-in-as {
		display: block;
	}
}

.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481.98px) {

	.menu-button-container {
		display: flex;
	}
}

.menu-button-container #primary-mobile-menu {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
	top: -1px;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: twentytwentyone-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
	background-color: var(--global--color-background);
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
	position: static;
}

.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-horizontal);
	background-color: var(--global--color-background);
	transform: translateY(var(--global--spacing-vertical));
}
@media (prefers-reduced-motion: no-preference) {

	.primary-navigation > .primary-menu-container {
		transition: all 0.15s ease-in-out;
	}
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}

	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}

	.primary-navigation > .primary-menu-container:focus {
		border: 2px solid var(--global--color-primary);
	}
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
}

.primary-navigation-open .primary-navigation > .primary-menu-container {
	position: relative;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		transform: translateX(0) translateY(0);
	}
}
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
	}

	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
}

.primary-navigation > div > .menu-wrapper li {
	display: block;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper li {
		margin: 0;
		width: inherit;
	}

	.primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: 0;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: flex;
	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
	width: 44px;
	padding: 0;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	border: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display: none;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	height: 100%;
	display: flex;
	align-items: center;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
	margin-top: -1px;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	display: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
	display: flex;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
	display: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	position: relative;
}
@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		transition: all 0.5s ease;
	}
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		left: 0;
		margin: 0;
		min-width: max-content;
		position: absolute;
		top: 100%;
		padding-top: 3px;
		z-index: 88888;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--primary-nav--border-color) transparent;
		border-width: 0 7px 10px;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: var(--global--color-background);
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {

		/* rtl:ignore */
		left: 0;

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {

		/* rtl:ignore */
		left: var(--global--spacing-horizontal);

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

		/* rtl:ignore */
		right: 0;

		/* rtl:ignore */
		left: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {

		/* rtl:ignore */
		left: auto;

		/* rtl:ignore */
		right: var(--global--spacing-horizontal);
	}
}

.primary-navigation .primary-menu > .menu-item:hover > a {
	color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .primary-menu-container {
		margin-right: calc(0px - var(--primary-nav--padding));
		margin-left: calc(0px - var(--primary-nav--padding));
	}

	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: var(--primary-nav--padding);
		padding-right: var(--primary-nav--padding);
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
		margin-left: calc(5px - var(--primary-nav--padding));
	}
}

.primary-navigation a {
	display: block;
	font-family: var(--primary-nav--font-family-mobile);
	font-size: var(--primary-nav--font-size-mobile);
	font-weight: var(--primary-nav--font-weight);
	padding: var(--primary-nav--padding) 0;
	text-decoration: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family);
		font-size: var(--primary-nav--font-size);
		font-weight: var(--primary-nav--font-weight);
	}
}

.primary-navigation a + svg {
	fill: var(--primary-nav--color-text);
}

.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
	color: var(--primary-nav--color-link-hover);
}

.primary-navigation a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation a:focus {
	position: relative;
	z-index: 99999;
	outline-offset: 0;
	text-decoration-thickness: 2px;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
	text-decoration: underline;
	text-decoration-style: solid;
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: var(--primary-nav--padding);
	border: 1px solid var(--primary-nav--border-color);
}

.primary-navigation .sub-menu .sub-menu {
	border: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: 0;
	}
}
@media only screen and (max-width: 481.98px) {

	.primary-navigation .sub-menu .menu-item:last-child {
		margin-bottom: 0;
	}
}

.primary-navigation .sub-menu .menu-item > a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
	font-size: var(--primary-nav--font-size-sub-menu-mobile);
	font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size-sub-menu);
		font-style: var(--primary-nav--font-style);
	}
}

.primary-navigation .menu-item-has-children > .svg-icon {
	display: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: inline-block;
		height: 100%;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: none;
	}
}

.primary-navigation .menu-item-description {
	display: block;
	clear: both;
	font-size: var(--global--font-size-xs);
	text-transform: none;
	line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
	display: inline-block;
}

@media only screen and (max-width: 481.98px) {

	.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
}
@keyframes twentytwentyone-close-button-transition {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.footer-navigation {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-size: var(--global--font-size-xs);
	font-family: var(--footer--font-family);
}

.footer-navigation-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}

.footer-navigation-wrapper li {
	display: inline;
	line-height: 3;
}

.footer-navigation-wrapper li a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited,
.footer-navigation-wrapper li a:active {
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
	color: var(--footer--color-link-hover);
}

.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-white));
}

.footer-navigation-wrapper li .svg-icon {
	vertical-align: middle;
	fill: var(--footer--color-link);
}

.footer-navigation-wrapper li .svg-icon:hover {
	transform: scale(1.1);
}
@media (prefers-reduced-motion: no-preference) {

	.footer-navigation-wrapper li .svg-icon {
		transition: transform 0.1s ease;
	}
}

.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
	display: none;
}

/* Next/Previous navigation */
.navigation {
	color: var(--global--color-primary);
}

.navigation a {
	color: var(--global--color-primary);
	text-decoration: none;
}

.navigation a:hover {
	color: var(--global--color-primary-hover);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.navigation a:focus {
	color: var(--global--color-secondary);
}

.navigation a:active {
	color: var(--global--color-primary);
}

.navigation .nav-links > * {
	min-width: 44px;
	min-height: 44px;
}

.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
	display: flex;
	flex-direction: column;
}

.navigation .nav-links .dots {
	text-align: center;
}
@media only screen and (min-width: 592px) {

	.navigation .nav-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.navigation .nav-links .nav-next,
	.navigation .nav-links .nav-previous {
		flex: 0 1 auto;
		margin-bottom: inherit;
		margin-top: inherit;
		max-width: calc(50% - 0.5 * var(--global--spacing-unit));
	}

	.navigation .nav-links .nav-next {
		text-align: right;
	}
}

.navigation .svg-icon {
	display: inline-block;
	fill: currentColor;
	vertical-align: middle;
	position: relative;
}

.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
	top: -2px;
	margin-right: calc(0.25 * var(--global--spacing-unit));
}

.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
	top: -1px;
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.post-navigation {
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.post-navigation {
		margin: var(--global--spacing-vertical) auto;
	}
}

.post-navigation .meta-nav {
	line-height: var(--global--line-height-body);
	color: var(--global--color-primary);
}

.post-navigation .post-title {
	display: inline-block;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-lg);
	font-weight: var(--pagination--font-weight-strong);
	line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {

	.post-navigation .post-title {
		margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
	}
}
@media only screen and (min-width: 482px) {

	.post-navigation .nav-links {
		justify-content: space-between;
	}
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
	margin-top: 0;
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
	margin-bottom: 0;
}

.pagination,
.comments-pagination {
	border-top: 3px solid var(--global--color-border);
	padding-top: var(--global--spacing-vertical);
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.pagination,
	.comments-pagination {
		margin: var(--global--spacing-vertical) auto;
	}
}

.pagination .nav-links,
.comments-pagination .nav-links {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
	color: var(--pagination--color-link-hover);
}

.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-background);
}

.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-white);
}

.pagination .nav-links > *,
.comments-pagination .nav-links > * {
	color: var(--pagination--color-text);
	font-family: var(--pagination--font-family);
	font-size: var(--pagination--font-size);
	font-weight: var(--pagination--font-weight);
	margin-top: var(--global--spacing-vertical);
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
}

.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
	text-decoration: underline;
}

.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
	text-decoration-style: dotted;
}

.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
	margin-left: 0;
}

.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
	margin-right: 0;
}

.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
	margin-left: auto;
}

.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
	margin-right: auto;
}
@media only screen and (max-width: 821.98px) {

	.pagination .nav-links,
	.comments-pagination .nav-links {
		display: flex;
		flex-wrap: wrap;
	}

	.pagination .page-numbers,
	.comments-pagination .page-numbers {
		display: none;
	}

	.pagination .page-numbers.prev,
	.pagination .page-numbers.next,
	.comments-pagination .page-numbers.prev,
	.comments-pagination .page-numbers.next {
		display: inline-block;
		flex: 0 1 auto;
	}
}
@media only screen and (max-width: 481.98px) {

	.pagination .nav-short,
	.comments-pagination .nav-short {
		display: none;
	}
}

.comments-pagination {
	padding-top: calc(0.66 * var(--global--spacing-vertical));
	margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {

	.comments-pagination {
		margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
	}
}

.comments-pagination .nav-links > * {
	font-size: var(--global--font-size-md);
}

.widget-area {
	margin-top: calc(6 * var(--global--spacing-vertical));
	padding-bottom: calc(var(--global--spacing-vertical) / 3);
	color: var(--footer--color-text);
	font-size: var(--footer--font-size);
	font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {

	.widget-area {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(2 * var(--global--spacing-horizontal));
	}
}
@media only screen and (min-width: 1024px) {

	.widget-area {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 481.98px) {

	.widget-area {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.widget-area .wp-block-social-links.alignright {
	margin-top: var(--global--spacing-vertical);
	justify-content: flex-end;
}

.widget-area .wp-block-social-links.alignleft {
	margin-top: var(--global--spacing-vertical);
}

.widget-area:after {
	content: "";
	display: table;
	clear: both;
}

.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
	font-weight: var(--widget--font-weight-title);
	line-height: var(--widget--line-height-title);
}

.widget h1 {
	font-size: var(--global--font-size-md);
}

.widget h2 {
	font-size: var(--global--font-size-sm);
}

.widget h3 {
	font-size: var(--global--font-size-xs);
}

.widget h4 {
	font-size: var(--global--font-size-xs);
}

.widget h5 {
	font-size: var(--global--font-size-xs);
}

.widget h6 {
	font-size: var(--global--font-size-xs);
}

.widget ul {
	list-style-type: none;
	padding: 0;
}

.widget ul li {
	line-height: var(--widget--line-height-list);
}

.widget ul.sub-menu,
.widget ul.children {
	margin-left: var(--widget--spacing-menu);
}

.widget ul .sub-menu-toggle {
	display: none;
}

.widget a {
	color: var(--footer--color-link);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: currentColor;
}

.widget a:link,
.widget a:visited,
.widget a:active {
	color: var(--footer--color-link);
}

.widget a:hover {
	color: var(--footer--color-link-hover);
	text-decoration-style: dotted;
}

.search-form {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	max-width: var(--responsive--aligndefault-width);
}

.search-form > label {
	width: 100%;
	margin-bottom: 0;
	font-weight: var(--form--label-weight);
}

.search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.search-form .search-submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-left: 10px;
}

.widget_search > .search-form .search-field {
	margin-right: calc(-1 * var(--button--border-width));
	-webkit-appearance: none;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_search > .search-form .search-submit {
	margin-left: 0;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_rss a.rsswidget .rss-widget-icon {
	display: none;
}

/* Category 07 is for any utility classes that are not assigned to a specific component. */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.skip-link:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.has-black-color[class] {
	color: var(--global--color-black);
}

.has-black-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-black, #000);
	color: var(--local--color-primary);
}

.has-gray-color[class] {
	color: var(--global--color-gray);
}

.has-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-gray, #000);
	color: var(--local--color-primary);
}

.has-dark-gray-color[class] {
	color: var(--global--color-dark-gray);
}

.has-dark-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-dark-gray, #000);
	color: var(--local--color-primary);
}

.has-green-color[class] {
	color: var(--global--color-green);
}

.has-green-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-green, #fff);
	color: var(--local--color-primary);
}

.has-blue-color[class] {
	color: var(--global--color-blue);
}

.has-blue-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-blue, #fff);
	color: var(--local--color-primary);
}

.has-purple-color[class] {
	color: var(--global--color-purple);
}

.has-purple-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-purple, #fff);
	color: var(--local--color-primary);
}

.has-red-color[class] {
	color: var(--global--color-red);
}

.has-red-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-red, #fff);
	color: var(--local--color-primary);
}

.has-orange-color[class] {
	color: var(--global--color-orange);
}

.has-orange-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-orange, #fff);
	color: var(--local--color-primary);
}

.has-yellow-color[class] {
	color: var(--global--color-yellow);
}

.has-yellow-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-yellow, #fff);
	color: var(--local--color-primary);
}

.has-white-color[class] {
	color: var(--global--color-white);
}

.has-white-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-white, #fff);
	color: var(--local--color-primary);
}

.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
	color: currentColor;
}

.has-black-background-color[class] {
	background-color: var(--global--color-black);
}

.has-black-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-black, #000);
	background-color: var(--local--color-background);
}

.has-dark-gray-background-color[class] {
	background-color: var(--global--color-dark-gray);
}

.has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-dark-gray, #000);
	background-color: var(--local--color-background);
}

.has-gray-background-color[class] {
	background-color: var(--global--color-gray);
}

.has-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-gray, #000);
	background-color: var(--local--color-background);
}

.has-light-gray-background-color[class] {
	background-color: var(--global--color-light-gray);
}

.has-light-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-light-gray, #fff);
	background-color: var(--local--color-background);
}

.has-green-background-color[class] {
	background-color: var(--global--color-green);
}

.has-green-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-green, #fff);
	background-color: var(--local--color-background);
}

.has-blue-background-color[class] {
	background-color: var(--global--color-blue);
}

.has-blue-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-blue, #fff);
	background-color: var(--local--color-background);
}

.has-purple-background-color[class] {
	background-color: var(--global--color-purple);
}

.has-purple-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-purple, #fff);
	background-color: var(--local--color-background);
}

.has-red-background-color[class] {
	background-color: var(--global--color-red);
}

.has-red-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-red, #fff);
	background-color: var(--local--color-background);
}

.has-orange-background-color[class] {
	background-color: var(--global--color-orange);
}

.has-orange-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-orange, #fff);
	background-color: var(--local--color-background);
}

.has-yellow-background-color[class] {
	background-color: var(--global--color-yellow);
}

.has-yellow-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-yellow, #fff);
	background-color: var(--local--color-background);
}

.has-white-background-color[class] {
	background-color: var(--global--color-white);
}

.has-white-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-white, #fff);
	background-color: var(--local--color-background);
}

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
	color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
}

.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class] {
	color: var(--global--color-dark-gray);
}

.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
}

.has-purple-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-yellow-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}

.has-green-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}

.has-yellow-to-green-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}

.has-red-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-yellow-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-purple-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-red-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

header *,
main *,
footer * {
	max-width: var(--global--spacing-measure);
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
	max-width: none;
}

.is-IE.is-dark-theme {
	color: #fff;
}

.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
	color: #fff;
}

.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
	fill: #fff;
}

.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	background: #000;
}
@media only screen and (max-width: 481.98px) {

	.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
	.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
		background-color: #000;
	}
}

.is-IE.is-dark-theme .skip-link:focus {
	color: #21759b;
}

.is-IE .navigation .nav-links {
	display: block;
}

.is-IE .post-thumbnail .wp-post-image {
	min-width: auto;
}

.is-IE .wp-block-group:before,
.is-IE .wp-block-group:after {
	content: "";
	display: block;
	clear: both;
}


/*FILESTART  /www/wwwroot/careers.shinedezign.com/wp-content/themes/twentytwentyone/assets/css/print.css */
@media print{ /*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Margins & paddings
# Typography
# Page breaks
# Links
# Visibility
--------------------------------------------------------------*/
@media print {

	/* Margins & paddings */
	@page {
		margin: 2cm;
	}

	.entry .entry-header,
	.entry,
	.single .site-main > article > .entry-footer {
		margin-top: 0;
		margin-bottom: 0;
	}

	.site-footer .site-info {
		margin: 0;
	}

	.site-header {
		padding: 0;
	}

	/* Fonts */
	body {
		font: 13pt Georgia, "Times New Roman", Times, serif;
		font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
		line-height: 1.3;
		background: #fff !important;
		color: #000;
	}

	.has-background-dark * {
		color: #000 !important;
	}

	h1,
	.entry-title,
	.singular .entry-title,
	.page-title {
		font-size: 22pt;
		font-weight: bold;
	}

	h2,
	h3,
	h4,
	.has-regular-font-size,
	.has-large-font-size,
	h2.author-title,
	p.author-bio,
	.comments-title,
	.archive-description {
		font-size: 14pt;
		margin-top: 25px;
	}

	.comment-meta,
	.comment-meta .comment-author .fn {
		font-size: 13pt;
	}

	/* Page breaks */
	a {
		page-break-inside: avoid;
	}

	blockquote {
		page-break-inside: avoid;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	img {
		page-break-inside: avoid;
		page-break-after: avoid;
	}

	table,
	pre,
	figure {
		page-break-inside: avoid;
	}

	ul,
	ol,
	dl {
		page-break-before: avoid;
	}

	/* Links */
	a:link,
	a:visited,
	a {
		background: transparent;
		font-weight: bold;
		text-decoration: underline;
		text-align: left;
	}

	a[href^=http]:after {
		content: " < " attr(href) "> ";
	}

	a:after > img {
		content: "";
	}

	article a[href^="#"]:after {
		content: "";
	}

	a:not(:local-link):after {
		content: " < " attr(href) "> ";
	}

	.entry-title a:after {
		content: "\a< " attr(href) "> ";
		white-space: pre;
		font-size: 14pt;
	}

	.cat-links a:after,
	.tags-links a:after,
	.byline a:after,
	.comment-metadata a:after,
	.wp-block-calendar a:after,
	.wp-block-tag-cloud a:after,
	.page-links a:after {
		content: "";
	}

	/* Visibility */
	.primary-navigation,
	.site-title + .primary-navigation,
	.footer-navigation,
	.entry-footer,
	.post-navigation,
	.navigation.pagination,
	.widget-area,
	.edit-link,
	.more-link,
	.comment-reply,
	.reply,
	.comment .comment-metadata .edit-link,
	.comment-respond,
	#dark-mode-toggler {
		display: none !important;
	}

	.entry .entry-content .wp-block-button .wp-block-button__link,
	.entry .entry-content .button,
	.entry .entry-content .wp-block-file__button {
		color: #000;
		background: none;
	}
}
 }