/*Global*/

/* Apply "Beatrice Trial" font-family to all text elements */

body, h1, h2, h3, h4, h5, h6, p, span, a, div, li {
	font-family: 'Beatrice Trial' !important;
	color: #231F20;
}

/* Font weight classes */

.font-thin {
	font-weight: 100 !important;
}

.font-medium {
	font-weight: 500 !important;
}

.font-semiBold {
	font-weight: 600 !important;
}

.font-bold {
	font-family: 'Beatrice Deck Trial' !important;
	font-weight: bold !important;
}


/* Theme fonts color classes */

.text-primary{
	color: #231F20 !important;
}

.text-secondary{
	color: #059BE0 !important;
}

.text-white{
	color: #ffffff !important;
}


/*Global*/

/*Header*/

header{
	position: absolute;
	top:1rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 90px;
}

.navbar-toggler-icon {
    background-image: url("../images/bar.png") !important;
}

/*Header*/

/*Hero Section*/

.hero{
	background: url("../images/hero-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


/*Hero Section*/

/*Why choose Section*/

.why-choose-inner-2 li::marker , .why-choose-inner-4 li::marker {
    color: #FF8634;
    font-size: 20px;
}

.why-choose h1 {
    font-size: 3.9rem;
}

.why-choose-inner-2 , .why-choose-inner-4 {
    background: url(../images/wave.webp);
    background-size: contain !important;
    background-position: bottom center !important;
	background-repeat: no-repeat !important;
}

.why-choose-inner-4{
	background: url(../images/wave2.webp);
}

.why-choose-inner-1 .container-md:after , .why-choose-inner-3 .container-md:after {
    content: url(../images/pattren2.png);
    position: absolute;
    bottom: -35%;
    left: 30%;
}

.why-choose-inner-2 .container-md:after {
    content: url(../images/pattren1.png);
    position: absolute;
    bottom: -22%;
    right: 32%;
}

    
/*Why choose Section*/

/*The Brand*/

.brand-slider img {
    width: 200px;
    aspect-ratio: 3/2;
    object-fit: contain;
    filter: grayscale(100%) invert(67%) sepia(1%) saturate(1082%) hue-rotate(251deg) brightness(84%) contrast(84%);
}

.the-brand h1 {
    font-size: 3.9rem;
}

/*The Brand*/

/*Testimonials*/

.testimonials .card{
	background-color: #EAF9FF;
}

.testimonials .card-text{
	color: #5B5B5B;
}

.testimonials h1 {
    font-size: 3.9rem;
}

/*Testimonials*/

/* Footer */

.footer ul a img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

/* Footer */

/*Responsive*/

@media(max-width:1024px){
	
	.why-choose h1 , .the-brand h1 , .testimonials h1 {
		font-size: calc(1.775rem + 1.5vw);
	}
	
	.why-choose-inner-1 .container-md:after , .why-choose-inner-3 .container-md:after , .why-choose-inner-2 .container-md:after{
		display: none;
	}
}

@media(max-width:768px){

	div#navbarNav {
		background: #fff;
		z-index: 1;
		padding: 1rem;
	}

	.navbar-toggler:focus {
		box-shadow: unset;
	}

	.navbar-nav li a {
		color: #000 !important;
	}
	
	.why-choose h1 , .the-brand h1 , .testimonials h1 {
		font-size: calc(1.275rem + 1.5vw);
	}
	
}

@media(max-width:600px){
	main section , main header , main footer{
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.navbar-brand img {
		width: 35%;
	}

	.hero img {
		margin-bottom: 30px;
	}
	.why-choose h1 , .the-brand h1 , .testimonials h1 {
		font-size: calc(1.475rem + 1.5vw);
	}
	.brand-slider img {
		width:150px;
	}
	.footer .row div:nth-child(2) , .footer .row div:nth-child(3){
		border-bottom: 1px solid #fff;
	}

}
@media (min-width: 576px) {
  .w-sm-75 {
    width: 75% !important;
  }
}

/*Responsive*/