/*--
	Author: W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
	--*/
	body{
		padding:0;
		margin:0;
		background-color: #58d4f5d4;
	}
	body a{
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-weight:400;
		font-family: 'Open Sans', sans-serif;
		
	}
	input[type="button"],input[type="submit"],input[type="text"],input[type="tel"],input[type="email"]{
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-family: 'Open Sans', sans-serif;
	}
	h1,h2,h3,h4,h5,h6{
		margin:0;		
		font-weight:400;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-family: 'Mitr', sans-serif;
	}

	.clear {
		clear:both;
	}
	.button,.btn-default{
		margin:0;
	}
	p{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	textarea{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	label{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	.text-center {
		text-align:center;

	}
	img{
		width:100%;
	}
	.navbar-brand{
		font-family: 'Open Sans', sans-serif;
	}
	span{
		font-family: 'Open Sans', sans-serif;
		color:#000;
	}
	.btn{
		font-family: 'Cabin', serif;
	}
	.agile-about,.agile-services,.agile-blog,.agile-testimonials,.agile-gallery,.agile-team{
		padding:3em 0em;
	}
	/* Mobil cihazlar için ek stil */

	@font-face{
		font-family: 'Open Sans';
		src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
	}
	@font-face{
		font-family:'mitr';
		src:url('../fonts/mitr.ttf') format('truetype');
	}
	@font-face{
		font-family:'oxgyen';
		src:url('../fonts/oxgyen.ttf') format('truetype');
	}

	html {
		scroll-behavior: smooth;
	}

	/*--navigation--*/
	.navbar-default {
		background-color: transparent;
		border-color: transparent;
		margin: 30px 0 0 0;
	}
	.navbar-brand span {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: uppercase;
		background: rgba(56, 215, 38, 0.85);
		padding: 5px 13px;
		color: #f0e5e5;
	}
	.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar-brand {
		float: left;
		height: 50px;
		padding: 15px 15px;
		font-size: 25px;
		font-weight: 500;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
	}
	.navbar-default .navbar-brand {
		color: #fdfdfd;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
		color: #f7f6f6;
		background-color: transparent;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 15px 15px;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
	}
	.navbar-default .navbar-nav > li > a {
		color: #f9f9f9;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar {
		position: relative;
		min-height: 55px;
		margin-bottom: 0;
		border: 1px solid transparent;
		background: rgb(203 41 41 / 57%);
		max-width: 920px;
		margin-left: 8%;
		margin-top: 3%;
	}
	@media only screen and (max-width: 1380px) {
		.navbar {
			background-size: 400px 600px;
			margin-left: 8%;
			margin-right: 0px;
			margin-top: 3%;
			max-width: 920px;
		}
	}



	@media only screen and (max-width: 480px) {
		.navbar {
			background-size: 400px 600px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 3%;
			max-width: 450px;
		}
	}


	.navbar-brand:before {
		content: "\f19d";
		font-family: FontAwesome;
		margin: 0px 10px 0 0;
		color: #efeeee;
		font-size: 35px;
		padding: 0;
		display: inline-block;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 7px 10px;
		font-size: 17px;
		text-align: center;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #fff;
		white-space: nowrap;
		text-transform: capitalize;
		letter-spacing: 1px;
	}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: rgba(21, 20, 20, 0.71);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fdf9f9;
		background-color: transparent;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #171414;
	}
	span.caret {
		color: #fff;
	}
	/*--/navigation--*/

	/*--Slayt--*/
	.slideshow-container {
		width: 800px; /* Slayt genişliği */
		margin: auto;
		overflow: hidden;
		position: relative;
	}

	.slideshow-container img {
		width: 800px; /* Resmi sabit genişlikte ayarlamak */
		height: 400px; /* Resmi sabit yükseklikte ayarlamak */
		border: 5px solid #fff; /* Çerçeve rengini ve kalınlığını ayarlayabilirsiniz */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Gölgelendirme eklemek için */
	}

	.slide-wrapper {
		display: flex;
		transition: transform 1s ease-in-out;
	}

	.slide {
		flex: 0 0 100%;
		position: relative;
	}

	.slide-indicators {
		display: flex;
		justify-content: center;
		margin-top: 8px;
	}

	.indicator {
		width: 17px;
		height: 17px;
		background-color: #bbb; /* Arka plan rengi */
		border-radius: 50%;
		margin: 0 5px;
		cursor: pointer;
	}

	.indicator.active {
		background-color: #555; /* Aktif durumun arka plan rengi */
	}


	@media only screen and (max-width: 480px) {
		/* Mobil ekran için özel stil */
		.slideshow-container {
			width: 100%;
			margin-right: 0; /* Sağdan boşluk kaldırmak */
		}

		.slideshow-container img {
			width: 100%; /* Resmi mobil ekran genişliğine sığdırmak */
			height: 150px; /* Mobil yükseklik */
		}

		.slide-wrapper {
			display: flex;
			transition: transform 1s ease-in-out;
		}

		.slide {
			flex: 0 0 100%;
			position: relative;
		}

		.slide-indicators {
			display: flex;
			justify-content: center;
			margin-top: 8px;
		}

		.indicator {
			width: 15px;
			height: 15px;
			background-color: #ccc;
			border-radius: 50%;
			margin: 0 5px;
			cursor: pointer;
		}

		.indicator.active {
			background-color: #333;
		}
	}
	/*--Slayt Bitti--*/

	/*--banner--*/

	@media only screen and (max-width: 480px) {
		.agile-navigation {
			width: 400px;
			background-size: 400px 600px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: -5%;
		}
	}


	.agile-text h2 {
		font-size: 50px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		color: #fff;
		border-top: 4px double #ddd;
		border-bottom: 4px double #ddd;
		width: 75%;
		margin: 6em auto 0;
		padding: 25px;
	}
	.agile-text p {
		font-size: 17px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #fff;
		width: 70%;
		margin: 30px auto 0;
	}
	/*--modal--*/
	.btn {
		display: inline-block;
		padding: 8px 20px;
		margin: 30px 0;
		font-size: 20px;
		font-weight: normal;
		text-transform: capitalize;
		line-height: 1.42857143;
		text-align: center;
		letter-spacing: 2px;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
	}
	.btn-primary {
		color: #fff;
		background-color: #0ca041;
		border: 3px solid #f7f9f7;
	}
	.btn-primary:hover {
		color: #fff;
		background-color: #d0af0c;
		border: 3px solid #f7f9f7;
		transition: 0.8s ease-in;
	}
	.btn-primary:focus, .btn-primary.focus {
		color: #fff;
		background-color: #0ca041;
		border-color: #0ca041;
	}
	.agile-modal {
		text-align: left;
	}
	.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
		color: #fff;
		background-color: #0ca041;
		border-color: #0ca041;
	}
	.modal-title {
	   font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 10px 0 10px;
		background: #eabfbf;
		color: #fff;
		padding: 7px;
	}
	button.btn.btn-secondary {
		display: inline-block;
		padding: 10px 30px;
		margin: 30px 0;
		font-size: 15px;
		font-weight: normal;
		text-transform: capitalize;
		line-height: 1.42857143;
		text-align: center;
		letter-spacing: 2px;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
	}
	.modal-body p {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 1.5;
		margin: 20px 0 20px 0;
	}
	.close span {
		color: #000;
	}
	.modal-header .close {
		margin-top: -85px;
	}
	/*--/modal--*/

	h4.header {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000;
	}
	.line {
		border-bottom: 2px solid #40c92b;
		width: 5%;
		margin: 8px auto 20px;
	}

	/*--about--*/
	.agile-aboutright {
		background: url(../images/about.jpg)0px 0px no-repeat;
		min-height: 400px;
		background-size: cover;
		background-position: 50% 50%;
		
	}
	.agile-aboutleft {
		padding: 15px 0 15px 0;
	}
	.agile-aboutleft h3 {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 20px 0 20px 0;
	   color: rgba(25, 24, 24, 0.82);
	}
	.agile-aboutleft p {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 2;
		color: #524e4e;
	}
	input[type="text"],input[type="tel"],input[type="email"] {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		width: 100%;
		box-sizing: border-box;
		padding: 6px;
		margin: 13px auto 13px;
		border: none;
		background: none;
		outline: none;
		border:2px solid rgba(252, 249, 249, 0.97);
		color:#fff;
	}
	select {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		width: 100%;
		box-sizing: border-box;
		border: none;
		outline: none;
		 border: 2px solid  rgba(252, 249, 249, 0.97);
		margin: 13px auto 13px;
		background:none;
		padding: 5px;
			color: #fff;	
	}
	option {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		background: #252121;
		color: #fff;
	}
	input[type="submit"] {
	  font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		width: 50%;
		margin: 22px auto 22px;
		display: block;
		padding: 5px;
		background: #0ca041;
		border: none;
		outline: none;
		color: #fff;
		cursor: pointer;
	}
	.agile-aboutform h5 {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		background: rgba(5, 21, 101, 0.78);
		color: #fff;
		padding: 14px;
		margin:0;
	}
	form {
		background: rgba(8, 8, 8, 0.67);
		padding: 10px;
	}
	input[type="submit"]:hover {
		background: #fdb003;
		color: #fff;
		transition: 0.5s ease-in;
	}
	/*--/about--*/
	/*--services--*/
	.service-icon {
		float: left;
		width: 10%;
		margin: 25px 0 0 0;
	}
	.service-text {
		float: left;
		width: 80%;
		margin-left: 10%;
	}
	.service-icon span .fa {
		background: #0ca041;
		width: 50px;
		height: 50px;
		display: block;
		color: #fff;
		text-align: center;
		line-height: 2;
		font-size: 25px;
	}
	.service-text h4 {
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
	}
	.service-text p {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 1.5;
		margin: 10px 0 10px 0;
		color:#fff;
	}
	.service-gridmain {
		padding: 4em 0 4em 0;
		background: rgba(80, 115, 59, 0.93);
	}
	.services-grids {
		margin: 70px 0 70px 0;
	}
	/*--/services--*/
	/*--gallery--*/
	.gallery-works {
		margin: 0 0 20px 0;
	}
	/*--/gallery--*/
	/*-- team --*/
	.agileits_w3layouts_head{
		font-size:2.2em;
		color:#212121;
		text-align:center;
		text-transform:capitalize;
	}
	.agileits_w3layouts_head span{
		display: inline-block;
		padding: .3em 0;
		border-top: 2px solid #e60004;
		border-bottom: 2px solid #e60004;
	}
	.w3_agileits_para{
		margin:1em 0 0;
		color:#3fc8ef;
		text-align:center;
	}  
	.wthree_team_grid_left{
		overflow:hidden;
		position:relative;
		margin-bottom: 1%;
	}
	.wthree_team_grid_left img {
		-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
		transition: transform 400ms ease;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.wthree_team_grid_left:hover img {
		-webkit-transition-duration: 6s; 
		-moz-transition-duration: 6s;
		transition-duration: 6s;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1); 
		transform: scale(1.1);
	} 
	.w3l_banner_figure p a {
		display: inline-block;
		color: #fff;
		font-size: 0.9em;
		margin: 0 5px; 
	}
	.w3l_banner_figure p a:hover{ 
		color: #222; 
	}
	/*-- image-hover --*/ 
	.wthree_team_grid_left figure {
		position: relative;
		float: none;
		overflow: hidden;
		text-align: center;
	} 
	.wthree_team_grid_left figure img {
		position: relative;
		display: block;
		opacity: 0.8;
	} 
	.wthree_team_grid_left figure .w3l_banner_figure {
		padding: 2em;
		color: #fff;
		text-transform: uppercase; 
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/* height: 100%; */
		text-align: left;
	} 
	.wthree_team_grid_left figure .w3l_banner_figure::before,
	.wthree_team_grid_left figure .w3l_banner_figure::after {
	} 
	 
	/***** Julia *****/
	/*---------------*/

	figure.effect-julia {
		background: #2f3238;
	} 
	figure.effect-julia p {
		display: inline-block;
		margin: 0 0 0.25em;
		padding: 0.4em 1em;
		background: rgba(3, 185, 248, 0.48);
		color: #fff;
		text-transform: none;
		font-weight: 500;
		font-size:1em;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-360px,0,0);
		-moz-transform: translate3d(-360px,0,0);
		-o-transform: translate3d(-360px,0,0);
		-ms-transform: translate3d(-360px,0,0);
		transform: translate3d(-360px,0,0);
	}

	figure.effect-julia p:first-child {
		-webkit-transition-delay: 0.15s;
		-moz-transition-delay: 0.15s;
		-o-transition-delay: 0.15s;
		-ms-transition-delay: 0.15s;
		transition-delay: 0.15s;
	} 
	figure.effect-julia:hover p:first-child {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-ms-transition-delay: 0s;
		transition-delay: 0s;
	}

	figure.effect-julia:hover .w3ls-bnr-icons:nth-of-type(2) {
		-webkit-transition-delay: 0.05s;
		-moz-transition-delay: 0.05s; 
		transition-delay: 0.05s;
	}

	figure.effect-julia:hover p:nth-of-type(3) {
		-webkit-transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		-ms-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	/*figure.effect-julia:hover img {
		opacity: 0.4;
	}
	*/
	figure.effect-julia:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.wthree_team_grid_left figure .w3l_banner_figure:hover{
		background:rgba(4, 41, 47, 0.55);
	}
	/*-- //team --*/
	/*--blog--*/
	.agile-blogup h6 {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		color:rgba(25, 24, 24, 0.6);
	}
	.agile-blogmain h6 {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 0 0 25px 0;
		padding: 0;
		color:rgba(25, 24, 24, 0.6);
	}
	.left {
		float: left;
		border: 3px solid #ddd;
		width:17%;
		border-top:3px solid #11da58;
	}
	.right {
		float: left;
		width: 70%;
		margin-left: 13%;
	}
	.upblock{
		margin: 25px 0 0;
	}
	.upblock ul {
		margin: 0;
		padding: 0;
		
	}
	.upblock li {
		list-style-type: none;
	}
	span.date {
		font-size: 25px;
		font-weight: 800;
		text-align: center;
		letter-spacing: 2px;
		display: block;
		border-bottom:2px solid rgba(0, 0, 0, 0.28);
		padding: 10px;
	}
	span.month {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		display: block;
		line-height: 1.5;
		color:#564f4f;
		padding: 5px;
	}
	.right h5 {
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: rgba(4, 4, 4, 0.88);
		margin: 0 0 10px 0;
	}
	.right span {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 2;
		display: block;
		color: #423a3a;
	}
	.right span:before {
		content: "\f017";
		font-family: 'FontAwesome';
		margin-right: 10px;
		font-size: 20px;
		color: #635d5d;
	}
	.right label {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		white-space: break-spaces;
	}
	.right label:before {
		 content: "\f041";
		font-family: 'FontAwesome';
		margin-right: 10px;
		font-size: 20px;
		color: #635d5d;
	}
	.middleblock {
		margin: 25px 0 0;
	}
	.middleblock ul {
		margin: 0;
		padding: 0;
	}
	.middleblock li{
		list-style-type:none;
	}
	.lastblock {
		margin: 25px 0 0;
	}
	.lastblock ul {
		margin: 0;
		padding: 0;
	}
	.lastblock li{
		list-style-type:none;
	}

	.agile-blog1 {
		width: 13%;
		border: 2px solid #f7f6f6;
		padding: 10px;
		background: #1f3577;
		float:left;
	}
	.header-form1 h4 {
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 2;
		background: #fbf9f9;
		margin: 0;
		padding: 12px;
	}
	.agile-blogtext {
	  float: left;
		width: 87%;
		margin: 0;
		padding: 0;
	}
	 a.w3_play_icon {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		margin: 35px 0 0 0;
		display: block;
	}
	a.w3_play_icon {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #f7f1f1;
		background: rgba(9, 117, 42, 0.82);
		margin: 4px 0 0 0;
		padding: 15px;
		display: inline-block;
	}
	a.w3_play_icon1{
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #f7f1f1;
		 background: rgba(9, 117, 42, 0.82);
		margin: 4px 0 0 0;
		padding: 15px;
		display: inline-block;
	}

	.header-form1 a:focus {
		outline: none;
		outline-offset: -2px;
	}
	span.date1 {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 2px;
		display: block;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	span.month1 {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
		display: block;
		margin: 5px 0 0 0;
	}
	.modal-title {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 5px 0 5px;
		background: #eabfbf;
		color: #fff;
		padding: 7px;
	}
	/*--/blog--*/
	/*--contact--*/
	.agile-contactus {
		background: url(../images/contact.jpg)0px 0px no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		min-height: 500px;
	}
	.agile-contact1 h5 {
		font-size: 30px;
		font-weight: 500;
		text-align: left;
		text-transform: lowercase;
		color: #fff;
		margin:40px 0 10px 0;
	}
	.agile-contact1 p {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
	}
	.contact-form input[type="text"],.contact-form input[type="email"] {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		padding: 10px;
		outline: none;
		border: none;
		border-bottom: 2px solid #fff;
		background: none;
		color: #f7f4f4;
		display: block;
	}
	textarea {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		padding: 10px;
		 border: none;
		border-bottom: 2px solid #fff;
		background: none;
		color: #f7f4f4;
		width: 100%;
		height: 100px;
		color: #000;
	}
	.agile-contact1 {
		margin: 4em 0 0 0;
	}
	.agile-contact1 input[type="submit"] {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		width: 30%;
		margin: 20px auto 20px;
		display: block;
		padding: 7px;
		background: #362d4c;
		border: none;
		outline: none;
		color: #fff;
		cursor: pointer;
	}
	.agile-contact1 form {
		background: none;
		padding: 0;
	}
	::-webkit-input-placeholder{
		color:#fff;
	}
	iframe {
		width: 550px;
		height: 100%;
	}
	ul.navigation {
	   list-style-type: none;
		margin: 0;
		padding: 0;
		width: 40%;
		float: left;
		margin-left: 10%;
	}	
	.icon-left i {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		margin-right: 10px;
	}
	.icon-left {
		float: left;
		margin: 10px 0 0 0;
	}
	.icon-right h5 {
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		color: #fff;
		letter-spacing: 1px;
		margin: 10px 0 5px 0;
	}
	.icon-right span {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
	}
	ul.navigationmiddle {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 40%;
		float: left;
		margin-left: 10%;
	}
	.icon-right a {
		font-size: 15px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
	}
	ul.navigationthree {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 45%;
		float: left;
		margin-left: 5%;
	}
	.agile-fields {
		background:rgba(10, 9, 9, 0.48);
	}
	/*--/contact--*/
	/*--footer--*/
	footer {
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		color: #fff;
		background:rgba(0, 0, 0, 0.72);
		padding:1em;
	}
	footer a{
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		color:  #ffc800;

	}
	footer a:hover{
		text-decoration:none;
		color:  #ffc800;
	}
	/*--/footer--*/
	/*--top hover--*/
	#toTop {
		display: none;
		text-decoration: none;
		position: fixed;
		bottom: 20px;
		right: 2%;
		overflow: hidden;
		z-index: 999;
		width: 32px;
		height: 32px;
		border: none;
		text-indent: 100%;
		background: url(../images/arrow.png) no-repeat 0px 0px;
	}
	#toTopHover {
		width: 32px;
		height: 32px;
		display: block;
		overflow: hidden;
		float: right;
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	}
	/*--/tophover--*/
	/*--respsonsive--*/
