.circle {
  }
  
  .enhanced .circle {
    transform: scale(0.3);
  }
  .circle.revealed {
    transform: scale(1);
  }
.vertical-middle{
  top: 50%;
  transform: translateY(-50%);
}

.card-grids {
  display: grid;
  width: fit-content;
  /* grid-template-areas:
    'passage card-1'
    'card-2 card-1'
    'card-2 card-3'
    'card-4 card-3'
    'card-4 passage'; */
}

/* media screen and (min-width: 750px) {
  .card-1{
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  
  .card-2{
    grid-row-start: 2;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  
  .card-3{
    grid-row-start: 5;
    grid-row-end: 8;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  
  .card-4{
    grid-row-start: 3;
    grid-row-end: 7;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .card-5{
    grid-row-start: 3;
    grid-row-end: 7;
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .passage{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    height: 50px;;
  }
  
  .passage-2{
    grid-row-start: 8;
    grid-row-end: 9;
    grid-column-start: 2;
    grid-column-end: 3;
  }
} */


/* body{
  background-image: url('pic3.jpg');
  background-position: center;
  background-size: auto 100%;
} */

.color-bg1{
  background-color: #ffb600;
}

.color-bg2{
  background-color: #659dbd;
}

.color-bg3{
  background-color: #646c79;
}

.color-bg4{
  background-color: #1f3044;
}

.color-bg5{
  background-color: #141824;
}

.color-bg6{
	background-color: #f7f7f7;
}

.color-bg7{
	background-color: #e1e2e2;
}

.color-text1{
  color: #ffb600;
}

.color-text2{
  color: #553d67;
}

.color-text3{
  color: #646c79;
}

.color-text4{
  color: #1f3044;
}

.color-text5{
  color: #141824;
}

.color-text6{
  color: #f7f7f7;
}

.color-text7{
  color: #e1e2e2;
}

.rounded-tl-6xl{
  border-top-left-radius: 3rem;
}

.rounded-br-6xl{
  border-bottom-right-radius: 3rem;
}
.rounded-tr-6xl{
  border-top-right-radius: 3rem;
}

.rounded-bl-6xl{
  border-bottom-left-radius: 3rem;
}
.text-shadow-lg:hover, .theme-text-shadow{
  text-shadow: 0px 0px 3px #ffb600;
}

.theme-btn-shadow{
  box-shadow: 0px 0px 20px #fff;
}
.theme-btn-shadow2{
  box-shadow: 0px 0px 20px #ffb600;
}

.theme-btn-border{
	border: 3px solid #ffb600;
}

.section-head{
  text-shadow: 0px 0px 5px #ffb600;
  color: #fff;
}

/* font start */
.font-cinzel-decorative{
	font-family: 'Cinzel Decorative', cursive;
}
.font-Syne{
	font-family: 'Syne', sans-serif;
}
/* font end */

/* logo start  */

			.theme-border-color{
				border-color: #ffb600;
			}
			.animate-logo{
				animation: animate_logo 10s infinite;
				animation-delay: 3s;
			}
			
			@keyframes animate_logo {
			  0% {width: 0px;}
			  15% {width: 0px;}
			  25% {width: 160px;}
			  65% {width: 160px;}
			  75% {width: 0px;}
			  100% {width: 0px;}
			}

/* logo end */

