/*-----------------------------------------
# General
-------------------------------------------*/
*{
box-sizing: border-box;
padding: 0;
margin:0;
text-decoration:none;
}


html{scroll-behavior: smooth; font-size: 18px;}
@media (max-width: 768px){
	html{
		font-size: 13px;
		}
}

a{text-decoration:none;color:#2B3333;}
:target:before {
    content: "";
    display: block;
    height: 80px;
    margin: -80px 0 0;
}

body{font-family: 'Bree Serif', serif; color:#2B3333; font-weight:500;}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
*::before,
*::after {
  box-sizing: border-box;
}
.textSecF{font-family: 'Raleway', sans-serif; font-weight:400;}
.textSecFbold{font-family: 'Raleway', sans-serif; font-weight:800;}
.textup{
letter-spacing: 0.02em;
text-transform: uppercase;}

/*colors*/
.colyellow{color: #F3CD00;}
.bgyellow{background:#F3CD00;}
.bgblack{background:#2B3333;}
.btn-yellow{color: #fff; background:#F3CD00;}
.btn-yellow:hover{color: #fff; background:#D4B300;}
.btn-yellow2{color: #2B3333; background:#F3CD00;}
.btn-yellow2:hover{color: #fff; background:#D4B300;}

::-moz-selection { /* Code for Firefox */
  color: #fff;background: #2B3333;}
::selection {color: #fff;background: #2B3333;}

/* ------ Custom bootstrap ------ */
.accordion-button1:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%23F3CD00'/%3E%3C/svg%3E%0A");
  transform: rotate(45deg);
}
.accordion-button1::after {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%23F3CD00'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  transition: transform 0.2s ease-in-out;
}
.hideobsm, .hideobmd{display:block;}
@media (max-width: 500px){.hideobsm{display:none;}}
@media (max-width: 768px){.hideobmd{display:none;}}

.dflex-rowtocol-lg-reverse{flex-direction:column-reverse;}
@media (min-width: 768px){.dflex-rowtocol-lg-reverse{flex-direction:row;}}
.dflex-rowtocol-lg{flex-direction:column;}
@media (min-width: 768px){.dflex-rowtocol-lg{flex-direction:row;}}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*-----------------------------------------
# Header/Navbar
-------------------------------------------*/
.header {
  z-index: 200;
  padding: 16px 0;
  height:80px;
  background: #fff;
  transition:0.3s;
}
.header.header-scrolled {
  background: #fff;
  padding: 8px 0;
  height:80px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.header img {
  max-height: 3.2em;
  margin-right:30px;
}
.header-scrolled img {max-height: 3em;}

.adjustheader{display:flex; flex-direction:row; justify-content: space-around;}
@media (max-width: 1024px){.adjustheader{justify-content: space-between;}}
.navbar {margin:0;}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar a {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 30px;
white-space: nowrap;
transition:0.3s;
}
/*.navbar a:hover, .navbar .active, .navbar li:hover > a {
color: #CF3EF2;
}*/
/* Mobile Navigation */
/*hambuguer*/
.mobile-nav-toggle { 
color: #2B3333;
font-size: 2.5rem;
cursor: pointer;
display: none;
line-height: 0;
}
.mobile-nav-toggle.bi-x {
color: #fff;
}
.navbar li i{display: flex;
  align-items: center; margin-right:5px;}
@media (max-width: 768px) {
.header{  padding: 18px 0;}
.mobile-nav-toggle {display: block;}
.navbar ul {display: none;}
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width:80%;
  height:100%;
  background: #2B3333;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: flex;
  flex-flow:column wrap;
  align-items:start;
  position: absolute;
  top: 35px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #2B3333;
  overflow-y: auto;
  transition: 0.1s;
}
.navbar-mobile li {
  padding: 20px;
  color: #fff;
  text-align: center;
}
.navbar-mobile a {color: #fff; font-size:1.125em;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #fff;
}
/*-----------------------------------------
# Hero
-------------------------------------------*/
.hero {
  background: url(../img/bg-pattern2.jpg) top center no-repeat;
  background-size: cover;
}