@media(max-width:1920px){
		
}
@media(max-width:1680px){
		
}
@media(max-width:1600px){
		
}
@media(max-width:1440px){
		a.w3_play_icon {
			font-size: 17px;
			padding: 16px;
		}
		a.w3_play_icon1{
			font-size: 17px;
			padding: 16px;
		}
		.middleblock {
			margin: 10px 0 0;
		}
		.lastblock {
			margin: 10px 0 0;
		}
}
@media(max-width:1366px){
		a.w3_play_icon {
			font-size: 15px;
			padding: 19px;
		}
		a.w3_play_icon1{
			font-size: 15px;
			padding: 19px;
		}
}
@media(max-width:1280px){
		a.w3_play_icon {
			font-size: 14px;
			padding: 20px;
		}
		a.w3_play_icon1 {
			font-size: 14px;
			padding: 20px;
		}
}
@media(max-width:1080px){
		.agile-text h2 {
			font-size: 40px;
		}
		.btn{
			margin: 0px 0;
		}
		input[type="submit"]{
			margin: 11px auto 11px;
		}
		.agile-blogup {
			width: 100%;
		}
		.agile-blogmiddle {
			width: 50%;
		}
		.agile-bloglast {
			width: 50%;
		}
		iframe {
			width: 450px;
		}
		figure.effect-julia p{
			font-size: 0.9em;
		}
}
@media(max-width:1024px){
		.agile-aboutform h5 {
			font-size: 17px;
		}
		input[type="submit"] {
			margin: 25px auto 25px;
		}
		.line{
			width: 10%;
		}
}
@media(max-width:991px){
		.navbar-brand span {
			font-size: 20px;
		}
		.navbar-brand {
		   padding: 12px 15px;
			font-size: 22px;
		}
		.nav > li > a{
			font-size: 13px;
		}
		.agile-text h2 {
			font-size: 31px;
		}
		.agile-text p {
			font-size: 15px;
			width: 80%;
		}
		.agile-aboutform h5{
			margin: 10px 0 0 0;
		}
		.service-icon{
			margin: 0 0 20px 0;
		}
		.service-text{
			margin: 0 0 10px 10%;
		}
		.gallery-works {
			margin: 0 0 20px 0;
			width: 50%;
			float: left;
		}
		.agile-blogmiddle {
			width: 50%;
			float: left;
		}
		.agile-bloglast {
			width: 50%;
			float: left;
		}
		iframe {
			width: 750px;
			height: 200px;
			margin: 0em 0 0 0;
		}
		.agile-fields {
			margin: 0 0 10px 0;
		}
		.agile-aboutform {
			padding: 0;
		}
}
@media(max-width:900px){
	iframe {
		width: 690px;
	}
}
@media(max-width:800px){
	a.w3_play_icon {
		font-size: 14px;
		padding: 11px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	.agile-blog1 {
		width: 15%;
	}		
	.agile-blogtext {
		width: 85%;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	iframe {
		width: 690px;
	}
}
@media(max-width:768px){
	.wthree_team_grid_left figure .w3l_banner_figure{
		    padding: 0.5em!important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #f19409!important;
	}
	#small-dialog, #small-dialog1, #small-dialog2{
		max-width: 60%!important;
	}
}
@media(max-width:736px){
	div#bs-example-navbar-collapse-1 {
		position: absolute;
		width: 100%;
		background: rgba(29, 28, 28, 0.51);
		z-index: 9;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #3ec729;
	}
	.navbar-default .navbar-toggle {
		border-color: #3ec729;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fdfdfd;
	}
	iframe {
		width: 660px;
	}
	figure.effect-julia p {
		font-size: 0.8em;
	}
	.agile-text h2{
		width: 80%;
	}
	figure.effect-julia {
		margin: 0 0 15px 0px;
	}
}
@media(max-width:667px){
	iframe {
		width: 580px;
	}
	.agile-blogmiddle {
		width: 100%;
	}
	a.w3_play_icon {
		font-size: 14px;
		padding: 20px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 20px;
	}
	.agile-bloglast {
		width: 100%;
		float: left;
	}
	iframe {
		width: 590px;
	}
	.line {
		width: 15%;
	}
	.agile-text h2 {
		font-size: 26px;
	}
	.agile-navigation{
		min-height: 650px;
	}
}
@media(max-width:600px){
	.agile-text h2{
		width: 100%;
	}
	iframe {
		width: 523px;
	}
	#small-dialog, #small-dialog1, #small-dialog2 {
		max-width: 70%!important;
	}
}
@media(max-width:568px){
	iframe {
		width: 490px;
	}
	#small-dialog, #small-dialog1, #small-dialog2 {
		max-width: 90%!important;
	}
}

