/*---------------

COLOR : #74c209;

--------------*/




*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*:focus {
	outline: 0 !important;
}



@font-face {
	font-family: roboto-regular;
	src: url(../fonts/roboto-regular.ttf);
}

@font-face {
	font-family: proxima-nova;
	src: url(../fonts/proxima-nova.otf);
}

@font-face {
	font-family: proxima-nova-bold;
	src: url(../fonts/proxima-nova-bold.otf);
}

@font-face {
	font-family: montserrat-bold;
	src: url(../fonts/montserrat-bold.otf);
}

@font-face {
	font-family: montserrat-extrabold;
	src: url(../fonts/montserrat-extrabold.otf);
}



html, 
body {
	font-family: 'proxima-nova', serif;
	scroll-behavior: smooth;
	margin: 0!important;
	padding: 0!important;
  width: 100%;
	font-smoothing:antialiased;
}

body{
	overflow-x: hidden;
}

a{
	text-decoration: none !important;
	cursor: pointer;
}



.navbar{
	padding: 1.5rem 12rem 1.5rem 12rem;
	background: #171515 !important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 10px rgba(0, 0, 0, 0.1);
}



.navbar ul li a{
	font-family: 'roboto-regular', serif;
	font-size: 0.9rem;
	margin-right: 2rem;
	color: #C7C7C7 !important;

}


.navbar .nav-logo{
	width: 10rem;
	height: auto;

}



#main-banner{
	padding: 5rem 12rem 8rem 12rem;
	background: #171515;
	overflow: hidden;
	position: relative;
}



#main-banner h1{
	font-family: 'proxima-nova', serif;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

#main-banner h1 span{
	font-family: 'proxima-nova-bold', serif;
	text-transform: uppercase;
	 font-size: 3.4rem;
	font-weight: 900 !important;
}

#main-banner button{
	font-family: 'montserrat-bold', serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
	padding: 0.6rem 2rem;
}


#main-banner .big-logo{
position: absolute;
right: 15%;
width: 25rem;
top: 10%;
}


#main-banner .buildings{
position: absolute;
bottom: -2%;
right: 0%;
width: 50rem;
}



#who-we-are{
	padding: 8rem 12rem 8rem 12rem;
	background: #F8F8F8;
}


#who-we-are h2{
	font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	text-align: center;
	font-weight: 800;
}


#who-we-are p{
	font-family: 'proxima-nova', serif;
	font-size: 1rem;
	line-height: 159%;
}

#who-we-are p span{
font-family: 'proxima-nova-bold', serif;
}


.line{
	width: 5rem;
	height: 0.2rem;
	background: #D6A887;;
	
}



#our-products{
	padding: 8rem 12rem 1rem 12rem;
	background: #FFFFFF;
}


#our-products h2{
	font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	text-align: center;
	font-weight: bold;
}

#our-products h3{
	font-family: roboto-regular;
	text-align: center;
	font-size: 1.2rem;
}


#our-products p{
	font-family: 'proxima-nova', serif;
	font-size: 1rem;
	line-height: 159%;
}

#our-products h3 span{
font-weight: bold;
}


#newsletter{
	padding: 2rem 10rem 6rem 10rem;
}

#newsletter .newsletter-inner{
	padding: 3rem 3rem;
	background: #F8F8F8;
}

#newsletter .submit-btn{
background: #171515;
font-size: 0.8rem;
height: 3rem;
border-radius: 4px;
}

#newsletter input{
	height: 3rem;
border-radius: 0px;
padding-left: 5rem;
}

#newsletter .email-btn{
	min-width: 3rem;
	height: 3rem;
	background: #F2F2F2;
border: 1px solid #C7C7C7;
border-radius: 0px;
border-right: 0px;
	position: absolute;
	top: 0%;
	left: 2%;
}

#newsletter .email-btn img{
 width: 1rem;
}



#our-vision{
	padding: 10rem 12rem 12rem 12rem;
	background: #F8F8F8;
	background-image: url("../images/our-vision.jpg"); /* The image used */
  width: 100%;
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


#our-vision h2{
	font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	font-weight: bold;
}


#our-vision p{
	font-family: 'proxima-nova', serif;
	font-size: 1rem;
	line-height: 159%;
}



#leadership-team{
	padding: 8rem 12rem 8rem 12rem;
	background: #FFFFFF;
}


#leadership-team h2{
	font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	text-align: center;
	font-weight: bold;
}


#leadership-team p{
	font-family: 'proxima-nova', serif;
	font-size: 0.8rem;
	line-height: 159%;
}

#leadership-team .leader{
	border-radius: 50%;
	width: 8rem;
	height: 8rem;
}

#leadership-team h3{
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #D6A887;
}

#leadership-team .col-md-4{
	padding-right: 5rem;
}


#leadership-team .linkedin{
 width: 1.8rem;
}






