@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

*{padding:0; margin:0;}
body{background:#fff; padding:0; margin:0; font-size:15px; font-family: "Poppins", serif; font-weight:400;}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none}
a, button{-webkit-transition-duration: 0.3s; 
  -webkit-transition-timing-function: linear; 
  box-shadow:0px 0 0 #966b29 inset; text-decoration:none;}
 
.container{max-width:1220px;}
.navbar-light .navbar-brand{padding: 0; margin-bottom: -30px;}
.logo-menu{position: relative; z-index: 1;}
.logo-menu .navbar{padding:0; box-shadow:none; background:#021a3b; }
.logo-menu .navbar .navbar-nav li{padding-left:30px;}
.logo-menu .navbar .navbar-nav li a{font-size:16px; color:#fff!important; font-weight:500; padding:25px 0;}
.logo-menu .navbar .navbar-nav li.active a{background: none !important; border-bottom:solid 3px #fad66f; font-size:16px; color:#fad66f!important; font-weight:500;}
.logo-menu .navbar .navbar-nav li a:hover{font-size:16px; color:#FFC000!important; border-bottom:solid 3px #fad66f;}
.logo-menu .navbar .navbar-nav li:last-child{padding-top: 13px;}
.logo-menu .navbar .navbar-nav li:last-child a{background:#fad66f; padding:12px 30px; border-radius:40px; color:#021a3b!important; }
.logo-menu .navbar .navbar-nav li:last-child a:hover{border-bottom:none; background:#fff;}
.navbar-brand img{ margin-bottom: -30px;}

.top-banner{background:url("../img/banner.jpg") top center no-repeat; background-size:cover; padding:220px 0;
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;}
.top-banner h1{font-size:40px; color:#001034; font-weight: 600;}
.top-banner h1 span{color:#FFC000; display: block;}
.top-banner p{font-size:18px; line-height:28px; color:#000; font-weight:500; padding:20px 0 40px;}
.top-banner a{background:#021a3b; font-size:16px; color:#fad66f; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block;}
.top-banner a:hover{background:#fad66f; color: #021a3b;}

.privacy-top-banner{background:url("../img/banner.jpg") top center no-repeat; background-size:cover; padding:120px 0;
  position: relative;

  background-position: center center;
  background-size: cover;}
.privacy-top-banner h1{font-size:36px; color:#001034; font-weight: 600; }
.privacy-top-banner h1 span{color:#FFC000; display: block;}
.privacy-top-banner p{font-size:18px; line-height:28px; color:#000; font-weight:500; padding:20px 0 40px;}
.privacy-top-banner a{background:#fad66f; font-size:16px; color:#001034; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block;}
.privacy-top-banner a:hover{background:#001034;color:#fff;}

.about-top-banner{background:url("../img/benefit.jpg") top center no-repeat; background-size:cover; padding:200px 0;
  position: relative;

  background-position: center center;
  background-size: cover;}
.about-top-banner h1{font-size:36px; color:#001034; font-weight: 600;display:inline-block; background: #fff; padding: 15px 30px; border-radius:6px; }
.about-top-banner h1 span{color:#FFC000; display: block;}
.about-top-banner p{font-size:18px; line-height:28px; color:#000; font-weight:500; padding:20px 0 40px;}
.about-top-banner a{background:#fad66f; font-size:16px; color:#001034; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block;}
.about-top-banner a:hover{background:#001034;color:#fff;}

.why-smart-mrkt{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f8fa+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding:90px 0 0; text-align: center;}
.why-smart-mrkt h2{font-size:42px; color:#001034; font-weight: 600;}
.why-smart-mrkt h2 span{color:#FFC000;}
.why-smart-mrkt h5{font-size:24px; color:#001034; font-weight: 600; margin:25px 0 5px;}
.why-smart-mrkt p{font-size:18px; color:#575c67; max-width:80%; margin:0 auto 40px;}
.why-smart-mrkt img{margin-bottom:-110px;max-width: 100%;}
.why-white-space{background:#fff; min-height:140px;}

.benefit-type{background:url("../img/benefit.jpg") top center no-repeat; background-size:cover; padding:140px 0;
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;}
.white-box{background:#fff; border-radius:30px; padding:40px 35px 50px;}
.white-box h2{font-size:46px; color:#001034; font-weight: 600;}
.white-box h2 span, .white-box h6 span{color:#FFC000;}
.white-box h6{font-size:16px; color:#041336; font-weight:600; padding:25px 0; }
.white-box a{background:#021a3b; font-size:16px; color:#fad66f; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block; margin-top:30px;}
.white-box a:hover{background:#001034;}
.white-box hr{background:#cccccc; position: relative; margin:5px 0 20px;}
.white-box hr::before{height:2px; width:200px; background:#fad66f; content:""; position: absolute; left:0; bottom:0;  }
.white-box h5{font-size:17px; color:#041336; font-weight:600; padding-bottom:10px;}
.white-box ul li{list-style:disc; font-size:16px; color:#575c67; margin:15px 0 0 17px;}
.white-box ul li::marker{color:#FFC000;}
.white-box ul li a{background: none; padding: 0; color: #ffc000; text-decoration: underline; margin: 0; font-weight: 600;}
.white-box ul li a:hover{background: none; color: #001034;}
.benefit-type .white-box p{font-size:16px; line-height: 24px; color:#575c67; padding:15px 0;}

.for-office{background:url("../img/for-office.jpg") top center no-repeat; background-size:cover; padding:200px 0;
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;}
.for-office .white-box h2{font-size:40px;}
.for-office .white-box h5{font-size:20px; padding:15px 0 25px;}

.for-school{padding:70px 0;}
.for-school h2{font-size:42px; color:#001034; font-weight: 600; text-align: center; margin-bottom:40px;}
.for-school h2 span, .white-box h6 span{color:#FFC000;}
.school-student-box{background:#021a3b; border-radius:30px; overflow: hidden;}
.for-school .student-details{padding:50px 40px;}
.student-details h3{font-size:28px; color:#fad66f; font-weight: 600; padding-bottom:10px;}
.student-details p{font-size:18px; color:#fff; padding:12px 0;}
.student-details a{background:#fad66f; font-size:16px; color:#001034; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block; margin:25px 0;}
.student-details a:hover{background:#fff;}

.how-it-work .how-work-header{text-align: center;}
.how-work-header h2{font-size:42px; color:#001034; font-weight: 600; }
.how-work-header h2 span, .white-box h6 span{color:#FFC000;}
.how-work-header h5{font-size:26px; color:#001034; font-weight:600; padding:15px 0 30px;}
.how-work-header h6{font-size:22px; color:#001034; font-weight:500; margin-bottom:50px;}

.how-it-work .work-box{background:#fff5f0; border-radius:20px; padding:30px; margin-bottom:30px;}
.work-box h3{font-size:22px; position: relative; font-weight: 600; padding-left:70px; padding-bottom:15px;}
.work-box h3::before{content:""; height:54px; width:54px; background:url("../img/check.png") top center no-repeat; position: absolute; left: 0; top: 0; background-size: cover;}
.work-box p{font-size:16px; line-height:22px; color:#575c67;}

.how-it-work .steps-box{background:#fff5f0; border-radius:20px; padding:50px 50px 0; margin-bottom:30px;}
.steps-box .steps{padding-bottom:53px;}
.steps-box .steps .col-sm-3{text-align: center;}
.steps .step-img{width:80%; margin:0 auto;}
.steps h6{font-size:16px; color:#fad66f; font-weight: 500; display:inline-block; border-radius:6px; padding:6px 17px; background:#021a3b; text-transform: uppercase; position: relative;}
.steps h6:after {top:100%; left:25%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(253, 118, 36, 0); border-top-color: #021a3b; border-width:7px; margin-left: -7px;}
.steps h3{font-size:22px; font-weight: 600; color:#001034; padding:15px 0 8px;}
.steps p{font-size:16px; color:#575c67; line-height:22px;}
.steps .col-sm-2 img{position: absolute; right:0; bottom:15px; }

.why-market{padding:70px 0;}
.why-market h2{font-size:42px; color:#001034; font-weight: 600; text-align: center; margin-bottom:40px;}
.why-market h2 span{color:#FFC000;}
.why-market-box{background:#fff; overflow: hidden; border-radius:30px; padding:60px 50px; position: relative;}
.why-market-box .premium-box{padding:40px 40px 60px; background:#fff; border-radius:20px; }
.premium-box h3{font-size:24px; color:#001034; font-weight:600;}
.premium-box p{font-size:16px; line-height:22px; color:#575c67; padding:15px 0; }
.premium-box ul li{list-style:disc; font-size:16px; color:#152343; margin:15px 0 0 17px; font-weight: 500;}
.premium-box ul li::marker{color:#FFC000;}
.premium-box a{background:#001034; font-size:16px; color:#fad66f; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block; margin-top:30px;}
.premium-box a:hover{background:#fad66f; color:#001034;}

.review-section{background: url("../img/review-bg.png") top center no-repeat; padding:70px 0; text-align: center;}
i.review-icon{ width: 100%; height: 80px; background: url("../img/review-icon.png") center center no-repeat; display: block; padding-bottom: 50px;}
.reviews-slider{width: 100%; max-width: 650px; margin: 0 auto; text-align: center; padding: 30px 0;}
.reviews-slider p{font-size: 20px; color: #001034; font-weight: 500; font-style: italic; line-height: 28px; text-align: center;}
.review-owner{width: 300px; margin: 0 auto; padding:50px 0 0;}
.review-owner img{float: left; width: 75px; height: auto; padding-right: 15px;}
.review-user{ float: left; width: calc(100% - 85px); text-align: left;}
.review-user strong{font-size: 20px; color: #001034; font-weight:700; text-align:left; display: block;}
.review-owner span{text-align: left; font-size: 12px; color: #575c67; padding-bottom: 10px; display: block;}
.review-star{height: 20px; width: 100%; display: block; background: url("../img/review-star.png") top left no-repeat;}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{width: 30px; height: 50px;}
.carousel .carousel-control-next-icon{background: url("../img/right-arrow.png") no-repeat!important;}
.carousel .carousel-control-prev-icon{background: url("../img/left-arrow.png") no-repeat!important;}

.review-section h2{ font-size: 36px; font-weight: 700; color:#001034; text-align: center;}
.review-section h2 span{color: #ffc000;}
.review-section > .container > p{font-size: 16px; font-weight:400; text-align:center; padding-bottom: 50px; color: #4a576a;}
.review-section .revies-box {background: url("../img/review-icon-small.png") 25px 20px no-repeat #fff; box-shadow:0 20px 50px rgba(0,0,0,0.1); padding:70px 25px 25px; border-radius:6px;  }
.review-section .revies-box p{font-size:18px; color:#002d58; font-weight: 500; font-style: italic; line-height:26px; padding-bottom:20px; margin:0; text-align:left;}
.review-section .revies-box .review-owner{padding: 20px 0 0;}


a.see-all-reviews{background:#001034; font-size:16px; color:#fad66f; font-weight:500; padding:12px 30px;border-radius:50px; margin:15px 0 25px 0; display: inline-block; margin-top:30px;}
a.see-all-reviews:hover{background:#fad66f; color:#001034;}

.carousel-indicators{position: relative; padding:40px 0 0;}
.carousel-indicators li {background: #ffc000; height:14px!important; width:14px!important; border: 0;}
.carousel-indicators li.active {background: #001034; border: 0;}

.bring-market{padding:0 0 70px;}
.bring-market .bring-market-box{background:url("../img/bring.png") top center no-repeat; background-size: cover; overflow: hidden; border-radius:30px; padding:40px; position: relative; min-height:600px; 	}
.bring-market-box h2{font-size:44px; font-weight: 600; color:#fff; width:70%;}
.bring-market-box h2 span{color:#fad66f;}
.bring-market-box a{background:#fad66f; font-size:16px; color:#001034; font-weight:500; padding:12px 30px;border-radius:50px; display: inline-block; position: absolute;  bottom:50px; left:42%;}
.bring-market-box a:hover{background:#001034; color: #fad66f;}

.bring-market h3{font-size:30px; color:#152343; text-align: center; margin:40px 0 0;}
.bring-market h3 strong{display: block;}

.futr-details{text-align: center; background:#001034; padding:60px 0 30px;}
.futr-details ul li{padding:15px; display: inline-block; list-style: none;}
.futr-details li a{font-size:15px;color:#fff; font-weight: 300;}
.futr-details li a:hover{color: #fad66f;}
.futr-details .copyright-futr{background:#1b2d40; padding:12px 0; margin-top:20px;}
.copyright-futr p{font-size:15px; color:#fff; font-weight: 300;}

.inner-default-content { padding: 50px;}
.inner-default-content h2{font-size: 26px; color:#0d0f13; font-weight:600; padding: 15px 0; margin: 0; text-align: left;}
.inner-default-content p{font-size: 16px; line-height: 22px; padding: 15px 0; color:#575c67; font-weight:400; margin: 0; text-align:left;}
.inner-default-content h4{font-size: 16px; line-height: 22px; padding: 15px 0 0; color:#FFC000; font-weight:700; margin: 0; text-align:left;}

.inner-default-content ul{padding-left: 15px; list-style: disc; padding-bottom: 15px;}
.inner-default-content ul li{font-size: 16px; line-height: 22px; padding: 8px 0; color:#575c67; font-weight:400; margin: 0; text-align:left;}
.inner-default-content a{color:#FFC000;text-decoration: underline;}

.why-market-box {width: 100%; position: relative;}

#video-one {
  width: 100%;
  top: 0;
  left: 0;
  position:absolute;
}

#video-two {
  width: 100%;
  top: 0;
  left: 0;
  position:relative;
	margin-bottom: -12px;
}

.benefit-type.harbour-cay{padding-top:80px;}
.benefit-type.harbour-cay h1{ color:#fff; font-size:44px; text-shadow:2px 2px 2px #777; font-weight:700; text-transform: uppercase; text-align: center; padding-bottom:15px;}
.benefit-type.harbour-cay a{background:#fd7624; display: block; font-size: 18px; width: 290px; box-shadow:0px 10px 20px rgba(0,0,0,0.6);  padding: 15px; margin:0 auto 30px auto; color: #fff; font-weight: 600; text-align: center; border-radius:80px;}
.benefit-type.harbour-cay a:hover{background:#151515; box-shadow:none;}

.benefit-type.harbour-cay img{border: solid 8px rgba(255,255,255,0.5); max-width:100%; margin-bottom: 30px; } 
.benefit-type.harbour-cay img:hover{}


@media (min-width:992px) and (max-width:1199px){

}


@media (min-width:768px) and (max-width:991px){

}

@media (max-width:767px){
	.navbar-toggler {
  background: #fad66f;
  padding: 3px 6px;
  margin-right: 10px;
}
	.benefit-type.harbour-cay a{margin:10px auto 30px auto; box-shadow:0px 10px 20px rgba(0,0,0,0.15);}
	.benefit-type.harbour-cay img{margin-top:75px;border: solid 10px rgba(255,255,255,0.9); box-shadow:0 10px 25px rgba(0,0,0,0.1) }
	.logo-menu .navbar .navbar-nav li {
  padding: 0 15px;
}
	.logo-menu .navbar .navbar-nav li a{padding: 15px 0;}
	
	.white-box {
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 20px;
}
	.white-box ul li {
  list-style: disc;
  font-size: 14px;
  color: #575c67;
  margin: 10px 0 0 10px;
}
	.for-office .white-box h2 {
  font-size: 26px;
}
	.for-office .white-box h5 {
  font-size: 16px;
  padding: 10px 0 10px;
}
	
  .for-office {
    background-position: top center;
    background-size: 100%;
    padding: 170px 0 50px;
	  margin-top: -170px;
  }
	.for-school h2 {
  font-size: 24px;
  color: #001034;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
	.reviews-slider p {
  font-size: 16px;
  color: #001034;
  font-weight: 500;
  font-style: italic;
  line-height: 22px;
  text-align: center;
}
	.school-student-box {
 
  border-radius: 10px;
  overflow: hidden;
}
	.for-school .student-details {
  padding: 25px 20px;
}
	.review-section .revies-box{margin-bottom: 20px;}
	.student-details h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
}
	.student-details p {
  font-size: 14px;
  color: #fff;
  padding: 6px 0;
}
	.how-work-header h2 {
  font-size: 22px;
  color: #001034;
  font-weight: 600;
}
	.how-work-header h5 {
  font-size: 20px;
  color: #001034;
  font-weight: 600;
  padding: 12px 0 15px;
}
	.how-work-header h6 {
  font-size: 16px;
  color: #001034;
  font-weight: 500;
  margin-bottom: 22px;
}
	.for-school {
  padding: 40px 0;
}
	.how-it-work .steps-box {
  background: #fff5f0;
  border-radius: 10px;
  padding: 25px 20px 0;
  margin-bottom: 25px;
}
	.steps .step-img {
  width: 100px;
  margin: 0;
}
	.steps h3 {
  font-size: 18px;
  font-weight: 600;
  color: #001034;
  padding: 15px 0 8px;
}
	.steps .col-sm-2 img {
  position: absolute;
  right: 46%;
  bottom: -42px;
}
	.why-market h2 {
  font-size: 24px;
  color: #001034;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}
	.why-market {
  padding: 30px 0;
}
	  .why-market-box {
    background: #fff;
    background-size: auto;
    background-size: auto;
    background-size: 100%;
    overflow: hidden;
    border-radius: 10px;
    padding: 205px 0 0;
  }
	.why-market-box .premium-box {
  padding: 20px 0 20px;
  background: #fff;
  border-radius: 10px;
}
	.bring-market .bring-market-box {
  background: url("../img/bring.png") top center no-repeat;
    background-size: auto;
  background-size: cover;
  overflow: hidden;
  border-radius: 30px;
  padding: 19px;
  position: relative;
  min-height: 415px;
}
	.bring-market-box h2 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  width: 100%;
}
	.review-section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #001034;
  text-align: center;
}
	.review-section .revies-box p {
  font-size: 16px;
  color: #002d58;
  font-weight: 500;
  font-style: italic;
  line-height: 22px;
  padding-bottom: 15px;
  margin: 0;
  text-align: left;
}
	.bring-market-box a {
  
  font-size: 16px;
 
  font-weight: 500;
  padding: 12px 31px;
  border-radius: 50px;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 22%;
}
	.bring-market h3 {
  font-size: 20px;
  color: #152343;
  text-align: center;
  margin: 40px 0 0;
}
	.white-box h2 {
  font-size: 24px;
  color: #001034;
  font-weight: 600;
}
	.why-smart-mrkt h2 {
  font-size: 24px;
  color: #001034;
  font-weight: 600;
}
	.why-smart-mrkt h5 {
  font-size: 16px;
  color: #001034;
  font-weight: 600;
  margin: 12px 0 5px;
}
	.why-smart-mrkt p {
  font-size: 14px;
  color: #575c67;
  max-width: 100%;
  margin: 0 auto 40px;
}
	.why-smart-mrkt {
  background: linear-gradient(to bottom, #ffffff 0%,#f3f8fa 100%);
  padding: 40px 0 0;
  text-align: center;
}
	.top-banner {
  background: url("../img/banner.jpg") top center no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-attachment: scroll;
    background-size: auto;
  background-size: cover;
  padding: 190px 0 40px;
		border-bottom: solid 1px #ddd; text-align: center;
  position: relative;
  background-attachment: inherit;
  background-position: top center;
  background-size: 100%;
}
	.top-banner a {
  
  font-size: 14px;
  font-weight: 500;
  padding: 12px 25px;
  border-radius: 50px;
  display: inline-block;
}
	.top-banner h1 {
  font-size: 20px;
  color: #001034;
  font-weight: 600;
  background: rgba(255,255,255,0.6);
}
	.top-banner p{background: rgba(255,255,255,0.6);}
	.navbar-brand img {
  margin-bottom: -10px;
  width: 250px;
}
	.benefit-type {
  background: url("../img/benefit.jpg") top center no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-attachment: scroll;
    background-size: auto;
  background-size: cover;
  padding: 180px 0 50px;
		margin-top: -100px;
  position: relative;
  background-attachment: fixed;
  background-position: top center;
  background-size: 100%;
}
	
	.bring-market-box h2 span{display: block;}
	.benefit-type.harbour-cay h1 {font-size: 34px; padding-top: 30px;}
	.benefit-type.harbour-cay .pdf { height: auto;}
	.inner-default-content { padding: 0;}
	.logo-menu .navbar-nav.ml-auto {  padding: 50px 0 20px;}

}