/**
* Template Name: FlexStart - v1.12.0
* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

/* Colors */
:root {
  /*--color-default: #444444;*/
  /*--color-primary: #012970;*/
  /*--color-secondary: #717ff5;*/
  --color-default: rgb(68, 68, 68);
  --color-default-rgba: 68, 68, 68;
  --color-primary: rgb(1, 41, 112);
  --color-primary-rgba: 1, 41, 112;
  --color-primary-deep: rgb(0, 121, 107);
  --color-primary-deep-rgba: 0, 121, 107;
  --color-primary-light: rgb(0, 146, 130);
  --color-primary-light-rgba: 0, 146, 130;
  --color-bg-primary: rgb(0, 131, 116);
  --color-bg-primary-rgba: 0, 131, 116;
  --color-secondary: rgb(113, 127, 245);
  --color-secondary-rgba: 113, 127, 245;
  --color-bg-seconday: rgb(248, 90, 64);
  --color-bg-seconday-rgba: 248, 90, 64;
  --color-light-1: rgb(246, 246, 246);
  --color-light-1-rgba: 246, 246, 246;
  --color-light-2: rgb(253, 244, 245);
  --color-light-2-rgba: 253, 244, 245;
  --color-light-3: rgb(246, 241, 233);
  --color-light-3-rgba: 246, 241, 233;
  --color-light-4: rgb(238, 238, 238);
  --color-light-4-rgba: 238, 238, 238;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/



.blog {
  padding: 40px 0 20px 0;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/