/*
Theme Name: RANK4BUSINESS
Theme URI: https://www.beedigitalagency.com
Author: Bee Digital Agency
Author URI: https://www.beedigitalagency.com
Description: BEE DIGITAL AGENCY
Version: beta
Text Domain: BEE DIGITAL AGENCY
*/

body {
	font-family: 'Poppins', sans-serif;
	
}

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

span .navbar-toggler-icon{color:white;}

.navbar-toggler{border:none;color:white;}
.navbar-toggler span i{color:white;}

.navbar.scrolled {
    background: #fff;
}

.navbar-brand{
	color:#fff;
	font-size:28px;
	font-weight:600;
	}

.navbar.scrolled .navbar-brand {
    color: #212529 !important;
}

.scrolled .navbar-toggler span i {
            color: #212529;
}


.nav-item{padding-left:10px;}
.nav-link{color:#fff;font-weight:500;}
.nav-link:hover{color:#fff;opacity:0.8;}
.nav-link:focus{color:#fff;opacity:0.8;}
.dropdown-toggle{color:#fff;}
.show{color:#fff !important; }


.navbar.scrolled .nav-link {
    color: #212529 !important;
}

.dropdown-item{font-size:14px;}


.parallax {
    /* Set height and background properties */
    height: 83vh; /* Adjust height as needed */
    background-image: url('https://www.eticaret.blog/wp-content/themes/eticaret/img/ee.jpg'); /* Replace with your image path */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/* Add clip-path to create a diagonal bottom edge */
   /* clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%); */
}









@media (max-width: 576px) {
	
.navbar-brand{
	
	font-size:28px;
	}
}















#whatsapp {

  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 99;
  font-size: 45px;
  border: none;
  outline: none;
  padding: 5px;
  background-color:transparent;
  opacity:1;
}

#whatsapp:hover {
 opacity:1;
}

.fa-heart{color:red;}
.fa-facebook{font-size:20px;margin-left:10px;}
.fa-linkedin{font-size:20px;margin-left:10px;}
.fa-youtube{font-size:20px;margin-left:10px;}
.fa-instagram{font-size:20px;margin-left:10px;}
.fa-twitter{font-size:20px;}

/*PROJE */

ul.ft-proje li {
	position:relative;
	padding-left:25px;
	padding-bottom:5px;
}

ul.ft-proje li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f061";
  font-size: 16px;
  font-weight: 900;
  color:#fff;
  position:absolute;
  left:0;
}



/* FONT */

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}