/*
Theme Name: Saudi Albitek
Theme URI: https://example.com/
Author: InMindz
Author URI: https://inmindz.com/
Description: A lightweight custom classic theme with PHP template support.
Version: 1.0
Text Domain: saudi-albitek
*/

:root {
	font-size:16px;
	/** Color**/
  	--primary-color: #004a99;
  	--secondary-color: #f2b632;
  	--tertiary-color: #1c1c1c;
  	--dark-color:#1a1a1a;
	--light-color:#ffffff;
	--light-bg:#fbfaf3;
	/**Typography**/
	--font-primary: 'Manrope', Arial, sans-serif;
 	--font-secondary: 'DM Sans', Arial, sans-serif;
  	--body-text:18px;
	--body-text-sm:14px;
	--font-xxl:clamp(2.375rem, 1.875rem + 2.2222vw, 3.875rem);
	--font-xl:clamp(1.75rem, 1.3333rem + 1.8519vw, 3rem);
	--font-lg:clamp(1.375rem, 1.0833rem + 1.2963vw, 2.25rem);
	--font-md:clamp(1.25rem, 1.1667rem + 0.3704vw, 1.5rem);
	
	/** Width**/
	--boxed-layout:clamp(20rem, 85.185vw + 0.833rem, 77.5rem);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/** Typo**/
body {
  font-family: var(--font-secondary);
  font-size:var(--body-text);
  color: var(--dark-color);
  line-height: 1.3em;
}
p {
margin-block-end:0.9rem;
 }
.p-0{
margin-block-end:0;	
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--font-primary);
	margin-block-end:0.9rem;
	font-weight:bold;
}
h1{
	font-size:var(--font-xxl);
	line-height:1.2;
}
h2{
	font-size:var(--font-xl);
	line-height:1.2;
}
h3{
	font-size:var(--font-lg);
	line-height:1.2;
}
h4{
	font-size:var(--font-md);
	line-height:1.2;
}
h5{
	font-size:var(--body-text);
	line-height:1.2;
}
.align-center{
	text-align:center;
}
/** Buttons **/
.btn{
	padding:15px 30px;
	background:var(--secondary-color);
	border-radius:30px;
	text-decoration:none;
	color:var(--light-color);
	position:relative;
	display: inline-block;
}
.btn.dark{
background:var(--tertiary-color);
}
.btn:hover{
	opacity:0.8;
}
/** Layout **/
.boxed {
	max-width:var(--boxed-layout);
	margin:auto;
}
.main-block{
	padding: clamp(3.125rem, 2.0833rem + 4.6296vw, 6.25rem) 0;
}
.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
}
.light-bg{
	background-color:var(--light-bg);
}
.secondary-bg{
	background-color:var(--secondary-color);
}
img{
    width:auto;
	height:auto;
}
.translated-rtl {
	direction: rtl;
}