@import url(fonts.css);
:root{
	--primary:  #14829a;
}
body{
	font:18px/1.4 'Poppins', sans-serif;
	min-width: 320px;
}
.container{max-width: 1320px;}
.packages-section{
	padding:120px 0;
	background: #06476a url(../images/bg.jpg) no-repeat 50% 0;
}
h1{
	font:100px/1 'gilroyextrabold';
	text-transform: capitalize;
	color:#fff;
	margin: 0 0 30px;
}
.packages-section .subtitle{
	display: block;
	font:40px/1 'gilroylight';
	color: #fff;
	margin: 0 0 40px;
}
.packages-section .subtitle b{
	font-weight: 700;
	font-family:'Poppins', sans-serif;
}
.packages-section .create-quote{
	display: inline-block;
	font:51px/1 'gilroyextrabold';
	color: #6ae1fb;
	margin: 0 0 40px;
}
.packages .inner{
	background: #fff;
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 18.451px 11.982px 49px 0px rgba(1, 1, 1, 0.15);
	padding:35px 15px;
	text-align: center;
}
.packages .package1{--packagecolor: #ca9f43;}
.packages .package2{--packagecolor: #14829a;}
.packages .package3{--packagecolor: #a06532;}
.packages .package4{--packagecolor: #074b72;}
.packages .package5{--packagecolor: #60a2c8;}
.packages .col{
	color: var(--packagecolor);
	font-size: 18px;
}
.packages .col .logoImg{
	background-color: rgb(255, 255, 255);
	box-shadow: 5.871px 3.812px 24px 0px rgba(1, 1, 1, 0.13);
	border-radius: 60px;
	padding:22px 40px;
	margin: 0 0 30px;
}
.packages .col h2{
	color: var(--packagecolor);
	font:800 24px/1.2 'Poppins', sans-serif;
	text-transform: capitalize;
	margin: 0 0 20px;
}
.packages .col address{
	margin: 0 0 20px;
	position: relative;
	padding:43px 0 0;
}
.packages .col address:after{
	content:"\e901";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	font-family: 'icomoon';
	color: var(--packagecolor);
	font-size: 30px;
}
.packages .col address .title{
	font-weight: 700;
	display: block;
	font-size: 22px;
	line-height: 1.4;
}
.packages .col a[href^=tel]{
	font: 22px/1 'gilroyextrabold';
	word-spacing: 4px;
	letter-spacing: 2px;
	color: var(--packagecolor);
	text-decoration: none;
}
.packages .col .btn{
	background: var(--packagecolor);
	padding: 10px 28px;
	font:700 18px/2 'Poppins', sans-serif;
	color: #fff;
	border-radius: 60px;
	border: 1px solid var(--packagecolor);
}
.packages .col .btn:hover{
	background: #fff;
	color: var(--packagecolor);
}
.packages .col .btn i{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 10px;
}
.block{padding:90px 0;}
.block h2{
	font-size: 30px;
	line-height: 1.6;
	font-weight: 500;
	color: var(--primary);
	margin: 0 0 40px;
}
.websites .col-12{
	border-left: 1px solid #dae4e9;
}
.websites .col:first-child{border: 0;}
.btn-visit{
	display: inline-block;
	border: 2px solid var(--primary);
	font:600 15px/2 'Poppins', sans-serif;
	padding:0 10px;
	border-radius: 30px;
	text-decoration: none;
	color:  var(--primary);
	box-shadow: 5.871px 3.812px 24px 0px rgba(20, 130, 154, 0.14);
	white-space: nowrap;
}
.btn-visit i{
	font-size: 8px;
	display: inline-block;
	vertical-align: middle;
}
.btn-visit:hover{
	background: var(--primary);
	color: #fff;
}
#footer{
	background: var(--primary);
	color: #fff;
	padding:20px 0;
	font-size: 14px;
}
@media screen and (max-width: 991px){
	.block{padding: 40px 0;}
	h1{font-size: 60px;}
	.packages-section .subtitle{font-size: 30px;}
	.block h2{font-size: 20px;}
	.block h2 br, .packages-section .subtitle br{display: none;}
	.packages-section{padding: 50px 0;}
	.packages-section .create-quote{font-size: 30px;}
	.packages .col .btn{padding:5px 18px;font-size: 16px;}
}