@media(max-width:480px){
	.agile-text h2 {
		font-size: 22px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 20px;
	}
	.icon-right h5 {
		font-size: 15px;
	}
	.icon-right span {
		font-size: 11px;
	}
	.icon-right a {
		font-size: 15px;
	}
	.agile-contact2 {
		padding: 0;
	}
	iframe {
		width: 435px;
	}
	.agile-blogmain h6{
		text-align: left;
	}
}
@media(max-width:414px){
	.agile-text h2 {
		font-size: 18px;
	}
	a.w3_play_icon {
		font-size: 14px;
		padding: 10px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	iframe {
		width: 380px;
	}
	.line {
		width: 20%;
	}
}	
@media(max-width:384px){
	.right span {
		font-size: 14px;
	}
	.right label {
		font-size: 13px;
	}
	a.w3_play_icon {
		font-size: 12px;
		padding: 15px;
	}
	a.w3_play_icon1 {
		font-size: 12px;
		padding: 15px;
	}
	iframe {
		width: 340px;
	}
	ul.navigation{
	    width: 36%;
	}
	.icon-right {
		float: left;
	}
	.agile-text h2 {
		font-size: 15px;
	}
	.agile-contact1 input[type="submit"]{
		width: 40%;
	}
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	.icon-right a {
		font-size: 12px;
	}
	iframe {
		width: 264px;
	}			
	.navbar-brand {
		padding: 15px 0px;
		font-size: 20px;
	}
	.agile-contact1 input[type="submit"]{
		width: 60%;
	}
	.left{
		width: 25%;
	}
	.right{
	    width: 60%;
	}
	.agile-blogtext {
		width: 80%;
	}
	.agile-blog1 {
		width: 20%;
	}
	.agile-text p {
		font-size: 13px;
		width: 100%;
	}
}
	/*--/respsonsive--*/

/* Theme System */
:root {
	--body-bg: linear-gradient(180deg, #07111f 0%, #0c1730 48%, #081120 100%);
	--ambient-1: rgba(94, 143, 255, 0.28);
	--ambient-2: rgba(255, 132, 132, 0.2);
	--nav-bg: rgba(7, 14, 28, 0.46);
	--nav-bg-scrolled: rgba(7, 14, 28, 0.88);
	--nav-border: rgba(255, 255, 255, 0.08);
	--nav-text: #f6f8ff;
	--surface-1: rgba(12, 22, 41, 0.8);
	--surface-2: rgba(10, 19, 37, 0.94);
	--surface-hero: #08111f;
	--section-contrast: rgba(7, 14, 29, 0.58);
	--section-plain: transparent;
	--glass-bg: rgba(10, 19, 36, 0.56);
	--text-1: #f6f9ff;
	--text-2: #b2c2da;
	--accent: #ff8b8b;
	--accent-rgb: 255, 139, 139;
	--accent-secondary-rgb: 106, 183, 255;
	--border-soft: rgba(255, 255, 255, 0.12);
	--shadow-soft: 0 28px 62px rgba(4, 10, 25, 0.3);
	--shadow-strong: 0 42px 90px rgba(4, 10, 25, 0.38);
	--input-bg: rgba(255, 255, 255, 0.04);
}

body[data-theme="neon"] {
	--body-bg: linear-gradient(180deg, #050816 0%, #0a1022 44%, #050914 100%);
	--ambient-1: rgba(0, 212, 255, 0.26);
	--ambient-2: rgba(255, 71, 167, 0.22);
	--nav-bg: rgba(4, 8, 20, 0.52);
	--nav-bg-scrolled: rgba(4, 8, 20, 0.9);
	--nav-border: rgba(91, 122, 255, 0.16);
	--nav-text: #f8fbff;
	--surface-1: rgba(10, 14, 30, 0.82);
	--surface-2: rgba(7, 10, 24, 0.96);
	--surface-hero: #040915;
	--section-contrast: rgba(5, 9, 22, 0.78);
	--section-plain: transparent;
	--glass-bg: rgba(8, 11, 25, 0.58);
	--text-1: #f7fbff;
	--text-2: #a5b5d8;
	--accent: #00d4ff;
	--accent-rgb: 0, 212, 255;
	--accent-secondary-rgb: 255, 71, 167;
	--border-soft: rgba(98, 120, 255, 0.18);
	--shadow-soft: 0 30px 68px rgba(0, 0, 0, 0.38);
	--shadow-strong: 0 46px 102px rgba(0, 0, 0, 0.48);
	--input-bg: rgba(255, 255, 255, 0.03);
}

body[data-theme="editorial"] {
	--body-bg: linear-gradient(180deg, #f4ede4 0%, #efe2d1 44%, #f8f3ec 100%);
	--ambient-1: rgba(208, 127, 98, 0.18);
	--ambient-2: rgba(204, 174, 112, 0.18);
	--nav-bg: rgba(255, 248, 239, 0.78);
	--nav-bg-scrolled: rgba(255, 248, 239, 0.95);
	--nav-border: rgba(92, 69, 45, 0.12);
	--nav-text: #32261d;
	--surface-1: rgba(255, 251, 246, 0.86);
	--surface-2: rgba(255, 247, 238, 0.98);
	--surface-hero: #f1e6d8;
	--section-contrast: rgba(255, 248, 240, 0.72);
	--section-plain: transparent;
	--glass-bg: rgba(255, 249, 242, 0.72);
	--text-1: #30241c;
	--text-2: #6d6055;
	--accent: #c4684c;
	--accent-rgb: 196, 104, 76;
	--accent-secondary-rgb: 200, 158, 92;
	--border-soft: rgba(88, 63, 42, 0.12);
	--shadow-soft: 0 22px 44px rgba(97, 71, 45, 0.14);
	--shadow-strong: 0 30px 64px rgba(97, 71, 45, 0.18);
	--input-bg: rgba(255, 255, 255, 0.82);
}

body[data-theme] {
	position: relative;
	background: var(--body-bg) !important;
	color: var(--text-1);
	transition: background 0.55s ease, color 0.35s ease;
}

body[data-theme]::before,
body[data-theme]::after {
	content: "";
	position: fixed;
	width: 34vw;
	height: 34vw;
	min-width: 280px;
	min-height: 280px;
	border-radius: 50%;
	filter: blur(88px);
	opacity: 1;
	pointer-events: none;
	z-index: -1;
	transition: background-color 0.55s ease, transform 0.55s ease, opacity 0.55s ease;
}

body[data-theme]::before {
	top: -10vw;
	left: -8vw;
	background: var(--ambient-1);
}

body[data-theme]::after {
	right: -10vw;
	bottom: 8vh;
	background: var(--ambient-2);
}

body[data-theme] span {
	color: inherit;
}

body[data-theme] section,
body[data-theme] footer,
body[data-theme] .modern-slider-container {
	position: relative;
	z-index: 1;
}

body[data-theme] [id] {
	scroll-margin-top: 116px;
}

body[data-theme] a,
body[data-theme] button,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] .theme-switcher-panel,
body[data-theme] .modern-slider-container,
body[data-theme] .about-content-box,
body[data-theme] .about-image-card,
body[data-theme] .about-form-card,
body[data-theme] .service-card-compact,
body[data-theme] .premium-stat-card,
body[data-theme] .testimonial-card,
body[data-theme] .event-card-horizontal,
body[data-theme] .gallery-item,
body[data-theme] .wthree_team_grid_left figure.effect-julia,
body[data-theme] .achievement-grid figure.effect-julia,
body[data-theme] .agile-contact .col-md-6,
body[data-theme] .agile-contact .col-md-5 > div,
body[data-theme] .agile-contact .col-md-5 > a > div,
body[data-theme] .slide-overlay,
body[data-theme] .hero-copy-panel,
body[data-theme] .hero-metric-card {
	transition:
		background-color 0.45s ease,
		background 0.45s ease,
		color 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.45s ease,
		transform 0.24s ease;
}

body[data-theme] h4.header {
	color: var(--text-1) !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 900 !important;
	line-height: 1.02;
	letter-spacing: -0.04em;
	text-transform: none;
	text-align: center;
}

body[data-theme] .line {
	width: 78px !important;
	height: 4px !important;
	margin: 14px auto 0 !important;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9)) !important;
	box-shadow: 0 12px 26px rgba(var(--accent-rgb), 0.22);
}

body[data-theme] .agile-about,
body[data-theme] .agile-services,
body[data-theme] .agile-team,
body[data-theme] .agile-contact,
body[data-theme] .gallery-section {
	background: transparent !important;
}

body[data-theme] .testimonial-main-section,
body[data-theme] .event-main-section {
	background: var(--section-contrast) !important;
}

body[data-theme] .about-content-box,
body[data-theme] .about-image-card,
body[data-theme] .about-form-card,
body[data-theme] .service-card-compact,
body[data-theme] .premium-stat-card,
body[data-theme] .testimonial-card,
body[data-theme] .event-card-horizontal,
body[data-theme] .gallery-item,
body[data-theme] .wthree_team_grid_left figure.effect-julia,
body[data-theme] .achievement-grid figure.effect-julia,
body[data-theme] .agile-contact .col-md-6,
body[data-theme] .agile-contact .col-md-5 > div,
body[data-theme] .agile-contact .col-md-5 > a > div,
body[data-theme] .slide-overlay,
body[data-theme] .hero-metric-card {
	background: var(--surface-1) !important;
	border-color: var(--border-soft) !important;
	box-shadow: var(--shadow-soft) !important;
	color: var(--text-1) !important;
}

body[data-theme] .hero-copy-panel,
body[data-theme] .slide-overlay,
body[data-theme] .theme-switcher-panel {
	background: var(--glass-bg) !important;
	border-color: var(--border-soft) !important;
	box-shadow: var(--shadow-soft) !important;
}

body[data-theme] .about-form-card,
body[data-theme] #myForm2,
body[data-theme] .premium-stat-card {
	background: var(--surface-2) !important;
}

body[data-theme] .about-content-box h3,
body[data-theme] .service-card-compact h4,
body[data-theme] .premium-stat-card h3,
body[data-theme] .testi-author,
body[data-theme] .event-column-title,
body[data-theme] .event-body-side h5,
body[data-theme] .agile-contact strong {
	color: var(--text-1) !important;
}

body[data-theme] .about-content-box p,
body[data-theme] .service-card-compact p,
body[data-theme] .testi-comment,
body[data-theme] .event-desc-small,
body[data-theme] .event-meta-small,
body[data-theme] .agile-contact p,
body[data-theme] .agile-contact span,
body[data-theme] .hero-copy-panel p,
body[data-theme] .hero-metric-card span {
	color: var(--text-2) !important;
}

body[data-theme] .about-content-box h3::after,
body[data-theme] .event-column-title::after {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9)) !important;
}

