/* Montek Creative Agency Business HTML-5 Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Banner One
6. Services One
7. Gallery One
8. journal One
9. Testimonial One
10. Counter One
11. Awards One
12. Main Footer
13. Page Title
14. Team One
15. journal Detail
16. Work One
17. Work Detail
18. Contact Info
19. Contact Form

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('animate.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('odometer-theme-default.css');

/*** 

====================================================================
	Banner One
====================================================================

***/

.banner-one{
	position:relative;
	padding:220px 0px 80px;
	background-size:cover;
	overflow: hidden;  
}

.banner-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.80;
	background-color:var(--color-four);
}

.banner-one_content{
	position:relative;
	z-index: 2;
}

.banner-one_content-inner{
	position:relative;
}

.banner-one_heading{
	font-weight:700;
	text-align:center;
	margin-bottom:80px;
	color: var(--white-color);
	text-transform:uppercase;
}

.banner-one_text{
	position: relative;
	font-size: 30px;
	line-height: 40px;
	padding-top:20px;
	padding-right:180px;
	color: var(--white-color);
	border-top:1px solid #540000;
}

.banner-one_text-two{
	position: relative;
	font-size: 30px;
	line-height: 40px;
	padding-bottom:20px;
	padding-right:180px;
	color: var(--white-color);
	border-bottom:1px solid var(--white-color);
}

.banner-one .down-box{
	position:absolute;
	left:47%;
	bottom:65px;
	z-index:10;
	width:125px;
	height:125px;
	cursor:pointer;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

/* Banner Two */
.banner-two {
	position: relative;
	padding: 280px 0 200px;
	background-size: cover;
}

.banner-two:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	/* Gradient: dark at top (#000000 0%), transparent at bottom (rgba(0,0,0,0) 100%) */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
}

.banner-two_content {
    position: relative;
    z-index: 2;
}

.banner-two_content-inner {
    position: relative;
}

.banner-two_heading {
    font-weight: 700;
    text-align: center;
    margin-bottom: 80px;
    color: var(--white-color);
    text-transform: uppercase;
}


/*** 

====================================================================
	Services One
====================================================================

***/

.services-one{
	position:relative;
	padding:100px 0px 70px;
	background: var(--main-color);
	background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 60%, var(--color-two) 100%);
}

.service-block_one{
	position:relative;
	margin-bottom:30px;
}

.service-block_one-inner{
	position:relative;
	padding:35px 40px;
	border: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.service-block_one-inner:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(1,0.2);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background-color:var(--color-three);
}

.service-block_one-inner:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.service-block_one-heading{
	position:relative;
	font-weight:400;
	color: #fff;
}

.service-block_one-heading a{
	position:relative;
	color:var(--white-color);
}

.service-block_one-icon{
	position:relative;
}

/*** 

====================================================================
	Gallery One
====================================================================

***/

.gallery-one{
	position:relative;
	padding:100px 0px 70px;
	background-color: var(--color-four);
}

.gallery-block_one{
	position:relative;
	margin-bottom:30px;
}

.gallery-block_one-inner{
	position:relative;
}

.gallery-block_one-content{
	position:relative;
	padding:25px 25px;
	border: 1px solid rgba(var(--white-color-rgb), 0.20);
}

.gallery-block_one-content:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(0.2,1);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.gallery-block_one-inner:hover .gallery-block_one-content:before{
	opacity:1;
	transform:scale(1,1);
}

.gallery-block_one-image{
	position: relative;
	height: 300px;
	overflow: hidden;
	margin-bottom:25px;
}

.gallery-block_one-inner:hover .gallery-block_one-image:before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.gallery-block_one-image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 99;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.gallery-block_one-image img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.8s cubic-bezier(.25,.46,.45,.94);
}

/* Hover zoom */
.gallery-block_one-image:hover img{
	transform: scale(1.08);
}

.gallery-block_one-title{
	position:relative;
	font-size:18px;
	text-transform:capitalize;
	color:rgba(var(--white-color-rgb), 0.50);
}

.gallery-block_one-heading{
	position:relative;
	font-weight: 600;
	margin-top:10px;
	text-transform:uppercase;
}

.gallery-block_one-heading a{
	position:relative;
	color:rgba(var(--white-color-rgb), 1);
}

.gallery-block_one-heading a:hover{
	color: rgb(255 255 255);
}

