/*!
Theme Name: Bhuwalka
Theme URI: http://underscores.me/
Author: Chinna
Author URI: http://honeycombindia.net/
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: bhuwalka
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.

Bhuwalka 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/
*/


/* =========
CUSTOM FONT STYLE
============= */

/* 100 Thin */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/Metropolis-Thin.woff2") format("woff2"),
       url("assets/font/Metropolis-Thin.woff") format("woff");
    font-weight: 100;
  font-style: normal;
  font-display: swap;
}


/* 200 Extra Light */
/* @font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-200-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-200-normal.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
} */


/* 300 Light */
/* @font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-300-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-300-normal.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
} */


/* 400 Regular */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/Metropolis-Regular.woff2") format("woff2"),
       url("assets/font/Metropolis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* 500 Medium */
/* @font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-500-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-500-normal.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */


/* 600 Semi-Bold */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/Metropolis-SemiBold.woff2") format("woff2"),
       url("assets/font/Metropolis-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* 700 Bold */
/* @font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-700-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-700-normal.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
} */


/* 800 Extra-Bold */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/Metropolis-ExtraBold.woff2") format("woff2"),
       url("assets/font/Metropolis-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* 900 Black */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/Metropolis-Black.woff2") format("woff2"),
       url("assets/font/Metropolis-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* =========
GOLBEL STYLES
============= */

body {
  font-family: "Metropolis" !important;
  font-size: clamp(0.75rem, 0.7036rem + 0.1905vw, 0.875rem) !important;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-style: normal;
  line-height: 150% !important;
  overflow-x: hidden;
  color: rgba(0, 0, 0, 0.5)!important;
  background-color: rgba(255, 232, 213, 0.2) !important;

}

img{
	max-width: 100%;
	height:auto;
}
a{
  text-decoration: none !important;
}
section {
    position: relative;
}

.main-heading {
    font-size: clamp(2.5rem, 1.7571rem + 3.0476vw, 4.5rem);
    color: rgba(102, 84, 61, 1);
	line-height: 100%;
}
.sub-heading {
    font-size: clamp(1.125rem, 0.9161rem + 0.8571vw, 1.6875rem);
    color: rgba(0, 0, 0, 1);
	line-height: 132%;
}
.nav-link:focus-visible {
    outline: 0;
    box-shadow: none!important;
}
.navbar-toggler:focus

 {
    text-decoration: none !important;
    outline: 0;
    box-shadow: none !important;
}

/* === Common logo video === */

.fullwidth-vide-section video {
    height: 50vh;
    object-fit: cover;
}

.f-fadeIn {
  animation: fadeIn 0.35s ease forwards;
}

.f-fadeOut {
  animation: fadeOut 0.25s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes fadeOut {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.92); }
}


@media (max-width:767px){
  section {
   
    overflow-x: hidden;
}
.fullwidth-vide-section video {
    height: 17vh;
  
}
	.certified-arrows .swiper-button-prev-cerificate, .certified-arrows .swiper-button-next-cerificate {
    min-width: 40px !important;
    min-height: 40px !important;
}
}
form.wpcf7-form
 {
    position: relative;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 10px;
    background: #ffc2c2;
    padding: 0 5px;
    border-radius: 0 0 5px 5px;
}