/*========== ABOUT - TWO COLUMN SECTION =============*/
.about-section {
    font-family: 'Lora', serif;
    font-size: 1.2rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.about-padding {
    padding-left: 4rem;
    width: auto;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    .about-padding {
        padding-left: 1rem;
        width: auto;
    }
   }

.about-pic{
    text-align: center;
}

p.about {
    font-weight: 400;
    padding-top: 2rem;
}

h2.about {
    font-weight: 600;
}

hr.about{
    text-align: left;
    margin-left:0;
    width: auto;
    margin-top: .8rem;
    margin-bottom: .8rem;
}


/*========== THREE COLUMN SECTION =============*/
.services {
    font-family: 'Lora', serif;
    font-size: 1.2rem;
}

.services1{
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.services2{
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.services3{
    padding-top: 3rem;
    padding-bottom: 2rem;
}

/*========== SKILL ICONS=============*/

.fa-python{
    color: #2163af;
}
.fa-database{
    color: #563d7c;
}
.fa-chart-line{
    color: #323232;
}
.fa-code {
    color: #e54d25;
}

.fa-tools {
    color:  #1EBBA3;
    font-size: 2rem;
}

.fa-python, .fa-database, .fa-chart-line, .fa-code{
    font-size: 4em;
    margin: 1rem;
    padding-top: 2rem;
}

.skills {
    padding-bottom: 2.6rem;
}


/*============= TEAM SECTION FIXED BG IMG LIGHT =============*/

.text-color {
    color: #1EBBA3;
 }


h3.heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.9rem;
    text-align: center;
    margin-bottom: 1.9rem;
    margin-top: 1.9rem;
 }

.heading-underline {
    width: 3rem;
    height: .2rem;
    background-color:#1c3c50;
    margin: 0 auto 2rem;
 }

/*--- PROJECTS BACKGROUND --*/
.light {
    background: radial-gradient(#99c8e2,#E5F1F7);
    padding: 3rem 0;
    z-index: 1000;
 }
/*owl pluggin*/

.owl-stage {
    display: flex;
}

button.owl-dot.active span,
button.owl-dot:hover span {
   background: #1c3c50!important;
}

/*PROJECT CARDS*/

.card { 
   font-family: 'Lora', serif;
   border-top: .5rem;
   border-bottom: .5rem ;
   height: 100%;
   width: 95%;
   border-radius: 0;
   text-align: center;
   margin: 0 1rem;
   border: .1rem solid rgba(0, 0, 0, .075);
   box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
   transition: transform .4s ease;
}

.a{
    text-decoration: none;
}

.card:hover {
   transform: scale(.95);
}