@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700&display=swap');
body {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 28px;
}
ul,
ol {
  list-style: none;
  outline: none;
  margin: 0;
  padding: 0;
}
a,
a:hover,
a:focus,
 :focus {
  text-decoration: none;
  outline: none;
}
img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  color: #564000;
}
p {
  color: #63688e;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.section-padding {
  padding: 80px 0;
}
.section-title h2 {
  font-size: 50px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.section-title h2::after {
  position: absolute;
  content: "";
  width: 120px;
  height: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.section-title.effect h2::after {
  right: 100%;
}
.section-title p {
  font-size: 18px;
}
.sticky {
  background: #ffffd9;
  box-shadow: 0px 0px 10px rgb(99, 104, 142, 0.2);
  z-index: 5;
  top: 0;
  padding: 10px 0;
}
.slicknav_item.slicknav_row:hover a {
  color: #fff;
}
.portfolio-menu ul li.active,
.flaticon-right-quote::before,
.owl-carousel .owl-nav>div:hover,
.blog-content p span,
.about-widget>ul>li>i,
.widget-menu li a:hover,
.breadcrumb-area ul li.active a,
.latest-news-title p a:hover,
.category li a:hover,
.blog-posts-meta ul li i,
.single-posts blockquote p i,
.post-tags a:hover,
.comment-box .comment-reply-button,
.main-menu ul li a:hover,
.main-menu ul li a.active,
.work-icon i.flaticon-test::before,
.counter-project h1 {
  color: #e1a800;
}
.viso-btn.read-more:hover,
.post-share li a:hover,
input[type="submit"],
.section-title h2::after,
.main-menu ul li a::before,
.main-menu ul li a.active::before,
.call-button,
.viso-btn,
.hero-social ul li a:hover,
.dicover-list li:hover i,
.owl-dots .owl-dot.active,
.single-team:hover .tem-social,
.pricing-table:hover .price-content .viso-btn.price,
.price-swetch ul li a.active,
.subscribe-form form button[type="submit"],
.footer-social>ul>li>a:hover,
ul.author-social li a:hover,
.tags li a:hover {
  background-color: #e1a800;
}
a,
a:hover,
a:focus,
:focus.main-menu ul li a,
.main-menu ul li a::before,
.main-menu ul li a.active::before,
.call-button,
.viso-btn,
.hero-social ul li a,
.dicover-list li i,
.viso-btn.discover::after,
.owl-dots .owl-dot,
.portfolio-wrapper,
.single-team,
.tem-social,
.tem-social ul li a,
.pricing-table,
.price-content .viso-btn.price,
.owl-carousel .owl-nav>div,
input[type="submit"] {
  transition: .5s;
  -webkit-transition: .5s;
}
.hero {
  background-color: #ffffd9;
}
.hero-content h1 {
  font-size: 50px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.4;
}
.single-work {
  text-align: center;
  padding: 50px 0;
}
.single-work p {
  font-size: 16px;
}
.work-icon i.flaticon-test::before {
  border: 1px solid #e1a800;
  padding: 20px;
  font-size: 40px;
  border-radius: 10%;
  box-shadow: 0px 3px 30px rgba(255, 59, 51, 0.3);
  background: rgba(255, 59, 51, 0.1);
}
.work-icon.two i.flaticon-plan::before {
  border: 1px solid #4521ff;
  padding: 20px;
  font-size: 40px;
  border-radius: 10%;
  box-shadow: 0px 3px 30px rgba(69, 33, 255, 0.3);
  background: rgba(69, 33, 255, 0.1);
  color: #4521ff;
}
.work-icon.three i.flaticon-ux::before {
  border: 1px solid #009bff;
  padding: 20px;
  font-size: 40px;
  border-radius: 10%;
  box-shadow: 0px 3px 30px rgba(0, 155, 255, 0.3);
  background: rgba(0, 155, 255, 0.1);
  color: #009bff;
}
.work-icon {
  padding-bottom: 25px;
}
.discover-image img {
  width: 100%;
}
.discover-title p {
  font-size: 16px;
  padding: 15px 0;
}
.dicover-list li i {
  float: left;
  display: block;
  padding: 10px;
  background: #e1a800;
  color: #fff;
  border-radius: 30px;
  margin-right: 15px;
}
.team {
  padding: 80px 0;
}
.single-team {
  text-align: center;
  padding: 60px 0;
  border: 2px solid rgba(23, 66, 113, 0.15);
  border-radius: 1%;
  text-transform: capitalize;
  margin-top: 50px;
}
.single-team:hover {
  box-shadow: 0px 0px 20px rgba(23, 66, 113, 0.15);
  border-color: transparent;
}
.single-team h2 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 25px;
}
footer {
  background: #ffffd9;
}