/*========== background color
color =  #f73e10  orange;
color = #ff0d3c red;
*/

body{
	padding: 0px;
	margin: 0px;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
h4{
	padding: 10px;
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	padding: 10px 0px;
}
h4 img{
	padding: 10px;
}
marquee{
	padding: 7px 15px;
	font-size: 17px;
	background-color: black; 
	color:white;
	font-weight:600;
}
nav{
	position: relative;
	width: 100%;
	display: flex;
	padding: 10px 10px;
	box-shadow: 0px 0px 4px 1px #8a8a8a;
	background-color: white;
	    padding: 22px 10px;

}
.company-logo{
	flex: 1;
}
.menu-setion{
	display: flex;
	line-height: 35px;
	position: relative;
	right: 130px;
}


.sticky-top .menu-setion .submenu .drop-down{
	display: none;
}
.sticky-top .menu-setion .submenu .drop-down li:hover a{
	color: #2f2f2f !important;
}
.sticky-top .menu-setion .submenu:hover .drop-down{
	
	display: block !important;
}
.sticky-top .menu-setion li a{
	display: block;
	padding: 5px 4px !important;
	margin: 5px;
	padding: 0px 0px;
	color: black;
	font-weight: 700;
	font-size: 17px;
	transition: 0.5s;
}
.menu-setion li a:hover{
	transition: 0.6s;
	color: #f73e10;
}
.number-hide{
	line-height: 48px;
	padding: 10px 20px;
	display: block;
	font-size: 18px;
	color: black;
	margin: 0px 10px;
	border-radius: 40px;
	font-weight: 700;
}
.number-hide1{
	position: relative;
	left: 160px;
	padding: 10px 10px;
	display: inline-block;
	background-color:#f73e10 ;
	font-size: 18px;
	color: black;
	margin: 0px 10px;
	border-radius: 40px;
	font-weight: 700;
}
.number-hide1:hover{
	color: black;
}
.design-hide{
	position: relative;
	right: 100px;
}
.toggle-button{
	display: none;
}
.btn1, .btn2, .btn3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .btn1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.change .btn2 {opacity: 0;}

.change .btn3 {
  transform: translate(0, -11px) rotate(45deg);
}

.sticky-top .menu-setion .drop-down{
	position: absolute !important;
	margin-left: -72px;
	z-index: 1200;
}
.sticky-top .menu-setion .drop-down li{
	margin: 2px 0;
	background-color: #f73e10;
}


/*-----------slider-design start---------*/
.slider-design{
	padding: 0px 0px;
	background-image: url(../images/sliders/slider1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.slider-design h1{
	font-size: 70px;
	font-weight: 800;
	color: #f73e10;
	-webkit-text-stroke-width: 1px ;
	-webkit-text-fill-color: #f73e10;
	color: white;
		padding-bottom: 40px;
  
}
.slider-design h3{
	font-weight: 800;
	font-size: 175px;
	opacity: 0.1;
	-webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px ;
  color: white;
	margin: 0px;
	padding: 0px 40px;
	position: relative;
	top: 100px;
	z-index: -1;
}
.slider-design-box{
	padding-bottom: 0px;
	width: 100%;
	position: relative;
	bottom: 100px;
}
.slider-design-box h2{
	color: white;
	font-weight: 800;
	font-size: 45px;
	padding: 10px 0px;
}
.slider-design-box img{
	width: 100%;
}

.button-design{
	text-align: center;
	width: 50%;
	padding: 12px 10px;
	display: inline-block;
	font-size: 18px;
	color: white;
	margin: 10px 10px;
	border-radius: 40px;
	font-weight: 700;
	transition: 0.6s;
	background-image: -webkit-linear-gradient(-51deg, #eb120a 0%, #ff5e14 99%);
	border: 2px solid #f73e10;
}
.button-design:hover{
	color: white;
	transition: 0.7s;
	border: 2px solid white;
	background-color: black;
	background-image: none;
}

/*----------all-about-services start------*/
.all-about-services{
	padding: 70px 0px;
}
.all-about-services .about-service-box{
	width: 100%;
	padding: 10px;
}
.about-service-box h3{
	font-style: italic;
	font-weight: 700;
	color:#f73e10 ;
	font-size: 30px;
}
.about-service-box ul{
	padding: 10px;
}
.about-service-box ul li a{
	display: block;
	padding: 7px;
	margin: 5px 0px;
	box-shadow: 0px 0px 4px 2px;
	background-color: #ff0d3c;
	color: white;
	font-weight: 700;
	font-size: 18px;
	border-radius: 10px;
}
/*--------all-about-services start----------*/

/*-----------all-services start------*/
.all-services{
	padding: 30px 0px;
}
.all-service-box {
	margin: 30px 0px;
	padding: 10px;
	box-shadow: 0px 0px 4px 2px #8a8a8a;
}
.all-service-box h2{
	font-weight: 700;
	font-size: 21px;
	color:#ff5e14;
	padding: 8px;
}
.all-service-box h2 i{
	font-size: 60px;
}

.all-service-box img{
	width: 100%;
}
.all-service-box h2 a{
		color:#ff5e14;
		display: inline-block;
}
.image-rotate{
	width: 4%;
	transform: rotate(45deg);
	animation: rotat 3s infinite linear;
}
@keyframes rotat{
	100%{
		transform: rotate(360deg);
	}
}
/*-----------about-design start-----*/
.about-design{
	padding: 70px 0px;
	background-color: #f5f5f5;
}
.about-design .about-section-box{
	padding: 10px;
	width: 100%;
}
.about-section-box img{
	width: 100%;
}
.about-section-box h2{
	font-size: 35px;
	font-weight: 800;
}
.about-section-box h3{
	font-style: italic;
	font-weight: 700;
	color:#f73e10 ;
	font-size: 20px;
}
/*------------process-design start-------*/
.process-design{
	padding-top: 40px;
}
.process-design-box img{
	width: 100%;
	padding: 20px 0px;
}
/*---------award-section start----------*/
.award-section{
	padding: 20px 0px;
	background-image: url(../images/sliders/slider2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
.award-section-box {
	text-align: center;
	padding: 10px;
	margin: 20px 0px;
}
.award-section-box i{
	font-size: 70px;
	color:white ;
}
.award-section-box h5{
	color: white;
	padding: 30px 0px;
	font-weight: 600;
	font-size: 25px;
}

/*--------------locations start---------*/
.locations{
	padding: 70px 0px;
}
.locations-box{
	padding: 10px;
}
.locations-box ul li a{
	margin: 7px 0px;
	display: block;
	padding: 8px ;
	background-color:#ff0d3c ;
	color: white;
	font-weight: 600;
	font-size: 16px;
}
/*-----------footer-design start-----------*/
.footer-design{
	padding: 50px 0px;
	background-color: #2f2f2f;
}
.footer-design-box{
	width: 100%;
	padding: 10px;
	color: #a2a2a2;

}
.footer-design-box strong{
	color: #ff0d3c;
}
.footer-design-box h6{
	width: 90%;
	color:#d6d6d6;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ff0d3c;
}
.footer-design-box ul li a{
	display: block;
	color: #a2a2a2;
	font-weight: 600;
	font-size: 17px;
	margin: 5px 0px;
}
.footer-design-box ul p a{
display: block;
	color: #a2a2a2;
	font-weight: 600;
	font-size: 17px;
	margin: 5px 0px;
}
.footer-design-box h6 .image-rotate1{
	width: 10% !important;
}
.footer-design-box ul li a .image-rotate2{
	width: 9px;
}
.copyright{
	background-color: black;
	padding: 5px;
	text-align: center;
	color: white;
}
.copyright p a{
	color: #ff0d3c;
	text-align: center;
	font-style: italic;
	font-weight: 500;
}
/*------------page-slider start------------*/
.page-slider{
	padding: 70px 0px;
	background-image: url(../images/sliders/slider3.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.page-slider-box{
	width: 100%;
	padding: 10px 0px;
	text-align: center;
}
.page-slider-box  h1{
	font-weight: 700;
	font-size: 55px;
	padding: 10px 0px;
	animation: rotate 8s infinite linear;
	animation-delay: 5s;
}
@keyframes rotate{
	0%{
		opacity: 0.3;
		color: #ff0d3c;
				transform: scale(0.5);
	}
		50%{
		padding-left:40px ;
		opacity: 0.5;
		color:#f73e10 ;
	}
			100%{
		opacity: 1;
	}

}
.all-about-services1{
	animation: hide 5s infinite linear;
	position: relative;
	background-color: white;
}
.image img{
	/*height: 300px;
	width: 300px;
	border-radius: 300px;*/
	position: absolute;
	animation: slide 8s infinite linear;
	right: 0px;
	bottom: 0px;
	padding-right: 50px;
}
@keyframes slide{
	0%{
		opacity: 01;
		transform: rotate(360deg);
		width: 50px ;
		height: 50px;
		border-radius: 50px;
	}
	100%{
		opacity: 0.8;
		transform: rotate(360deg);
		padding-bottom: 20px;
		width: 100px ;
		height: 100px;
		border-radius: 100px;
	}
}
.page-slider-box a{
color: black;
font-weight: 700;
padding: 0px 3px;
display: inline-block;
}
/*--------contact-section start-------*/
.contact-section{
	padding: 50px 0px;
}
.contact-section .contact-section-box{
	width: 100%;
	padding: 10px 0px;
}
.contact-section-box form input{
	width: 100%;
	margin: 10px 0px;
	padding: 5px 0px 15px 5px;
	outline: none;
	background-color: #f5f5f5;
	border: none;
}
.contact-section-box form textarea{
	width: 100%;
	margin: 10px 0px;
	padding: 5px 0px 15px 5px;
	outline: none;
	background-color: #f5f5f5;
	border: none;
}
.contact-section-box form button{
	width: 100%;
	margin: 10px 0px;
	padding: 10px 0px;
	outline: none;
	background-color: #ff0d3c;
	border: none;
	color: white;
	font-weight: 600;
}

/*=======scrollbar ======*/
.scrollbar{
      height: 270px !important;
    overflow-y: scroll !important;
}
  .scrollbar::-webkit-scrollbar {
  width: 15px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: #f73e10; 
  border-radius: 10px;
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #f73e10; 
}

/*==========calling-button start=========*/
.calling-button{
  position: fixed;
  z-index: 1500;
  bottom: 40%;
  right: -28px;
}
.calling-button img{
  width: 65%;
	margin:5px 0px;
}
.about-service-box img{
	width: 100%;
}