.service-block_one-more{
	position:relative;
	margin-left:25px;
}

.service-block_one-more .view-more{
	position:relative;
	font-size:16px;
	line-height:1em;
	display:inline-block;
	padding:9px 45px 9px 10px;
	color:var(--color-four);
	text-transform:uppercase;
	background-color:var(--white-color);
}

.service-block_one-more .view-more i{
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	width:35px;
	font-size:18px;
	line-height:33px;
	color:var(--white-color);
	background-color:var(--color-four);
}

/*** 

====================================================================
	journal One
====================================================================

***/

.journal-one{
	position:relative;
	padding:100px 0px 70px;
	background-attachment:fixed;
	background-size:cover;
}


.journal-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background-color:var(--color-four);
}

.journal-one .journal-block_one{
	width:20%;
	float:left;
	padding:0px 15px;
}

.journal-block_one{
	position:relative;
	margin-bottom:30px;
}

.journal-block_one-inner{
	position:relative;
	padding:25px 25px;
	background-color:rgba(var(--black-color-rgb), 0.50);
}

.journal-block_one-inner:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	opacity:0;
	transform:scale(0.2,1);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.journal-block_one-inner:hover::before{
	opacity:1;
	transform:scale(1,1);
}

.journal-block_one-title{
	position:relative;
	font-size:14px;
	padding:5px 15px;
	text-transform:capitalize;
	color:var(--white-color);
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.50);
}

.journal-block_one-inner:hover .journal-block_one-title{
	color:var(--white-color);
	border-color:var(--color-four);
	background-color:var(--color-four);
}

.journal-block_one-heading{
	position:relative;
	font-weight:400;
	margin-top:18px;
	max-width:220px;
	margin-bottom:110px;
}

.journal-block_one-heading a{
	position:relative;
	color:var(--white-color);
}

.journal-block_one-arrow{
	position:absolute;
	right:10px;
	bottom:15px;
	line-height:1em;
	font-size:30px;
	display:inline-block;
	color:var(--white-color);
	transform:rotate(45deg);
}

.journal-block_one-arrow:hover{
	color:var(--color-four);
}

/*** 

====================================================================
	Testimonial One
====================================================================

***/

.testimonial-one{
	position:relative;
	padding:100px 0px 70px;
	background-color:var(--color-four);
	
}

.testimonial-one.style-two{
	padding-top:0px;
	background:none;
}

.testimonial-block_one{
	 display: flex;
    flex-direction: column; /* keep hover animations working */
    height: 100%;           /* stretch to fill column */
	margin-bottom:30px;
}

.testimonial-block_one-inner{
	   display: flex;
    flex-direction: column;
    height: 100%;           /* fill parent */
}
	


.testimonial-block_one-content{
	position:relative;
	padding:25px 25px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
	  flex: 1 0 auto;         /* stretch content to fill inner container */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering of text */

}

