/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2023 | 06:53:10 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
	.sw, .copyright_text, .sw-secondary-block-heading b{
		font-family: 'Poppins', sans-serif;
	}
	.sw-heading-black{
		color: #242424;
	}
	.sw-heading-blue{
		color: #007EF2;
	}
	.sw-heading-white{
		color: #ffffff;
	}
@media only screen and (max-width: 600px) {
	.sw-heading{
		font-size: 30px;
		font-weight: 400;
    	line-height: 40px;
	}
	.secure_card_graphic img{
		width:70%;
	}
	.secure_card_graphic{
		text-align:center !important;
		margin-bottom:0px;
	}
	.sw-desc{
		font-size: 16px;
		line-height: 20px;
		color: #5E5E5E;
	}
	.rounded-button {
		    background-color: #007EF2;
			border-radius: 30px;
			border: none;	
			color: white;
			padding: 10px 30px;
			text-align: center;
			display: inline-block;
			font-size: 16px;
			cursor: pointer;
			margin: 20px 0px;
			margin-top: 40px;
	}
	.rounded-button img, .rounded-button-white img{
		width: 30px;
    	margin-left: 5px;
	}
	.rounded-button{
		color:white !important;
	}
	.sw-header-btn{
		display:none;
	}
	.sw-secondary-block-heading{
		font-size: 25px;
    	line-height: 40px;
    	font-weight: 400;
    	margin-bottom: 20px !important;
	}
 	
	.block-feature-list-item{
		display: flex;
		flex-direction:row;
		align-items: center;
		margin-bottom:20px;
	}
	.block-feature-list-icon{
		width:20px;
		align-items: center;
		margin-right:10px;
		margin-bottom:0px;
	}
	.section-block{
		padding-right:20px;
		padding-left:20px;
	}
	.sw-oswald-heading{
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
    	line-height: 50px;
    	font-weight: 200;
	}
	.oswald-bold{
		font-weight:400;
	}
	.sw-desc-head-white{
		font-size: 20px;
		line-height: 40px;
		font-weight: 500;
		color: #ffffff;
		margin-right:20px;
	}
	.sw-desc-white{
		font-size:16px;
		line-height:20px;
		color: #FFFFFF;
	}
	.block-feature-list-icon{
		width:35px;
		align-items: center;
		margin-right:15px;
		margin-bottom:0px;
	}
	.security-info-block{
		display:none;
	}
	.security-info-mobile{
		display: block;
		padding: 50px 0px;
		background-color: #007EF2;
		padding-left: 20px !important;
	}
	.footer-logo{
		width:200px;
	}
	
	.rounded-button-white{
		background-color:#FFFFFF;
		  border-radius: 30px; /* Adjust the value to control the roundness of the button */
		  border: none; /* Remove the border around the button */
		  color: #000000 !important; /* Set the text color */
		  padding: 10px 40px; /* Adjust the padding to control the button size */
		  text-align: center; /* Center the text horizontally */
		  display: inline-block; /* Display the button as an inline element */
		  font-size: 18px; /* Set the font size */
		  cursor: pointer; /* Add a cursor pointer on hover */
		margin:20px 0px;
	}
	.secondary-block-icon img{
		width: 70%;
	}
	.upcoming-feature-image{
		margin-bottom:0px;
	}
}
@media only screen and (min-width: 600px) {
  /* For mobile phones: */
	
	.sw-oswald-heading{
		font-family: 'Oswald', sans-serif;
		font-size: 80px;
    	line-height: 90px;
    	font-weight: 200;
	}
	.oswald-bold{
		font-weight:400;
	}
	.sw-heading{
		font-size: 55px;
		font-weight: 400;
    	line-height: 70px;
	}
	.sw-secondary-block-heading{
		font-size: 50px;
    	line-height: 60px;
    	font-weight: 400;
	}
 	
	.sw-desc-head-white{
		font-size: 25px;
		line-height: 40px;
		font-weight: 500;
		color: #ffffff;
		margin-right:20px;
	}
	.sw-desc{
		font-size:22px;
		line-height:30px;
		color: #5E5E5E;
	}
	
	.sw-desc-white{
		font-size:22px;
		line-height:30px;
		color: #FFFFFF;
	}
	.rounded-button {
		background-color:#007EF2;
		  border-radius: 30px; /* Adjust the value to control the roundness of the button */
		  border: none; /* Remove the border around the button */
		  color: white; /* Set the text color */
		  padding: 10px 40px; /* Adjust the padding to control the button size */
		  text-align: center; /* Center the text horizontally */
		  display: inline-block; /* Display the button as an inline element */
		  font-size: 18px; /* Set the font size */
		  cursor: pointer; /* Add a cursor pointer on hover */
		margin:20px 0px;
		    margin-top: 60px;
	}
	.rounded-button img, .rounded-button-white img{
		width: 30px;
    	margin-left: 5px;
	}
	.rounded-button{
		color:white !important;
	}
	
	.rounded-button-white{
		color:black !important;
	}
	.rounded-button-white{
		background-color:#FFFFFF;
		  border-radius: 30px; /* Adjust the value to control the roundness of the button */
		  border: none; /* Remove the border around the button */
		  color: #000000; /* Set the text color */
		  padding: 10px 40px; /* Adjust the padding to control the button size */
		  text-align: center; /* Center the text horizontally */
		  display: inline-block; /* Display the button as an inline element */
		  font-size: 18px; /* Set the font size */
		  cursor: pointer; /* Add a cursor pointer on hover */
		margin:20px 0px;
	}
	.block-feature-list-item{
		display: flex;
		flex-direction:row;
		align-items: center;
		margin-bottom:20px;
	}
	.block-feature-list-icon{
		width:35px;
		align-items: center;
		margin-right:15px;
		margin-bottom:0px;
	}
	.copyright_text{
		font-size:14px;
	}
	.copyright_text a{
		font-family: 'Poppins';
    	text-decoration: underline !important;
	}
	
	.security-info-block{
		padding:100px 60px !important;
	}
	.security-info-block > div>div{
		padding:50px 0px;
		background-color:#007EF2;
		border-radius:10px;
	}
	
	.security-info-mobile{
		display:none;
	}
	
	.sw-header-btn{
		background: #007ef2de;
		color: white;
		padding: 8px 20px;
		border-radius: 5px;
		font-weight: bold;
		font-family: 'Poppins';
	}
	.sw-header-btn:hover{
		color:white;
		background-color:#007ef2;
	}
	.footer-logo{
		width:200px;
	}

	.header-block{
		background-image: url(/wp-content/uploads/2023/05/surewaller_background.png);
		background-size: contain;
		background-position: top;
		background-repeat: no-repeat;
	}
	.section-block{
		padding-right:60px;
		padding-left:60px;
	}
}