body[data-theme] .service-icon-small,
body[data-theme] .service-icon-modern,
body[data-theme] .premium-icon,
body[data-theme] .student-name,
body[data-theme] .testi-role,
body[data-theme] .event-column-title i,
body[data-theme] .event-meta-small i {
	color: var(--accent) !important;
}

body[data-theme] .service-icon-small,
body[data-theme] .service-icon-modern,
body[data-theme] .agile-contact .col-md-5 > div > div:first-child,
body[data-theme] .agile-contact .col-md-5 > a > div > div:first-child {
	background: rgba(var(--accent-rgb), 0.12) !important;
	color: var(--accent) !important;
}

body[data-theme] .service-card-compact:hover .service-icon-small,
body[data-theme] .service-card-modern:hover .service-icon-modern {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-secondary-rgb), 0.9)) !important;
	color: #fff !important;
}

body[data-theme] .stat-banner-highlight,
body[data-theme] .btn-more-custom,
body[data-theme] .about-submit-btn,
body[data-theme] #myForm2 button,
body[data-theme] .btn-load-more {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9)) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 20px 36px rgba(var(--accent-rgb), 0.22);
}

body[data-theme] .stat-banner-highlight {
	animation: shimmer-gold 3s linear infinite !important;
}

body[data-theme] .btn-more-custom:hover,
body[data-theme] .about-submit-btn:hover,
body[data-theme] #myForm2 button:hover,
body[data-theme] .btn-load-more:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.04);
}

