@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&display=swap');
a{text-decoration:none!important;}
li{list-style-type:none!important;}
html{scroll-behavior: smooth;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.logo{width:90px;}
.boximg{width:85px;}
.pad{padding:90px 0;}
.roboto{font-family: 'Roboto', sans-serif;}
.poppins{font-family: 'Poppins', sans-serif;}
.wrdbrk{white-space: pre;}
.navfont{font-size:16px;}
.mynav{position:fixed!important; width:100%; z-index:999;}
.mynav.black {background: white; transition:.5s linear; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.mynav.black1 {background: none; transition:.3s linear; color: white;}
.navbar-light .navbar-nav .nav-link:hover {border-radius: 6px; background-color: rgba(40, 47, 75, 0.1);}
.dropdown-item:active{color: white!important; text-decoration: none; background-color: #7fcdf4!important;}
.dropdown-item:focus, .dropdown-item:hover {color: #black!important; text-decoration: none; background-color: #7fcdf4!important;}
.dropdown-item{padding: 10px 30px!important; font-size:14px!important;}
.fullpad{padding:0!important; margin:0!important;}
.backclr{
    background-color: #7fcdf4;
    background-image: url("../images/slidecut1.png");
    background-position: 60% 100%, 0px 0px, 6% 20%, 100% 100%;
    background-size: contain, auto, 125px, 400px;
    background-repeat: no-repeat, repeat, no-repeat, no-repeat;
}
.head{margin-bottom: 20px; color: #282f4b; font-size: 50px; line-height: 58px; font-weight: 700;}
.clr{color: #282f4b;}
.secpad{padding: 200px 20px 120px;}
.hero-card1 {
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid #e4e8ee;
    border-radius: 45px 0px 0px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}
.hero-card2 {
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid #e4e8ee;
    border-radius: 0px 45px 0px 0px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}
.hero-card3 {
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid #e4e8ee;
    border-radius: 0px 0px 0px 45px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}
.hero-card4 {
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid #e4e8ee;
    border-radius: 0px 0px 45px 0px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
}
.cardpad {padding: 0 0 0 7px !important;}
.cardfnt{font-size:14px;}
.btn1{background:transparent; color:#282f4b; padding:15px 35px; border-radius:5px; border:1px solid white; -webkit-transition: background-color 400ms ease; transition: background-color 400ms ease;}
.btn2{background:white; color:#282f4b; padding:15px 25px; border-radius:5px; border:1px solid #282f4b;}
.btn1:hover, .btn2:hover{background-color:#282f4b; color:#7fcdf4; border:1px solid #282f4b; -webkit-transition: background-color 400ms ease; transition: background-color 400ms ease;}
.bannerbottom{background-color:#fafaff;}
.box-style{background-color: #fff; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.02); margin-bottom: 18px; padding:30px; border: 1px solid #e4ecf6; border-radius: 6px; transition: box-shadow 400ms ease;}
.box-style:hover {box-shadow: 0 6px 12px 0 rgba(114, 121, 146, 0.2); transition: box-shadow 400ms ease;}
.boxpad{padding:0px 10px!important;}
.text1 {position: relative; padding: 0 0 0 104px; margin-top: -88px;}
.btns{display: table; margin: 10px auto; float: right;}
.customNextBtn, .customPreviousBtn{float: right; background: #7fcdf4; color: #fff; padding: 10px 15px; margin-left: 10px; cursor: pointer;}
.owl-nav{display:none;}
.owl-dots{display:none;}
.owlbg{background-color: #f1f1f1;}
.cardtop{color: #282f4b; font-size: 45px; font-weight: 700;}
.singlecard {background: #0093dd7d none repeat scroll 0 0; border-radius: 4px; margin-bottom: 20px; padding: 20px 21px;}
.pageclr {
    background-color: #7fcdf4;
    background-image: url("../images/slidecut1.png");
    background-position: 60% 100%, 0px 0px, 6% 20%, 100% 100%;
    background-size: contain, auto, 125px, 400px;
    background-repeat: no-repeat, repeat, no-repeat, no-repeat;
}
.otherpagepad{padding:200px 0px;}
.contactpad{padding:0px 90px!important;}
.box-style1{background-color: #fff; height:260px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.02); margin-bottom: 18px; padding:30px; border: 1px solid #e4ecf6; border-radius: 6px; transition: box-shadow 400ms ease;}
.box-style1:hover {box-shadow: 0 6px 12px 0 rgba(114, 121, 146, 0.2); transition: box-shadow 400ms ease;}
.contact-form-div {margin-right: auto; margin-left: auto; border: 1px solid #dfdede; border-radius: 10px; background-color: #fff;}
.top-stripe {
    width: 100%;
    height: 140px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #7fcdf4;
    background-image: url("../images/slidecut1.png");
    background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.quote-sign {margin-top: 20px; margin-left: 40px; padding-top: 0px; padding-left: 0px; -webkit-filter: brightness(200%); filter: brightness(200%);}
.form-block {padding: 40px 60px 60px; border: 1px none #dfdede; border-radius: 6px; background-color: transparent;}
.footbg{background-color:black;}
.lightbox {position: fixed !important; top: 50px !important;}
.memberbg{background-color: #52B1E0; padding: 30px 0px;}
.footer{background-image:url("../images/footerbg.png"); background-color: rgba(39, 39, 39, 0.94); background-size: cover, cover;
	background-position: 50%, center; background-repeat: no-repeat; color: #8b8b8b; position: relative;}
.footer:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(39, 39, 39, 0.94);}
.footpad{padding:90px 0 20px 0;}
.footpara{width:80%;}
.clr1{color: #52b1e0 !important;}
.text2{position: relative; padding: 0 0 0 26px; margin-top: -37px;}
.w0{width:0%;}
.wapp{width:60px;}
.point{bottom:15px!important; left:10px!important;}
.starclr{color: #f2c008;}
.aboutpage {
    background-image: url("../images/aboutpage.jpg");
	background-position: right;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.aboutbox{background-color:#0093dd;}
.slider-below-wrap {
    margin-top: -70px;
    position: relative;
    z-index: 1;
    padding: 75px 25px 75px 25px;
	border-radius:5px;
}
.line-box-wrap {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    display: flex;
}
.line-background {width: 15%; border-right: 1px solid hsla(0, 0%, 100%, 0.22);}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after { content: ""; display: inline-block;}
.bannerhead{font-size: 50px;}
.section-heading {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(-45deg, #3db3c5, #274685);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
hr{border-top: 1px solid rgb(2, 2, 2)!important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color:#aaa!important; background-color: white!important; box-shadow: 0 6px 12px 0 rgba(40, 43, 49, 0.08);}
.nav-pills-custom .nav-link {color: #aaa; background: #fafaff; position: relative; border:1px solid #e2e3e7; }
.nav-pills-custom .nav-link:hover{background-color: white!important; box-shadow: 0 6px 12px 0 rgba(114, 121, 146, 0.2); transition: box-shadow 400ms ease;}
.nav-pills-custom .nav-link.active {color: #45b649; background: #fff;}
.tabpad{padding:0!important; margin:0!important;}
.text3 {position: relative; padding: 0 0 0 93px; margin-top: -84px;}
.containerpad{padding:0px 80px!important;}
.line-animate {width: 60%;}
.line {background: #327fa6; display: block;}
.line-top {
    width: 60%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left top;
    transform: scale(1, 1);
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
    animation: lineTop 5s linear 0s;
}
.line-right {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right:224px;
    transform-origin: left top;
    transform: scale(1, 1);
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
    animation: lineRight 5s linear 0s;
}
.line-bottom {
    width: 60%;
    height: 4px;
    position: absolute;
    right: 224px;
    bottom: 0;
    transform-origin: right top;
    transform: scale(1, 1);
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
    animation: lineBottom 5s linear 0s;
}
.line-left {
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left bottom;
    transform: scale(1, 1);
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
    animation: lineLeft 5s linear 0s;
}
@keyframes lineTop{
0% {
    transform: scale(0, 1);
}
12.5% {
    transform: scale(1, 1);
}
100% {
    transform: scale(1, 1);
}
}
@keyframes lineRight{
0% {
    transform: scale(1, 0);
}
12.5% {
    transform: scale(1, 0);
}
25% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1, 1);
}
}
@keyframes lineBottom{
0% {
    transform: scale(0, 1);
}
25% {
    transform: scale(0, 1);
}
37.5% {
    transform: scale(1, 1);
}
100% {
    transform: scale(1, 1);
}
}
@keyframes lineLeft{
0% {
    transform: scale(1, 0);
}
37.5% {
    transform: scale(1, 0);
}
50% {
    transform: scale(1, 1);
}
100% {
    transform: scale(1, 1);
}
}
.imgpos{z-index:1; position:inherit; top:20px;}
.imgbox {z-index: 5; -ms-transition: -ms-transform 1.5s; -webkit-transition: -webkit-transform 1.5s; transition: transform 1.5s;}
.imgbox:hover{-ms-transition: -ms-transform 1.5s; -webkit-transition: -webkit-transform 1.5s; transition: transform 1.5s; z-index: 10;}

@media (min-width: 5px) and (max-width: 767.98px){	
.pad{padding:50px 0;}
.navbg {background-color:white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.head{font-size:40px;}
.hero-card1, .hero-card3{border-radius: 45px 45px 0px 0px;}
.hero-card2, .hero-card4{border-radius: 0px 0px 45px 45px;}
.box-style{padding:30px 10px;}
.text1 {padding: 0 0 0 95px;}
.cardtop{font-size: 35px;}
.otherpagepad{padding:100px 0px;}
.contactpad{padding:0px 5px!important;}
.form-block {padding: 30px 20px 50px;}
.containerpad{padding:0px 30px!important;}
.text3 {padding: 0 0 0 93px; margin-top: -69px;}
.footpara {width: 100%;}
.line{display:none;}
.imgpos{top: 0px;}
.footpad {padding: 40px 0 20px 0;}
}

@media (min-width: 768px) and (max-width: 992.98px){
.pad{padding:50px 0;}	
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.secpad{padding: 90px 20px 90px;}
.contactpad{padding:0px 5px!important;}
.form-block {padding: 30px 20px 50px;}
.otherpagepad{padding:100px 0px;}
.box-style1{height:350px;}
.containerpad{padding:0px 30px!important;}
.text1{padding: 0 0 0 80px; margin-top: -69px;}
.footpara {width: 100%;}
.line{display:none;}
.imgpos{top: 0px;}
}

@media (min-width:993px) and (max-width:1199.98px){
.navbg {background: white;}	
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
   position: absolute;
   left: 50%;
   top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;
}
.notfound h2 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}
.notfound p {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0px;
}
.notfound a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #0046d5;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
  box-shadow: 0px 4px 15px -5px #0046d5;
}
@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}