@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Ysabeau+Infant:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caramel&family=Poppins&family=Raleway&display=swap');
html,body{
/* text styles/title/medium */
font-family: 'Raleway';
font-size: 16px;
line-height: 1.5;
box-sizing: border-box;
margin: 0;
overflow-x: hidden;
top: 0;
left: 0;
}

.header .btn
{
    font-family: 'Raleway';
font-size: 16px;
font-style: 'normal';
font-weight: 700;
line-height: 24px;
}
.nav-link:hover
{
    color: #E9C400;
}
/*.first_slide_image
{
    background-image: url("First_image.png");
    background-size: cover;
   
    width:1600px;
    height: 758px;
}*/



.c-item {
    height: 480px;
  }
  
  .c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
  }

/*FIRST SLIDE CARSOUL ENDS*/

/*SEC SLIDE BEGINS*/
.sec_slide
{
    background-color: #E9C400 ;
    width: 1600px;
    height: 600px;
   display: flex;
   
   /*align-items:center;
    justify-content:center;*/  
}

 .offer .h1
{
    color: #000;

/* text system/headline/medium */
font-family: 'Bebas Neue';
font-size: 28px;
font-style: 'normal';
font-weight: 400;
line-height: 36px; /* 128.571% */
}

.offer img{
    width: 20px;
height: 17px;
}

.offer p
{
font-family: 'Arial';
font-size: 14px;
font-style: 'normal';
font-weight: 400;
line-height: 20px;
}



.container h1{
font-family: 'Bebas Neue';
font-size: 44px;
font-style: 'normal';
font-weight: 400;
line-height: 44px; /* 100% */

}

#plans
{
    margin-left: 45%;
    margin-top: -11%;
}

/*SEC SLIDE ENDS url('images/Home-page/Third_slide/Third_slide.png')*/

/*THIRD SLIDE BEGINS*/
.third_slide
{
    background:linear-gradient(271deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85)),url('Third_slide.png');
    background-size: cover;
    width: 1600px;
    height: 564px;
}

.third_slide .container h1{
    font-family: 'Bebas Neue';
font-size: 64px;
font-style: 'normal';
font-weight: 400;
line-height: 64px; /* 100% */
color: white;
padding-top: 30%;
margin-left: -2%;
}

.third_slide .container .p
{
    color: white;
    font-family: 'Arial';
font-size: 16px;
font-style: 'normal';
font-weight: 400;
line-height: 24px; /* 150% */
}

.third_slide .container .btn
{
    background-color: #E9C400;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: black;
    margin-top: 55px;
}

.third_slide .container .btn:hover{
    background-color: #f0d240;
    color: black;
}
/*Third Slide Ends*/

/*Fourth Slide Begins*/

.fourth_slide
{
    background-color: #000;
    width: 1600px;
    height: 623px;
}

.fourth_slide img{
    margin-bottom: 10%;
}

.fourth_slide .h1{
    font-family: 'Bebas Neue';
    font-size: 44px;
    font-style: 'normal';
    font-weight: 400;
     line-height: 44px;
    color: white;
    padding: 25px 35px;
}

/*Fourth Slide Ends*/



/*Fiveth Slide Begins*/

/*hori*/
.hori
{
    background-color: black;
    border: none;
    height: 710px;
    text-align: center;
}
.hori h1 {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-size: 16px;
  }
 
  .hori h1:before,
  .hori h1:after {
    background: white;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
      top: 50%;
    width: 400%;
  }
  .hori h1:before {
    right: 100%;
  }
  .hori h1:after {
    left: 100%;
  }
  

  /*testimonals*/

  .single-item{
    
    color: #111;
    padding: 15px;
    margin: 50px 15px;
}
.profile{
    margin-bottom: 30px;
    text-align: center;    
}
.img-area {
	margin: 0 15px 15px 15px;
}
.img-area img {
	width: 323px;
    height: 417px;
	
	
}

.img-area .border{
	background-color: #fff;
}
.content{
    font-size: 18px;
}
.content p {
	text-align: justify;
    color: white;
}
.content p span {
	font-size: 48px;
	margin-right: 20px;
    color: white;
    background-color: #E9C400;
    border-color: #E9C400 !important;
}

.bio h2{
	font-family: 'Raleway';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: white;
}

.bio h4
{
    font-family: 'Arial';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #E9C400;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	background-color: #E9C400;
}

  .hori h2{
    font-family: 'Bebas Neue';
font-size: 52px;
font-style: 'normal';
font-weight: 400;
color: #E9C400;
  }
 
/*.fiveth_Slide .about-img img
{
  margin-top: 17%;
}

.fiveth_Slide .about-text 
{
    color: white;
    margin-top: 10%;
}*/





/*Fiveth Slide Ends*/



/*Featured Projects*/

.featured_Slide h1
{
    color: #191A19;
    margin-left: 5%;
    /* text system/display/small */
    font-family: 'Bebas Neue';
    font-size: 44px;
    font-style: 'normal';
    font-weight: 400;
    line-height: 44px; /* 100% */
}

.explore a
{
    text-decoration: none;
    float: right;
    color: #000;
    font-family: 'Arial';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom:auto;
}

/*Latest Trends*/
.latest_trends
{
 background-color: #191A19;
 height: 537px;
}

.latest_trends .heading h1{
    font-family: 'Bebas Neue';
     font-size: 61px;
      font-style: normal;
     font-weight: 400;
     line-height: 64px;
     color: white;
}

.latest_trends .heading span{
    color: #E9C400;
font-family: 'Caramel';
font-size: 99px;
font-style: normal;
font-weight: 400;
line-height: 64px;
  }


.latest_trends .slide img{
    width: 410px;
height: 272px;
border-radius: 15px;
}  

/*footer part*/

footer{
   
    background-color: black;
    width: 1670px;
    height: 289px;
    padding-top: 2%;
  }

  footer .row{
    margin-left :0;
   }

   .hr
  {
    border:3px solid #E9C400;
    width: 100%;
    
  }

/*MOBILE SCREEN*/
@media screen and (max-width: 960px) {
.sec_slide
{
    background-color: #E9C400 ;
    height:1364px;
    width: 430px;
}
#plans 
{
    margin-left: 15%;
    margin-top: 5%;
}

.third_slide
{
    background:linear-gradient(271deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.85)),url('Third_slide.png');
    background-size: cover;
    width: 430px;
    height: 482px;
}

.fourth_slide 
{
    background-color: black;
    
}

.hori
{
    background-color: black;
    border: none;
    height: 1000px;
    
}

.latest_trends
{
 background-color: #191A19;
 height: 637px;
}

footer{
    width: 423px;
    height: 770px;
    margin-top: 0%;
    padding-top: 5%;
  }

  #footer
  {
    align-items: center;
    margin-right: 60%;
    margin-left: -15%;
    
  }

  .hr
  {
    width: 100%;
    border:2px solid #E9C400;
    
  }

  .footer .row{
    margin-left: 35%;
  }

  #copyright
  {
    width: 100%;
    margin-left: 15%;
  }

}


@media screen and (max-width: 800px){
   
}

  
    
  