.testimonial-block_one-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	background-color: rgba(var(--main-color-rgb), 0.36);
	z-index: 0; /* behind all content */
	
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonial-block_one-inner:hover .testimonial-block_one-content:before{
	opacity:1;
	-webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.testimonial-block_one-author{
	position:relative;
	width:70px;
	height:70px;
	display:inline-block;
}

.testimonial-block_one-name{
	position:relative;
	font-weight:500;
	margin-top:0px;
	    text-align: left;
		    color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-inner:hover .testimonial-block_one-name,
.testimonial-block_one-inner:hover .testimonial-block_one-designation,
.testimonial-block_one-inner:hover .testimonial-block_one-lower {
    color:var(--white-color);
}

.testimonial-block_one-designation{
	position:relative;
	font-weight:400;
	font-size:15px;
	margin-top:5px;
	opacity:0.30;
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-number{
	position:relative;
	font-weight:700;
	font-size:40px;
	margin-top:30px;
	opacity:0.10;
	text-align:right;
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-block_one-inner:hover .testimonial-block_one-number{
	opacity:1;
	color:var(--color-four);
}

.testimonial-block_one-lower{
	position:relative;
	margin-left:0px;
	margin-top:25px;
	font-size:18px;
	line-height:28px;
	padding-left:0px;
	color:var(--white-color);
}

.testimonial-block_one-lower .quote_icon{
	position:absolute;
	left:0px;
	top:6px;
	line-height:1em;
}

.testimonial-block_one-content img {
	    position: relative;
    z-index: 2;
}



/*** 

====================================================================
	stats One
====================================================================

***/

.stats-one{
	position:relative;
	padding:100px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
}

.stats-one.style-two::before{
	display:none;
}

.stats-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:1;
	background-color:var(--color-four);
}

.stats-one .inner-container{
	position:relative;
	overflow:hidden;
	border: 1px solid rgba(var(--white-color-rgb), 1);
	border-bottom:0px;
}

.stats-one .counter-block_one{
	float:left;
	padding:0px 0px;
}

.counter-block_one{
	position:relative;
}

.counter-block_one-inner{
	position:relative;
	padding:35px 55px;
	border-right: 1px solid rgba(var(--white-color-rgb), 1);
	border-bottom: 1px solid rgba(var(--white-color-rgb), 1);
}

.counter-block_one-inner:before{
	position:absolute;
	content:'';
	right:20px;
	top:20px;
	width:15px;
	height:15px;
	border-radius:50px;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.counter-block_one-counter{
	position:relative;
	font-size:75px;
	font-weight:500;
	line-height:1em;
	color:var(--white-color);
}

.counter-block_one-text{
	position:relative;
	font-size:20px;
	margin-top:0px;
	color:var(--white-color);
	text-transform:capitalize;
}

.stats-one_contact-column{
	padding:0px 0px;
	float:left;
}

.stats-one .stats-one_contact-column{
	position:relative;
}

.stats-one_contact-inner{
	position:relative;
	padding:35px 35px;
	background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.stats-one_contact-content{
	position:relative;
	padding:19px 30px 19px 80px;
	background-color:var(--color-four);
}

.stats-one_contact-icon{
	position:absolute;
	left:25px;
	top:40px;
	font-size:34px;
	line-height:1em;
	color:var(--white-color);
}

.stats-one_contact-content h3{
	position:relative;
	font-size:30px;
	font-weight:500;
	color:var(--white-color);
	text-transform:uppercase;
}

.stats-one_contact-content .text{
	position:relative;
	font-size:20px;
	font-weight:400;
	color:var(--white-color);
	text-transform:capitalize;
}

/*** 

====================================================================
	Awards One
====================================================================

***/

.awards-one {
    position: relative;
    padding: 100px 0px 100px;
    background-color: var(--color-four);
}

.awards-one.style-two {
    padding-top: 0px;
    background: none;
}

.awards-block_one {
    position: relative;
    margin-bottom: 10px;
}

.awards-block_one-inner {
    display: flex;
    align-items: center; /* vertically center content */
    padding: 20px 10px;
    min-height: 160px;
    border: 1px solid rgba(var(--white-color-rgb), 0.10);
    background: rgba(15,15,15,0.7);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden; /* ensures subtitle doesn’t overflow outside box */
    position: relative;
}

.awards-block_one-inner:before {
    position: absolute;
    content: '';
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 0;
    transform: scale(1, 0.2);

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.awards-block_one-inner:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

.awards-block_one-content {
    position: relative;
    padding-left: 125px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertically center title container */
    transition: all 0.5s ease;
}


.awards-block_one-number {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* keeps number vertically centered */
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 98px;
    text-align: center;
    color: var(--white-color);
    background-color: var(--black-color);
    border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.awards-block_one-title {
    position: relative;
    font-weight: 500;
    color: var(--white-color);
    text-transform: none;
    transition: transform 0.5s ease; /* smooth slide */
}

.awards-one .title-box h4 {
    font-weight: 400;
    color: var(--white-color);
}

.awards-block_one-title span {
    position: absolute; /* removes it from flow */
    left: 0;
    top: 120%; /* starts just below the title */
    font-size: 16px;
    opacity: 0;
    transform: translateY(10px); /* slightly below */
    transition: all 0.5s ease;
    line-height: 1.3em;
    width: 100%;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.awards-block_one-inner:hover .awards-block_one-title {
    transform: translateY(-15px); /* slide title up */
}

.awards-block_one-inner:hover .awards-block_one-title span {
    opacity: 1;
	transform: translateY(0); /* reveal subtitle */
}

.awards-block_one-arrow {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1;
    font-size: 44px;
    line-height: 1em;
    color: var(--white-color);
}

.awards-block_one-link {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    display: block;
}




/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	text-align:center;
	padding:300px 0px 90px;
}

.page-title_heading{
	position:relative;
	font-size:120px;
	line-height:1em;
	color:var(--white-color);
	text-transform:uppercase;
}

.page-title_text{
	position:relative;
	font-size:18px;
		line-height:1.5em;
	margin-top:10px;
	color:var(--white-color);
}

/*** 

====================================================================
	Team One
====================================================================

***/

.team-one{
	position:relative;
	padding:0px 0px 0px;
	background: var(--main-color);
	background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 60%, var(--color-two) 100%);
}

.team-one .title-box{
	position:relative;
}

.team-one .title-box h2{
	position:relative;
	font-size:36px;
	font-weight:400;
	line-height:50px;
	margin-bottom:40px;
	color:var(--white-color);
}

.team-block_one{
	position:relative;
	margin-bottom:50px;
	    display: flex;
}

.team-block_one-inner{
	position:relative;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:40px;
}

.team-block_one-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:45px;
	right:0px;
	bottom:0px;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials{
	position:relative;
	width:172px;
	margin-top:70px;
	display:inline-block;
	padding:10px 9px 4px;
	background-color:var(--black-color);
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials a{
	position:relative;
	width:70px;
	height:40px;
	margin:0px 2px 5px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	border: 1px solid rgba(var(--white-color-rgb), 0.10);
}

.team-block_one-socials a img{
	position:relative;
	width:24px;
	top:-1px;
}

.team-block_one-image{
	position:absolute;
	right:30px;
	bottom:0px;
}

.team-block_one-heading{
	position:relative;
	font-weight:500;
	margin-top:35px;
	padding-bottom: 25px;
		color:var(--white-color);
}

.team-block_one-heading a{
	position:relative;
	color:var(--white-color);
}


.team-block_one-designation{
	position:relative;
	font-size:16px;
	margin-top:0px;
	opacity:0.50;
    flex-grow: 1;
	color:var(--white-color);
}


.team-block_one-inner {
    display: flex;
    flex-direction: column;
	padding-top: 10px;
	padding-bottom: 1opx;
    height: 100%;
}

.team-block_one-inner img{
    height:160px;
    width:auto;
    max-width:160px;
	    display:block;
    margin:0 auto;
}
/*** 

====================================================================
	Contact One
====================================================================

***/

.contact-one{
	position:relative;
	padding:30px 0px 70px;
	background: var(--color-four);
}

.contact-one_info-column{
	position:relative;
	margin-bottom:30px;
}

.contact-one_info-outer{
	position:relative;
}

.contact-one_heading{
	position:relative;
	font-size:40px;
	font-weight:400;
	color:var(--white-color);
}

.contact-one_list{
	position:relative;
	margin-top:25px;
	padding:20px 0px;
	border-top: 1px solid rgba(var(--white-color-rgb), 0.50);
	border-bottom: 1px solid rgba(var(--white-color-rgb), 0.50);
}

.contact-one_list li{
	position:relative;
	font-size:22px;
	line-height:32px;
	margin-bottom:20px;
	color:var(--white-color);
}

.contact-one_list li a{
	position:relative;
	color:var(--white-color);
}

.contact-one_list li:nth-child(2){
	margin-bottom:0px;
}

.contact-one_list li:last-child{
	margin-bottom:0px;
}

.contact-one_socials{
	position:relative;
	margin-top:25px;
}

.contact-one_socials li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.contact-one_socials li a{
	position: relative;
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color);
}

.contact-one_form-column{
	position:relative;
	margin-bottom:30px;
}

.contact-one_form-outer{
	position:relative;
}

.contact-one_form-outer h3{
	position:relative;
	font-weight: 400;
	margin-bottom:20px;
    color: var(--white-color);
}


/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	position: relative;
	margin-bottom:20px;
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:60px;
	border-radius:0px;
	font-weight: 400;
	font-size:20px;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	color:var(--white-color);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:var(--white-color);
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:20px;
	line-height:24px;
	padding:15px 20px 25px;
	color:var(--white-color);
	height:180px;
	resize:none;
	border-radius:0px;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--white-color-rgb), 0.10);
}

.contact-form .form-group button {
    margin-top: 0px;
    position: relative;
    padding: 17px 40px;
    border-radius: 0px;
    font-weight: 400;
    font-size: 20px;
    color: var(--white-color);
    display: inline-block;
    text-transform: uppercase;
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;

    /* Smooth transition */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Sheen overlay — slides across on hover */
.contact-form .form-group button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 100%
    );
    transition: left 0.45s ease;
}

.contact-form .form-group button:hover {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%); /* flips the gradient */
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.contact-form .form-group button:hover::before {
    left: 100%; /* sheen sweeps across */
}

.contact-form .form-group button:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 
====================================================================
	Theme Button
====================================================================

***/

.theme-btn {
    margin-top: 0px;
    position: relative;
    padding: 17px 40px;
    border-radius: 0px;
    font-weight: 400;
    font-size: 20px;
    color: var(--white-color);
    display: inline-block;
    text-transform: uppercase;
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.theme-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 100%
    );
    transition: left 0.45s ease;
}

.theme-btn:hover {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    color: var(--white-color); /* keeps text white on hover */
    text-decoration: none;     /* prevents underline on <a> tags */
}

.theme-btn:hover::before {
    left: 100%;
}

.theme-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/*** 
====================================================================
	journal One
====================================================================

***/

.journal-two{
	position:relative;
	padding:30px 0px 70px;
}

.journal-two .journal-block_one{
	width:20%;
	float:left;
	padding:0px 15px;
}

/*** 

====================================================================
	journal Detail
====================================================================

***/

.journal-detail{
	position:relative;
	padding:180px 0px 50px;
}

.journal-detail .column{
	position:relative;
	margin-bottom:30px;
}

.journal-detail_image{
	position:relative;
	padding-right:30px;
	margin-bottom:30px;
}

.journal-detail_image img{
	position:relative;
	width:100%;
	display:block;
}

.journal-detail_title{
	position:relative;
	font-weight:400;
	font-size:50px;
	line-height:60px;
	margin-bottom:15px;
	color:var(--white-color);
}

.journal-detail p{
	position:relative;
	font-size:18px;
	line-height:28px;
	margin-bottom:15px;
	color:var(--white-color);
}

/*** 

====================================================================
	Single Work
====================================================================

***/

.single-work{
	position:relative;
	padding:180px 0px 50px;
}

.single-work .column{
	position:relative;
	margin-bottom:30px;
}

.single-work .column2{
	position:relative;
	margin-bottom:0px;
}

.single-work_image{
	position:relative;
	padding-right:0px;
	margin-top:100px;
	margin-bottom:0px;
}

.single-work_image img{
	position:relative;
	width:100%;
	display:block;
}

.single-work_image2{
	position:relative;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.single-work_image2 img{
	position:relative;
	width:100%;
	display:block;
}

.single-work_title{
	position:relative;
	font-size:60px;
	font-weight:600;
	line-height:70px;
	margin-bottom:15px;
	color:var(--white-color);
	text-transform:uppercase;
}

.single-work p{
	position:relative;
	font-size:18px;
	line-height:28px;
	margin-bottom:15px;
	color:var(--white-color);
}

.single-work_list{
	position:relative;
	margin-top:30px;
	border:0px solid rgba(var(--white-color-rgb), 1);
	border-bottom:0px;
}

.single-work_list li{
	position:relative;
	padding:20px 20px;
	font-size:26px;
	font-weight:500;
	color:var(--white-color);
	border-bottom:0px solid rgba(var(--white-color-rgb), 1);
}

.single-work_list li span{
	position:relative;
	display:block;
	font-size:18px;
	margin-top:6px;
}

.work-link {
    position: relative;
    padding: 20px 0;           /* optional vertical spacing */
    font-size: 26px;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 15px;       /* spacing between multiple links */
}
.work-link a {
    color: #fff;
}

.work-link a:hover {
    color: #ba024a;
}

/*** 

====================================================================
	Work One
====================================================================

***/

.work-one{
	position:relative;
	padding:40px 0px 100px;
}

.robot {
    position: absolute !important;
    left: 50%;             /* Horizontal center */
    bottom: 0;             /* Keep at bottom if you want it "grounded" */
    transform: translateX(-50%);  /* Correct horizontal center */
    width: 100%;            /* Or max-width: 800px; */
    height: 100%;
    z-index: 3;
    mix-blend-mode: exclusion;
}

.single-work_list a {
    color: #fff;
}

.single-work_list a:hover {
    color: #ba024a;
}


a.backtop {
    background: transparent;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #fc2a40;
    font-size: 24px;
    color: #fc2a40;

    transition: background 0.5s ease, color 0.5s ease;
}

a.backtop:hover {
    background: linear-gradient(45deg, #fc2a40, #540000);
    color: #fff;
}

.service-block_one-more {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.gallery-block_one-inner:hover .service-block_one-more {
  opacity: 1;
  transform: translateY(0);
}
.row {
    display: flex;
    flex-wrap: wrap;
}

.team-block_one {
    transition: opacity 0.3s, filter 0.3s;
}

.team-block_one-socials a {
    transition: opacity 0.3s;
    opacity: 0;
}

.team-block_one:hover .team-block_one-socials a {
    opacity: 1;
}

.team-block_one:hover {
    opacity: 1;
    filter: blur(0);
    z-index: 1; /* Bring the hovered block to the front */
}

/* General sibling combinators to blur and fade out other team members */
.row:hover .team-block_one:not(:hover) {
    opacity: 0.5;
    filter: blur(2px);
}
.team-block_one {
    transition: transform 0.7s ease;
}
.team-block_one:hover {
    transform: translateY(-10px);
}
.team-block_one-socials a {
    transition: transform 0.7s ease, opacity 0.7s ease;
    transform: translateY(20px);
    opacity: 0;
}
.team-block_one:hover .team-block_one-socials a {
    transform: translateY(0);
    opacity: 1;
}
/* Define keyframes for the animated gradient */
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 1. Base State: Set the foundation */
.team-block_one-socials a {
    position: relative;
    display: inline-block; /* Ensures transform works correctly */
    z-index: 1;
    background: var(--main-color); /* Initial solid color */
    transition: transform 0.3s ease-in-out; 
    overflow: hidden; /* Keeps the pseudo-element inside the icon shape */
}

/* 2. The Gradient Layer: Hidden by default */
.team-block_one-socials a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
    background-size: 200% 200%; /* Required for your 'gradient-animation' */
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease; /* This handles the smooth fade */
}

/* 3. Hover State: Trigger everything at once */
.team-block_one-socials a:hover {
    transform: scale(1.1);
}

.team-block_one-socials a:hover::before {
    opacity: 1;
    animation: gradient-animation 2s ease infinite;
}


/* Customize scrollbar track */
::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
    background-color: transparent; /* Background color of the scrollbar track */
}

/* Customize scrollbar thumb */
::-webkit-scrollbar-thumb {
    background: var(--main-color);
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%); /* Gradient for the scrollbar thumb */
    border-radius: 10px; /* Rounded corners of the scrollbar thumb */
    border: 2px solid transparent; /* Border of the scrollbar thumb */
}

/* On hover, change thumb color */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%); /* Gradient for the scrollbar thumb on hover */
}

