/* extra pages css */


@keyframes ken-burns {
 0% {
    transform-origin: bottom left;
    transform: scale(1.0);
  }
  100% {
    transform-origin: bottom right;
    transform: scale(1.14);
  }
}

.hero:before {
	content: '';
}

.hero:before {
    /* background-image: linear-gradient(180deg, #0000005c, #000000d9); */
	background-image: linear-gradient(180deg, rgb(0,0,0,.1), rgb(0,0,0,.2) 88%);
}

.hero:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hero img.is-background-image {
  animation: ken-burns 44s ease-in-out infinite alternate;
  will-change: transform;
	transform-style: preserve-3d;
    transform: translateZ(0);
}

.hero {
    min-height: 101vh;
}

.hero .content {
	margin-bottom: clamp(26px,calc(26px + (114 - 26) * ((100vw - 265px) / (1920 - 265))),114px)
}

.visa-form iframe {
	height: fit-content;
}

.custom-radius {
	border-radius: clamp(18px,calc(18px + (25 - 18) * ((100vw - 185px) / (1920 - 185))),25px)
}

@media (min-width: 768px) {
	
	.hero .content {
		max-width: calc(1240px - 2vw);
		padding: calc(.1px + (140 - .1) * ((100vw - 767px) / (1920 - 767))) calc(.1px + (150 - .1) * ((100vw - 375px) / (1920 - 767)));
	}
	
	.hero .visa-form {
		padding: calc(48px - 2vw) calc(40px - 2vw);
		background-color: var(--white)
	}
	
	.visa-form iframe {
    	min-height: calc(470px - 2vw);
	}
	
	
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {
	
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	.hero .content {
		justify-content: flex-start
	}
	
	.hero .visa-form {
		background-color: rgb(255,255,255, .60);
		backdrop-filter: blur(4px);
		border-top-left-radius: 0;
        border-top-right-radius: 0;
		min-height: 92svh;
        padding: 0;
		padding-top: 1.5em;
	}
	
}

@media (max-width: 499px) {
	
	
	
}