*{box-sizing: border-box;margin: 0; padding:0; box-sizing:border-box;}
body{font-family: "Oswald", sans-serif; background:white;}
body{
background:white;
}
html{scroll-behavior:smooth;}
section{margin-top: 30px;}
.head{padding: 0 0;
background: white;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 124;
transition: .5s;
}
.clear{clear: both;}
.clear:after{clear: both;
display: table;
width: 100%;
position: relative;
content: "";}
.banner{width: 100%; height: 60%; background-color: red;}
.desltopmenu li a:hover{color:black;}
.fb i{color: blue;}
.tw i{color: lightblue;}
.juniorab1{background: red;
width: 100%;
border-radius: 0 30px 30px 0;
padding: 10px 10px 10px 30px;
position: relative;}
.ourjob :hover{background: white;}
.container{width: 1170px; margin: 0 auto;}
/**/
.bannerimg img{width:100%; height:500px;}
.ab1{ float:left; }
.banner{margin-top:100px;}
.haderright{float: right;}
.haderright .address{text-align: right;}
.ab3{position: relative;}
.address1 a{text-decoration: none; color:#000; display: inline-block; padding: 0 0 10 0px;}
.address1{display: inline-block; margin-right:10px; font-size:20px }
.address1:last-child{margin-right:0;}
.address:last-child{margin: 0;}
.address1:last-child a{background:black;
color: white;
padding: 10px 8px;}
.address1:last-child a:after{position: relative;
content: "";
top: 0;
left: 100%;
width: 200px;
height: 100%;
background:black;}
.button{border: 2px solid transparent;
font-size: 20px;
padding: 6px ;
border-radius: 20px;
text-decoration: none;
color: white;
background:linear-gradient(to right,black,red,black) !important;}
.upfoot h1{font-size: 30px; color:black; font-weight: 800; text-transform:uppercase;}
.upfoot{text-align: center;}
.upfoot span{color: red;}
.upfoot1 span{ font-size:30px; color:red;}
.ab3 li{display: inline-block; list-style:none; }
.ab3 {background: red;
width: 100%;
border-radius:60px 0 0 60px;
padding: 9px 65px;
position:relative; }
.ab3:last-child a:after{position:relative;
content: "";
top: 0;
left: 100%;
width: 200px;
height: 100%;
background:red;}
.desltopmenu ul,
.desltopmenu .socialicon,
.desltopmenu .menubtn{display: inline-block; vertical-align: middle;}
.ab3 ul{margin: 0;}
.ab3 a{text-decoration: none;
color: white;
margin:10px;}
.juniorab1{padding:5px 65px;
margin:0px;
background: red;
border-top: 10px;
border-bottom: 8px;
border-right: 5px;}
.ab1 img{ width:150px; height:80px;
margin: 10px 0 0 10px;}
.banner{width:100%; height: 70%;}
.ggg{margin-top: 20px;}
.about {background: white;}
.about{margin-top: 50px;}
.about2 h1{border: 2px solid transparent;
padding:3px 2px 3px 3px;
background:linear-gradient(to right,black,red,black);
font-weight:600px; }
.ourwork h3{color:black !important;}
.about2 h1{color:whitesmoke; text-align:right;}
.bnr h1{font-weight:900;}
.about-para h3{font-size: 35px; font-weight:650px !importent; color: black;}
.about-para h1{color: white; font-size:45px; text-transform: uppercase; letter-spacing: 5px;}
.about-para p{font-size: 20px !important; margin-top: 10px !important;}
.about-para span{color: red;}
.about-img img{width: 500px; height: 400px; border-radius:9px;}
.about-para p{margin-top: 30px; font-size: 20px; color:white;}
.about-para span{color: red;}
.about-para1 h3{color:black; font-weight: 700px;}
/*.aj1{margin-top: 20px;}
.aj2{margin-top:60px; }
.aj3{margin-top:20px;}
.aj4{margin-top:10px;}
.aj5{margin-top:60px;}
.aj6{margin-top:10px;}*/
.ourjob {margin-top: 20px;margin-left: -10px;}
.about-para h1{font-size: 40px; text-align:center; font-weight: 900; color: black;}
.about-para h3{font-weight: 900;}
.about-para p{color:black; font-weight: 500;}
.about1{margin-top: 30px;}
.ourwork1 h1{font-weight:600; color: white;}
.do-work h5{font-weight: 500;}
.do-work h3{font-weight: 600; color:black;}
.servic-p p{ font-weight:300; font-size:30px; color:black;}
.card.card1.bnr{transform: translate(-100px,0);
opacity: 0;
transition: all .5s ease-in-out .5s;}
.card.card1{
transform: translate(-100px,0);
opacity: 0;
transition: all .5s ease-in-out .5s;}
.card{width: 30%; border-radius: 0 0 0 150px;}
.ggg1{display: inline-block; width: 50%;}
.cr2{
transform: translate(100px,0);
opacity: 0;
transition: all .5s ease-in-out 1s;}
.form{width:100%;
background: red;
padding:20px;
height: 70%;}
.map{height: 70%;}
.in-view .card.card1{
transform: translate(0,0);
opacity: 1;}
.in-view .cr2{
transform: translate(0,0);
opacity: 1;}
.address1 a i{color:red;}
.project{background:#d9d9d9; padding:60px; margin-top: 20px;}
.project1 ul li{color:black; font-size: 25px; text-decoration: none; font-weight: 400;}
.childdiv img{width:300px; height:300px;}
.content-buttom span{color: red;}
.parallax-window {
min-height: 700px;
background: transparent;}
.about-para p{font-size: 15px !important; margin-top: 20px;}
.main-content{text-align: center;}
.content-top{color: red; font-size: 30px;}
.content-buttom h1{color:black; font-size: 30px; font-weight: 900; text-transform: uppercase;}
.ourwork1 h1{ color: black;
border: 2px solid transparent;
text-transform: uppercase;
letter-spacing: 5px;
text-align: center;
font-weight: 900;}
.ourwork1 span{color:red; font-weight:900;}
mark{font-size: 30px; clear: black; text-decoration: none; background: }
.socialicon a{color: white;
border:1px solid white;
border-radius:100%;
width:41px;
height:40px;
padding:3px;
display:inline-block;
font-size:20px;
margin:5px;
text-align:center;}
.address:last-child{margin: 0;}
.address:last-child a{background: blue; color: white; padding:10px 20px; }
.cross{position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
color: white;}
.sticky.head{background:white;}
.sticky.mobile {color: black;}
.sticky .mnu li a{color:black;}
.sticky .button {border:1px solid black;
color: black;}
.sticky.navbar-brand{
filter:invert(1); }
.aj1 img{width:45px; height: 45px;}
.bout{margin-top: 30px;}
.bannercon span{color: red;}
.bannercon {color:white; font-size:50px;
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%,-50%);}
.bnrimg{position: absolute;
right:-10%;
top: 50%;
transform: translate(-50%,-50%);}
h5.cd-section-subtitle-4{ font-size: 20px;
font-weight: 500;
color: var(--thm-primary);
margin-bottom: 5px;
font-family: var(--thm-primary-font);
text-transform: uppercase;
position: relative;}
h5.cd-section-subtitle-4::before {
content: "";
height: 1.5px;
width: 20px;
background-color: var(--thm-primary);
display: inline-block;
transform: translateY(-5px);
margin-right: 10px;}
.service{font-size: 35px;}
.servic-p p{color:black; font-size:20px; }
.do-work{margin-top: 30px;}
.do-work span{color: red;}
.do-work h5{color:red !important;}
/*.ourwork{background-image: url(../img/sfsd.jpeg);}*/
.bannercon p{font-size:19px; width:50%;}
.bsp{color: black;}
.CLINT-COLOR{background:#f9f1f1;}
.our-service{background:#fff3f2; }
.services1{margin-bottom: 20px;}
.ourjob{background:#FFFFFF;
padding: 10px 5px 5px 10px;
border-radius: 5px;
height:400px;
width:300px;
box-shadow: 0 15px 20px rgba(0, 0, 0, .27);}
.ourwork{background: rgba(232,232,232,.6); height: 80%;}
.our{margin-top: 30px;}
.ourjob1 img{width: 40px; height:40px;}
.ourjob1{text-align: center;}
.up{ width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-content: center;
justify-content: center;
background: red;
color: #fff;
font-size: 30px;
position: fixed;
right: 10px;
bottom: 10px;
text-decoration: none;}
.button1{border:2 px solid red;
padding: 5px;
font-size: 5px;
border-radius: 3px;
background: red;
text-decoration: none;
color: white;
align-items: center;}
.aj1{box-shadow:20 20 20 20; color: red;}
.aj1 h1{color:black;}
.aj1 span{color:red;}
.box h1{z-index: 999px;}
.wedoup{margin-top: 30px;}
.box{position: relative;
width: 150px;
height: 150px;
background: red;
animation: abb 6s linear infinite;
margin: 10 10 100px;}
.box:after{position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:red;
content: "";
transform: rotate(45deg);}
@keyframes abb{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
.bg-form{background: red; padding: 20px 20px 20px 20px;}
.aj1 a{text-align:center; font-size: 25px;
color:red;}
.font{font-size: 30px;}
.ourjob h1{font-weight:700;}
.clint-img1 img{width: 70px; height: 70px; border-radius:50%;}
.wts img{
display: inline-flex;
align-content: center;
justify-content: center;
width: 50px;
height: 50px;
color:green;
position: fixed;
left: 10px;
bottom: 10px;
text-decoration: none;}
.IAMBAC{padding:40px;
position: relative;
width: 100%;
background: url(../img/BACKGROUND1.jpg) no-repeat 0 0;
background-size: cover;}
.img-left span{color: red;}
.img-right h1{font-size: 18px; color:white; margin-top: 10px; font-weight: 500;}
.text{font-size:35px; font-weight: 700; color: white;}
.img-right span{color: red;}
.img-right{margin-top:150px;
background: gray;
padding:20px 10px 100px 10px; border-radius: 20px;}
.img-left1 IMG{margin-top:20PX; width: 330px; height: 430px;}
.ourwork{margin-top: 50px;}
.ourwork h3{color: black;}
.mobilemenu ul li{margin: 0 0 10px;}
.mobilemenu ul li a{text-decoration: none; color: white; }
.mobilemenu ul li{margin: 0 0 10px;}
.mobilemenu ul li a:hover{color: red;}
.mobilemenu ul {padding:0; margin: 0;}
.mobilemenu.active{right: 0;}
.menubtn{font-size: 25px; color:white; !}
.mobilemenu{width: 200px;
position: fixed;
right:-200px;
top: 0;
height: 100%;
background: black;
z-index: 999;
padding: 30px;
transition: 0.5s;}
.undm{text-align: left;
background: #272727;
padding: 0 10px;
position: absolute;
left: 0;
top: 100%;
width: 200px;
z-index: 12;
transform: rotateX(90deg);
transition: .5s;
transform-origin: center 0;}
.box1{border: 2px solid black;
background: red;
width: 30px;
height: 30px;}
.box2{border: 2px solid black;
background: green;
width: 30px;
height: 30px;}
.box{display: inline-block;
margin: 5px;}
.bnr3{text-align: center;}
.container1{color: white;
font-size: 50px;
position: absolute;
left:10%;
top: 50%;
}
.banner.desimg{height:300px;}
.hellow{font-size: 70px; color: red;}
.skill IMG{width: 300PX; height: 300PX;}
.desltopmenu .menubtn{display: none;}
.img-left H1{ font-size:35PX; font-weight:800;}
.START{font-size:30PX;}
.footer-content{background: padding: 100px; color:black;}
.footer-img img{width: 90px; height:90px; }
.services1-img img{width: 45px; height: 40px;}
.services1-img{background:white;
border: 2px solid white;
padding: 5px 2px 5px 2px;
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .10);
margin: 8px;
border-radius: 5px;}
.services1{margin-top:30px;}
.aj1 p{color: black;}
.services1-img h1{font-size: 1.5rem; }
.services1-img {text-align: center;}
.services1-con{margin-top: 5px; text-align: center;}
.services h1{text-align: center;
font-size: 30px;
font-weight:800;
text-transform: uppercase; }
.ser{color: red;}
.about-banner-img img{width: 100%; height: 25%;}
.slider-container{width: 100%;
height: 100vh;
background-image: url('img/BACKGROUND1.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
align-items: center;
justify-content: center;
}
.slider-image{display:flex;
align-items: center;
gap: 21px;}
.slider-image img{width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
}
.slider-img{width: 110px;
border-radius: 6px;
cursor: pointer;
position: relative;
transition: 0.7s ease;}
.slider-image.slider-img:first-child, .slider-image.slider-img:last-child{
height: 480px;
}
.slider-image.slider-img:nth-child(2), .slider-image.slider-img:nth-child(6){
height: 560px;
}
.slider-image.slider-img:nth-child(3), .slider-image.slider-img:nth-child(4), .slider-image.slider-img:nth-child(5){
height:665px;
}
/**desktop 1200**/
/**laptop 1024**/
@media (max-width:1199px){
.container{width: 1000px;}
}
}
/**tab 768**/
@media (max-width:1023px){
.container{width: 700px;}
.ab1 img{width: 100%;}
.haderright{width: 80%;}
.ab3 .socialicon a{width: 30px;
height: 30px;
font-size: 16px;
padding: 0;
margin: 2px;}
.desktopmenu ul{padding: 0;}
.ab2 a{margin: 0 5px;}
}
/**mobile landsacpee 480**/
@media (max-width:767px){
.container{width: 450px;}
.desltopmenu .menubtn{display: inline-block;}
.address span{display: none;}
.desltopmenu ul{display: none;}
.address i{font-size: 25px;}
.haderright{width: 60%;}
.ab3{padding: 3px 0px;
border-radius: 30px 0 0 30px;}
.ab3 .socialicon a {width: 30px; height: 39px;}
.address i{font-size: 15px;}
.address i{font-size: 25px;}
}
/**mobile potrait 320**/
@media (max-width:479px){
.container{width: 300px;}
.haderright{width:75%;}
.ab3 .socialicon a{width:25px;
height:25px;
font-size: 15px;
padding: 0;
margin: 0;}
.ab1{width: 20%;}
.parallax-window {
min-height: 1000px;
background: transparent;}
.bannercon{top:100%;}
.bannercon p{width: 100%; font-size: 15px;}
.bannercon h1{font-size: 15px;}
@media (max-width: 479px) {
.container {
width: 300px;}
.bnr h1{font-size:30px; margin-top: 100px; font-weight: 900;}
.bnr p{font-size: 11px !important;}
.ab1 img{width:100px; height: 100px;}
.button{border: 2px solid transparent;
font-size:5px;
padding: 6px ;
border-radius: 20px;
text-decoration: none;
color: white;
background:linear-gradient(to right,black,red,black) !important;}
.map {width: 50%;}
}