@media only screen and (max-width: 600px) {
.callnow{display: none !important;}
}


.iso-marquee {
    padding: 1.4rem 0;
    font-size: 22px;
    overflow: hidden;
	background-color:#05445e;
 }

 .iso-marquee--long {
    font-size: 22px;
 }

 .iso-marquee-linkwrap a {
	color:#fff;
}

 .iso-marquee span {
     display: inline-block;
     white-space: nowrap;
     color: #fff;
     width: var(--tw);
     text-shadow: var(--tw) 0 currentColor,
                  calc(var(--tw) * 2) 0 currentColor,
                  calc(var(--tw) * 3) 0 currentColor,
                  calc(var(--tw) * 4) 0 currentColor;

     will-change: transform;
     animation: iso-marquee var(--ad) linear infinite;
     animation-play-state: play;
 }

 @keyframes iso-marquee {
     0% { transform: translateX(0); }
     100% { transform: translateX(-100%); }
 }

 /*
  * on MacOs: System Preferences >
  *           Accessibility >
  *           Display > Reduce motion
  */

 @media (prefers-reduced-motion: reduce) {
   .iso-marquee span {
     animation: none;
     text-shadow: none;
     width: auto;
     display: block;
     line-height: 1.5;
     text-align: center;
     white-space: normal;
   }
 }

 .iso-marquee strong{color: #fb8500;}




/* Animate Book  */

*,*::before,*::after{
	box-sizing: border-box;
}
.animated-icon{
	width: 10em;
	height: 10em;
	margin: 0 auto 0;
	padding: 1em 2em;
	position: relative;
	
	.book-cover{
		background: #fff;
		border: 0em solid #fff;
		height: 0px;
		width: 0px;
		transform: rotateY(10deg) skewY(5deg);
		transform-style: preserve-3d;
		transform-origin: right;
		position: absolute;
		z-index: -0;
		&::after{
			content: '';
			@extend .book-cover;
			position: absolute;
			left: 100%;
			top: -1.45em;
			transform: rotateY(0deg) skewY(-10deg);
		}
	}
	.page{
		transform-origin: right;
		position: absolute;
		top: 4em;
		left: 0em;
		height: 5em;
		border: 3px solid #000;
		background: #05445e;
		z-index: 10;
		width: 3.5em;
		transform: rotateY(0deg) skewY(15deg) scaleX(0.8);
		transform-style: preserve-3d;
		&::before{
			content: "";
			position: absolute;
			top: -.25em;
			left: -.25em;
			transform-origin: right;
			transform: rotateY(180deg) skewY(20deg) scaleX(0.95);
			transform-style: preserve-3d;
			border: 2px solid #000;
			background: #114f69;
			z-index: 100;
			height: 5em;
			width: 3.5em;
			animation: turn 2s ease-in-out infinite;
            border-right: 0px;
		}
		 &::after{
			content: "";
			position: absolute;
			top: -.25em;
			left: -.25em;
			transform-origin: right;
			transform: rotateY(180deg) skewY(25deg) scaleX(0.95);
			transform-style: preserve-3d;
			border: 2px solid #000;
			background: #186483;
			z-index: 100;
			height: 5em;
			width: 3.5em;
            border-right: 0px;
		} 
	}
}
@-webkit-keyframes turn {
	0% { transform: rotateY(180deg) skewY(25deg) scaleX(0.95); }
	40% { transform: rotateY(0deg) skewY(0) scaleX(0.95); }
	100% { transform: rotateY(0deg) skewY(0) scaleX(0.95); }
}
@keyframes turn {
	
	0% { transform: rotateY(180deg) skewY(25deg) scaleX(0.95); }
	40% { transform: rotateY(0deg) skewY(0) scaleX(0.95); }
	100% { transform: rotateY(0deg) skewY(0) scaleX(0.95); }
}

.animated-icon i{position: relative; text-align: center;  z-index: 99; color: #fff; font-size: 40px; top: 1.2em; left: 0.3em;}



/* Waves animation */


.ocean { 
    height: 5%;
    width:100%;
    position:relative;
    bottom:0;
    left:0;
    background: #05445e;
  }
  
  .wave {
    background: url(https://www.excellencyguidance.in/img/about/wave.svg) repeat-x; 
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 278px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  .wave:nth-of-type(2) {
    top: -175px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
  }
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }

  @media only screen and (max-width: 640px){
  .img1{width: 100%;}
}