/*
Theme Name:Navori
Theme URI:https://#/
Author:Navori Team
Author URI:https://navori.com/
Description:Navori theme for home website
Version:1.0.0
License:GNU General Public License v2 or later
License URI:<https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain:Navori
*/
@import url("assets/font/fonts.css");
@import url("assets/css/responsive.css");
:root {
	--white:#fff; 
	--black:#000;
	--grey:#F2F4F7;
	--grey-700: #344054;
	--grey-900: #101828;
	--light-grey: #F8F9FC;
	--red:#E30613;
	--inter: 'Inter', sans-serif;
	--poppins: 'Poppins', sans-serif;
	--sf: 'SF Pro Display', sans-serif
}
html {scroll-behavior: smooth;}
body *, html * {box-sizing:border-box;}
body {margin:0 auto; font-size:18px; font-family:var(--inter);}
.container {margin: 0 auto; width: 100%; max-width: 1440px;}
.container-fluid {width: 100%; padding: 0 32px;}
.dn {display:none;}
.btn {display: inline-flex; font-size: 18px; transition: all 0.5s; font-weight: 600; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); font-family: var(--sf); letter-spacing: 0.216px; line-height: 28px; border-radius: 24px; border: 1px solid var(--grey-900); cursor: pointer; background: var(--grey-900); color: var(--white); padding: 10px 30px; text-decoration: none;}
.holo,
.btn:hover {background:transparent; color:var(--grey-900);}
.holo:hover {background:var(--grey-900); color:var(--white);}
.btn.red {background:var(--red); border-color:var(--red);}
.holo.red,
.btn.red:hover {background:transparent; color:var(--red);}
.holo.red:hover {background:var(--red); color:var(--white);}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: var(--poppins);
    margin: 0;
    font-weight: 600;
}
h1 {font-size: 60px; line-height: 1.2;}
h2 {font-size: 42px; line-height: 60px;}
#bodyinside p {margin:0; color:var(--grey-700); line-height:1.6;}
/* header */
header {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0; background: var(--white); position: sticky; z-index: 9; box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04); transition: all 0.5s ease 0s;}
header .container-fluid > div {align-items: center; justify-content: space-between;}
header .brand a {display: flex;}
header .search-form {display: flex; align-items: center; z-index: 10;}
header #search-form {background: none; border: 0; padding: 0; cursor: pointer;}
/* footer */
footer {background:var(--light-grey); padding:96px 32px 32px;}
footer .addresscontent {display: flex; justify-content: space-between; align-items: flex-start; align-self: stretch;}
footer .container {display: flex; flex-direction: column; align-items: flex-start; gap: 64px;}
footer section {display: flex; flex-direction: column; align-items: flex-start; gap: 24px;}
footer section > p {color: var(--grey-900); font-family: var(--poppins); font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin: 0;}
footer section ul {display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 0; margin: 0; list-style:none;}
footer section ul li {display:inline-flex;}
footer section ul li a {color: var(--grey-900); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.1px; text-decoration: none;}
footer section ul li a:hover {color:var(--red);}
footer .navori-logo-footer {display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 30px;}
footer .navori-logo-footer p {margin:0; font-size:12px;}
footer .lower-logos p {margin:0;}
footer .members-logo {display: flex; gap: 10px; flex-wrap: wrap; max-width: 210px; width: 100%;}
footer .members-logo img.half {width: calc(50% - 5px); aspect-ratio: 16 / 9;}
footer .members-logo img {width: 100%;}
/* copyright */
footer .copyright {display: flex; padding-top: 24px; justify-content: space-between; align-items: center; align-self: stretch; border-top: 1px solid var(--grey-900);}
footer .social-icons {display: flex; justify-content: space-between; align-self: stretch; align-items: center; gap:24px;}
footer .social-icons a {display:inline-flex;}
/* home */
#home h1 span {color: var(--red);}
/* media */
@media (max-width: 480px) {
	/* 	heading */
	h1 {font-size: 26px;}
	/* 	footer */
	footer .addresscontent {flex-direction: column; gap: 24px;}
	footer .copyright {flex-direction: column; gap: 24px; text-align: center;}
	footer .social-icons {margin: auto;}
}
@media (min-width: 481px) and (max-width:767px) {
	/* 	heading */
	h1 {font-size: 32px;}
	/* 	footer */
	footer .addresscontent {flex-wrap: wrap; gap: 24px;}
	footer .addresscontent .card { width: calc(50% - 12px);}
	footer .copyright {flex-direction: column; gap: 24px; text-align: center;}
	footer .social-icons {margin: auto;}
}
@media (min-width: 768px) and (max-width:1023px) {
	/* 	heading */
	h1 {font-size: 40px;}
	/* 	footer */
	footer .addresscontent {flex-wrap: wrap; gap: 24px;}
	footer .addresscontent .card { width: calc(30% - 12px);}
}
@media (max-width: 1023.98px) {
	.top-sec {display:none;}
/* 	navigation */
	header #desktop {display:none;}
	header #mobile {display:flex;}
	header .navbar-toggle {display:flex; flex-direction: column; background: transparent; border-width: initial; border-style: none; border-color: initial; border-image: initial; padding: 0px; gap: 7px;}
	header .navbar-toggle span {width: 30px; height: 1px; display: block; background: var(--grey-900); border: 1px solid var(--grey-900); transition: all 0.5s ease 0s;}
	header #NavbarCollapse {display:flex; height: 0px; position: absolute; top: 55px; left: 0px; width: calc(100%); flex-direction: column; justify-content: unset; overflow: auto; background: var(--white); transition: all 0.5s ease 0s; gap: 10px; padding: 0 32px; box-shadow:0px 8px 8px -4px rgba(16, 24, 40, 0.04); border-top:2px solid transparent;}
/* 	footer */
	footer {padding-top:32px;}
}
@media (min-width: 1024px) {
	.top-sec {background: var(--grey); display: flex; align-items: center; width: 100%; justify-content: center; font-family: var(--poppins); gap: 48px; padding: 15px 32px; font-size: 14px; min-height: 51px;}
	.top-sec .textwidget b {display: none;}
	.top-sec .textwidget b.show {display: block;}
	/* 	navigation */
	header #mobile {display:none;}
	header #desktop {display: flex; }
	header .navbar-collapse {display: flex; gap: 48px; position: relative;}
	header #NavbarCollapse > ul {padding: 0; margin:0; list-style: none; display: flex; justify-content: center; align-items: center; gap: 48px;}
	header .search-form input { background: var(--grey); outline: none; border: 0; position: absolute; height: calc(100% + 20px); left: -2%; width: 104%; z-index: -1; border-radius: 10px; padding: 0 47px 0 10px;}
	header #NavbarCollapse ul li a {color: var(--grey-900); font-family: var(--sf); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; letter-spacing: 0.216px; text-decoration: none; border-bottom: 2px solid transparent; padding: 8px 10px;}
	header #NavbarCollapse ul li:hover > a {color: var(--red); border-color: var(--red);}
	header .buttonsnav {display: flex; gap: 24px;}
}
@media (min-width: 1024px) and (max-width:1200px) {
	/* 	heading */
	h1 {font-size: 50px;}
	/* 	header */
	header #NavbarCollapse > ul,
	header .navbar-collapse,
	header .buttonsnav {gap:10px;}
	header #NavbarCollapse ul li a,
	.btn {font-size:14px;}
}
@media (min-width: 1200px) and (max-width:1400px) {
	header #NavbarCollapse > ul,
	header .navbar-collapse,
	header .buttonsnav {gap:20px;}
	header #NavbarCollapse ul li a,
	.btn {font-size:16px;}
}