@import url('//fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;


}

.col-1{width: 10.33%; float:left; }
.col-2{width: 16.66%; float:left; }
.col-3{width: 25%; float:left;    }
.col-4{width: 33.32%; float:left; }
.col-5{width: 41.65%; float:left; }
.col-6{width: 50%; float:left;    }
.col-7{width: 58.31%; float:left; }
.col-8{width: 66.64%; float:left; }
.col-9{width: 75%; float:left;    }
.col-10{width: 83.30%; float:left;}
.col-11{width: 91.63%; float:left;}
.col-12{width: 100%; float:left;  }


.container
{
	max-width: 1600px ;
}

.line
{
	height: 4px;
	background: linear-gradient(90deg, #7a3ca0, #5f6fc0, #7a3ca0,  #5f6fc0); 
}




.top-nav
{
	height: 6vh;
	width: 100%;
	background: #495052;
}

.contact
{
	height: 6vh;
	margin: 0;
}

.contact h1
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400 ;
	font-size: 8px;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 10px;

}

.contact h2
{
	font-family: 'Montserrat', sans-serif ;
	letter-spacing: 1px;
	font-weight: 400 ;
	font-size: 8px;
	color: #fff;

}

.login
{
	height: 6vh;
	background: #404547;
	float: right;
	width: 100px;

}

.login img
{
	width: 30px;
	border-radius: 50px; 
	margin: 6px 0 0 8px;
	float: left;
}

.login h2
{
	font-size: 12px;
	color: #fff;
	float: right;
	margin: 15px 15px 0 0;
}

.navbar-nav li 
{
	margin: 0 15px 0 10px !important; 

}

.navbar-nav li a 
{
	font-size: 16px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	color: #413b46  !important;
	letter-spacing: 1px !important;

}

.navbar-nav li a:hover
{
	color: #75369d !important;
}

.navbar-toggler:hover
{
	background: #75369d !important;

}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #75369d !important;
    border-bottom: 2px solid #75369d;



}

.small p
{
   font-size: 1rem;
   padding: 0 !important;
   margin: 2px !important;
   font-weight: 500;
}



/*-----------------------------------jumbotron------------------------------------------------*/


.display-4
{
	color: #fbf4ff !important;
	font-size: 2.2rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	border-bottom: 3px solid;
	width: 60px; 
	margin-top: 10px;
}

.jum h1
{
	color: #fbf4ff !important;
	font-size: 1.8rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	margin-top: 7rem !important;


}

.jum
{
	margin-left: 5rem;
}

