@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Bad+Script&family=Poppins:ital,wght@0,200;0,500;1,200&display=swap');
/* Global Setting  */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: poppins,sans-serif;
}
a{
    text-decoration: none;
    display: inline-block;
}
ul{
    list-style: none;
}
/* Utility Section */
h1{
    font-size: 3rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 1.5rem;
}
.orange
{
    color: #f93a0b !important;
}
:root
{
    --primary-color:#fb613d;
    --secondary-color:#e39586;
    --background-dark-color:  #b7d0ff;
    --offwhite-color:#fef2ef;
    --dark-color:#1c2438;
}
.btn-primary-self
{
    background-color: #fb613d;
    color: white !important;
    width: 150px;
}
.btn-primary-self:hover
{
    background-color: #ab290c;
    color: white !important;
    width: 150px;
}
.btn-secondary-self
{
    color: #fb613d !important;  
    border-color: #fb613d !important; 
    width: 150px;
}
.btn-secondary-self:hover
{
    
   border-color: #1c2438;
   background-color:#fef2ef;

}
/* Nav Section */

/* Tagline Section */
.tag-line-text
{
    color:#4e73a8;
   
}
/* Hero Section */

.hero-picture
{
    width: 700px;
    height: auto;
    display: block;
}
.learn-text
{
    color: #fb613d;
}
.hero-text
{
    padding-top: 50px;
    padding-bottom: 50px;
    color: #4e73a8;
}
.hero-para-text{
    color: #1c2438;
}
/* Course Section */

.card-length
{
min-height: 550px !important;
}

/* Course Slide Section */
.slide-img
{
    width:450px;
    height:375px;
    display: contents;
}

/* Footer Section */
.footer-section
{
    padding-block: 100px;
    background-color: var(--background-dark-color);
}

.footer-links
{
    color: #183b54 !important;
    font-weight: 100;
    padding-block: 10px ;
}

.footer-links:hover
{
    color: #f93a0b!important;
}

.logo-footer
{
  
    color:#183b54 !important;
}

/* Sub footer */
.sub-footer-container
{
    background-color:#4e73a8;
    text-align: center;
   
}
.sub-footer-links
{
    padding: 5px;
    color: #b7d0ff;
}
.sub-footer-links:hover
{
    color: #f93a0b!important;
}

/* Contact us page css */
.banner-section
{
    height:400px;  
    background-color: #b7d0ff;
}
.contact-us-banner-text
{
    text-align: center;
    color:white;
    padding-top: 70px;
}
.about-us-button
{
align-items: center !important;
}

.text-area-height
{
    height: 350px !important;
}