body[data-theme] .hero-button-secondary {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: var(--border-soft) !important;
	color: var(--text-1) !important;
}

body[data-theme] .modern-input-group input,
body[data-theme] .modern-input-group textarea,
body[data-theme] #myForm2 input,
body[data-theme] #myForm2 textarea {
	background: var(--input-bg) !important;
	border: 1px solid var(--border-soft) !important;
	color: var(--text-1) !important;
	box-shadow: none !important;
}

body[data-theme] input::placeholder,
body[data-theme] textarea::placeholder,
body[data-theme] .modern-input::placeholder {
	color: var(--text-2) !important;
}

body[data-theme] .modern-input-group input:focus,
body[data-theme] .modern-input-group textarea:focus,
body[data-theme] #myForm2 input:focus,
body[data-theme] #myForm2 textarea:focus {
	border-color: rgba(var(--accent-rgb), 0.42) !important;
	box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.12) !important;
	outline: none !important;
}

body[data-theme] .gallery-overlay {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.82), rgba(var(--accent-secondary-rgb), 0.76)) !important;
}

body[data-theme] .gallery-overlay i,
body[data-theme] .gallery-overlay span {
	color: #fff !important;
}

body[data-theme] .agile-contact .col-md-5 > a > div span {
	color: var(--accent) !important;
}