/* Customize scrollbar track when scrollbar is actively being scrolled */
::-webkit-scrollbar-thumb:active {
    background: linear-gradient(to top, var(--color-two) 0%, var(--main-color) 100%); /* Gradient for the scrollbar thumb when actively scrolling */
}

/* Customize scrollbar corner */
::-webkit-scrollbar-corner {
    background-color: transparent; /* Background color of the scrollbar corner */
}

/* Add gradient to scrollbar track */
::-webkit-scrollbar-track {
    background: linear-gradient(to top, var(--color-three) 0%, var(--color-four) 100%) !important; /* Gradient for the scrollbar track */
}
html {
    scroll-behavior: smooth; /* Enable smooth scrolling behavior for the whole page */
}

/* --- Video Wrapper --- */
.video-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
    max-width: 100%;
		margin-top:80px;
}


.video-thumbnail {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0px; /* optional rounded corners */
}

/* --- CSS Play Button (triangle) --- */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 50px solid white;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    opacity: 0.85;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.video-wrapper:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
}

/* --- Modal Overlay --- */
.video-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* --- Modal Content --- */
.video-modal-content {
    position: relative;
    width: 100%;
    max-width: 1500px;
    aspect-ratio: 16/9; /* maintains 16:9 ratio */
}

.video-modal-content iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0px;
}

