/*---------------

COLOR : #74c209;

--------------*/


.swal2-container {
  z-index: 10000 !important;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*:focus {
	outline: 0 !important;
}


@font-face {
	font-family: epilogue-semibold;
	src: url(../fonts/Epilogue-SemiBold.ttf);
}

@font-face {
	font-family: epilogue-medium;
	src: url(../fonts/Epilogue-Medium.ttf);
}


@font-face {
	font-family: epilogue-regular;
	src: url(../fonts/Epilogue-Regular.ttf);
}

@font-face {
	font-family: cera-pro-medium;
	src: url(../fonts/cera_pro_medium.otf);
}

@font-face {
	font-family: poppins-regular;
	src: url(../fonts/Poppins-Regular.ttf);
}




html, 
body {
	font-family: 'poppins-regular', serif;
	scroll-behavior: smooth;
	margin: 0!important;
	padding: 0!important;
  width: 100%;
	font-smoothing:antialiased;
}

body{
	overflow-x: hidden;
}

a{
	text-decoration: none !important;
	cursor: pointer;
}


.blue-clr{
	color : #2e44c2 !important;
}

.green-clr{
	color : #4AAF77 !important;
}

.pink-clr{
	color : #D44FC4 !important;
}

.light-blue-clr{
	color: #97DAF6 !important;
}


.navbar{
	padding: 1.5rem 10rem;
	background-color: #ffffff !important;
}

.navbar-brand img{
	width: 14rem;
}

.navbar .nav-link{
	font-size: 0.9rem;
	font-weight: 600;
	margin-right: 3rem;
	color: #000000 !important;
}

.sign-up-btn{
	background-color: #43BCEB;
	padding: 0.6rem 1.5rem;
	border-radius: 25px;
	border: none;
	font-size: 1rem;
	font-weight: 700;
}



#banner-section{                              /*----section css start-----*/
	padding: 1.5rem 10rem;
}


#banner-section h1{
	color: #444444;
  font-size: 2.4rem;
  margin-top: 5rem;
}

#banner-section p{
  font-size: 1rem;
  margin-top: 1.5rem;
}

#banner-section img{
  width: 150%;
  margin-left: -50%;
  margin-top: -10%;
}

.try-btn{
	background-color: #43BCEB;
	padding: 1rem 3rem;
	border-radius: 25px;
	border: none;
	margin-top: 1.5rem !important;
	font-size: 1rem;
	font-weight: 700;
}
                                             /*----section css Ends-----*/




#second-section{															/*----section css start-----*/
	padding: 3rem 10rem 4rem 10rem;
	background-image: linear-gradient(to top, #F3FBFD , #ffffff);
}


#second-section .col-md-4{
	max-width: 30%;
	margin: 0 auto;
	padding: 2rem 2rem;
	border: 2px solid #D3D3D3;
	background-color: #ffffff;
}

#second-section h2{
  font-size: 1.8rem;
  font-weight: 700;
}

#second-section p{
  font-size: 0.8rem;
  margin-top: 2rem;
}

#second-section a{
  font-size: 1.2rem;
  margin-top: 2rem;
  font-weight: 600; 												/*----section css Ends-----*/
}




#third-section{															/*----section css start-----*/
	padding: 4rem 10rem 4rem 10rem;
}

#third-section img{
	width: 112%;
	margin-left: -10%;
}	


#third-section h3{	
 font-size: 2.4rem;
 margin-top: 4rem;
}

#third-section h4{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

#third-section li{
	font-size: 1rem;
	margin-top: 0.4rem;
}

#third-section button{
	background-color: #01B67A;
}																							/*----section css Ends-----*/




#fourth-section{															/*----section css start-----*/
	padding: 4rem 10rem 4rem 10rem;
}

#fourth-section .fourth-section-img{
	width: 110%;
	margin-top: -33%;
	margin-left: 10%;
	z-index: 2 !important;
}

#fourth-section h3{	
 font-size: 2.4rem;
 margin-top: 4rem;
}

#fourth-section h4{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

.ico-img{
	width: 3rem;
	height: auto;
}

#fourth-section .col-md-4{
	margin-top: 2rem;
}

#fourth-section p{
  font-size: 0.9rem;
  margin-top: 1rem;
}