.bg-object-container{
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-object-container img{
  position: relative;
  width: 100px;
  height: 100px;
}

.bg-object-container img:nth-child(1){
  transform: translate(80%, 100px);
}
.bg-object-container img:nth-child(2){
  transform: translate(50%, 200px);
}
.bg-object-container img:nth-child(3){
  transform: translate(30%, 600px);
}
.bg-object-container img:nth-child(4){
  transform: translate(95%, 150px);
}
.bg-object-container img:nth-child(5){
  transform: translate(65%, 10px);
}
.bg-object-container img:nth-child(6){
  transform: translate(40%, 300px);
}
.bg-object-container img:nth-child(7){
  transform: translate(25%, 750px);
}
.bg-object-container img:nth-child(8){
  transform: translate(12%, 200px);
}
.bg-object-container img:nth-child(9){
  transform: translate(46%, 750px);
}
.bg-object-container img:nth-child(10){
  transform: translate(75%, 20px);
}

.rounded-br-6xl{
  border-top-left-radius: 4rem;
}
.rounded-tl-6xl{
  border-top-left-radius: 4rem;
}

/* mobile footer start */

	@media(max-width: 639px){
		.sm-m-auto{
			margin: auto;
		}
		.sm-text-center{
			text-align: center;
		}
		.sm-m-10{
			margin-left: 10px;
			margin-right: 10px;
		}
		.sm-grid-cols-1{
			grid-template-columns: auto; 
		}
		
	}

/* mobile footer end */

/* border color start */

.border-3{
	border-width: 3px;
}

.border-1{
	border-color: #bc986a;
}
.theme-border-gradient{
	border: 5px solid transparent;
  
  background-origin:
    /* top layer constrained to padding-box */
    padding-box, 
    /* bottom layer constrained to border-box;
       it shows under the transparent border */
    border-box;
  background-repeat: no-repeat;
  padding: 3px;
  display: inline-block;
}
.border-color1{
	background-image:
    /* top layer simulates a solid background */
    linear-gradient(#646c79, #646c79),
    /* bottom layer is a multi-color gradient */
    linear-gradient(to right top, #ffb600, #646c79, #646c79, #646c79, #ffb600);
}
.border-color2{
	background-image:
    /* top layer simulates a solid background */
    linear-gradient(#fff, #fff),
    /* bottom layer is a multi-color gradient */
    linear-gradient(to left top, #ffb600, #fff, #fff, #fff, #ffb600);
}
.border-color3{
	background-image:
    /* top layer simulates a solid background */
    linear-gradient(#fff, #fff),
    /* bottom layer is a multi-color gradient */
    linear-gradient(to right top, #ffb600, #fff, #fff, #fff, #ffb600);
}

.theme-border-gradient2{
	border: 5px solid transparent;
  
  background-origin:
    /* top layer constrained to padding-box */
    padding-box, 
    /* bottom layer constrained to border-box;
       it shows under the transparent border */
    border-box;
  background-repeat: no-repeat;
  padding: 3px;
  display: inline-block;
}
/* border color end */

.w-fit {
	width: fit-content;
}
.ml-45p{
	margin-left: 45%;
}
.ml-1\/4{
	margin-left: 25%;
}
.w-55r{
	width: 55rem;
}
.w-45r{
	width: 45rem;
}

/* testomonilas start */
	.testomonials-review p::before, .testomonials-review p::after {
				background-image: url('../images/comma.png');
				background-size: 100% auto;
				background-repeat: no-repeat;
				background-position: center;
				width: 100px;
				height: 100px;
				display: inline-block;
				content: "";
				position: relative;
				left: 0;
			}
			.testomonials-review p::after{
				transform: rotate(180deg);
				right: 00px;
			}
/* testomonilas end */

/* loading css start */
	
	.loader{
				background-color: #141824;
				color: #fff;
				font-size: 40px;
				text-align: center;
				display: grid;
				height: 100vh;
				width: 100vw;
				position: fixed;
				z-index: 99;
				top: 0;
			}
			@media(max-width: 320px){
				.loader .center{
					zoom: 150%;
				}
			}
			.loader .center{
				align-self: center;
			}
			.loader .lds-roller {
			  display: inline-block;
			  position: relative;
			  width: 80px;
			  height: 80px;
			  self-align: center;
			}
			.loader .lds-roller div {
			  animation: lds-roller 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
			  transform-origin: 40px 40px;
			}
			.loader .lds-roller div:after {
			  content: " ";
			  display: block;
			  position: absolute;
			  width: 7px;
			  height: 7px;
			  border-radius: 50%;
			  background: #fff;
			  margin: -4px 0 0 -4px;
			}
			.loader .lds-roller div:nth-child(1) {
			  animation-delay: -0.036s;
			}
			.loader .lds-roller div:nth-child(1):after {
			  top: 63px;
			  left: 63px;
			}
			.loader .lds-roller div:nth-child(2) {
			  animation-delay: -0.072s;
			}
			.loader .lds-roller div:nth-child(2):after {
			  top: 68px;
			  left: 56px;
			}
			.loader .lds-roller div:nth-child(3) {
			  animation-delay: -0.108s;
			}
			.loader .lds-roller div:nth-child(3):after {
			  top: 71px;
			  left: 48px;
			}
			.loader .lds-roller div:nth-child(4) {
			  animation-delay: -0.144s;
			}
			.loader .lds-roller div:nth-child(4):after {
			  top: 72px;
			  left: 40px;
			}
			.loader .lds-roller div:nth-child(5) {
			  animation-delay: -0.18s;
			}
			.loader .lds-roller div:nth-child(5):after {
			  top: 71px;
			  left: 32px;
			}
			.loader .lds-roller div:nth-child(6) {
			  animation-delay: -0.216s;
			}
			.loader .lds-roller div:nth-child(6):after {
			  top: 68px;
			  left: 24px;
			}
			.loader  .lds-roller div:nth-child(7) {
			  animation-delay: -0.252s;
			}
			.loader .lds-roller div:nth-child(7):after {
			  top: 63px;
			  left: 17px;
			}
			.loader .lds-roller div:nth-child(8) {
			  animation-delay: -0.288s;
			}
			.loader .lds-roller div:nth-child(8):after {
			  top: 56px;
			  left: 12px;
			}
			@keyframes lds-roller {
			  0% {
				transform: rotate(0deg);
			  }
			  100% {
				transform: rotate(360deg);
			  }
			}

	
/* loading css end */


/* nav animate */
.main-menu:hover .item{
	transform: translate(0, 0);
	opacity: 1;
	height: auto;
}
.main-menu:hover ul{
	height: auto;
}

group:hover .group-hover\:text-white {
	color: #000;
	transform: translate(0, 0);
	background: green;
}
/* my animation start */
.cursor {
	transform: translate(40px, 20px);
}
.cursor-animate{
	animation: ping_pong 2s infinite;
}
@-webkit-keyframes ping_pong {
    0% { -webkit-transform: scale(0.9); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(0.9); }
}
/* my animation end */

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /* overflow: hidden; */
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ffb600;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Icon Forward */
.hvr-icon-forward {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transform: translate(3px, 3px);
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  /* transform: translateX(4px); */
  transform: translate(10px, 3px);
}

font-family: 'Niconne', cursive;