@import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

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

:root {
    --primary: #FF4C29;
    --secondary: #1a202c;
    --background: #e8eae6;
}

body{
	background-color: #F9F9F9;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

.container-fluid {
	 max-width: 1200px; 
}

h1,h2,h3,h4{
font-family: 'Lora', serif;
}

.hr-space{
	padding: 20px 0px;
}

.primary-btn{
  background-color: #FF4C29;
  border-radius: 4px;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  max-width: none;
  min-height: 44px;
  min-width: 10px;
  outline: none;
  overflow: hidden;
  padding: 9px 20px 8px;
  position: relative;
  text-align: center;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}


.secondary-btn{
	appearance: button;
  background-color: #082032;
  border-radius: 6px;
  border-width: 0;
  box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset,rgba(50, 50, 93, .1) 0 2px 5px 0,rgba(0, 0, 0, .07) 0 1px 1px 0;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  line-height: 1.15;
  margin: 12px 0 0;
  outline: none;
  overflow: hidden;
  padding: 0 25px;
  text-align: center;
  text-transform: none;
  transform: translateZ(0);
  transition: all .2s,box-shadow .08s ease-in;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  /*width: 100%;*/
}

.trustpilot-review{
    text-decoration: underline;
    font-weight:bold;
}

.body-article-ol-style{
	margin-left:30px;
}

.faq-box{
	background-color: #F7F7F7;
	padding: 30px;
	border: 2px solid #DADDFC;
}

.faq-box h2{
	margin-bottom: 30px;
}

.faq-box h3{
	font-size: 18px;
}

/*main css ends here*/

header{
	background-color:#ffffff;
	padding: 12px 0;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.nav-item a{
	color: #000000 !important;
	font-size: 18px;
}

.nav-item a:hover{
	color: var(--primary) !important;
}


/*header & navbar css ends here*/


.main-wrapper{
	margin-top: 50px;
	margin-bottom: 50px;
	background-color:#ffffff;
	max-width: 950px;
	border: 2px solid #E7E7DE;
	border-radius: 5px;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.tools-wrapper{
	padding: 50px;
}

.tools-heading{
	text-align: center;
}

/*main wrapper structure css ends here*/


.social-box{
	text-align: center;
	padding: 30px 50px;
	margin-top: 30px;
	border: 1px solid #E7E7DE;
	border-radius: 5px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.social-box-icon{
	margin-bottom: 20px;
}

/*social section's css ends*/


.tools-list h2{
	margin-bottom: 30px;
	text-align: center;
}

.tools-design{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	display: flex;
	padding: 25px;
	margin-bottom: 30px;
	border: 1px solid #E7E7DE;
	border-radius: 5px;
}

.tools-design a{
	font-size: 18px;
	margin-left: 20px;
	color: #000;
	font-weight: 600;
}

.tools-design a:hover{
    color: #0071f2;
}

/*all tools css ends here*/


footer{
	background-color: var(--secondary);
	margin-top: 50px;
	}

	footer ul{
    margin: 0px;
    padding: 0px;
  	}

	footer ul li{
	list-style: none;
    }

	.footer-widget-area{
		padding-top: 50px;
	}

	.footer-widget-area li{
		margin-top: 10px;
	}

	.footer-widget-area li a{
		color: #ffffff;
		opacity: 1;
		transition: 0.3s;
	}

	.footer-widget-heading h4{
		margin-bottom: 20px;
	}

	.footer-widget-area li a:hover{
	 text-decoration: none;
	 color: var(--primary);
	 opacity: 0.8;
	}

	.footer-widget-heading{
		color: #ffffff;
	}

	.footer-widget-area p{
		color: #ffffff;
		font-size: 18px;
	}

	.footer-social-icon span{
		color: #ffffff;
	}

	.linkediting a{
		font-size: 18px;
	}

	.circle-icon {
    background: var(--primary);
    color: #ffffff;
    padding:12px;
    border-radius: 50%;
    margin-left: 5px;
    height: 40px;
    width: 40px;
    text-align: center;
    margin-bottom: 20px;
    opacity: 1;
	transition: 0.3s;
    }

    .circle-icon:hover {
    background: var(--primary);
    color: #ffffff;
    opacity: 0.8;
    }

    .copyright-text p{
    	color: #ffffff;
    }

    .copyright-area{
	  padding: 20px 0;
	  background-color: #151824;
    }

    .copyright-area a:hover{
    	text-decoration: none;
    }

    .footer-menus li{
    	display: inline-flex;
    	margin-left: 20px;
    }

    .footer-menus a {
 	 color: #ffffff;
	}

	.footer-menus a:hover{
		color: var(--primary);
		text-decoration: none;
	}

	/*footer css ends here*/