html {
    scroll-behavior: smooth;
  }
  body{
      overflow-x:hidden;
  }

  .shadow{
	box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-moz-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
}
.title{
    -webkit-text-stroke-color: skyblue;
    -webkit-text-stroke-width: 1px;
}
.bg-custom{
    background: linear-gradient(#6B2BEC, #126EE5);
}
.bg-black{
    background-color: black;
}

.text-custom{
    color: black;
    -webkit-text-stroke-color: skyblue;
    -webkit-text-stroke-width: 1px;
}
.text-custom-2{
    color: white;
    -webkit-text-stroke-color: skyblue;
    -webkit-text-stroke-width: 1px;
}
.desktop-none{
    display:none;
}
.text-bold{
    font-weight: bold;
}
.nav-link{
    font-weight: bold;
    color: black;
}
.text-shadow{
    text-shadow:4px 4px 8px rgb(0, 0, 0, 0.5) !important;
    -webkit-text-shadow:4px 4px 8px rgb(0, 0, 0, 0.5);
    -ms-text-shadow:4px 4px 8px rgb(0, 0, 0, 0.5);
    -moz-text-shadow:4px 4px 8px rgb(0, 0, 0, 0.5);
}
.tagline{
    color: grey;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ser-list{
    transition: 0.5s ease;
}
.ser-link{
    color: black;
    text-decoration: none;
    transition: 0.2s ease;
}

.ser-link:hover div{
    background: linear-gradient(#6B2BEC, #126EE5);
    color: white;
    text-decoration: none;
    box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-webkit-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-ms-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
	-moz-box-shadow:8px 8px 14px rgb(0, 0, 0, 0.5);
}
.ser{
    border-radius:12px;
}
.text-grey{
    color:grey;
}
.guide{
    background-color: #e7e7e7;
}
.vision{
    border-top-right-radius: 45px;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 0px;
}
.v-pts{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .right-app {position: fixed;top: 50%; left:94.5%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite;}

  @keyframes blink{
      0%{
          background-color:#16255F;
      }
      50%{
          background-color:#126EE5;
      }
      100%{
          background-color:#16255F;
      }
  }

  .blink-2{
      animation : txtblink 1s infinite;
  }

  @keyframes txtblink{
    0%{
        color:black;
    }
    50%{
        color:#126EE5;
    }
    100%{
        color:black;
    }
  }

  .no-gutter{
      padding : 0 !important;
  }
  .call-us{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	display:none;
}
.call-us a{
	color:white;
	text-align:center;
	font-size:32px;
}
.phone-icons{
	border-right:2px solid white;
}
.phone-hover{
	transition:1s ease;
}
.phone-hover:hover{
	background-color:white;
}
.phone-hover:hover a span{
	color:black !important;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #1d7bb5;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    
  }


@media only screen and (max-width: 1400px){
    .ser-list h5{
        font-size: 16px;
    }
}


@media only screen and (max-width: 800px){
    .desktop-none{
        display:block;
    }
    
    .media-gutter{
        padding: 10px !important;
    }
    .right-app {
		left:74%; 
		transform:rotate(270deg)scale(0.6);
    }
    .call-us{
		display:block;
	}
}