body[data-theme] .testimonial-slider .slick-dots li button:before,
body[data-theme] .event-slider .slick-dots li button {
	color: var(--accent) !important;
}

body[data-theme] .testimonial-slider .slick-dots li.slick-active button:before,
body[data-theme] .event-slider .slick-dots li.slick-active button {
	color: var(--text-1) !important;
}

body[data-theme] .event-slider .slick-dots li button {
	background: var(--surface-1) !important;
	border-color: var(--border-soft) !important;
	box-shadow: none !important;
}

body[data-theme] .event-slider .slick-dots li.slick-active button {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9)) !important;
	border-color: transparent !important;
	box-shadow: 0 18px 30px rgba(var(--accent-rgb), 0.18) !important;
}

body[data-theme] [data-target^="#infoModal"] .event-card-horizontal {
	border-left: 6px solid var(--accent) !important;
}

body[data-theme] .modal-content {
	background: var(--surface-2);
	border: 1px solid var(--border-soft);
	color: var(--text-1);
	box-shadow: var(--shadow-soft);
}

body[data-theme] .modal-header {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9)) !important;
	border-bottom: none !important;
	color: #fff !important;
}

body[data-theme] .modal-body p {
	color: var(--text-2) !important;
}

body[data-theme] .swal2-popup.my-swal-popup {
	background: var(--surface-2) !important;
	color: var(--text-1) !important;
	border: 1px solid var(--border-soft) !important;
	box-shadow: var(--shadow-soft) !important;
}

body[data-theme] .swal2-title,
body[data-theme] .swal2-html-container {
	color: var(--text-1) !important;
}

