/*!
Theme Name: oyolloo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oyolloo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

oyolloo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
  line-height: 1.6;
  font-size: 18px;
  font-family: 'Mukta Vaani', sans-serif;
  font-weight: 400;
  color: #828282;
  background: #fff;
}
  
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
  
  
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #191C2F;
  font-family: 'Mukta Vaani', sans-serif;
  font-weight: 700;
}
  
h1 {
    font-size: 42px;
}
  
h2 {
    font-size: 36px;
}
  
h3 {
    font-size: 30px;
}
  
h4 {
    font-size: 24px;
}
  
h5 {
    font-size: 18px;
}
  
h6 {
    font-size: 16px;
}
  
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
  
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
  
button:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide:focus {
    outline: none;
    box-shadow: none;
}
  
.slick-slide img {
    display: inline-block !important;
}
  
button {
    border: none;
}
  
img {
    max-width: 100%;
    height: auto;
}
  
input:focus,
textarea:focus {
  outline: 1px solid #14BD80;
  box-shadow: none;
}

input {
  color: #070404;
  padding: 0 20px;
  line-height: 52px;
  width: 100%;
  background: #F1F1F1;
  border: 1px solid #DFDFDF;
  border-radius: 7px;
  font-size: 19px;
  font-weight: 500;
}

input::placeholder, textarea::placeholder {
  color: #474747;
  font-size: 16px;
  font-weight: 400;
}

/* animation delay css
============================================================================================ */
.delay-1 {
    animation-delay: 0.1s;
}
  
.delay-2 {
    animation-delay: 0.2s;
}
  
.delay-3 {
    animation-delay: 0.3s;
}
  
.delay-4 {
    animation-delay: 0.4s;
}
  
.delay-5 {
    animation-delay: 0.5s;
}
  
.delay-6 {
    animation-delay: 0.6s;
}
  
.delay-7 {
    animation-delay: 0.7s;
}
  
.delay-8 {
    animation-delay: 0.8s;
}
  
.delay-9 {
    animation-delay: 0.9s;
}
  
.delay-10 {
    animation-delay: 1s;
}
  
/* Main Title Area css
============================================================================================ */
.section-title {
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 48px;
}

  
/* Start Primary btns css
============================================================================================ */
.primary-btn {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 35px;
  transition: 0.3s;
  color: #fff;
  background: #DB0A21;
  border-radius: 100px;
}

.primary-btn i {
  margin-left: 10px;
}
  
.primary-btn:hover {
    background: #fff;
    border: 1.5px solid #000;
    color: #000;
}
  
/* gradient-bg css
============================================================================================ */
.gradient-bg {
    background: -webkit-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -moz-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: -o-linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
    background: linear-gradient(90deg, #fe690b 0%, #ff8f1e 100%);
}
  
  
/* Start Header area style
============================================================================================ */
.header-area {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: transparent;
    padding: 20px 0;
    transition: 0.3s;
}

.header-area .navbar {
  background: transparent;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}

.header-area .navbar .navbar-nav li {
  position: relative;
}

.header-area .navbar .navbar-nav li:not(:last-child) {
  margin-right: 60px;
}

.header-area .navbar .navbar-nav li a {
  color: #C6CCE9;
  padding: 0px;
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}

.header-area .navbar .navbar-nav li a:hover, .header-area .navbar .navbar-nav li a.active {
  color: #F8D85A;
}

.header-btns {
  margin-left: 25px;
}

.header-btn {
  color: #191C2F;
  display: inline-block;
  padding: 16px 25px;
  transition: .3s;
  font-size: 18px;
  font-weight: 500;
  background: #F8D85A;
  border-radius: 8px;
}

.header-btn:hover {
  background:#191C2F;
  color: #fff;
}

.offcanvas-wraper {
  position: fixed;
  width: 300px;
  background: #070404;
  height: 100%;
  top: 0;
  padding-top: 100px;
  z-index: 99;
  left: -300px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: none;
}

.offcanvas-wraper.active {
  left: 0;
}

.mobile-header {
  display: none;
  padding: 15px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: 0.3s;
}

.mobile-header .site-logo img {
  max-width: 150px;
}

.offcanvas-body li a {
  color: #191C2F;
  font-size: 16px;
}

.offcanvas-body li a:hover {
  color: #5F13EF;
}

.offcanvas-body li {
  margin-bottom: 10px;
	position: relative;
}

.custom-logo {
  transition: .3s;
}

.header-area.sticky,
.mobile-header.sticky {
  background: #070404;
  box-shadow: 0 5px 20px #92929229;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px 0;
}

.header-area.sticky .custom-logo {
  max-width: 150px;
}


.service-area {
  background-size: 100% 100%!important;
}



.breadcrumb-section {
  background: #5F13EF;
  padding: 200px 0 100px;
  text-align: center;
}

.breadcrumb-text h1 {
  color: #fff;
  font-size: 70px;
}

.site-main {
  padding: 120px 0;
}

.offcanvas-wraper .header-btn {
  color: #070404;
}

.offcanvas-wraper .header-btn:hover {
  color: #fff;
}

.custom-logo {
  max-width: 200px;
}




.offcanvas-header {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem;
    align-items: center;
}

.offcanvas-title {
  font-size: 28px;
}