
/* 23 4 2023 - Heading font */
h1, h2, h3, .lora {
    font-family: 'Lora', serif;
}

/********/
/* HERO */
/********/
/* 23 4 2023 - background container for 'Hero' section */
.hero-container{
    background-color: #FFF4DF;
    background-image: url('../images/hero/hero-profile.png'), url('../images/hero/hero-bg.png');
    background-position: 75% 110%, right bottom;
    background-repeat: no-repeat;
    height:750px;
}
.hero-text-container {
    height:750px;
}
/* lg only */
@media screen and (max-width: 1200px) and (min-width: 992px){
.hero-container{
    background-position: 97% 110%, right bottom;
    background-repeat: no-repeat;
    }
}
/* md only */
@media screen and (max-width: 992px) and (min-width: 768px){
.hero-container{
    background-position: 105% 110%, right bottom;
    background-repeat: no-repeat;
    }
}
/* sm and less */
@media screen and (max-width: 768px){
.hero-container{
    background-image: url('../images/hero/hero-bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    /*background-image: none;*/
    height:auto;
    }
.hero-text-container{
    height:auto;
    }
}



/********/
/* Ribbon */
/********/
.ribbon-container {
    margin-top:-4rem;
}



/********/
/* Services */
/********/
/* 23 4 2023 - background container for 'Services' section */
.service-container {
    padding-top:8rem;
    padding-bottom:8rem;
    background-image:url('../images/backgrounds/services-bg.png');
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
}
@media screen and (max-width: 992px){
    .service-container {
        background-size:cover;
    }
}
/* 23 4 2023 - Services card heading bg and border */
.service-card-1-bg {
    background-color: #A117E1;
    color: white;
}
.service-card-1-border-color {
    border-color: #A117E1 !important;
}
.service-card-2-bg {
    background-color: #1484C4;
    color: white;
}
.service-card-2-border-color {
    border-color: #1484C4 !important;
}
.service-card-3-bg {
    background-color: #0A9584;
    color: white;
}
.service-card-3-border-color {
    border-color: #0A9584 !important;
}



/********/
/* Why me */
/********/
/* 23 4 2023 - background container for 'Why Me' section */
.why-me-container {
    background-image: url('../images/backgrounds/why-me-bg.png'), linear-gradient(to bottom right, #D7EBEB, #FBF8FB);
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width: 992px){
    .why-me-container {
        background-image: linear-gradient(to bottom right, #D7EBEB, #FBF8FB);
    }
}



/********/
/* Testimonial */
/********/
.testimonial-container {
    background-image:url('../images/testimonial/testimonial-bg.png');
}


/********/
/* Certificates */
/********/
/* 23 4 2023 - background container for 'Certificate' section */
.certificate-container {
    background-image: url('../images/certificates/certificate-bg.png');
    background-repeat: no-repeat;
    background-size:cover;
}

/********/
/* Custom */
/********/
/* 23 4 2023 - Custom margins */
.mt-custom {
    margin-top:9rem;
}
.mb-custom {
    margin-bottom:9rem;
}
.my-custom {
    margin-top:9rem;
    margin-bottom:9rem;
}