/*-----------------------------------------------------------------------------------

	Theme Name: Layouts
  Description: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis, harum!
	Author: Rayner
	Author URI: https://in.linkedin.com/in/rayner-savio-prazeres-930b2b64
	Version: 1.0 alpha

-----------------------------------------------------------------------------------*/
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*-------- #Baseline-------- */
/*$baseline: 20px*/
/* -----#Font Base------- */
/*$line-height-base: 1.5*/
/*$line-height-content: 1.8*/
/*$site-font: 'Nunito'*/
/*$decoration-base: none*/
/*------ #Font Size Base --------*/
/* $font-size-base: 18px */
/* $font-size-h1: 52px */
/* $font-size-h2: 42px */
/* $font-size-h3: 38px */
/* $font-size-h4: 32px */
/* $font-size-h5: 24px */
/* $font-size-h6: 18px */
/* $font-size-button: 14px */
/* header-size: 36px */
/* $logo-font: 28.8px */
/* $header-size-mobile: 24px */
/* $font-size-base-mobile: 14px */
/*------ #Letter Spacing ------*/
/* $logo-letter-spacing: 3.06px */
/* ------#Background Base------- */
/*$background-base: no-repeat center center fixed*/
/*$background-size-base: cover*/
/*--------#Icon Base ----------*/
/*$awesome: fontawesome*/
/* Border-Radius Base */
/*$radius-5: 5px*/
/*$radius-6: 6px*/
/*$radius-10: 10px*/
/*$radius-50: 50% */
/************************************************************************************************************\
 #Media Queries Base Variables
\************************************************************************************************************/
/*-------#Max Variables--------*/
/* $xs: 575px; Mobile Displays and Smaller*/
/* $sm: 767px; Tablets and Smaller */
/* $md: 991px; Medium Displays and Smaller */
/* $lg: 1199px; Large Displays and smaller */
/*--------#Min Variables-----------*/
/*$xs-min: 576px; Mobile Displays and Larger */
/* $sm-min: 768px; Tablets Displays and Larger */
/* $md-min: 992px; Medium Displays and Larger */
/* $lg-min: 1200px; Large Displays and Larger */
/*------Custom Media Queries----------*/
/* $sz-1500: 1500px; Screen Size 1500px */
/* $sz-375: 375px; Screen Size 1500px */
/*------------------------------------*\
    #END OF VARIABLES
\*------------------------------------*/
/********************************************************************************************************\
      #Media Queries Mixins
\*********************************************************************************************************/
/*Note: Values for Media Queries present in `_variables.scss`. Media query mixins in the Mixin file in SCSS/base/_mixin.scss*/
/*************************************************************************************************\
#Custom Media Queries
\*************************************************************************************************/
/*Add Media Queries that you require Here*/
/********************************************************************************************************\
      #End Media Queries Mixins
\*********************************************************************************************************/
/*******************************************************************************************************************************************************************************************************\

                                           DO NOT TOUCH THIS CODE

\********************************************************************************************************************************************************************************************************/
/*
<==========================================>
#Contents
<==========================================>
1.  Global
2.  Reset

*/
/***********************************************************************************************\
#1. Gloabal
\***********************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  scroll-behavior: smooth;
  scroll-padding-top: 115px; }
  @media (max-width: 991px) {
    html {
      scroll-padding-top: 80px; } }

body {
  font-family: "Poppins", Arial, sans-serif;
  color: #334155; }

p {
  font-size: inherit;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1e293b; }

.primary-button {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #333;
  cursor: pointer; }
  .primary-button:hover, .primary-button:focus, .primary-button:active {
    background-color: #333;
    color: #fff; }

.hide-scrollbar {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }
  .hide-scrollbar::-webkit-scrollbar {
    width: 0 !important; }

textarea {
  resize: none; }

.section-title,
h2 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3em; }

h3,
.h3-title {
  font-size: 24px;
  font-weight: 600; }

.section-spacing {
  margin-bottom: 100px; }
  @media (max-width: 991px) {
    .section-spacing {
      margin-bottom: 80px; } }
  .section-spacing--top {
    margin-top: 100px; }
    @media (max-width: 991px) {
      .section-spacing--top {
        margin-top: 80px; } }

/*******************************************************************************************************************************************************************************************************\

                                           END OF DO NOT TOUCH THIS CODE

\********************************************************************************************************************************************************************************************************/
/*------------------------------------*\
    #2. RESET
\*------------------------------------*/
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a,
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0; }

*,
:active,
:focus {
  outline: none !important; }

ul,
ol {
  list-style: none; }

textarea {
  resize: none; }

::selection {
  text-shadow: none; }

::-moz-selection {
  text-shadow: none; }

::-webkit-selection {
  text-shadow: none; }

.form-control {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

.form-control:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

a {
  text-decoration: none; }