#fourth-section button{
	background-color: #4347A5;										/*----section css Ends-----*/
}



#fifth-section{															/*----section css start-----*/
	padding: 4rem 10rem 4rem 10rem;
}

#fifth-section img{
	width: 150%;
	margin-top: -20%;
	margin-left: -20%;
	z-index: 2 !important;
}


#fifth-section h3{	
 font-size: 2.4rem;
}

#fifth-section h4{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

#fifth-section p{
	font-size: 0.9rem;
	margin-top: 2rem;
}

#fifth-section button{
	margin-right: 20%;
	background-color: #CC349D;										/*----section css Ends-----*/
}



#sixth-section{															/*----section css start-----*/
	padding: 4rem 10rem 0rem 10rem;
	background-color: #F6F6F6;
	border-bottom: 1px solid #000000;
}


#sixth-section h3{	
 font-size: 2.4rem;
 margin-top: 1rem;
}

#sixth-section h4{
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

#sixth-section p{
	font-size: 0.9rem;
	margin-top: 0.8rem;                      
}

#sixth-section img{
  width: 100%;
}																				 /*----section css Ends-----*/




#seventh-section{															/*----section css start-----*/
	padding: 6rem 10rem 6rem 10rem;
}


#seventh-section img{	
  width: 8rem;
  height: 8rem;
  object-fit: contain;
	}

#seventh-section h3{
	font-size: 1rem;
	margin-top: 1.5rem;
	font-weight: 700;
}	

#seventh-section li{
 margin-top: 1rem;
 font-size: 1rem;
 color: #949494;                          /*----section css Ends-----*/
}




#slider-section{
 padding: 6rem 10rem 6rem 10rem; 					 /*----section css Starts----*/
 background-color: #92E0F6;
}

#slider-section h3{
	color: #ffffff;
	font-size: 2.2rem;
}

#slider-section h4{
	font-size: 1.4rem;
	margin-top: 3rem;
}

#slider-section p{
	font-size: 1rem;
	color: #ffffff;
	margin-top: 1rem;
}


#slider-section hr{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid #ffffff;

}


#slider-section h5{
 font-size: 3.6rem;
 color: #ffffff;
}

.bold{
	font-weight: 900 !important;
}

#slider-section span{
  font-size: 1rem;
}

#slider-section img{
	width: 65%;
	margin: 0 auto;
	margin-top: 1.5rem;
}


   .my-previous-button{
      border: none;
      background-color: transparent;
   }
   .my-next-button{
      border: none;
      background-color: transparent;
      float: right;                           /*----section css Ends-----*/
   }



   #eighth-section{
   	padding: 6rem 10rem 2rem 10rem;					 /*----section css Starts ----*/
   }

   .polaroid-img{
   	width: 70%;
   	margin-top: ;
   }


 #eighth-section h3{	
 font-size: 2.4rem;
 margin-top: 3rem;
}

#eighth-section p{
	font-size: 0.9rem;
	margin-top: 0.8rem;   
	margin-top: 2rem;                   
}

#eighth-section a{
	font-size: 1.2rem;
	margin-top: 0.8rem;
	font-weight: 800;                     
}

#eighth-section h4{
	font-size: 2.4rem;
 margin-top: 3rem;                  
}

#eighth-section input{
	height: 3rem;
}

#eighth-section button{
	height: 3rem;
	background-color: #44BCEB;
	border: none;                          /*----section css Ends ----*/
}




footer{
	background-color: #444444;
	padding: 4rem 10rem 4rem 10rem;
}

footer h3{
 color: #ffffff;
 font-size: 1.1rem;
 text-transform: uppercase;
}

footer ul{
	list-style-type: none;
}

footer li{
	margin-top: 1rem;
}

footer li a{
	font-size: 1rem;
	color: #ffffff;
}

footer p{
	font-size: 1rem;
	color: #ffffff;
	margin-top: 1rem;
}

footer span{
	color: #ffffff;
	font-size: 0.7rem;
}

footer h4{
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: #92E0F6;
}

.footer-input{
 background-color: transparent;
 border: none;
 border-bottom: 2px solid #ffffff;
 border-radius: 0px;
}

footer h6{
	color: #ffffff;
}


.footer-ico{
	width: 1.6rem;
	margin-left: 1rem;
}