#project-overview-slider{                           /*---CSS start*/
    padding: 6rem 0rem;
    background: #201D1D;
}

   #project-overview-slider h3{
   	text-align: center;
   	font-size: 1.4rem;
   	color: #D6A887;
   	font-weight: bold;
   	letter-spacing: 0.02em;
   }

   #project-overview-slider p{
   	letter-spacing: 0.02em;
   	font-size: 0.8rem;
   	color: #C7C7C7;
   }



   #project-overview-slider h2{
   font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
   }


    #overview-slider .item{
    background-color: #201D1D;
    border-radius: 10px;
    }

    #overview-slider .item img{
     width: 100%;
     height: 10rem;
     max-height: 15rem;
     object-fit: cover;
     margin-bottom: 2rem;
    }

    #overview-slider .item h4{
    	line-height: 130.9%;
    	font-family: 'montserrat-bold', serif;
     font-size: 1.2rem;
     color: #4F4F4F;
    }

    #overview-slider .item p{
    	font-family: 'proxima-nova', serif;
    	line-height: 133%;
     font-size: 0.8rem;
     color: #747474;
     display: none;
    }

    #overview-slider .center h4{
     color: #FFFFFF !important;
    }

    #overview-slider .center p{
        display: block !important;
        color: #F8F8F8 !important;
    }

    #project-overview-slider .my-previous-button{
        position: absolute;
        top: 65%;
        left: 35%;
        z-index: 9000;
        border: none;
        background-color: transparent;

    }

    #project-overview-slider .my-previous-button img{
        width: 3rem;
    }

    #project-overview-slider .my-next-button{
        position: absolute;
        top: 65%;
        right: 35%;
        z-index: 9000;
        border: none;
        background-color: transparent;

    }

    #project-overview-slider .my-next-button img{
        width: 3rem;
    }
                                                  /*---CSS Ends*/


    
    #contact-quresoft{
    	padding: 8rem 12rem 6rem 12rem;
    	background: #FFFFFF;
	background-image: url("../images/contact-bg.jpg"); /* The image used */
  width: 100%;
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    }



  #contact-quresoft h2{
  font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	color: #171515;
	font-weight: bold;
   }


   #contact-quresoft .long-btn{
   	height: 4rem;
   	font-size: 2rem;
   	font-weight: bold;
   	border: 1px solid #D6A887;
    border-radius: 10px;
    background: transparent;
   }

      #contact-quresoft .short-btn{
   	height: 4rem;
   	width: 4rem;
   	border: 1px solid #D6A887;
    border-radius: 10px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    left: 2%;
   }

         #contact-quresoft .short-btn img{
         	width: 2rem;
         }

    #contact-quresoft .contact-logo{
    	opacity: 0.4;
    	position: absolute;
    	width: 18rem;
    	left: 25%;
    	margin-top: -5rem;
    }     


    footer{
    	padding: 8rem 12rem 2rem 12rem;
    background: #171515;
    }

    footer .footer-logo{
    		width: 12rem;
	height: auto;
    }

    footer .footer-links{
    	font-family: 'roboto-regular', serif;
    	color: #F8F8F8;
    	font-size: 1rem;
    	margin-right: 2rem;
    }


    footer p{
    	font-size: 0.8rem;
    	color: #D6A887;
    }

    footer .footer-icon{
    	width: 1.5rem;
    	margin-right: 1rem;
    }





  #product{
  	position: relative;
  	padding: 10rem 12rem 8rem 12rem;
  	background: linear-gradient(132.78deg, rgba(64, 64, 64, 0.2) 0%, rgba(0, 0, 0, 0) 55.12%), linear-gradient(240.05deg, rgba(132, 132, 132, 0.41) -2.22%, rgba(0, 0, 0, 0) 120.05%), #171515;
  }


   #product h2{
  font-family: 'montserrat-extrabold', serif;
	font-size: 2.8rem;
	color: #FFFFFF;
	font-weight: bold;
   }


      #product p{
      font-size: 1rem;
      color: #E0E0E0;
      font-weight: 400;
      }


#product .main-product{
 background: #201D1D;
 border: 13px solid #171515;
border-radius: 30px;
width: 80%;
margin: 0 auto;
padding: 2.5rem 2.5rem 5rem 2.5rem;
}


#product .main-product .quresoft{
	width: 2.5rem;
	margin: 0 auto;
}


   #product h3{
  font-family: 'montserrat-bold', serif;
  font-size: 1.4rem;
  color: #FFFFFF;
   }


   #product .toy{
   	width: 1.2rem;
   }

   #product .small-p{
    font-size: 0.8rem !important;
    color: #E0E0E0;
    font-weight: 400;
      }


  #product .product-bg{
  	position: absolute;
  	width: 25rem;
  	top: 5%;
  	left: 8%;
  }    


      #product .previous-button{
        position: absolute;
        top: 45%;
        left: 6%;
        z-index: 9000;
        border: none;
        background-color: transparent;

    }

    #product .previous-button img{
        width: 3rem;
    }

    #product .next-button{
        position: absolute;
        top: 45%;
        right: 6%;
        z-index: 9000;
        border: none;
        background-color: transparent;

    }

    #product .next-button img{
        width: 3rem;
    }
                                                  /*---CSS Ends*/