body { margin: 0; padding: 0; font-family: "Helvetica W01 Roman"; font-size: 20px; color: #515151;}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: "Helvetica W01 Roman";
  src: url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.eot");
  src: url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.eot?#iefix")format("embedded-opentype"),
  url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.woff2")format("woff2"),
  url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.woff")format("woff"),
  url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.ttf")format("truetype"),
  url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.svg#Helvetica W01 Roman")format("svg");
}
.poppins { font-family: 'Poppins', sans-serif; }
.helvetica { font-family: "Helvetica W01 Roman"; }
h1, h2, h3, h4, h5, p {  margin: 0; padding: 0; }
h1, h2, h3, h4, h5 {  color: #000; }
a { text-decoration: none; display: inline-block; }
.container { max-width: 1300px; }
.top-banner { position: relative; }
.top-banner-inner {  background-image: url( ../images/top-banner-bg-a.png); background-size: cover; min-height: 660px; width: 100%;
background-repeat: no-repeat; background-color: #299bbe; position: relative; }
.top-banner-inner::before { position:absolute; content: ""; left: 0; right: 0; bottom: 0; width: 100%; height: 400px; -webkit-clip-path: polygon(100% 80%, 0 100%, 100% 100%); clip-path: polygon(100% 76%, 0 100%, 100% 100%);;
 background-color: #cff1eb; }
.investment { position:relative; z-index: 10; left: 0; right:0 ; margin-top: 40px; }
.banner-header-tex { height: 100%; }
.banner-header-tex p { font-size: 22px; line-height: 30px; }
.vision-main { position: relative; }
.header-box { display: flex; flex-wrap: wrap; padding-top: 20px; }
.logo { width:100%; max-width: 320px; display: block; margin-right: auto;}
.book-consultation {  margin-left: auto; width: 100%; max-width: 247px; padding-top: 16px; font-size: 16px; }
.book-consultation a { background-color: #ffffff; transition: 0.3s; line-height: 16px; font-weight: 500; padding: 14.5px 30px; display: inline-block; color: #375260; border-radius: 50px; text-decoration: none;}
.book-consultation a:hover { background-color: #127c9d; color: #fff;}
.banner-header { display: flex; flex-wrap: wrap; margin-top: 50px;}
.banner-header-tex { max-width: 670px; width: 100%; padding-bottom: 80px;  }
.banner-header-tex h1 { font-size: 45px; line-height: 55px; font-weight: 600; padding: 0; margin: 0 0 25px 0; }
.banner-header-photo { max-width: 582px; width: 100%; margin-left: auto; height: 570px; }
.banner-header-photo img { max-width: 582px; width: 100%; height: 588px; border-radius: 20px; object-fit: cover;  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px; }
.banner-header p { font-size: 22px; line-height: 25px; font-weight: normal; padding: 0; margin: 0 0 0 0; }
.vision-box { max-width: 800px; width: 100%; margin: 0 auto 50px auto; padding: 0 0 0 0; }
.vision-box h2 {  font-size: 35px; line-height: 40px; font-weight: 600; color: #000;  }
.vision-box p { line-height: 25px; margin-top: 20px;  }
.benefits-box { display: flex; flex-wrap: wrap; width: 100%; margin-top: 80px;}
.benefits-photo { max-width: 600px; width: 100%; margin-right: auto;}
.benefits-photo img { width: 100%; border-radius: 10px; z-index: 10; height: 940px; object-fit: cover; position: relative; margin-bottom: -40px;}
.benefits-text { max-width: 595px; width: 100%; margin-left: auto; padding-top: 50px; padding-bottom: 160px; position: relative;}
.vm-bottom { background-color: #cff1eb; padding-top: 90px; }
.vm-bottom::before { position:absolute; content: ""; left: 0; right: 0; bottom: -1px; width: 100%; height: 400px; -webkit-clip-path: polygon(100% 62%, 0 100%, 100% 100%); clip-path: polygon(100% 64%, 0 100%, 100% 100%);
  background-color: #fafafa; }
.benefits-text h2 { font-size: 35px; line-height: 40px; color: #000; font-weight: 600; margin-bottom: 20px; }
.benefits-text p {  line-height: 30px; color: #515151; margin-bottom: 15px; }
.benefits-text a { font-size: 16px; transition: 0.3s; line-height: 16px; margin-top: 10px; color: #fafafa; padding: 14.5px 30px; border-radius: 50px; background-color: #299bbe; }
.benefits-text a:hover {  color: #fafafa; background-color: #127c9d; }
.client-testimonials { position: relative; }
.testimonials { padding: 150px 0 200px 0; background-color: #fafafa; position: relative; }
.testimonials::before { position:absolute; content: ""; left: 0; right: 0; bottom: -1px; width: 100%; height: 400px; -webkit-clip-path: polygon(100% 62%, 0 100%, 100% 100%); clip-path: polygon(100% 64%, 0 100%, 100% 100%);
	background-color: #cff1eb; }
.testimonials h2 { font-size: 35px; line-height: 40px; font-weight: 600; text-align: center; margin-bottom: 40px; }
.services { background-color: #cff1eb; padding: 50px 0 100px 0; }
.services-title { max-width: 760px; margin: auto; }
.services h2 { font-size: 35px; line-height: 40px; font-weight: 600; text-align: center; margin-bottom: 15px; }
.services-box  { border-radius: 10px; position: relative; padding: 50px 20px 20px 20px; margin-top: 70px; }
.services-icon { width: 70px; height: 70px; position: absolute; left: 0; right: 0; top: -33px; margin: auto; background-color: #cff1eb;
border-radius: 10px; border: solid 5px #fff; }
.services-icon img { margin: auto; }
.services-box p { font-size: 19px; line-height: 25px; }
footer { background-color: #fafafa; }
.footer-top { padding: 60px 0; border-bottom: solid 1px #4b6470; }
.footer-small { display: flex; flex-wrap: wrap; }
.footer-small p { color: #fff; font-size: 16px; padding-top: 8px; line-height: 20px; }
.footer02 p { font-size: 20px; }
.footer-small p span { width: 100%; display: flex; font-size: 14px; }
.footer-small-left { background-color: #425c69; margin-right: 15px; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center;  }
.footer-mail { text-decoration: underline; color: #fff;}
.footer-mail:hover { opacity: 0.5; color: #fff;}
.test-box { padding: 50px; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.1) 0px 17px -1px 0px; margin: 0 8px; }
.test-box-bottom { display: flex; margin-top: 50px; }
.test-box-photo { width: 50px; height: 50px; margin-right: 15px;}
.test-box-photo img { width: 100%; height: 50px; object-fit: cover;  border-radius: 10px; border: solid 3px #eff1f3; }
.testi-text h5 { font-size: 20px; }
.testi-text p { font-size: 15px; }
.test-box-data { font-size: 16px; min-height: 175px; }
.header-box .logo a {
    position: relative;
    padding: 15px;
}
.header-box .logo a::before {
    content: "";
    position: absolute;
    background: #ffffff;
    top: -20px;
    bottom: -20px;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
}
.header-box .logo a img {
    position: relative;
    max-width: 250px;
    margin-top: -30px;
    width: 100%;
	object-fit: contain;
}
.ft-lg img {
    max-width: 290px;
    width: 100%;
}
.slick-next::before, .slick-prev::before {
	font-size: 20px;
	line-height: 1;
	color: transparent;
	background-color: #b6f3e8;
	
	
}
.slick-next::after {
	position: absolute;
	content: "";
	top: 16px;
	left: 18px;
	color: #000;
	width: 50px;
	height: 50px;
	background-image:url( ../images/arrow-right.png ); background-repeat: no-repeat;
	
}
.slick-prev::after {
	position: absolute;
	content: "";
	top: 16px;
	left: 16px;
	color: #000;
	width: 50px;
	height: 50px;
	background-image:url( ../images/arrow-left.png ); background-repeat: no-repeat;
	
}

.slick-next { right: -70px;}
.slick-prev { left: -70px;}
.slick-next, .slick-prev { width: 40px; height: 40px; background-color: #b6f3e8; border-radius: 6px; }
.slick-dots { display: none !important; }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
	color: transparent;
	outline: 0;
	background: #b6f3e8;
	
}


.footer02 {  max-width: 290px;  }
.footer03 {  max-width: 300px;  }
.footer04 { max-width: 400px; width: 100%; }
.footer-bottom p { font-size: 18px; }
.footer02 a { color: #fff; }
.footer02 a:hover { opacity: 0.5; }
.footer-bottom a { color: #fff; }
.footer-bottom a:hover { opacity: 0.5; }

@media (min-width: 1400px) { 
	.banner-header-tex-left { max-width: 700px; width: 100%; margin-top: 10px; }
.banner-header-photo-right { max-width: 600px; width: 100%; margin-left: auto; }
.footer01 { padding-right: 50px; }

 }
@media (max-width: 1599.98px) { 
	.slick-next { right: -25px; z-index: 10;}
	.slick-prev { left: -25px; z-index: 10;}


.footer04 p { max-width: 200px; }
.banner-header-tex-left {
	max-width: 680px;}
.banner-header-tex { padding-bottom: 0; }


 }

@media (max-width: 1399.98px) { 
.container { padding-left: 60px; padding-right: 60px;}
.banner-header-tex h1 { font-size: 40px; line-height: 45px; margin: 0 0 15px 0; }
body { font-size: 18px; line-height: 25px; }
.vision-box h2, .benefits-text h2 { font-size: 30px; line-height: 35px; }
.benefits-text p { line-height: 25px; }
.test-box-data { min-height: 236px;}
.services-box { min-height: 150px; }
.slick-next { right: -10px; z-index: 10;}
.slick-prev { left: -10px; z-index: 10;}
.footer04 p { max-width: 200px; }
.benefits-photo img { margin-bottom: 0; }
.footer04 {
	max-width: 310px;
	width: 100%;
}
.footer-small p { font-size: 16px; }
.footer02 { max-width: 250px;}
.footer03 { max-width: 260px;}
.footer-small-left { width: 45px; height: 45px; }
.footer-small p { padding-top: 5px; }

 }

@media (max-width: 1199.98px) { 
.footer02 { max-width: 230px;}
.footer03 {  max-width: 250px;}
.footer04 p { max-width: 140px;}
.footer04 { max-width: 230px;}


 }

@media (max-width: 1024px) { 
.banner-header-photo img { height: 488px; }
.vm-bottom { padding-top: 30px; }
.benefits-text { padding-top: 20px; }
.benefits-text h2 { margin-bottom: 20px; }
.benefits-photo img { height: 800px; }
.test-box-data { min-height: 255px;}
.testimonials { padding: 50px 0 170px 0;}
.footer01 { width: 100%; text-align: center; margin-bottom: 20px; }
.footer-right { width: 100%; }
.testi-text h5 { font-size: 16px;}
.testi-text p { font-size: 14px;}
.test-box { padding: 30px; }
.footer04 { max-width: 430px;}
.footer04 p { max-width: 250px;}
.book-consultation { text-align: right; }


 }

@media (max-width: 991.98px) { 
.banner-header-photo img { height: 428px;}
.benefits-photo img { height: 760px;}
.book-consultation a, .benefits-text a { padding: 12px 20px; }
.footer-small p { font-size: 14px; }
.footer-small-left { margin-right: 10px; width: 40px; height: 40px; }
.footer04 { max-width: 290px;}
.footer02 { max-width: 190px;}
.footer03 { max-width: 200px;}
.footer-top { padding: 30px 30px; }
.banner-header-photo { height: auto; }
.test-box-data {
	min-height: 175px;
}
.footer-box { max-width: 720px; margin: auto;  }


}

@media (max-width: 767.98px) { 
.banner-header-photo { max-width: 100%; width: 100%; margin-left: unset; text-align: center;}
.benefits-photo img { margin-bottom: 0; }
.benefits-photo { max-width: 100%; width: 100%; margin-right: unset; text-align: center;}
.benefits-text { max-width: 100%; width: 100%; margin-left: unset; padding-bottom: 90px; }
.test-box-data { min-height: 100px;}
.services-box { min-height: auto;}
.footer04 p { max-width: 100%;}
.banner-header-tex p { font-size: 18px; margin-bottom: 20px; }

.footer-small-left { margin-right: 20px; }

.services { padding: 0 0 50px 0; }
.banner-header-tex h1 {
	font-size: 30px;
	line-height: 35px;
	margin: 0 0 10px 0;
}
.vision-box h2, .benefits-text h2 {
	font-size: 25px;
	line-height: 30px;
}
.testimonials h2, .services h2 {
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 30px;
}
.footer-top { padding: 30px 30px;}
.footer02 { max-width: 200px;}
.footer03 { max-width: 210px;}
.footer04 { max-width: 300px;}
.banner-header-photo { height: auto; }
.vision-box { margin: 0 auto 30px auto; }
.slick-next, .slick-prev { top: -22px; }
.slick-prev { left: 10px; }
.slick-next { right: 10px; }
.footer-box {
	max-width: 320px;
	margin: auto;
}
.header-box .logo a {
    margin-bottom: 20px;
}
.header-box {
    flex-direction: column;
}
.header-box .logo {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.header-box .book-consultation {
    margin: 0 auto;
	text-align: center;
	margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.ft-sec .col-6 {
    width: 100%;
}
.ft-lg {
    display: flex;
    justify-content: center;
}
}

@media (max-width: 600px) { 
.container { padding-left: 30px; padding-right: 30px;}
.footer-top { padding-left: 30px; padding-right: 30px; }
.logo {
	width: 100%;
	max-width: 100%;
	display: block;
	margin-right: unset;
	text-align: center;
}
.logo img  { height: 50px; }
.footer01 img { height: 50px; }
.test-box-data { min-height: 120px;}
.footer-bottom p { font-size: 14px;}

.book-consultation {
	margin-left: auto;
	width: 100%;
	max-width: 100%;
	padding-top: 16px;
	font-size: 16px;
	text-align: center;
}
.banner-header-tex h1 { text-align: center; }
.banner-header-tex p { text-align: center; }
.banner-header-photo img { height: auto;}
.benefits-photo img { height: 500px;}
.benefits-text h2 { text-align: center;}
.benefits-text p { line-height: 25px; text-align: center;}
.benefits-text { padding-bottom: 70px; text-align: center; }
.slick-next { right: 5px; z-index: 10;}
.slick-prev { left: 5px; z-index: 10;}
body { font-size: 16px; line-height: 20px;}
.vision-box { margin: 0 auto 20px auto; }
.testimonials { padding: 10px 0 70px 0;}
.services-box p { font-size: 16px; line-height: 20px;}
.footer-top { padding-top: 30px; padding-bottom: 30px; }
.footer02, .footer03 { margin-bottom: 20px; }
.book-consultation a, .benefits-text a { font-size: 14px; }
.test-box { padding: 40px;}
.top-banner-inner::before {
	-webkit-clip-path: polygon(100% 76%, 0 100%, 100% 100%);
	clip-path: polygon(100% 86%, 0 100%, 100% 100%);
}
.vm-bottom::before {
	-webkit-clip-path: polygon(100% 62%, 0 100%, 100% 100%);
	clip-path: polygon(100% 84%, 0 100%, 100% 100%);
}
.testimonials::before {
	-webkit-clip-path: polygon(100% 62%, 0 100%, 100% 100%);
	clip-path: polygon(100% 84%, 0 100%, 100% 100%);
}
.services {
	padding: 40px 0 40px 0;
}
.slick-next, .slick-prev { width: 30px; height: 30px; }
.slick-prev::after { top: 11px; left: 12px; }
.slick-next::after { top: 11px; left: 13px;}



}
@media (max-width: 400px) { 
	.slick-next, .slick-prev {
		top: -17px;
	}
	.test-box-data {
		min-height: 230px;
	}

}


/* style 29-09-23 */
.mail-ic {
	justify-content: end;
	grid-column-gap: 10px;
}

.mail-ic p{
	text-transform: uppercase;
	font-size: 14px;
	color: #515151;
	line-height: 18px;
}
.mail-ic p a{
	text-transform: lowercase;
	font-size: 16px;
	color: #515151;
	transition: 0.3s all;
}
.mail-ic p a:hover{
	opacity: 50%;
}
.ft-sec {
    border-bottom: 1px solid #e4e4e4;	
    padding: 60px 0 60px 0;
}
.mail-ic-img {
    height: 56px !important;
    min-width: 56px !important;
    background: #35a1c2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-bottom{
	padding: 0 15px !important;
}
@media (max-width: 767px){
	.ft-sec .row {
		grid-row-gap: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.mail-ic{
		justify-content: unset;
	}
	.mail-ft-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}