body[data-theme] .about-content-box,
body[data-theme] .about-image-card,
body[data-theme] .about-form-card,
body[data-theme] .service-card-compact,
body[data-theme] .premium-stat-card,
body[data-theme] .testimonial-card,
body[data-theme] .event-card-horizontal,
body[data-theme] .gallery-item,
body[data-theme] .wthree_team_grid_left figure.effect-julia,
body[data-theme] .achievement-grid figure.effect-julia,
body[data-theme] .agile-contact .col-md-6,
body[data-theme] .agile-contact .col-md-5 > div,
body[data-theme] .agile-contact .col-md-5 > a > div,
body[data-theme] .hero-copy-panel,
body[data-theme] .hero-metric-card {
	transform: perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translate3d(0, var(--tilt-lift, 0), 0) !important;
	transform-style: preserve-3d;
	will-change: transform;
}

body[data-theme] .about-content-box:hover,
body[data-theme] .about-image-card:hover,
body[data-theme] .about-form-card:hover,
body[data-theme] .service-card-compact:hover,
body[data-theme] .premium-stat-card:hover,
body[data-theme] .testimonial-card:hover,
body[data-theme] .event-card-horizontal:hover,
body[data-theme] .gallery-item:hover,
body[data-theme] .wthree_team_grid_left figure.effect-julia:hover,
body[data-theme] .achievement-grid figure.effect-julia:hover,
body[data-theme] .agile-contact .col-md-6:hover,
body[data-theme] .agile-contact .col-md-5 > div:hover,
body[data-theme] .agile-contact .col-md-5 > a > div:hover,
body[data-theme] .hero-copy-panel:hover,
body[data-theme] .hero-metric-card:hover {
	--tilt-lift: -10px;
	box-shadow: var(--shadow-strong) !important;
}

body[data-theme] footer {
	padding: 26px 18px;
	background: var(--surface-2) !important;
	color: var(--text-2) !important;
	border-top: 1px solid var(--border-soft);
	box-shadow: 0 -18px 34px rgba(5, 10, 25, 0.08);
	text-align: center;
}

body[data-theme] footer a {
	color: var(--accent) !important;
}

body[data-theme] footer span {
	color: inherit !important;
}

body[data-theme] .section-heading-block {
	max-width: 760px;
	margin: 0 auto 42px;
	text-align: center;
}

body[data-theme] .section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(var(--accent-rgb), 0.12);
	color: var(--accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body[data-theme] .section-lead {
	margin: 18px auto 0;
	max-width: 680px;
	color: var(--text-2);
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
}

body[data-theme] .section-surface {
	padding: 32px;
	border-radius: 32px;
	background: var(--surface-1);
	border: 1px solid var(--border-soft);
	box-shadow: var(--shadow-soft);
}

body[data-theme="editorial"] .navbar-nav > li > a:hover,
body[data-theme="editorial"] .navbar-nav > li > a:focus,
body[data-theme="editorial"] .navbar-nav > li.active > a {
	background: rgba(48, 36, 28, 0.05) !important;
}

body[data-theme="editorial"] .slide-overlay {
	background: rgba(56, 41, 30, 0.68) !important;
}

body[data-theme="editorial"] .hero-button-secondary {
	background: rgba(48, 36, 28, 0.04) !important;
}

body[data-theme="glass"] .agile-contact iframe,
body[data-theme="neon"] .agile-contact iframe {
	filter: saturate(0.88) contrast(1.02);
}

@media (hover: none), (pointer: coarse) {
	body[data-theme] .about-content-box,
	body[data-theme] .about-image-card,
	body[data-theme] .about-form-card,
	body[data-theme] .service-card-compact,
	body[data-theme] .premium-stat-card,
	body[data-theme] .testimonial-card,
	body[data-theme] .event-card-horizontal,
	body[data-theme] .gallery-item,
	body[data-theme] .wthree_team_grid_left figure.effect-julia,
	body[data-theme] .achievement-grid figure.effect-julia,
	body[data-theme] .agile-contact .col-md-6,
	body[data-theme] .agile-contact .col-md-5 > div,
	body[data-theme] .agile-contact .col-md-5 > a > div,
	body[data-theme] .hero-copy-panel,
	body[data-theme] .hero-metric-card {
		transform: none !important;
	}
}

body[data-theme] {
	min-height: 100vh;
	overflow-x: hidden;
}

body[data-theme]::before {
	top: -4vw;
	left: -6vw;
	width: 38vw;
	height: 38vw;
}

body[data-theme]::after {
	right: -8vw;
	bottom: 12vh;
	width: 34vw;
	height: 34vw;
}

.site-app-shell {
	position: relative;
	min-height: 100vh;
}

.site-sidebar {
	position: fixed;
	top: 22px;
	left: 22px;
	bottom: 22px;
	z-index: 1000;
	width: 290px;
	padding: 22px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 32px;
	background: var(--glass-bg);
	border: 1px solid var(--border-soft);
	box-shadow: var(--shadow-strong);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
	overflow-y: auto;
}

.site-sidebar::before {
	content: "";
	position: absolute;
	inset: 14px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	pointer-events: none;
}

.site-sidebar-top {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 14px;
}

.site-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none !important;
}

.site-brand-mark {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-secondary-rgb), 0.9));
	color: #fff !important;
	font-size: 24px;
	font-weight: 900;
	box-shadow: 0 20px 30px rgba(var(--accent-rgb), 0.24);
}

.site-brand-copy {
	display: grid;
}

.site-brand-copy strong {
	color: var(--text-1);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.02em;
}

.site-brand-copy small {
	margin-top: 4px;
	color: var(--text-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.site-brand-text {
	margin: 0;
	color: var(--text-2);
	font-size: 14px;
	line-height: 1.8;
}

.sidebar-nav {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 8px;
}

.sidebar-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 18px;
	color: var(--text-2) !important;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-decoration: none !important;
	transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	border: 1px solid transparent;
}

.sidebar-link-icon {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	color: var(--accent);
	font-size: 15px;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.sidebar-link:hover,
.sidebar-link:focus,
.sidebar-link.is-active {
	transform: translateX(4px);
	background: rgba(var(--accent-rgb), 0.1);
	border-color: rgba(var(--accent-rgb), 0.16);
	color: var(--text-1) !important;
}

.sidebar-link:hover .sidebar-link-icon,
.sidebar-link:focus .sidebar-link-icon,
.sidebar-link.is-active .sidebar-link-icon {
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-secondary-rgb), 0.9));
	color: #fff;
}

.sidebar-cta-card {
	position: relative;
	z-index: 1;
	padding: 18px;
	display: grid;
	gap: 12px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--border-soft);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.sidebar-card-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--accent);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.sidebar-cta-card strong {
	color: var(--text-1);
	font-size: 17px;
	line-height: 1.4;
}

