@font-face {
    font-family: 'Heavitas';
    src: url('../fonts/Heavitas.eot');
    src: url('../fonts/Heavitas.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Heavitas.woff2') format('woff2'),
        url('../fonts/Heavitas.woff') format('woff'),
        url('../fonts/Heavitas.ttf') format('truetype'),
        url('../fonts/Heavitas.svg#Heavitas') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*---------------------------------
	BASE
-----------------------------------*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

* { outline:none;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#000000;
	font-size:20px;
	line-height:1.50;
	background-color:#000000;
	margin:0;
	padding:40px 0 50px 0;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}


a{ 
	color:#000000;
	text-decoration:none;
	-webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;

}

a:hover,
a:focus,
a:active {
	outline: 0;
	text-decoration: none;
	color:#000000;
	box-shadow:none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Heavitas';
  margin-top: 0;
  margin-bottom: 15px;
}

/*---------------------------------
	BREAK POINT MEDIA
-----------------------------------*/

.main-wrapper{ 
	max-width:1240px; 
	margin:0 auto;
}

.main-wrapper-inner {	
	background-color:#fff;
	border-radius:10px;
	padding-bottom:90px;
	margin:0 20px;
}

/*.container { max-width:1120px !important;}*/

/*---------------------------------
	UTILITY
-----------------------------------*/

.img-center { 
	display:block; 
	margin:0 auto;
}

.hlg-txt {
	font-family: 'Heavitas';
	margin:0;
	padding:0 0 10px 0;
}

.txt-str1 p { margin:0; line-height:24px;}

.img-animation{animation:img-anm 9s ease-in-out 0s infinite alternate;}

@keyframes img-anm {
	
	0% { 
	transform: scale(1) rotate(0deg);
	}
	
	50% { 
	transform: scale(1.1) rotate(10deg);
	}
	
	100% { 
	transform: scale(1) rotate(0deg);
	}		
}



/*---------------------------------
	HEADER
-----------------------------------*/

.hdr-holder { 
	background-image:url(../images/hdr-bg.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	left:0;
}

.hdr-lft-crd { 
	position:absolute;
	left:-22px;
	top:-26px;
	width:442px;
	z-index:1;
}

.hdr-rgt-crd {	
	position:absolute;
	right:0;
	top:-28px;
	width:441px;
	z-index:1;
}

.hdr-cntr-crd { 
	z-index:1; 
	position:relative;
	top:15px;
}

.hdr-cont-area { padding-top:45px;}

.hdr-cont-area h1 { 
	font-size:47px;
	line-height:48px;
	color:#234771;
	margin:0;
}

.hdr-cont-area h2 { 
	font-size:37px;
	line-height:38px;
	color:#537fb0;
	margin:0;
	padding-bottom:28px;
}

/*---------------------------------
	SECTION 1
-----------------------------------*/

.section-1{ 
	background-color:#2788fa;
	position:relative;
	left:0;
	top:0;
	padding-bottom:15px;
}

.section-1:before {
	content:"";
	display:block;
	background-image: url(../images/crv1.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	top:-127px;
	height:127px;
}

.section-1:after {
	content:"";
	display:block;
	background-image: url(../images/crv2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	bottom:-59px;
	height:59px;
	z-index:2;
}

.mpb-crd-holder { 
	padding-left:30px;
	z-index:9;
}

.s1-rgt-col { 
	margin-top:-32px;
	position:relative;
	z-index:2;
}

.con-bx1 { 
	background-color:#b5d2e4;
	border-radius:15px;
	font-family: 'Heavitas';
	padding:20px;
	padding-bottom:0;
}

.con-bx1 p { 
	margin:0;
	padding-bottom:15px;
	line-height:24px;
}

.con-bx1 p span { color:#f67218;}

/*---------------------------------
	SECTION 2
-----------------------------------*/

.section-2{
	background-image:url(../images/section2-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	left:0;
	top:0;
	padding:185px 0 80px 0;
	margin-top:-76px;
	z-index:5;
}

.cart-bx { 
	background-color:rgba(255,255,255,0.8);
	border-radius:15px;
	padding:30px 0 10px;
	text-align:center;
	width:276px;
	margin:0 auto;
	margin-bottom:20px;
	height:595px;
}

.cart-bx .cart-img { padding-bottom:16px;}

.cart-bx h4 { 
	color:#2788fa;
	font-size:35px;
	line-height:40px;
	margin:0;
	padding:0 10px 10px 10px;
}

.cart-bx h4 span { color:#7db9ff;}

.cart-bx h3 { 
	color:#2788fa;
	font-size:95px;
	line-height:100px;
	margin:0;
	padding:0 10px 10px 10px;
}

.cart-bx h3 span { color:#f67218;}

.cart-bx .cart-item {	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom:18px;
	padding-left:10px;
	padding-right:10px;
}

.cart-bx .cart-item .minus,
.cart-bx .cart-item .plus,
.cart-bx .cart-item .number { 
	width:36px;
	background-color:#bed6f0;
	border-radius:5px;
	border:1px solid #71a6f4;
	height:40px;
	line-height:35px;
}

.cart-bx .cart-item .minus a,
.cart-bx .cart-item .plus a{ display:block;}

.cart-bx .cart-item .number input{ 
	width:100%; 
	background:none; 
	border:none;
	text-align:center;
}

.cart-bx a.cta-btn { 
	width:210px;
	background-color:#537fb0;
	text-align:center;
	color:#fff;
	display:block;
	padding:10px;
	font-family: 'Heavitas';
	font-size:26px;
	line-height:28px;
	margin:0 auto;
	border-radius:6px;
}

/*---------------------------------
	SECTION 2
-----------------------------------*/

.section-3{ 
	background-color:#2788fa;
	position:relative;
	left:0;
	top:0;
	margin-top:-30px;
	padding-bottom:20px;
}

.section-3:before {
	content:"";
	display:block;
	background-image: url(../images/crv3.png);
	background-position: center top;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	top:-63px;
	height:64px;
}

.section-3:after {
	content:"";
	display:block;
	background-image: url(../images/crv4.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	bottom:-25px;
	height:26px;
	z-index:2;
}


.sec-3-txt-holder { 
	text-align:center;
	position:relative;
	z-index:10px;
	margin-top:-13px;
}

.sec-3-txt-holder p { 
	color:#fff; 
	font-size:36px;
	line-height:37px;
	font-family: 'Heavitas'; 
	margin:0;
}

.sec-3-smtxt { 
	font-size:23px !important;
	line-height:24px !important;
}

/*---------------------------------
	SECTION 4
-----------------------------------*/

.section-4 { padding-top:50px;}

.section-4 h3.h3-title{ 
	color:#2788fa;
	font-size:58px;
	line-height:62px;
	text-align:center;
}

.section-4 h3.h3-title span { color:#f67218;}

.lft-card { 
	position:absolute;
	left:0;
	top:20px;
	height:214px;
	width:196px;
}

.rgt-card { 	
	position:absolute;
	right:0;
	top:20px;
	height:228px;
	width:201px;
}

.section-5 { 
	background-color:#bed6f0;
	padding-top:25px;
}

ul.card-list li {	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom:20px;
	

}

ul.card-list li div.card-list-img {	
	-ms-flex: 0 0 74px;
	flex: 0 0 74px;
	max-width: 74px;	
}


ul.card-list li div.c-l-title { 
	font-size:96px;
	line-height:100px;
	color:#2788fa;
	font-family: 'Heavitas';
	padding-left:20px;
	padding-right:20px;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	max-width: 32%;	

}

ul.card-list li div.c-l-title span{color:#f67218;}


ul.card-list li div.c-l-txt-holder {	
/*	-ms-flex: 0 0 50%px;
	flex: 0 0 50%;
	max-width: 50%;	
*/}

ul.card-list li p.c-l-txt1,
ul.card-list li p.c-l-txt1a { 
	color:#000000;
	font-size:24px;
	line-height:26px;
	font-weight:900;
	text-transform:uppercase;
	margin:0;
}

ul.card-list li p.c-l-txt1 span{ color:#f67218;}

ul.card-list li p.c-l-txt1a { 
	font-size:20px; 
	line-height:22px;
}


ul.card-list li p.c-l-txt2,
ul.card-list li p.c-l-txt3 { 
	color:#000000;
	font-size:18px;
	line-height:20px;
	font-weight:900;
	text-transform:uppercase;
	margin:0;

}

ul.card-list li p.c-l-txt3 { font-size:15px;}


/*---------------------------------
	RESPONSIVE CODE
-----------------------------------*/

@media (max-width:1150px) {

.hdr-lft-crd,
.hdr-rgt-crd { display:none;  }	

.hdr-cntr-crd img { max-width:100%;}

ul.card-list li div.c-l-title { font-size:70px; line-height:75px;}
}

@media (min-width:992px) {
	.s1-rgt-col { margin-top:0;}
}
@media (max-width:991px) { 
.mpb-crd-holder { display:none;}
.cart-bx h3 { font-size:80px; line-height:85px;}

.cart-bx h4 { font-size:28px; line-height:32px;}

.cart-bx { width:100%;}

.section-1 { padding-bottom:30px;}

.section-2 { 
	background-image:none; 
	background-color:#ebdbc4;
	margin-top:0;
	padding-top:30px;
	padding-bottom:30px;
}
.section-1 .text-end { text-align:center !important;}
.mpb-crd-holder img { 
	display:block; 
	margin:0 auto;
}
.section-1 { padding-top:20px;}

.mpb-crd-holder { padding-left:0; padding-bottom:40px;}

.section-3 { 
	margin-top:0; 
	padding-top:30px; 
	padding-bottom:30px;
}

.section-3:before,
.section-3:after { background-image:none;}

.lft-card, .rgt-card{ display:none;}

ul.card-list li p.c-l-txt1,
ul.card-list li p.c-l-txt1a { font-size:20px; line-height:24px;}

}

@media (max-width:768px) {
.main-wrapper-inner { padding-bottom:40px;}
.hdr-cont-area { padding-top:25px;}
.hdr-cont-area h1 { 
	font-size:35px;
	line-height:40px;
}

.hdr-cont-area h2 {	
	font-size:25px;
	line-height:30px;
	padding-bottom:10px;
}

.sec-3-txt-holder p { font-size:28px; line-height:32px;}
ul.card-list li {	
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.cart-bx { height:auto;}
.cart-bx h3 { font-size:60px; line-height:65px;}

.section-4 h3.h3-title { font-size:40px; line-height:42px;}

.card-list { padding-left:0;}

ul.card-list li div.c-l-title { 
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

}

@media (max-width:550px) {

ul.card-list li div.c-l-title { font-size:50px; line-height:55px;}

.mpb-crd-holder { display:none;}
.section-1 { padding-top:30px;}
	
}

@media (max-width:480px) {
ul.card-list li div.c-l-title {
	font-size:26px;
	line-height:30px; 

}
ul.card-list li {	
	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
}

ul.card-list li div.c-l-title { 
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left:10px;
	padding-right:10px;

}

ul.card-list li p.c-l-txt1, ul.card-list li p.c-l-txt1a { font-size:16px;}

.card-list-img img { width:70%;}

ul.card-list li div.card-list-img {	
	-ms-flex: 0 0 45px;
	flex: 0 0 45px;
	max-width: 45px;
}
 }