/* --- Close Button --- */
.video-modal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .play-button {
        border-left: 35px solid white;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }
}

@media (max-width: 480px) {
    .play-button {
        border-left: 25px solid white;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
}

.content-padding-left {
    padding-left: 50px;
}

.content-padding-right {
    padding-right: 50px;
}

.normal-case {
    text-transform: none;
}

/* ===== Premium Scroll Animations ===== */

.reveal {
    opacity: 0;
    transform: translateY(80px) scale(0.98);
    transition:
        opacity 1s cubic-bezier(.22,.61,.36,1),
        transform 1.1s cubic-bezier(.22,.61,.36,1);
    will-change: transform, opacity;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}


/* Directional reveals */

.reveal-left {
    transform: translateX(-100px);
}

.reveal-left.active {
    transform: translateX(0);
}

.reveal-right {
    transform: translateX(100px);
}

.reveal-right.active {
    transform: translateX(0);
}

.reveal-up {
    transform: translateY(80px);
}

.reveal-up.active {
    transform: translateY(0);
}

.reveal-zoom {
    transform: scale(0.9);
}

.reveal-zoom.active {
    transform: scale(1);
}


.moving-text-container {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Background moving text */
.bg-text {
    position: absolute;
    font-size: clamp(6rem, 15vw, 12rem);
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
    animation: moveText 12s linear infinite alternate;
    opacity: 0.6;
}

/* Background horizontal movement */
@keyframes moveText {
    0% { transform: translateX(80%); }
    100% { transform: translateX(-80%); }
}

/* Foreground text cinematic reveal */
.fg-text {
    font-size: clamp(1.5rem, 6vw, 3rem);
    font-weight: bold;
    color: #fc2a40;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(50px) scale(0.95);
    transition: opacity 0.9s cubic-bezier(.22,.61,.36,1),
                transform 0.9s cubic-bezier(.22,.61,.36,1);
    z-index: 1;
}

.fg-text.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.fg-text.out {
    opacity: 0;
    transform: translateY(50px) scale(0.95);
}

/* Footer Animation */
/* Footer Cinematic Animation */
.footer-anim-column {
  opacity: 0;
  transform: scale(0.95);
  animation: footerFadeScale 0.9s forwards;
}

.footer-anim-column:nth-child(1) { animation-delay: 0.1s; }
.footer-anim-column:nth-child(2) { animation-delay: 0.3s; }

.footer-anim-list li {
  opacity: 0;
  transform: translateY(20px);
  animation: footerFadeUp 0.8s forwards;
}

.footer-anim-list li:nth-child(1) { animation-delay: 0.5s; }
.footer-anim-list li:nth-child(2) { animation-delay: 0.6s; }
.footer-anim-list li:nth-child(3) { animation-delay: 0.7s; }
.footer-anim-list li:nth-child(4) { animation-delay: 0.8s; }
.footer-anim-list li:nth-child(5) { animation-delay: 0.9s; }

@keyframes footerFadeScale {
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes footerFadeUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}


/* Clients */

.client-logo_one img {
    max-height: 200px;
    max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.9); 
    opacity: 1;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.client-logo_one img:hover {
    opacity: 1;
	background-color: rgba(255, 255, 255, 0.1); 
    transform: scale(1.05);
	
}

/* Text Link */

.text-link {
  font-size: 0.9em;
  font-weight: 400;
  transition: all 0.3s ease;
}

.text-link:hover {
  font-weight: 500;
}


/* Quote Box */
.quote-box {
    max-width: 1200px;
    margin: 60px auto;
    padding: 80px 60px;
    background-color: rgba(0,0,0,0.5);
    border-left: 6px solid var(--main-color);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.quote-box:hover {
    background-color: rgba(0,0,0,0.7); /* darker on hover */
    transform: scale(1.02);
}

.quote-box h4 {
    color: var(--white-color); /* pure white text */
    font-style: italic;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 0 20px; /* spacing from quote marks */
}

/* Decorative quote marks */
.quote-box h4::before {
    content: "“";
    font-size: 3rem;
    color: var(--main-color);
    margin-right: 15px;
    vertical-align: top;
}

.quote-box h4::after {
    content: "”";
    font-size: 3rem;
    color: var(--main-color);
    margin-left: 15px;
    vertical-align: bottom;
}

/* Sentence-case*/
.sentence-case {
    text-transform: none; /* preserves the casing you typed */
}

/* Process*/
.timeline-container {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
}

.timeline-item {
  position: relative;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity .6s ease, transform .6s ease;
  display: flex;
  align-items: flex-start;
}

.timeline-marker{
  position:absolute;
  left:-20px;
  top:0;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.timeline-arrow{
  width:2px;
  height:0;
  background:var(--main-color);
  margin-top:8px;
  position:relative;
  transition:height .6s ease, transform .25s ease;
}

.timeline-arrow::after{
  content:'';
  position:absolute;
  bottom:-6px;
  left:50%;
  transform:translateX(-50%);
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:8px solid var(--main-color);
  opacity:0;
  transition:opacity .3s ease .4s;
}

.timeline-item.active .timeline-arrow{
  height:40px;
}

.timeline-item.active .timeline-arrow::after{
  opacity:1;
}

.timeline-item:hover .timeline-arrow{
  transform:translateY(6px);
}

.timeline-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--main-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  z-index: 2;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-content {
  margin-left: 80px;
  background: rgba(255,255,255,0.1);
  width: 90%;
  padding: 20px;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  transition: transform 0.3s ease;
}

.timeline-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%; /* start collapsed */
  background: linear-gradient(
    to bottom,
    rgba(var(--color-two-rgb), 1),
	rgba(var(--main-color-rgb), 0.8)
  ); /* gradient from main-color to color-two */
  z-index: 0;
  border-radius: 8px;
  transition: height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.timeline-item:hover .timeline-content {
  transform: translateY(-5px); /* original hover motion */
}

.timeline-item:hover .timeline-content::before {
  height: 100%; /* top-to-bottom fill */
}

.timeline-content > * {
  position: relative;
  z-index: 1;
}

.timeline-content::before {
  transition: height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.timeline-content h3 {
  font-size: 30px;
  margin: 0 0 10px;
  color: var(--white-color);
}

.timeline-content p {
  margin: 0;
  font-size: 18px;
  color: rgba(var(--white-color-rgb), 0.8);
  line-height: 1.5em;
}

.timeline-icon {
  width: 60%;
  max-width: 70px;
  margin: 5px;
  display: block;
  opacity: 0.9;
  transition: transform 0.3s ease;
}

.timeline-item.active {
  opacity: 1;
  transform: translateY(0);
}

.timeline-item:hover .timeline-number {
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.timeline-content .row {
    align-items: flex-start;
}


/* Tools Logos Container */
.tools-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* spacing between logos */
    margin-top: 20px;
}

/* Wrapper for image + text */
.tool-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Individual logo with background */
.tool-logo_one {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(50, 50, 50, 0.1); 
    transition: background-color 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    border-radius: 8px;
}

/* Image inside wrapper */
.tool-logo_one img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

/* Hover effect */
.tool-logo_one:hover {
    transform: scale(1.05);
    background-color: rgba(255, 255, 255, 0.1);
}

/* Tool name outside the background */
.tool-name {
    margin-top: 8px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

/* Policy / Terms Pages */

.policy-terms{
	width: 90%;
	max-width: 1024px;
	margin:0 auto;
}

/* Section spacing */
.policy-terms section{
	margin-bottom:40px;
}

/* Section headings */
.policy-terms .policy-heading{
	font-size:26px;
	line-height:1.3em;
	margin-top:50px;
	margin-bottom:20px;
	color:var(--white-color);
	font-weight:600;
}

/* Sub headings */
.policy-terms .policy-subheading{
	font-size:20px;
	margin-top:30px;
	margin-bottom:10px;
	color:var(--white-color);
	font-weight:600;
}

/* Body text */
.policy-terms p{
	font-size:18px;
	line-height:1.6em;
	margin-bottom:14px;
	color:var(--white-color);
}

/* Lists */
.policy-terms ul{
	padding-left:20px;
	margin-bottom:16px;
}

.policy-terms li{
	font-size:18px;
	line-height:1.6em;
	margin-bottom:6px;
	color:var(--white-color);
}

/* Links */
.policy-terms a{
	color:var(--white-color);
	text-decoration:underline;
}

.policy-terms a:hover{
	color:var(--main-color);
}

.policy-terms ul{
	padding-left:22px;
	margin-bottom:18px;
}

.policy-terms ul li{
	list-style-type:disc;
	list-style-position:outside;
	font-size:18px;
	line-height:1.6em;
	margin-bottom:6px;
	padding-left:4px;
	color:var(--white-color);
}