/*
Theme Name: Vtrend Landing Page
Theme URI: http://www.madtech.com.my
Description: Custom Theme for Vtrend Test
Version: 1.0
Author: Madtech Systems Company
Tags: two columns, widgets, wordpress 5.4.2, Bootstrap 4.5

This template is a custom theme for use on Nurture's Website
All rights reserved by Madtech Systems Company
*/
/* Variables */
:root{

	--vtorange:#ffb140;
	--vtgreen:#84dd63;
	--vtgrey:#626868;
	--vtgrey2:#939196;
	--vtlavendar:#d3c1d2;
	--vtpink:#ffe2fe;
	--vtoffwhite:#fcfcfc;
	--vtbggreen:#a8caa8;

	--headercolor:var(--vtgrey);
	--headeranchor:var(var(--vtlavendar));
	--headeranchorhover:var(--vtpink);
	--anchor:var(--vtlavendar);
	--anchorhover:var(--vtorange);
	--bodytext:var(--vtoffwhite);
	--bodybg:var(--vtbggreen);

}

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

html{font-size: 62.5%;height:100%;}
body{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family: 'Noto Sans SC', sans-serif;font-size:16px;font-size:1.6rem;color:var(--bodytext);height:100%;font-weight: 400;overflow-x:hidden;position:relative;background-color: var(--bodybg);
}

@media(max-width:1399px){
	
}
@media(max-width:1199px){
	
}
@media(max-width:991px){
	
}
@media(max-width:767px){

}

a{text-decoration:none;color:var(--anchor);}
a:hover{text-decoration:none;color:var(--anchorhover);}
strong {font-weight:700;}

h1 {font-size:40px;font-size:4.0rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}
h2 {font-size:36px;font-size:3.6rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}
h3 {font-size:32px;font-size:3.2rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}
h4 {font-size:28px;font-size:2.8rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}
h5 {font-size:24px;font-size:2.4rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}
h6 {font-size:18px;font-size:1.8rem;font-weight: 900;color:var(--headercolor);margin-top:25px;margin-bottom:25px;}

h1 a{color:var(--headeranchor);}
h2 a{color:var(--headeranchor);}
h3 a{color:var(--headeranchor);}
h4 a{color:var(--headeranchor);}
h5 a{color:var(--headeranchor);}
h6 a{color:var(--headeranchor);}

h1 a:hover{color:var(--headeranchorhover);}
h2 a:hover{color:var(--headeranchorhover);}
h3 a:hover{color:var(--headeranchorhover);}
h4 a:hover{color:var(--headeranchorhover);}
h5 a:hover{color:var(--headeranchorhover);}
h6 a:hover{color:var(--headeranchorhover);}

figure.img-fluid img{width:100%;height:auto;}

#heroheader{background-image:url('images/vswave.svg'),url('images/vs-bg.jpg');background-repeat: no-repeat,no-repeat;min-height:1470px;background-position: bottom center, top center;border-bottom:10px solid #ffb140;}
#herobox{display: flex;flex-direction: column;justify-content: center;min-height:1370px;}
#hero {padding:50px;background-color: rgba(255,255,255,0.5);color:var(--vtgrey);}
#hero h1{color:#785cad;}
.btn-vs {background-color:var(--vtorange);color:var(--vtoffwhite);font-size:2.8rem;padding:20px;margin-top:20px;margin-bottom:20px;}

#section1 {padding-top:50px;padding-bottom:50px;}
#freetrialbox{background-color: var(--vtgreen);padding:50px;color:#000;border-radius: 10px;}
#freetrialbox h2{color:#785cad;}

#section2 {padding-top:50px;padding-bottom: 50px;background-color: var(--vtoffwhite);color:#000;}
#section2 h2.section2{color:#785cad;}
#section2 ol {font-size:2.0rem;}
#section2 ol h3 {font-size:2.0rem;}
#section2 img.rounded {border-radius: 25px !important;}

#section3 {padding-top:50px;padding-bottom: 50px;}
#testimonialtitle h3{font-size: 5.0rem;color:#785cad;}
#testimonialtitle h4{font-size:2.8rem;color:#000;}

#mtsc {background-color: var(--vtgrey); color:var(--vtgreen);padding-top:10px;padding-bottom: 10px;font-size:1.2rem;}