.sidebar-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 18px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9));
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: 0 20px 36px rgba(var(--accent-rgb), 0.22);
}

.theme-switcher-panel {
	position: relative !important;
	inset: auto !important;
	width: auto !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.site-sidebar .theme-switcher-panel {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 12px;
	padding: 18px !important;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid var(--border-soft) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.theme-switcher-title {
	display: block;
	color: var(--text-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.theme-switcher-options {
	display: grid;
	gap: 10px;
}

.theme-option {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 18px;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.04);
	color: var(--text-1);
	cursor: pointer;
	text-align: left;
	appearance: none;
	-webkit-appearance: none;
}

.theme-option-swatch {
	width: 40px;
	height: 40px;
	border-radius: 14px;
	flex: 0 0 40px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.theme-option-swatch-glass {
	background: linear-gradient(135deg, #10213c 0%, #1f3d67 48%, #ff8d8b 100%);
}

.theme-option-swatch-neon {
	background: linear-gradient(135deg, #0b1020 0%, #182341 45%, #00d4ff 74%, #ff47a7 100%);
}

.theme-option-swatch-editorial {
	background: linear-gradient(135deg, #f5ede1 0%, #e6d6be 45%, #d18d74 100%);
}

.theme-option-copy {
	display: grid;
	gap: 3px;
}

.theme-option-copy strong {
	color: var(--text-1);
	font-size: 13px;
	font-weight: 800;
}

.theme-option-copy small {
	color: var(--text-2);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.theme-option:hover,
.theme-option:focus,
.theme-option.active {
	background: rgba(var(--accent-rgb), 0.1);
	border-color: rgba(var(--accent-rgb), 0.18);
	color: var(--text-1);
}

.theme-option.active {
	box-shadow: 0 16px 26px rgba(var(--accent-rgb), 0.12);
}

.site-sidebar-backdrop {
	display: none;
}

.mobile-topbar,
.mobile-bottom-dock {
	display: none;
}

body.sidebar-open {
	overflow: hidden;
}

.site-canvas {
	position: relative;
	margin-left: 334px;
	padding: 24px 24px 34px;
}

.site-canvas > .container,
.site-canvas .container {
	width: min(1320px, calc(100% - 32px));
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

.site-canvas section {
	margin-bottom: 30px;
}

.site-footer {
	margin: 24px auto 0;
	padding: 24px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-radius: 26px;
	background: var(--surface-2);
	border: 1px solid var(--border-soft);
	box-shadow: var(--shadow-soft);
}

.site-footer-copy {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.site-footer-copy strong {
	color: var(--text-1);
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.site-footer-copy span {
	color: var(--text-2);
	font-size: 13px;
	line-height: 1.6;
}

.site-footer-link {
	color: var(--accent) !important;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
}

body[data-theme] .agile-about,
body[data-theme] .agile-services,
body[data-theme] .agile-team,
body[data-theme] .testimonial-main-section,
body[data-theme] .event-main-section,
body[data-theme] .gallery-section,
body[data-theme] .agile-contact {
	padding: 92px 0;
	border-radius: 36px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 30%),
		var(--section-contrast) !important;
	border: 1px solid var(--border-soft);
	box-shadow: var(--shadow-soft);
}

body[data-theme] .testimonial-main-section,
body[data-theme] .event-main-section {
	padding-left: 0;
	padding-right: 0;
}

body[data-theme] .section-heading-block {
	margin-bottom: 48px;
}

body[data-theme] .section-surface {
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

body[data-theme] [id] {
	scroll-margin-top: 36px;
}

@media (max-width: 1320px) {
	.site-sidebar {
		width: 272px;
	}

	.site-canvas {
		margin-left: 314px;
	}
}

@media (max-width: 1099px) {
	.site-sidebar {
		top: 78px;
		left: 12px;
		bottom: 96px;
		transform: translateX(calc(-100% - 18px));
		transition: transform 0.32s ease;
	}

	body.sidebar-open .site-sidebar {
		transform: translateX(0);
	}

	.site-sidebar-backdrop {
		position: fixed;
		inset: 0;
		z-index: 998;
		display: block;
		background: rgba(4, 9, 20, 0.48);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.28s ease;
	}

	body.sidebar-open .site-sidebar-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	.mobile-topbar {
		position: sticky;
		top: 0;
		z-index: 997;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 16px 0;
		margin-bottom: 8px;
	}

	.mobile-brand {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		text-decoration: none !important;
	}

	.mobile-brand-mark {
		width: 44px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 14px;
		background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.96), rgba(var(--accent-secondary-rgb), 0.9));
		color: #fff !important;
		font-size: 21px;
		font-weight: 900;
	}

	.mobile-brand-copy {
		color: var(--text-1);
		font-size: 19px;
		font-weight: 900;
		letter-spacing: 0.04em;
	}

	.mobile-menu-toggle {
		width: 46px;
		height: 46px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--border-soft);
		border-radius: 16px;
		background: var(--glass-bg);
		color: var(--text-1);
		box-shadow: var(--shadow-soft);
	}

	.mobile-bottom-dock {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 12px;
		z-index: 997;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 8px;
		padding: 10px;
		border-radius: 24px;
		background: var(--glass-bg);
		border: 1px solid var(--border-soft);
		box-shadow: var(--shadow-soft);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	.dock-link {
		display: grid;
		justify-items: center;
		gap: 4px;
		padding: 9px 6px;
		border-radius: 16px;
		color: var(--text-2) !important;
		text-decoration: none !important;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.dock-link i {
		font-size: 16px;
		color: var(--accent);
	}

	.dock-link-accent {
		background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.98), rgba(var(--accent-secondary-rgb), 0.9));
		color: #fff !important;
	}

	.dock-link-accent i {
		color: #fff;
	}

	.dock-link.is-active {
		background: rgba(var(--accent-rgb), 0.1);
		color: var(--text-1) !important;
	}

	.site-canvas {
		margin-left: 0;
		padding: 0 12px 110px;
	}

	.site-canvas > .container,
	.site-canvas .container {
		width: calc(100% - 8px);
	}

	.site-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.site-sidebar .theme-switcher-panel {
		padding: 16px !important;
	}
}

@media (max-width: 640px) {
	body[data-theme] .agile-about,
	body[data-theme] .agile-services,
	body[data-theme] .agile-team,
	body[data-theme] .testimonial-main-section,
	body[data-theme] .event-main-section,
	body[data-theme] .gallery-section,
	body[data-theme] .agile-contact {
		padding: 72px 0;
	}

	.site-sidebar {
		width: calc(100% - 24px);
		right: 12px;
	}
}