@use '../utils' as *;
/*-----------------------------------------------------------------------------------

    Theme Name: Bconsult – Business Consulting, Finance & Corporate HTML Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Bconsult – Business Consulting, Finance & Corporate HTML Template
    Version: 1.0.0

-----------------------------------------------------------------------------------

/************ ================= ***************

	-----------------
    INDEXING START HERE
	-----------------
	1.1 Theme Css
	1.2 Common Classes
	
	5.1 business coach css 
	5.2 business-intelligence coach css
	5.3 business management css
	5.4 it-consulting coach css
	5.5 business-investment coach cs 
	5.6 finance-consulting coach css
	5.7 marketing-consulting coach css
	5.8 insurance-consulting coach css 
	5.9 about us css
	5.10 appointment coach css
	5.11 career css
	5.12 cart css
	5.13 case sutdy details css
	5.14 checkout css
	5.15 contact details css
	5.16 error css here
	5.17 faq css
	5.18 shop css
	5.19 team-details css
	5.20 service-details css



**********************************************/


/*----------------------------------------*/
/*  1.1 Theme Css
/*----------------------------------------*/

@import url($font-link);

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1750px;
	&.container-1460{
		max-width: 1460px;
	}
	&.container-1600{
		max-width: 1600px;
	}
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
	scroll-behavior: smooth;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	color: var(--oit-text-body);
	font-family: var(--oit-ff-body);
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0px;
	font-weight: 500;
	line-height: 1.2;
	@include oit-transition(color);
	color: var(--oit-clr-black);
	font-family: var(--oit-ff-heading);
}

h1 {
	font-size: 40px;
}
  
h2 {
font-size: 36px;
}

h3 {
font-size: 28px;
}

h4 {
font-size: 24px;
}

h5 {
font-size: 20px;
}

h6 {
font-size: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 1.5;
	font-family: var(--oit-ff-p);
	color: var(--oit-text-body);
	@media #{$xl}{
		font-size: 17px;
		& br {
			display: none;
		}
	}
	@media #{$lg,$md,$xs}{
		font-size: 16px;
		& br {
			display: none;
		}
	}
}


a,
button,
p,
input,
select,
textarea,
li,
.transition-3{
	transition: .3s;
}

a:not([href]):not([class]), 
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover{
	color: inherit;
	text-decoration: none;
}

a,
button {
	color: inherit;
	outline: none;
	border: none;
	background: transparent;
}

button:hover{
	cursor: pointer;
}

button:focus{
    outline: 0; 
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea{
	outline: none;
	height: 56px;
	width: 100%;
	line-height: 56px;
	font-size: 14px;
	padding-inline-start: 26px;
	padding-inline-end: 26px;
	border: 1px solid var(--oit-clr-white);
	background-color: var(--oit-clr-white);
	@include oit-placeholder{
	}
	&:focus{
		&::placeholder{
			opacity: 0;
		}
	}

}

textarea{
	line-height: 1.4;
	padding-top: 17px;
	padding-bottom: 17px;
}

input[type="color"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	padding: 0;
	border-radius: 50%;
}

*::-moz-selection {
	background: var(--oit-clr-black);
	color: var(--oit-clr-white);
	text-shadow: none;
}
::-moz-selection {
	background: var(--oit-clr-black);
	color: var(--oit-clr-white);
	text-shadow: none;
}
::selection {
	background: var(--oit-clr-black);
	color: var(--oit-clr-white);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--oit-clr-black);
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: var(--oit-clr-black);
	font-size: 14px;
	opacity: 1;
}