.jumbo1 {
    background-image: url(../img/11.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 315px;
    background-color: #fff !important;
}

.jumbo2 {
    background-image: url(../img/10.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 315px;
    background-color: #fff !important;
}

.jumbo3 {
    background-image: url(../img/9.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 315px;
    background-color: #fff !important;
}

.jumbo4 {
    background-image: url(../img/12.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 315px;
    background-color: #fff !important;
}

.jumbo5 {
    background-image: url(../img/13.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 315px;
    background-color: #fff !important;
}

.jumbo6 {
    background-image: url(../img/1.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    height: 600px;
    background-color: #fff !important;
}


.display-6
{
	color: #75369d !important;
	font-size: 1.6rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	margin: 4rem 0; 
	text-align: center;
}






/*-----------------------------------overview------------------------------------------------*/



h3
{
	color: #585858;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700;
	font-size: 48px !important;


}

.para 
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	color: #444444 !important;
	margin-right: 1rem;
	margin-top: 20px;

}

.para2
{
	background: #5f1578 !important;
	 

}

.para2 p
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: medium !important;
	font-size: 32px !important;
	color: #fff !important;
	margin: 10px 0 10px 25px;

}

.para1 p
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	letter-spacing: 1PX !important;
	color: #444444 !important;

}

.para1
{
	margin-top: 1rem;
}

.bt
{
	margin-top: 1.5rem;
	text-align: center !important;
}

.bt a
{
	width: 300px;
	background: #654099 !important;
	letter-spacing: 2px;
	font-size: 16px;
}


.bt a:hover
{
	background: #61397f !important;
}




/*-----------------------------------benefits------------------------------------------------*/



.box1
{
	background: linear-gradient(180deg, #c77f18, #e19c0e);
	margin-top: 40px;

}


.box2
{
	background: linear-gradient(180deg, #de4545,  #e87678);
	height:657px;
	margin-top: 40px;
}


.box3
{
	background: linear-gradient(180deg, #43aa8d,  #82c8b7);
	height:585px;
	margin-top: 40px;
}


.box4
{
	background: linear-gradient(180deg, #7a3ca0,  #5f6fc0);
	margin-top: 40px;
}

.box1:hover
{
	box-shadow: 0px 0px 10px 1px;

}

.box2:hover
{
	box-shadow: 0px 0px 10px 1px;

}

.box3:hover
{
	box-shadow: 0px 0px 10px 1px;

}

.box4:hover
{
	box-shadow: 0px 0px 10px 1px;

}


.card-header
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #fff !important;
	border: 0 !important;
	background: none !important;
	margin: 6px 0 3px 0px !important;
	padding: 0 !important;
	letter-spacing: 1px;

}




.list-group-item
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	font-size: 13px !important;
	color: #fff !important;
	background: transparent !important;
	margin: 0  !important;
	padding: 6px 0 !important;
	border: 0 !important;
}








.box11
{
  background: linear-gradient(180deg, #c77f18, #e19c0e, #c77f18, #e19c0e);
  margin-top: 40px;

}

.box22
{
  background: linear-gradient(180deg, #de4545,  #e87678, #de4545,  #e87678);
  height: 636px;
  margin-top: 40px;
}


.box33
{
  background: linear-gradient(180deg, #43aa8d,  #82c8b7, #43aa8d,  #82c8b7);
  height: 636px;
  margin-top: 40px;
}


.box44
{
  background: linear-gradient(180deg, #7a3ca0,  #5f6fc0, #7a3ca0,  #5f6fc0);
  margin-top: 40px;
  height: 636px;
}

.box11:hover
{
  box-shadow: 0px 0px 10px 1px #aaa;

}

.box22:hover
{
  box-shadow: 0px 0px 10px 1px #aaa;

}

.box33:hover
{
  box-shadow: 0px 0px 10px 1px #aaa;

}

.box44:hover
{
  box-shadow: 0px 0px 10px 1px #aaa;

}




/*-----------------------------------modules------------------------------------------------*/




.icon 
{
  height: 250px !important;
  width: 250px !important;
  transform-style: preserve-3d;
  perspective: 400px;
  transition: 0.5s;
  text-align: center;
  margin: 2rem 0rem 2rem 4rem ;
  display: block;
}

.icon:hover .icon-front 
{
  transform: rotateX(-180deg);
}

.icon:hover .icon-back 
{
  transform: rotateX(0deg);
}

.icon-front 
{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #7a3ca0;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  transition: 0.5s;
  border-radius: 10px;
}

.icon-back 
{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #7a3ca0;
  backface-visibility: hidden;
  transform: rotateX(180deg);
  border-radius: 10px;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-front h2 
{
  margin: 20% auto 50% auto;
  font-size: 20px;
  font-family: Montserrat;
  letter-spacing: 1px;
  line-height: 1.5rem;
  font-weight: 600;
  color: #654099;
}

.icon-back  h2 
{
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 500;
  color: #fff;
  letter-spacing: 1px;
  margin: 0 6% 0 6%;
  line-height: 1rem;
}

.icon-front img
{
  margin-top: .8rem;
  width: 70px;
}





.media
{
	margin-top: 1.5rem !important;
	display: block !important;
	text-align: center !important;
}

.media img
{
	width: 60px;
	margin-bottom: 1rem;
}

.media-body h5

{
	font-size: 14px;
    font-family: Montserrat;
    font-weight: 600;
    color: #333;
}

.butn
{
	text-align: center !important;
	margin: 1.5rem 0 1.5rem 0 !important;
}



.butn a
{
	border: 2px solid #654099;
	padding: 6px 1px 10px 1px;
	border-radius: 10px;

	
}

.butn a button:hover
{
	background:  #654099;
	color: #fff;
	
}

    

.mobile
{
	text-align: center;
	display: none;
}


.mobi img
{
	width: 50px;
	margin-bottom: .5rem;

}


.mobi
{
    background: #fff !important;
    border: 2px solid #7a3ca0 !important;
    border-radius: 1rem !important;
    display: inline-block !important;
    padding-bottom: -50px !important;
         
} 

.btn-link
{
	text-decoration:none !important;
}

.mo
{
     border: none !important;
     text-align: center !important;
     margin: .5rem 0 0 0;
     

}

.mobi h4
{
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: px;
    color: #7a3ca0 !important;
} 
.mob h5
{
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: #000 !important;
          

} 


/*-----------------------------------testimonials------------------------------------------------*/


.clous {
    background: url(../img/testi.png);
    height: 567px;
    background-size: cover;
    margin-top: 2rem;
}

.head
{
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    font-size: 20px !important;
    letter-spacing: 3px;
    margin-top: 14rem;

    
}

.carousel-item
{
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.inner-box
{
   padding: 1rem;
   text-align: center;
}

.carous
{
  padding: 7% 10%;
  text-align: center;
  margin-top: 5rem;
  
  
}

.carous h3
{
  color: #fff;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  font-size: 12px !important;
  letter-spacing: 1px;
  margin-top: 4rem;


}

.carous p
{
  color: #fff;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  font-size: 10px !important;
  letter-spacing: 1px;
  margin-top: 2rem;
}

.carous img
{
  width: 150px;
  border-radius: 50px;
}





/*-----------------------------------contact------------------------------------------------*/



.get
{
	text-align: center;
	margin: 4rem 0;

}




.get h3
{
	color: #585858;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	font-size: 26px !important;
	letter-spacing: 5px;
}

.email
{
	margin-top: 3.5rem;
}

.con
{
	margin: 1rem 0 0 0;
}



.con p
{
	color: #434343 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 18px !important;
	letter-spacing: 1px;

}

.con h2
{
	color: #434343 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600;
	font-size: 22px !important;
	letter-spacing: 1px;

}





.map iframe
{
	width: 100%;
	height: 400px;
	border: 0;
	margin-top: 2rem;

}



















/*-----------------------------------footer------------------------------------------------*/






footer
{
	height: 8vh;
	background: #373737;
	text-align: center;
	margin-top: 5rem;
	

}

footer h6
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #fff !important;
	line-height: 7vh;

}





/*----------------------------------pulse------------------------------------------------*/




.cent
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -9999;
}

.pulse1
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	background: rgba(117,57,157,.03);
	border-radius: 50%;
	z-index: -9999px;
	animation: animate 3s linear infinite;
	transform-style: preserve-3d;
}

.pulse2
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 300px;
	background: rgba(117,57,157,.03);
	border-radius: 50%;
	z-index: -9999px;
}

.pulse3
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 450px;
	height: 450px;
	background: rgba(117,57,157,.03);
	border-radius: 50%;
	z-index: -9999px;
}

.pulse4
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 600px;
	background: rgba(117,57,157,.03);
	border-radius: 50%;
	z-index: -9999px;
}

@keyframes animate
{
	0%
	{
		box-shadow: 0 0 0 0 rgba(117,57,157,.03);
	}

	40%
	{
		box-shadow: 0 0 0 200px rgba(117,57,157,.03);
	}

	80%
	{
		box-shadow: 0 0 0 300px rgba(117,57,157,0);
	}

	100%
	{
		box-shadow: 0 0 0 0 rgba(117,57,157,0);
	}

	200%
	{
		box-shadow: 0 0 0 0 rgba(117,57,157,.0);
	}
}








































/*----------------------------------media------------------------------------------------*/





@media only screen and (max-width: 1366px)
{
     
     .contact h1{margin-top: 1rem; }
     .box2
    {
	    background: linear-gradient(180deg, #de4545,  #e87678);
	    height:657px;
	    margin-top: 40px;
    }


    .box3
    {
	    background: linear-gradient(180deg, #43aa8d,  #82c8b7);
	    height:585px;
	    margin-top: 40px;
    }

}

@media only screen and (max-width: 1365px) and (min-width: 600px)
{
    .jumbo1{height: 20vw !important;}
    .jumbo2{height: 20vw !important;}
    .jumbo3{height: 20vw !important;}
    .jumbo4{height: 20vw !important;}
    .jumbo5{height: 20vw !important;}
    .jumbo6{height: 38vw !important;}

    .lin{display: none;}
    .lin1{display: none;}
    br{display: none;}
    .comma img{ width: 20vw; }
    .head{margin-top: 4rem; margin-bottom: 2rem;}
    .display-4
    {
	font-size: 1rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 300;
	border-bottom: .1rem solid;
	width: 1.5rem !important; 
	margin-top: -1.2rem !important;
    }
    .jum h1
    {
	color: #fbf4ff !important;
	font-size: 1.2rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	margin-top: 7rem !important;
    }
    .head{margin-top: 1rem}
    .cap{display: none;}

    .jum h1
    {
	color: #fbf4ff !important;
	font-size: 1.2rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	margin-top: .5rem !important;
    }

    .jum
    {
	margin-left: 2rem;
    }
    .small
     {
     	width: 27%;
     	padding: 0 !important ;
     }
     .small p
     {
     	font-size: .7rem;
     	padding: 0 !important;
     	margin: 2px !important;
     }
     .contact h1{margin-top: .35rem; font-size: 7px; }
     .contact h2{font-size: 7px; }

.login img
{
	width: 25px;
	border-radius: 50px; 
	margin: 6px 0 0 8px;
	float: left;
}

.login h2
{
	font-size: 12px;
	color: #fff;
	float: right;
	margin: 10px 15px 0 0;
}




}

@media only screen and (max-width: 1024px)

{
     .top-nav{display: none;}

}


@media only screen and (max-width: 599px) and (min-width: 320px)
{
	.top-nav{display: none;}
    .icon{margin-left:25vw;}
    .jumbo1{height: 20vw !important;}
    .jumbo2{height: 20vw !important;}
    .jumbo3{height: 20vw !important;}
    .jumbo4{height: 20vw !important;}
    .jumbo5{height: 20vw !important;}
    .jumbo6{height: 38vw !important;}
    .display-4
    {
	font-size: .8rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 300;
	border-bottom: .1rem solid;
	width: 1.5rem !important; 
	margin-top: -1.2rem !important;


    }
    .computer{display: none;}
    .mobile{display: block;}
    .head{margin-top: 1rem}
     .jum h1
    {
	color: #fbf4ff !important;
	font-size: .5rem !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	margin-top: .2rem !important;
    }
    .jum{margin-left: .2rem;}

     body, html
     {
	     overflow-x: hidden;

     }
     .small
     {
     	width: 16%;
     	padding: 0 !important ;
     }
     .small p
     {
     	font-size: .4rem;
     	padding: 0 !important;
     	margin: 2px !important;
     }



}