@font-face{font-family:'Coolvetica';src:url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/CoolveticaRg-Regular.woff2) format('woff2'),
url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/CoolveticaRg-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-Regular.woff2) format('woff2'),
url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-Regular.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-Bold.woff2) format('woff2'),
url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-Bold.woff) format('woff');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-SemiBold.woff2) format('woff2'),
url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../fonts/Poppins-SemiBold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap;}
@-webkit-keyframes moving-vertical-2 {
0% {
-webkit-transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes moving-vertical-2 {
0% {
-webkit-transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
-webkit-transform: translateY(0);
}
}@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.img-responsive {
display:block;
}
.main-title img {
display:inline;   
vertical-align:middle;
}
.heartbeat {
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
animation: heartbeat 1.5s ease-in-out infinite both;
}
.moving-vertical-1  {
-webkit-animation: moving-vertical-2 3s ease-in-out infinite both;
animation: moving-vertical-2 3s ease-in-out infinite both;
}
.moving-vertical-2  {
-webkit-animation: moving-vertical-2 4s ease-in-out infinite both;
animation: moving-vertical-2 4s ease-in-out infinite both;
}
.moving-vertical-3  {
-webkit-animation: moving-vertical-2 5s ease-in-out infinite both;
animation: moving-vertical-2 5s ease-in-out infinite both;
}
.moving-vertical-4  {
-webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
animation: moving-vertical-2 6s ease-in-out infinite both;
}
.moving-vertical-5  {
-webkit-animation: moving-vertical-2 7s ease-in-out infinite both;
animation: moving-vertical-2 7s ease-in-out infinite both;
}
.m-r-sm {
margin-right: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
}
.m-t-xs {
margin-top: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.m-t-sm {
margin-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
}
.m-t-md {
margin-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
}
.m-t-lg {
margin-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375));
}
.m-t-xl {
margin-top: calc(35px + (80 - 35) * (100vw - 375px) / (1900 - 375));
}
.m-b-xs {
margin-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.m-b-sm {
margin-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
}
.m-b-md {
margin-bottom: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
}
.m-b-lg {
margin-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375));
}
.m-b-xl {
margin-bottom: calc(35px + (80 - 35) * (100vw - 375px) / (1900 - 375));
}
.p-t-xl {
padding-top: calc(35px + (80 - 35) * (100vw - 375px) / (1900 - 375));
}
.p-t-sm {
padding-top: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.p-t-md {
padding-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
}
.p-t-lg {
padding-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375));
}
.p-b-sm {
padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.p-b-md {
padding-bottom: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
}
.p-b-lg {
padding-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375));
}
.p-b-xl {
padding-bottom: calc(35px + (80 - 35) * (100vw - 375px) / (1900 - 375));
}
.p-b-xl {
padding-bottom: calc(45px + (100 - 45) * (100vw - 375px) / (1900 - 375));
}
.f70 {
font-size: calc(28px + (70 - 28) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f60 {
font-size: calc(26px + (60 - 26) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f52 {
font-size: calc(25px + (52 - 25) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f46 {
font-size: calc(23px + (46 - 23) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f42 {
font-size: calc(21px + (42 - 21) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f40 {
font-size: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f36 {
font-size: calc(19px + (36 - 19) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f30 {
font-size: calc(18px + (30 - 18) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f28 {
font-size: calc(16px + (28 - 16) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f24 {
font-size: calc(14px + (24 - 14) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f22 {
font-size: calc(15px + (22 - 15) * (100vw - 375px) / (1900 - 375));
line-height: 1.3em;
}
.f20 {
font-size: calc(13.5px + (20 - 13.5) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f18 {
font-size: calc(13px + (18 - 13) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f16 {
font-size: calc(12px + (16 - 13) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.f14 {
font-size: calc(11px + (14 - 11) * (100vw - 375px) / (1900 - 375));
line-height: 1.5em;
}
.form-wrapper input:not([type*=submit]), .form-wrapper button, .form-wrapper select, .form-wrapper textarea {
background:#fff!important;
}
.form-wrapper .form-col:not(.form-col.acceptance) label {
display:block!important;
}
.form-col > p > br {
display:none;
}
.uppercase {
text-transform: uppercase;
}
.posrel {
position: relative;
}
.flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.flex-wrap {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.transition {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.justify-content-center {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.justify-content-space-between{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.justify-content-flex-start{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.align-items-center { 
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.align-items-flex-start { 
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.align-items-flex-end { 
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.flex-row {
margin:0 calc(-10px - (20 - 10) * (100vw - 375px) / (1900 - 375));
}
.flex-row > * {
padding:0 calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
} 
.flex-col-100  {
flex: 0 0 100%;
}
.flex-col-85  {
flex: 0 0 85%;
}
.flex-col-80  {
flex: 0 0 80%;
}
.flex-col-75  {
flex: 0 0 75%;
}
.flex-col-70  {
flex: 0 0 70%;
}
.flex-col-65  {
flex: 0 0 65%;
}
.flex-col-60  {
flex: 0 0 60%;
}
.flex-col-55  {
flex: 0 0 55%;
}
.flex-col-50  {
flex: 0 0 50%;
}
.flex-col-45  {
flex: 0 0 45%;
}
.flex-col-40  {
flex: 0 0 40%;
}
.flex-col-35 {
flex: 0 0 35%;
}
.flex-col-3 {
flex: 0 0 calc(100% / 3);
}
.flex-col-30 {
flex: 0 0 30%;
}
.flex-col-25 {
flex: 0 0 25%;
}
.flex-col-20 {
flex: 0 0 20%;
}
.flex-col-15 {
flex: 0 0 15%;
}
.flex-col-10 {
flex: 0 0 10%;
}
@media (max-width: 991px){ 
.flex-col-33-sm {
flex:0 0 33%;
}
}
@media (max-width: 767px){ 
.flex-col-50-xs {
flex:0 0 50%;
}
}
.regular {
font-weight:400;
}
.semibold {
font-weight:600;
}
.bold {
font-weight:bold
}
.white-text {
color:#fff;
}
.blue-text {
color:#007FC7;
}
.purple-text {
color:#8c4799!important;
}
.orange-text {
color:#F1A71E;
}
.green-text {
color:#02A186;
}
.google-line-deco {
position:absolute;
width:calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375));
height:calc(50px + (100 - 50) * (100vw - 375px) / (1900 - 375));
}
.google-line-deco .line {
border-radius:1em;
position:absolute;
height:calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.google-line-deco .line-1{
width:100%;
background-color:#4885ED;
top:0%;
}
.google-line-deco .line-2{
width:50%;
background-color:#DB3236;
top:33.3333%;
left:0;
}
.google-line-deco .line-3{
width:50%;
background-color:#F4C20D;
top:66.6666%;
right:0;
}
.google-line-deco .line-4{
width:100%;
background-color:#3CBA54;
top:100%;
}
.eclipse-ele {
position:absolute;
border-radius:50%;
z-index:-1;
}
.eclipse-140 {
width:calc(60px + (140 - 60) * (100vw - 375px) / (1900 - 375));
height:calc(60px + (140 - 60) * (100vw - 375px) / (1900 - 375));
}
.eclipse-160 {
width:calc(70px + (160 - 70) * (100vw - 375px) / (1900 - 375));
height:calc(70px + (160 - 70) * (100vw - 375px) / (1900 - 375));
}
.eclipse-200 {
width:calc(90px + (200 - 90) * (100vw - 375px) / (1900 - 375));
height:calc(90px + (200 - 90) * (100vw - 375px) / (1900 - 375));
}
.eclipse-700 {
width:calc(300px + (700 - 300) * (100vw - 375px) / (1900 - 375));
height:calc(300px + (700 - 300) * (100vw - 375px) / (1900 - 375));
}
.large-eclipse.left {
left:calc(-120px - (300 - 120) * (100vw - 375px) / (1900 - 375));
}
.large-eclipse.right {
right:calc(-120px - (300 - 120) * (100vw - 375px) / (1900 - 375));
}
.large-eclipse.bottom-right {
right:calc(-120px - (300 - 120) * (100vw - 375px) / (1900 - 375));
bottom:calc(-120px - (300 - 120) * (100vw - 375px) / (1900 - 375))
}
.left-140 {
left:calc(-35px - (70 - 35) * (100vw - 375px) / (1900 - 375));
}
.left-160 {
left:calc(-40px - (80 - 40) * (100vw - 375px) / (1900 - 375));
}
.left-200 {
left:calc(-50px - (100 - 50) * (100vw - 375px) / (1900 - 375));
}
.right-140 {
right:calc(-35px - (70 - 35) * (100vw - 375px) / (1900 - 375));
}
.right-160 {
right:calc(-40px - (80 - 40) * (100vw - 375px) / (1900 - 375));
}
.right-200 {
right:calc(-50px - (100 - 50) * (100vw - 375px) / (1900 - 375));
}
.blue-gradient {
background: rgb(0,133,202);
background: linear-gradient(90deg, rgba(0,133,202,1) 0%, rgba(0,0,0,1) 100%);
}
.dark-blue-gradient,.dark-blue-gradient.layer-box-front  {
background: rgb(0,133,202);
background: linear-gradient(90deg, rgba(0,133,202,1) 0%, rgba(0,67,101,1) 100%);
border:none;
}
.dark-blue-gradient.layer-box:before {
border:none;
}
.purple-dark-gradient , .layer-box-front.purple-dark-gradient {
background: rgb(126,31,255);
background: linear-gradient(90deg, rgba(126,31,255,1) 0%, rgba(57,0,125,1) 100%);
}
.purple-gradient {
background: rgb(137,68,150)!important;
background: linear-gradient(90deg, rgba(137,68,150,1) 0%, rgba(71,1,90,1) 100%)1imoprtant;
}
.white-eclipse-o {
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #fff; 
}
.green-eclipse-o {
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #02A186; 
}
.orange-eclipse-o {
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #F1A71E; 
}
.purple-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #8C4799; 
background:#8C4799;
}
.green-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #02A186; 
background:#02A186;
}
.orange-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #F1A71E; 
background:#F1A71E;
}
.blue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #0481C4; 
background:#0481C4;
}
.yellow-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #FFC845; 
background:#FFC845;
}
.darkblue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #15244D; 
background:#15244D;
}
.google-green-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #34A853; 
background:#34A853;
}
.google-red-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #EA4335; 
background:#EA4335;
}
.neon-red-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #FF0050; 
background:#FF0050;
}
.neon-blue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #00F2EA; 
background:#00F2EA;
}
.facebook-blue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid #0A66C2; 
background:#0A66C2;
}
.gradient-blue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid linear-gradient(90deg, rgba(0,98,224,1) 0%, rgba(25,175,255,1) 100%);
background: rgb(0,98,224);
background:linear-gradient(90deg, rgba(0,98,224,1) 0%, rgba(25,175,255,1) 100%);
}
.green-blue-gradient-eclipse {
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid linear-gradient(180deg, rgba(0,133,202,1) 0%, rgba(0,171,132,1) 100%);
background: rgb(0,133,202);
background: linear-gradient(180deg, rgba(0,133,202,1) 0%, rgba(0,171,132,1) 100%);
}
.gradient-purple-blue-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid linear-gradient(180deg, rgba(250,212,252,1) 0%, rgba(55,83,252,1) 100%);
background: rgb(250,212,252);
background: linear-gradient(180deg, rgba(250,212,252,1) 0%, rgba(55,83,252,1) 100%);
}
.gradient-purple-eclipse{
border:calc(2px + (4 - 2) * (100vw - 375px) / (1900 - 375)) solid linear-gradient(180deg, rgba(250,209,249,1) 0%, rgba(144,76,157,1) 100%);
background: rgb(250,209,249);
background: linear-gradient(180deg, rgba(250,209,249,1) 0%, rgba(144,76,157,1) 100%);
}
.light-blue-eclipse {
background:#E5F2F9
}
.shape-ele {
position:absolute;
}
.lightblue-shape-right {
width:calc(140px + (280 - 140) * (100vw - 375px) / (1900 - 375)) ;
height:calc(350px + (700 - 350) * (100vw - 375px) / (1900 - 375)) 
}
.orange-shape-right,.green-shape-right, .blue-shape-right {
width:calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)) ;
height:calc(95px + (190 - 95) * (100vw - 375px) / (1900 - 375)) 
}
.orange-shape-left,.green-shape-left, .blue-shape-left {
width:calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)) ;
height:calc(110px + (230 - 110) * (100vw - 375px) / (1900 - 375)) 
}
.pointer {
cursor:pointer;
}
.post-wrapper  > * {
flex:0 0 33.3333%;
margin-bottom:30px;
}
.image-center {
margin:0 auto;
}
.shape-ele img {
width:100%;
}
@media (max-width:991px) {
body .post-wrapper  > * {
flex:0 0 50%;
}
}
@media (max-width:768px) {
body .post-wrapper > * {
flex:0 0 100%;
}
} @media (min-width:768px) {
body .container, footer > .container {
max-width: 1920px;
width:90%;
}
}
@media (min-width:992px) {
body .container, footer > .container {
max-width: 1920px;
width:85%;
}
body .container-small {
max-width: 1200px;
width:90%;
}
body .container-medium {
max-width: 1400px;
width:90%;
}
}
body {
line-height:1.7em;
font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375));
color:#3C3C3B;
}
a {
color:#02A186;
transition: all ease 0.3s;
}
a:hover,a:focus {
outline:none;
color:#0481c4;
text-decoration: none;
}
p {
margin: 0 0 10px; 
} 
ul, ol {
margin-top: 0;
margin-bottom: 10px;
} h1, h2, h3, h4, h5 {
color:#3C3C3B;
font-weight: normal;
margin: 0;
line-height: 1.35;
}
h1, .title-header h2 {
font-size: calc(24px + (52 - 24) * (100vw - 375px) / (1900 - 375)); 
}
h2 {
font-size: calc(20px + (42 - 20) * (100vw - 375px) / (1900 - 375)); }
h3 {
font-size: calc(18px + (36 - 18) * (100vw - 375px) / (1900 - 375)); }
h4 {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.h100 {
height:100%;
}
.back-shadow-text {
font-weight: 700;
font-size: calc(40px + (120 - 40) * (100vw - 375px) / (1900 - 375)); 
position: absolute;
opacity: 0.1;
z-index: -1;
top: -0.3em;
left: 0;
right:0;
line-height: 1em;
white-space: nowrap;
pointer-events: none;
z-index:-1;
padding:0 10px
}
.back-shadow-text.blue { 
color:#0481C4
}
.back-shadow-text.white{
color:#fff;
}
@media (max-width:991px) {
.back-shadow-text {
top: -0.2em;
}
.breadcrumbs .container{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} 
@media (max-width:992px) {
.image-col img {
max-width: 300px;
margin:0 auto;
}
}
.section {
padding:calc(30px + 4vw) 0;
position: relative;
}
body:not(.single-course):not(.home) .section:first-child {
padding-top: 0;
}
.grant-image-wrapper>* {
position:relative;
}
.section-1 .grant-image-wrapper>*:nth-child(1) {
margin-right: -10px; 
}
.section-1 .grant-image-wrapper>*:nth-child(1):after {
font-family: 'FontAwesome';
content: '\f067';
color: #fff;
background: #1f2a44;
border-radius: 50%;
font-size:  calc(10px + (20 - 10)*(100vw - 375px)/(1900 - 375));
width: calc(18px + (36 - 18)*(100vw - 375px)/(1900 - 375));
height: calc(18px + (36 - 18)*(100vw - 375px)/(1900 - 375));
line-height: calc(18px + (36 - 18)*(100vw - 375px)/(1900 - 375));
text-align:center; vertical-align: text-top;
position: absolute;
top: 50%;
right:2px;
z-index: 2;
transform: translateY(-50%);
}
.single-course .section-1 .grant-image-wrapper>*:nth-child(1):after{
right:-7%;
}
@media (max-width:991px) {
.section-1 .grant-image-wrapper>*:nth-child(1):after {
right:-1vw;
font-size:  calc(10px + (40 - 10)*(100vw - 375px)/(1900 - 375));
line-height: calc(18px + (56 - 18)*(100vw - 375px)/(1900 - 375));
width: calc(18px + (56 - 18)*(100vw - 375px)/(1900 - 375));
height: calc(18px + (56 - 18)*(100vw - 375px)/(1900 - 375));
}
} 
header.landing-page-header{
background: transparent;
margin-bottom: 0;
border-bottom: none;
padding: calc(17px + (40 - 17) * (100vw - 375px) / (1900 - 375)) 0;
box-shadow:none;
top: 0;
} .btn-primary, .form-wrapper input[type*="submit"] {
font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375));
color: #fff;
background: #02A186!important;
font-weight: bold;
padding: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)) calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
border-radius: calc(8px + (10 - 8) * (100vw - 375px) / (1900 - 375));
border: 1px solid #02A186 !important; 
transition:0.3s all ease;
cursor:pointer;
outline:none!important;
width:auto!important;
}
.btn-primary:hover, .form-wrapper input[type*="submit"]:hover {
background:#fff!important;
color:#02A186!important;
}
.btn-primary::before { 
border-radius: calc(8px + (10 - 8) * (100vw - 375px) / (1900 - 375));
}
.btn-primary.dark-blue-btn {
background:#15244D;
border: 2px solid #15244D !important; 
}
.btn-primary.blue-btn {
background:#007FC7;
border: 2px solid #007FC7 !important; 
}
.btn-primary.whtie-btn {
background:#fff;
border: 2px solid #007FC7 !important; 
}
.btn-primary.blue-btn:hover{
background:#fff;
color:#007FC7;
}
.btn-primary.transparent-btn {
background-color:transparent;
color:#fff;
border: 2px solid #fff !important; 
}
.btn-primary.white-btn {
background:#fff!important; 
border: 2px solid #fff !important; 
color: #02A186;
}
.btn-primary.white-btn:hover { 
background:#02A186!important; 
color: #fff;
border: 2px solid #02A186!important; 
}
.btn-primary.google-green-btn { 
background:#34A853!important; 
border: 2px solid #34A853 !important; 
}
.btn-primary.google-green-btn:hover {
background:#fff!important; 
color: #34A853;
}
.btn-primary.yellow-btn { 
background:#FFC845!important; 
border: 2px solid #FFC845 !important; 
color:#101820;
}
.btn-primary.yellow-btn:hover { 
background:#101820!important; 
border: 2px solid #101820 !important; 
color:#FFC845
}
.btn-primary.gradient-purple-btn{ 
border-color:rgba(137,68,150,1)!important; ;
background: rgb(137,68,150);
background: linear-gradient(90deg, rgba(137,68,150,1) 0%, rgba(71,1,90,1) 100%);
}
.btn-primary.gradient-purple-btn:hover{ 	
color:#fff;
text-decoration:underline;
}
.btn-primary.gradient-blue-green-btn {
background: rgb(60,186,84)!important; 
background: linear-gradient(90deg, rgba(60,186,84,1) 0%, rgba(0,133,202,1) 100%)!important;  
position:relative;
z-index: 1;
}
#main-menu>.enquire-btn>a, header .enquire-btn>a {
padding: 10px calc(1vw + 5px);
border-radius: calc(8px + (10 - 8)*(100vw - 375px)/(1900 - 375));
background: #f1a71e;
color: #fff!important;
font-weight: 700;
display: inline-block;
transition: .3s all ease;
}
.btn-primary.gradient-blue-green-btn::before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(90deg, rgba(0,133,202,1) 0%,  rgba(60,186,84,1) 100%); 
z-index: -1;
transition: opacity 0.3s ease;
opacity: 0;
}
.btn-primary.gradient-blue-green-btn:hover {
color:#fff;
} 
.btn-primary.gradient-blue-green-btn:hover:before {
opacity:1;
}
.btn-primary.google-view-all-btn {
background-color:#fff!important; 
border: 2px solid #CCCCCC !important; 
color:#101820;
}
.btn-primary.google-view-all-btn:hover {
background-color:#fff;
border: 2px solid #101820 !important; 
}
.btn-primary.google-view-all-btn img {
display:inline;
width:calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
margin-right:5px;
vertical-align:middle;
}  .pagination {
justify-content: center;
display:flex;
width:100%;
}
.page-numbers {
background:#eee;
color:#3C3C3B;
border-radius: 50%;
width:30px;
height:30px;
line-height:30px;
transition:all ease 0.3s;
}
.page-numbers.current, .page-numbers.hover {
background:#02A186;
color:#fff;
}
.pagination  > * {
margin-right: 10px;
}  input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input:focus , textarea:focus {
outline:none;
border-color: #02A186 !important;
-webkit-box-shadow: none;
box-shadow: none; 
}
:focus-visible {
outline:none;
}
.form-section .main-title h3{
line-height:1.3em;
}
.form-wrapper { display: flex;
flex-wrap:wrap
}
.form-wrapper .button-wrapper {
position:relative;
}
.form-wrapper .wpcf7-spinner {
left:0;
position: absolute;
}
.form-wrapper input:not([type*="submit"]), .form-wrapper button, .form-wrapper select, .form-wrapper textarea {
width:100%;
border:1px solid #15244D;
border-radius:calc(8px + (10 - 8) * (100vw - 375px) / (1900 - 375));
padding:10px;
} .form-wrapper p {
margin:10px 0;
}
.form-wrapper .form-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;  }
.form-wrapper .form-col.one-third {
flex: 0 0 33.33333%;
}
.form-wrapper .form-col.two-third {
flex: 0 0 66.66666%;
}
.form-wrapper .form-col.full {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; 
}
.form-wrapper  .wpcf7-acceptance input[type*="checkbox"]{
border-radius:50%;
width:20px;
flex: 0 0 20px;
height:20px;
-webkit-appearance:none;
border:1px solid #ccc!important;
background:none;
margin-right:10px;
padding:0;
}
.wpcf7-acceptance input[type*="checkbox"]:checked {
background: #02A186!important;
}
.wpcf7-acceptance input[type*="checkbox"]:checked:before {
content: "✓";
color:#fff;
text-align:center;
padding: 2px;
font-size: 14px;
}
#contact-bottom .accept-this a {
text-decoration:underline;
}
.wpcf7-acceptance  label {
display:flex;
}
.wpcf7-acceptance  .wpcf7-list-item {
margin:0;
}    .layer-box-front {
position:relative;
z-index:2;     
border:calc(1px + (1 - 1) * (100vw - 375px) / (1900 - 375)) solid #15244D;
background:#fff; padding:calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375));
border-radius:calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
}
.layer-box:before  {
width:100%;
height:100%;
position:absolute;
content:'';
right: calc(-7px - (10 - 7) * (100vw - 375px) / (1900 - 375));
bottom: calc(-7px - (10 - 7) * (100vw - 375px) / (1900 - 375));
background:#FFC845;
border:calc(1px + (2 - 1) * (100vw - 375px) / (1900 - 375)) solid #15244D;
border-radius:calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
z-index:1;
} 
.layer-box.layer-box-green:before {
background:#02A186
}
.layer-box.layer-box-blue:before {
background:#007FC7
}
.layer-box.layer-box-darkblue:before {
background:#15244D;
}
.layer-box.layer-box-darkblue {
border:none
}
.layer-box {
position: relative;
}
.layer-box-front.no-padding {
padding:0;
}
.layer-box.orange:before {
background:#FFC845;
border-color:#FFC845;
}
@media (max-width:767px) {
.flex-row > * {
flex:0 0 100%;
}
}
.title-header {
overflow:hidden
}
.title-header .page-title {
text-align: center;
position:relative;
line-height:1.5em;
} .about-cta-section div[class*="eclipse"] {
top:-30%;
z-index: 1;
}
.about-cta-section  {
margin-top:10%;
}
.about-cta-section .layer-box {
margin-top:-20%;
}
.about-cta-section .layer-box-front {
padding:calc(20px + 5vw) 2vw;
}
.about-cta-section {
background:url(//www.fca.edu.sg/wp-content/themes/fca2023/landing/../img/about-us/cta-background.jpg);
background-size:cover;
background-position:center;
}
.about-cta-section .bg-curve {
position: absolute;
top:-1px;
width:100%;
} .post .layer-box-front {
padding:calc(10px + (14 - 10) * (100vw - 375px) / (1900 - 375));
}
.post .text {
padding:calc(10px + (14 - 10) * (100vw - 375px) / (1900 - 375));
}
.post .date {
font-size:calc(10px + (14 - 10) * (100vw - 375px) / (1900 - 375));
color:#CCCCCC;
}
.post-title a {
color:#3C3C3B;
}
.blog-slider .slick-track {
display: flex;
}
.blog-slider .slick-slide {
height:auto;
}
.cat-dropdown-wrap {
display: flex;
justify-content: space-between;
}
.cat-dropdown-wrap select {
padding:calc(10px + (15 - 10) * (100vw - 375px) / (1900 - 375));
border:1px solid #15244D;
font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375));
border-radius:calc(8px + (10 - 8) * (100vw - 375px) / (1900 - 375));
}
.content-wrapper {
position:relative;
} .sticker {
border-radius:3px;
color:#fff;
padding:0 calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
margin-right:5px;
line-height:1.3em;
}
.total-day {
border-radius:3px;
line-height:1.3em;
border:1px solid #ccc;
padding:0 calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
}
.nettfee .price {
color:#F1A71E;
}
.course-title{
color:#000;
display:block;
}
.featured-image  img {
border-radius:calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
transition:all ease .3s;
}
.featured-image  img:hover {
opacity:0.7;
}
.gst-text {
color:#aaa;
margin-left:10px;
font-size:calc(10px + (12 - 10) * (100vw - 375px) / (1900 - 375));
}
.course-wrapper .course .text{
display:flex;
flex-direction:column;
flex:1; }
.course-wrapper .course .text > * {
flex:1;
}
.course-wrapper .course .course-title {
flex:2;
}
.course-wrapper .course .text > .sticker-day-wrap {
flex:0;
} .slick-dots {
position: absolute;
display: flex;
list-style: none;
justify-content: center;
align-items: center;
width: 100%;
bottom: -5%;
padding: 0;
}
.slick-dots li {
width: 6px;
height: 6px;
border:none;
}
.slick-dots li.slick-active {
width: 12px;
height: 12px;
}
.slick-dots li button {
width: 6px;
height: 6px;
padding: 0;
background:#3c3c3b;
border:none!important;
border-radius: 50%;
font-size: 0;
}
.slick-dots li.slick-active button {
background:#fff;
width: 12px;
height: 12px;
box-shadow: 1px 1px 15px rgba(0,0,0,0.4);
}
.slick-dots li {
margin:0 5px;
}
.slick-dots li.slick-active button{
background:#02a186;
}
.slick-nav {
position:absolute;
top:50%;
transform:translateY(-50%);
width:calc(35px + (60 - 35) * (100vw - 375px) / (1900 - 375));
height:calc(35px + (60 - 35) * (100vw - 375px) / (1900 - 375));
text-align: center;
line-height:calc(40px + (65 - 40) * (100vw - 375px) / (1900 - 375));
border-radius: 50%;
box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);
z-index:1;
background:#fff;
}
.home .slick-slide {
margin:1vw calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
}
.home .slick-list {
margin:0 calc(-10px - (20 - 10) * (100vw - 375px) / (1900 - 375));
} 
.slick-nav svg {
width:calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375));
}
.slick-nav.left {
left:calc(-25px - (80 - 25) * (100vw - 375px) / (1900 - 375));
}
.slick-nav.right {
right:calc(-25px - (80 - 25) * (100vw - 375px) / (1900 - 375));
}
.supported-items-wrap{
z-index:2;
}
.full-testi-content {
background: #e5f2f9;
background-repeat: no-repeat;
background-position: 26vw 16vw;
background-size: contain;
background-image: url(https://www.fca.edu.sg/wp-content/themes/fca2023/img/general-shape/popup-side-deco2.png);    
}
.hide {
display:none;
}
.green-star {
background: #00a982;
color: #fff;
border-radius: 50%;
font-size: 10px;
width: 20px;
height: 20px;
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 15px;
vertical-align: middle;
}
.yellow-star {
background: #ffbc43;
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: 20px;
height: 20px;
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 15px;
vertical-align: middle;
}
.corporate-notes ul {
list-style: none;
padding-left: 0
}
.corporate-notes ul li {
margin-bottom: 10px;
position: relative;
padding-right: 10px;
padding-left: calc(((30 / 1.5) * 1px) + (30 - (30 / 1.5)) * (100vw - 375px) / (1900 - 375))
}
.corporate-notes ul li:before {
font: normal normal normal 14px/1 'FontAwesome';
content: "\f005";
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(((14 / 1.5) * 1px) + (14 - (14 / 1.5)) * (100vw - 375px) / (1900 - 375));
height: calc(((14 / 1.5) * 1px) + (14 - (14 / 1.5)) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
line-height: 1.5em;
background: #02a186;
left: 0
}
.corporate-notes ul li:nth-child(1)::before {
background: #00ab84
}
.corporate-notes ul li:nth-child(2)::before {
background: #8b4699
}
.corporate-notes ul li:nth-child(3)::before {
background: #0085ca
}
.corporate-notes ul li:nth-child(4)::before {
background: #ffbc43
}
.individual-notes ul {
list-style: none;
padding-left: 0
}
.individual-notes ul li {
margin-bottom: 10px;
position: relative;
padding-right: 10px;
padding-left: calc(((30 / 1.5) * 1px) + (30 - (30 / 1.5)) * (100vw - 375px) / (1900 - 375))
}
.individual-notes ul li:before {
font: normal normal normal 14px/1 'FontAwesome';
content: "\f005";
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(((14 / 1.5) * 1px) + (14 - (14 / 1.5)) * (100vw - 375px) / (1900 - 375));
height: calc(((14 / 1.5) * 1px) + (14 - (14 / 1.5)) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
line-height: 1.5em;
background: #02a186;
left: 0
}
.individual-notes ul li:nth-child(1)::before {
background: #ff8145
}
.individual-notes ul li:nth-child(2)::before {
background: #00a982
}
.individual-notes ul li:nth-child(3)::before {
background: #ffbc43
}
.green-star {
background: #00a982;
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
height: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 1.5em;
vertical-align: middle
}
.yellow-star {
background: #ffbc43;
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
height: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 1.5em;
vertical-align: middle
}
.blue-star {
background: #0085ca;
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
height: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 1.5em;
vertical-align: middle
}
.purple-star {
background: #8b4699;
color: #fff;
border-radius: 50%;
font-size: calc(((10 / 1.5) * 1px) + (10 - (10 / 1.5)) * (100vw - 375px) / (1900 - 375));
width: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
height: calc(14px + (20 - 14) * (100vw - 375px) / (1900 - 375));
padding: calc(((3 / 1.5) * 1px) + (3 - (3 / 1.5)) * (100vw - 375px) / (1900 - 375));
font-weight: 700;
line-height: 1.5em;
vertical-align: middle
}
.course-section .course-tab {
text-transform: capitalize;
}.fs14 {
font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); }
.fs15 {
font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); }
.fs16 {
font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); }
.fs17 {
font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); }
.fs18 {
font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); }
.fs19 {
font-size: calc(14px + (19 - 14) * (100vw - 375px) / (1900 - 375)); }
.fs20 {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.fs21 {
font-size: calc(15px + (21 - 15) * (100vw - 375px) / (1900 - 375)); }
.fs22 {
font-size: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375)); }
.fs23 {
font-size: calc(16px + (23 - 16) * (100vw - 375px) / (1900 - 375)); }
.fs24 {
font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375)); }
.fs25 {
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.fs26 {
font-size: calc(18px + (26 - 18) * (100vw - 375px) / (1900 - 375)); }
.fs27 {
font-size: calc(18px + (27 - 18) * (100vw - 375px) / (1900 - 375)); }
.fs28 {
font-size: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375)); }
.fs29 {
font-size: calc(19px + (29 - 19) * (100vw - 375px) / (1900 - 375)); }
.fs30 {
font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375)); }
.fs31 {
font-size: calc(20px + (31 - 20) * (100vw - 375px) / (1900 - 375)); }
.fs32 {
font-size: calc(21px + (32 - 21) * (100vw - 375px) / (1900 - 375)); }
.fs33 {
font-size: calc(21px + (33 - 21) * (100vw - 375px) / (1900 - 375)); }
.fs34 {
font-size: calc(21px + (34 - 21) * (100vw - 375px) / (1900 - 375)); }
.fs35 {
font-size: calc(22px + (35 - 22) * (100vw - 375px) / (1900 - 375)); }
.fs36 {
font-size: calc(22px + (36 - 22) * (100vw - 375px) / (1900 - 375)); }
.fs37 {
font-size: calc(22px + (37 - 22) * (100vw - 375px) / (1900 - 375)); }
.fs38 {
font-size: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.fs39 {
font-size: calc(23px + (39 - 23) * (100vw - 375px) / (1900 - 375)); }
.fs40 {
font-size: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375)); }
.fs41 {
font-size: calc(24px + (41 - 24) * (100vw - 375px) / (1900 - 375)); }
.fs42 {
font-size: calc(24px + (42 - 24) * (100vw - 375px) / (1900 - 375)); }
.fs43 {
font-size: calc(24px + (43 - 24) * (100vw - 375px) / (1900 - 375)); }
.fs44 {
font-size: calc(25px + (44 - 25) * (100vw - 375px) / (1900 - 375)); }
.fs45 {
font-size: calc(25px + (45 - 25) * (100vw - 375px) / (1900 - 375)); }
.fs46 {
font-size: calc(25px + (46 - 25) * (100vw - 375px) / (1900 - 375)); }
.fs47 {
font-size: calc(26px + (47 - 26) * (100vw - 375px) / (1900 - 375)); }
.fs48 {
font-size: calc(26px + (48 - 26) * (100vw - 375px) / (1900 - 375)); }
.fs49 {
font-size: calc(26px + (49 - 26) * (100vw - 375px) / (1900 - 375)); }
.fs50 {
font-size: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375)); }
.fs55 {
font-size: calc(29px + (55 - 29) * (100vw - 375px) / (1900 - 375)); }
.fs60 {
font-size: calc(31px + (60 - 31) * (100vw - 375px) / (1900 - 375)); }
.fs64 {
font-size: calc(33px + (64 - 33) * (100vw - 375px) / (1900 - 375)); }
.fs65 {
font-size: calc(33px + (65 - 33) * (100vw - 375px) / (1900 - 375)); }
.fs72 {
font-size: calc(35px + (72 - 35) * (100vw - 375px) / (1900 - 375)); }
.fs75 {
font-size: calc(36px + (75 - 36) * (100vw - 375px) / (1900 - 375)); }
.fs80 {
font-size: calc(38px + (80 - 38) * (100vw - 375px) / (1900 - 375)); }
.fs84 {
font-size: calc(39px + (84 - 39) * (100vw - 375px) / (1900 - 375)); }
.fs85 {
font-size: calc(39px + (85 - 39) * (100vw - 375px) / (1900 - 375)); }
.fs100 {
font-size: calc(45px + (100 - 45) * (100vw - 375px) / (1900 - 375)); }
.fs200 {
font-size: calc(90px + (200 - 90) * (100vw - 375px) / (1900 - 375)); }
.pdt5 {
padding-top: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pdt10 {
padding-top: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pdt15 {
padding-top: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pdt20 {
padding-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pdt25 {
padding-top: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pdt30 {
padding-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pdt35 {
padding-top: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pdt40 {
padding-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pdt45 {
padding-top: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pdt50 {
padding-top: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pdt60 {
padding-top: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pdt70 {
padding-top: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pdt80 {
padding-top: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pdt90 {
padding-top: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pdt100 {
padding-top: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pdt110 {
padding-top: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pdt120 {
padding-top: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pdt130 {
padding-top: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pdt140 {
padding-top: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pdt150 {
padding-top: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pdt160 {
padding-top: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pdt170 {
padding-top: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pdt180 {
padding-top: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pdt190 {
padding-top: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pdt200 {
padding-top: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pdt250 {
padding-top: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pdb5 {
padding-bottom: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pdb10 {
padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pdb15 {
padding-bottom: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pdb20 {
padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pdb25 {
padding-bottom: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pdb30 {
padding-bottom: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pdb35 {
padding-bottom: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pdb40 {
padding-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pdb45 {
padding-bottom: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pdb50 {
padding-bottom: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pdb60 {
padding-bottom: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pdb70 {
padding-bottom: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pdb80 {
padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pdb90 {
padding-bottom: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pdb100 {
padding-bottom: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pdb110 {
padding-bottom: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pdb120 {
padding-bottom: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pdb130 {
padding-bottom: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pdb140 {
padding-bottom: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pdb150 {
padding-bottom: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pdb160 {
padding-bottom: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pdb170 {
padding-bottom: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pdb180 {
padding-bottom: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pdb190 {
padding-bottom: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pdb200 {
padding-bottom: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pdb250 {
padding-bottom: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pdl5 {
padding-left: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pdl10 {
padding-left: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pdl15 {
padding-left: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pdl20 {
padding-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pdl25 {
padding-left: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pdl30 {
padding-left: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pdl35 {
padding-left: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pdl40 {
padding-left: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pdl45 {
padding-left: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pdl50 {
padding-left: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pdl60 {
padding-left: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pdl70 {
padding-left: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pdl80 {
padding-left: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pdl90 {
padding-left: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pdl100 {
padding-left: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pdl110 {
padding-left: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pdl120 {
padding-left: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pdl130 {
padding-left: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pdl140 {
padding-left: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pdl150 {
padding-left: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pdl160 {
padding-left: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pdl170 {
padding-left: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pdl180 {
padding-left: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pdl190 {
padding-left: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pdl200 {
padding-left: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pdl250 {
padding-left: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pdl5 {
padding-left: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pdl10 {
padding-left: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pdl15 {
padding-left: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pdl20 {
padding-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pdl25 {
padding-left: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pdl30 {
padding-left: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pdl35 {
padding-left: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pdl40 {
padding-left: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pdl45 {
padding-left: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pdl50 {
padding-left: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pdl60 {
padding-left: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pdl70 {
padding-left: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pdl80 {
padding-left: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pdl90 {
padding-left: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pdl100 {
padding-left: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pdl110 {
padding-left: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pdl120 {
padding-left: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pdl130 {
padding-left: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pdl140 {
padding-left: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pdl150 {
padding-left: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pdl160 {
padding-left: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pdl170 {
padding-left: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pdl180 {
padding-left: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pdl190 {
padding-left: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pdl200 {
padding-left: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pdl250 {
padding-left: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pdr5 {
padding-right: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pdr10 {
padding-right: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pdr15 {
padding-right: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pdr20 {
padding-right: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pdr25 {
padding-right: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pdr30 {
padding-right: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pdr35 {
padding-right: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pdr40 {
padding-right: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pdr45 {
padding-right: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pdr50 {
padding-right: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pdr60 {
padding-right: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pdr70 {
padding-right: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pdr80 {
padding-right: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pdr90 {
padding-right: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pdr100 {
padding-right: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pdr110 {
padding-right: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pdr120 {
padding-right: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pdr130 {
padding-right: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pdr140 {
padding-right: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pdr150 {
padding-right: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pdr160 {
padding-right: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pdr170 {
padding-right: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pdr180 {
padding-right: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pdr190 {
padding-right: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pdr200 {
padding-right: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pdr250 {
padding-right: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pd5 {
padding: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)); }
.pd10 {
padding: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); }
.pd15 {
padding: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.pd20 {
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.pd25 {
padding: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)); }
.pd30 {
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.pd35 {
padding: calc(18px + (35 - 18) * (100vw - 375px) / (1900 - 375)); }
.pd40 {
padding: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.pd45 {
padding: calc(23px + (45 - 23) * (100vw - 375px) / (1900 - 375)); }
.pd50 {
padding: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.pd60 {
padding: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); }
.pd70 {
padding: calc(35px + (70 - 35) * (100vw - 375px) / (1900 - 375)); }
.pd80 {
padding: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); }
.pd90 {
padding: calc(42px + (90 - 42) * (100vw - 375px) / (1900 - 375)); }
.pd100 {
padding: calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375)); }
.pd110 {
padding: calc(46px + (110 - 46) * (100vw - 375px) / (1900 - 375)); }
.pd120 {
padding: calc(48px + (120 - 48) * (100vw - 375px) / (1900 - 375)); }
.pd130 {
padding: calc(50px + (130 - 50) * (100vw - 375px) / (1900 - 375)); }
.pd140 {
padding: calc(52px + (140 - 52) * (100vw - 375px) / (1900 - 375)); }
.pd150 {
padding: calc(54px + (150 - 54) * (100vw - 375px) / (1900 - 375)); }
.pd160 {
padding: calc(56px + (160 - 56) * (100vw - 375px) / (1900 - 375)); }
.pd170 {
padding: calc(58px + (170 - 58) * (100vw - 375px) / (1900 - 375)); }
.pd180 {
padding: calc(60px + (180 - 60) * (100vw - 375px) / (1900 - 375)); }
.pd190 {
padding: calc(62px + (190 - 62) * (100vw - 375px) / (1900 - 375)); }
.pd200 {
padding: calc(64px + (200 - 64) * (100vw - 375px) / (1900 - 375)); }
.pd250 {
padding: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pdr250 {
padding: calc(80px + (250 - 80) * (100vw - 375px) / (1900 - 375)); }
.pd0-inner * {
padding: 0 !important; }
.pd0 {
padding: 0 !important; }
.pdt0 {
padding-top: 0 !important; }
.pdb0 {
padding-bottom: 0 !important; }
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.w50 {
width: 50%; }
.w33 {
width: 33.33%; }
.w25 {
width: 25%; }
.img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%; }
@media (max-width: 980px) {
.flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.w50 {
width: 50%; }
.w25 {
width: 50%; } }
@media (max-width: 767px) {
.w50 {
width: 100%; }
.w33 {
width: 50%; } }
@media (max-width: 540px) {
.w50 {
width: 100%; }
.w33 {
width: 100%; }
.w25 {
width: 100%; } }
.main-navbar.bg-light {
background-color: transparent !important; }
.main-nav.navbar-collapse {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
header nav.navbar, header div.container {
padding-left: 0;
padding-right: 0; }
.main-nav ul {
margin-bottom: 0; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375));
padding-right: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.main-btn, .tab-btn.active {
text-decoration: none; }
.main-btn:hover, .tab-btn.active:hover {
color: #fff;
text-decoration: none; }
body {
color: #101820;
line-height: 1.3; }
h2 {
font-family: "Poppins", Arial, sans-serif;
font-size: calc(24px + (42 - 24) * (100vw - 375px) / (1900 - 375));
font-weight: bold;
color: #101820; }
h3 {
font-family: "Poppins", Arial, sans-serif;
font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375));
color: #101820;
font-weight: 600; }
.btn-primary, .form-wrapper input[type*="submit"] {
background-color: #E21226 !important;
border-color: #E21226 !important;
border-radius: 0;
font-weight: normal; }
.btn-primary:hover, .form-wrapper input[type*="submit"]:hover {
color: #E21226 !important; }
.btn-link.dl-button {
color: #4CA886 !important; }
.btn-link.dl-button span {
display: inline-block;
padding-left: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375));
text-decoration: underline; }
@-webkit-keyframes moving-vertical-3 {
0% {
-webkit-transform: translateY(0); }
50% {
-webkit-transform: translateY(10%);
transform: translateY(10%); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
.moving-vertical-6 {
-webkit-animation: moving-vertical-2 10s ease-in-out infinite both;
animation: moving-vertical-2 10s ease-in-out infinite both; }
.moving-vertical-7 {
-webkit-animation: moving-vertical-3 10s ease-in-out infinite both;
animation: moving-vertical-3 10s ease-in-out infinite both; }
.ele {
position: absolute;
pointer-events: none;
width: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375)); }
.ele img {
display: block;
width: 100%; }
.section {
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.section-1 .img-wrap {
aspect-ratio: 1/1;
position: relative; }
.section-1 .img-wrap .img {
position: absolute;
width: 65%; }
.section-1 .img-wrap .img img {
display: block; }
.section-1 .img-wrap .img.img-1 {
bottom: 0;
left: 0; }
.section-1 .img-wrap .img.img-2 {
top: 0;
right: 0; }
.section-1 .img-wrap .ele-1 {
bottom: 8%;
left: 35%;
width: calc(21px + (32 - 21) * (100vw - 375px) / (1900 - 375));
z-index: 1; }
.section-1 .img-wrap .ele-2 {
bottom: 15%;
left: 65%;
width: calc(23px + (39 - 23) * (100vw - 375px) / (1900 - 375));
z-index: 1; }
.section-1 .img-wrap .ele-3 {
top: 55%;
right: 6%;
width: calc(23px + (39 - 23) * (100vw - 375px) / (1900 - 375));
z-index: 1; }
.section-1 .img-wrap .ele-4 {
top: 19%;
left: 33%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375));
z-index: 1; }
.section-1 .img-wrap .ele-5 {
top: 10%;
left: 43%;
width: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375));
z-index: 1; }
.section-1 .menber-card-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.section-1 .menber-card-wrap .menber-card {
width: calc(120px + (200 - 120) * (100vw - 375px) / (1900 - 375));
position: relative;
z-index: 2; }
.section-1 .menber-card-wrap .menber-card img {
display: block;
width: 100%; }
.section-1 .menber-card-wrap .text {
width: calc(100% - (120px + (200 - 120) * (100vw - 375px) / (1900 - 375)));
position: relative; }
.section-1 .menber-card-wrap .text p {
margin-bottom: 0;
font-size: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375));
font-weight: bold;
font-style: italic;
display: inline-block;
position: relative;
padding: calc(13px + (25 - 13) * (100vw - 375px) / (1900 - 375)) 0;
white-space: nowrap;
z-index: 2; }
.section-1 .menber-card-wrap .text:before {
content: '';
position: absolute;
background-color: #fff;
top: 0;
bottom: 0;
left: -10%;
right: 0;
border-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.section-1 .desc-wrap {
padding-left: calc(100px + (160 - 100) * (100vw - 375px) / (1900 - 375));
position: relative; }
.section-1 .desc-wrap .ele-1 {
top: 10%;
left: 5%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.section-1 .desc-wrap .ele-2 {
top: 43%;
left: 12%;
width: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.section-1 .desc-wrap .ele-3 {
top: 95%;
right: 5%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.section-1 .desc-wrap .desc {
border-left: calc(3px + (5 - 3) * (100vw - 375px) / (1900 - 375)) solid #E21226;
padding-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-1 .desc-wrap .desc p {
margin-bottom: 0;
font-size: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375));
font-weight: 600; }
.section-2 {
background-size: contain;
background-position-y: 85%; }
.section-2 .img-wrap {
position: relative; }
.section-2 .img-wrap .ele-1 {
top: 90%;
left: 15%;
width: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.section-2 .img-wrap .ele-2 {
top: 23%;
left: 20%;
width: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375)); }
.section-2 .img-wrap .ele-3 {
top: 5%;
right: 15%;
width: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375)); }
.section-2 .logo-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.section-2 .logo-title .logo {
width: calc(100px + (300 - 100) * (100vw - 375px) / (1900 - 375)); }
.section-2 .logo-title .title {
width: calc(100% - (100px + (300 - 100) * (100vw - 375px) / (1900 - 375))); }
.section-2 .desc {
font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); }
.section-2 .box-desc .content {
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)) calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375));
border-radius: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375));
background-color: #F3E4D4;
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-2a {
background-size: 19%;
background-position: 108% 25%; }
.section-2a .nav-tabs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 0; }
.section-2a .nav-tabs .nav-item .nav-link {
padding: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)) calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
font-weight: 600;
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
border-radius: 0;
border-style: solid;
border-width: 1px; }
.section-2a .nav-tabs .nav-item .nav-link.active {
color: #fff; }
.section-2a .nav-tabs .nav-item .nav-link:hover {
opacity: 0.8;
color: #fff; }
.section-2a .nav-tabs .nav-item:first-of-type .nav-link {
border-top-left-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375));
border-bottom-left-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.section-2a .nav-tabs .nav-item:last-of-type .nav-link {
border-top-right-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375));
border-bottom-right-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content {
display: block; }
.section-2a .tab-content .tab-pane .content-wrap {
padding: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)) calc(44px + (100 - 44) * (100vw - 375px) / (1900 - 375));
background-color: #EBEBEB; }
.section-2a .tab-content .tab-pane .content-wrap .content h3 {
font-weight: bold; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example {
border-style: solid;
border-width: calc(1px + (3 - 1) * (100vw - 375px) / (1900 - 375));
background-color: #fff; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .row {
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .add-border .text-wrap {
border-right: 1px dashed #707070; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .text-wrap {
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .text-wrap .name {
font-weight: bold;
font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .text-wrap .age {
font-weight: 600;
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .text-wrap .desc {
max-width: 600px;
font-weight: 600;
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375));
line-height: 1.3; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .img-wrap {
position: absolute;
bottom: 0;
right: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375));
height: 140%; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .img-wrap .img img {
display: block;
height: 100%;
width: auto;
max-width: none; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
background-color: #fff;
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee .title {
width: 80%; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee .value {
text-align: right;
width: 20%; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee small {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
font-weight: 600; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee .red-text {
color: #E21226; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.logo-row {
background-color: #FFE5E8; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.logo-row .logo-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.logo-row .logo-title .logo {
width: calc(70px + (160 - 70) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.logo-row .logo-title .logo img {
display: block;
width: 100%; }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.logo-row .logo-title .title {
width: calc(100% - (70px + (160 - 70) * (100vw - 375px) / (1900 - 375)));
padding-left: calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee.final {
color: #fff;
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee + .fee {
border-top: 1px solid #EBEBEB; }
.section-3 .row {
margin-left: calc(-15px + (-30 - -15) * (100vw - 375px) / (1900 - 375));
margin-right: calc(-15px + (-30 - -15) * (100vw - 375px) / (1900 - 375)); }
.section-3 .row .col {
padding-left: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
padding-right: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
position: relative; }
.section-3 .row .col .process {
background-color: #fff;
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
height: 100%;
border-radius: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-3 .row .col .process .step .number {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
font-weight: bold; }
.section-3 .row .col .process .img-wrap .img {
height: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375)); }
.section-3 .row .col .process .img-wrap .img img {
display: block;
max-width: none;
height: 100%;
margin: auto; }
.section-3 .row .col .process .text-wrap .title {
font-size: calc(16px + (23 - 16) * (100vw - 375px) / (1900 - 375));
line-height: 1.2; }
.section-3 .row .col .process .text-wrap .desc {
font-size: calc(10px + (13 - 10) * (100vw - 375px) / (1900 - 375));
line-height: 1.2; }
.section-3 .row .col + .col::before {
content: '';
display: block;
width: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375));
height: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375));
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url(//www.fca.edu.sg/wp-content/themes/fca2023/img/landing/ntuc-partnership/arrow.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.section-4 .top-section {
position: relative; }
.section-4 .top-section .ele-1 {
top: 70%;
left: -7%;
width: calc(25px + (46 - 25) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap {
position: relative; }
.section-4 .top-section .img-wrap .bubble-wrap {
position: absolute;
width: 45%;
left: 0;
top: 0;
border-radius: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375));
background-color: #FAD7DA;
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .bubble-wrap .text {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .bubble-wrap::after {
content: '';
display: block;
width: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375));
height: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375));
position: absolute;
top: 20%;
left: 100%;
background-color: #FAD7DA;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 70%);
clip-path: polygon(0 0, 0% 100%, 100% 70%); }
.section-4 .top-section .img-wrap .img {
position: relative;
z-index: 2;
width: 60%;
margin-left: auto; }
.section-4 .top-section .img-wrap .ele {
z-index: 1; }
.section-4 .top-section .img-wrap .ele-2 {
top: 90%;
left: 2%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .ele-3 {
bottom: 10%;
left: 17%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .ele-4 {
top: 62%;
left: 38%;
width: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .ele-5 {
top: 9%;
right: 4%;
width: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .ele-6 {
bottom: 12%;
right: 0%;
width: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .logo-wrap {
width: calc(130px + (250 - 130) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .title-wrap {
max-width: 650px; }
.section-4 .top-section .desc {
max-width: 650px;
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375));
font-weight: 600; }
.section-4 .bottom-section {
position: relative; }
.section-4 .bottom-section .ele-1 {
top: 15%;
left: -5%;
width: calc(21px + (33 - 21) * (100vw - 375px) / (1900 - 375)); }
.section-4 .bottom-section .benefit-wrap {
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
background-color: #fff;
height: 100%; }
.section-4 .bottom-section .benefit-wrap .benefit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.section-4 .bottom-section .benefit-wrap .benefit .img-wrap {
width: calc(100px + (200 - 100) * (100vw - 375px) / (1900 - 375)); }
.section-4 .bottom-section .benefit-wrap .benefit .text-wrap {
width: calc(100% - (100px + (200 - 100) * (100vw - 375px) / (1900 - 375)));
padding-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-4 .bottom-section .benefit-wrap .benefit .text-wrap .desc {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-4 .bottom-section .benefit-wrap .benefit + .benefit {
border-top: 1px solid #C6C6C6;
margin-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
padding-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-5 .faq-wrap .accordion-item .accordion-header .btn {
display: block;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 100%;
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375));
background-color: #E2F8F1;
font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375));
text-align: left;
border-radius: 0; }
.section-5 .faq-wrap .accordion-item .accordion-header .btn.collapsed {
background-color: #F4F4F4; }
.section-5 .faq-wrap .accordion-item .accordion-header .btn .number {
font-weight: bold;
font-size: calc(22px + (35 - 22) * (100vw - 375px) / (1900 - 375));
color: #1EAB84; }
.section-5 .faq-wrap .accordion-item .accordion-content {
padding-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
padding-left: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375));
padding-right: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375));
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.section-5 .faq-wrap .accordion-item .accordion-content .accordion-body {
border-left: calc(1px + (3 - 1) * (100vw - 375px) / (1900 - 375)) solid #1EAB84;
padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375)); }
.section-5 .faq-wrap .accordion-item + .accordion-item {
margin-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-6 .deco-wrap {
position: absolute;
background: #00ab84;
background: -webkit-gradient(linear, left top, right top, from(#00ab84), color-stop(10%, #00ab84), to(#0085ca));
background: linear-gradient(90deg, #00ab84 0%, #00ab84 10%, #0085ca 100%);
bottom: 0;
left: 0;
width: 100%;
height: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-6 .deco-wrap .deco {
-webkit-transform: translateY(-95%);
transform: translateY(-95%);
background-color: #00AB84;
top: 0;
left: 0;
-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
height: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375));
width: calc(65px + (130 - 65) * (100vw - 375px) / (1900 - 375)); }
@media screen and (min-width: 991px) and (max-width: 1300px) {
.section-1 .menber-card-wrap .text p {
white-space: wrap; }
.section-1 .menber-card-wrap .text p span {
display: block; } }
@media screen and (max-width: 1600px) {
.section-1 .menber-card-wrap .text p {
font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375)); } }
@media screen and (max-width: 991px) {
.logo-wrapper {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; }
.section-2a .nav-tabs .nav-item .nav-link {
font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .text-wrap .desc {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .img-wrap {
height: 130%; }
.section-3 .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.section-3 .row .col {
max-width: 500px;
margin: auto;
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-3 .row .col + .col::before {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg); }
.section-6 .content-wrap {
text-align: center; } }
@media screen and (max-width: 767px) {
.section-2a .nav-tabs .nav-item .nav-link {
font-size: calc(10px + (12 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .img-wrap {
height: auto;
position: relative;
width: 100%;
margin: auto;
right: auto;
max-width: 250px; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .row > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.section-2a .tab-content .tab-pane .content-wrap .content .case-example .add-border .text-wrap {
border-right: 0;
border-bottom: 1px dashed #707070; }
.section-2a .tab-content .tab-pane .content-wrap {
padding: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); } }
@media screen and (max-width: 575px) {
.section-1 {
padding-top: calc(90px + (300 - 90) * (100vw - 375px) / (1900 - 375)); }
.section-1 .menber-card-wrap .text p {
white-space: wrap; }
.section-1 .menber-card-wrap .text p span {
display: block; }
.section-1 .desc-wrap {
padding-left: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); }
.section-2a .nav-tabs .nav-item .nav-link {
border-radius: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); }
.section-2a .nav-tabs .nav-item:last-of-type {
margin-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap {
padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-2a .tab-content .tab-pane .content-wrap .content .fee-example .fee {
font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); }
.section-4 .top-section .img-wrap .bubble-wrap .text {
font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); }
.section-5 .faq-wrap .accordion-item .accordion-header .btn {
font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); }
.section-5 .faq-wrap .accordion-item .accordion-header .btn .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.section-5 .faq-wrap .accordion-item .accordion-content .accordion-body {
font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); } }
@media (min-width: 992px) {
body .container, footer > .container {
width: 90%; } }