:root{
--red-color:#ffbf42;
--dark-color:#002a34;
}
*{
padding: 0;
margin: 0;
font-family: 'Ubuntu', sans-serif;
}
a{
text-decoration: none;
}
a:hover{
color: var(--red-color);
}
p {
font-size: 15px;
line-height: 28px;
color: #6f6f6f;
}
button{
border: 0;
}
.container{
max-width: 1200px;
}
.tophead{
background: #343434;
padding: 5px 0px;
}
.tophead p{
color: var(--red-color);
margin: 0;
}
.top-icoon{
display: inline-block;
}
.top-icoon ul{
padding: 0;
text-align: right;
margin-bottom: 0;
}
.top-icoon ul li{
list-style: none;
display: inline-block;
vertical-align: top;
text-align: left;
margin-left: 20px;
}
.top-icoon ul li i{
margin-right: 10px;
color: var(--red-color);
}
.top-icoon ul li a{
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 17px;
color: var(--red-color);
}
.midhead{
/* padding: 10px 0px 10px;*/
position: relative;
background: var(--dark-color);
/*z-index: 1;*/
}
.midheader{display:flex;justify-content:space-between;align-items:center;padding :0 40px;}
.contact-bar{width:100%;}
.contact-bar ul{display:flex;margin-bottom:0px;justify-content: space-around;width: 100%;padding-left:0px;}
.contact-bar ul li{list-style:none;}
.contact-bar .contact-icon-top{display:flex;}
.contact-icon-top i{height:60px;width:60px;border-radius:100px;background:var(--red-color);text-align:center;line-height:60px;font-size: 25px;color: #666;}
.p-text{margin-left:20px;}
.p-text p{margin-bottom:0px;color:#9898a0;}
.p-text a{margin-bottom:0px;color:#767676;}
.get-btn{background:var(--red-color);color:#222;height:52px;width:max-content;text-align:center;line-height:28px;display:inline-block;padding:10px 30px;}
.get-btn:hover{color:#000}
.logo{width:35%;}
.logo:before{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: var(--red-color);
top: 0;
left: -45px;
clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
z-index: -1;
}
/*.logo:after{*/
/* content: '';*/
/* position: absolute;*/
/* height: 150px;*/
/* width: 5px;*/
/* background: var(--dark-color);*/
/* top: -42px;*/
/* right: 35px;*/
/* clip-path: polygon(0 0, 100% 0%, 83% 100%, 0% 100%); */
/* z-index: -1;*/
/* transform: rotate(28deg);*/
/*}*/
.logo{display: block;position: relative;z-index: 1;padding: 10px 5px;}
.logo img{width: 100%;}
.righrside{
text-align: right;
}
.col-lg-9.col-md-2.col-sm-2.col-2.order-4.align-self-center{order:0 !important;}
.dsk-none{display:none;}
.main-btn{padding: 10px 20px;border-radius: 20px;background: var(--red-color);font-weight: bold;color: #fff;position: relative;z-index: 1;overflow: hidden;transition: .3s;border: 2px solid transparent;display: inline-block;width: max-content;}
.main-btn:hover{border: 2px solid #fff;color:#fff;}
.main-btn:after{content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: var(--dark-color);z-index: -1;transition: .3s;transform: translateX(-100%);opacity: 0;}
.main-btn:hover:after{transform: translateX(0);opacity: 1;}
/*#demo{z-index: -1;}*/
.slider-data {
position: absolute;
bottom: 37%;
width: 50%;
left: 11%;
margin: auto;
}
.carousel-item::before {
position: absolute;
width: 100%;
height: 100%;
/*background: linear-gradient(90deg,#002a34 25%,rgba(1,40,99,0) 100%);*/
top: 0;
left: 0;
content: "";
}
.slider-data{
text-align: left;
}
.slider-data h5 {
text-align: left;
font-size: calc(14px + 2.5vw);
color: #fff;
margin-bottom: 20px;
}
.slider-data h3 {
color: #fff;
font-size: 18px;
font-weight: normal;
text-align: left;
letter-spacing: 2px;
text-transform: capitalize;
line-height: initial;
}
.slider-data p {
text-align: left;
font-size:20px;
color: #fff;
margin: 0;
color: #fff;
}
.btngrpp{
margin-top: 30px;
text-align: left;
display:flex;
}
.btngrpp a{margin-left:20px;}
.carousel {
/* top: -30px; */
}
header{
position: relative;
z-index: 999;
}
.default-btn{
border: 1px solid #fff;
padding: 7px 20px;
color: #fff;
}
.default-btn-1{
border: 1px solid var(--red-color);
padding: 7px 20px;
color: #fff;
background: var(--red-color);
}
.servbox{
text-align: left;
/* padding: 30px 15px; */
border-bottom: 3px solid var(--red-color);
background: #343434;
position: relative;
margin-bottom: 20px;overflow: hidden;
}
.servbox h4 a{
color: #fff;
}
.iconbox{
width: 80px;
height: 80px;
/* border: 3px solid var(--red-color); */
/* border-radius: 50%; */
font-size: 35px;
/* margin: auto; */
margin-bottom: 10px;
line-height: 85px;
color: #fff;
background: var(--red-color);
text-align: center;
position: absolute;
right: 0;
top: 0;
transition: .5s;
}
.servbox img{transition: .3s;}
.servbox:hover .iconbox{transform: rotateY(180deg);}
.servbox:hover img{transform: scale(1.1);}
.servicebox{
position: relative;
z-index: 1;
}
.servicebox{
/* border-bottom: 4px solid var(--red-color); */
margin-top: 0;
padding: 50px 0px;
background: aliceblue;
}
.servbox .readmore{
color: var(--red-color);
}
.servbox p{color: #ddd;}
.abtus{
padding: 50px 0px;
margin-top: 30px;
}
.abtus span{
color: var(--red-color);
}
.heading{
color: var(--red-color);
font-weight: 700;
text-transform: capitalize;
}
.cbtn{
background: var(--red-color);
color: #fff;
padding: 7px 25px;
transition: all ease .5s;
}
.cbtn:hover{
background: #012863;
}
.pointts{
background: var(--dark-color);
}
.pointts ul{
padding: 0;
margin-top: 20px;
position: relative;
}
/*
.pointts ul:before{
content: '';
position: absolute;
left: 24px;
top: 0;
width: 2px;
height: 283px;
z-index: 0;
background: var(--red-color);
}
*/
.pointts ul li{
display: flex;
margin-bottom: 20px;
align-items: center;
}
.num{
background: var(--red-color);
flex: none;
width: 50px;
height: 50px;
color: #fff;
margin-right: 30px;
text-align: center;
font-size: 20px;
line-height: 45px;
}
.numtext{width: calc(100% - 100px)}
.numtext p{color: #ddd;margin-bottom: 0px;}
.numtext h4{
font-size: 18px;
color: #fff;
}
.s-icon{border-radius: 34% 66% 48% 52% / 70% 62% 38% 30%;background: #ddd;padding: 22px 10px;margin-right: 10px;width: 80px;text-align: center;height: 80px;}
.s-icon img{width: 73%;}
.deskform {
/* background-image: url('../img/price-cta-bg.png'); */
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0px;
}
.fform{
background: #002a34;
padding: 30px;
border: 1px solid #ddd;
/* padding-right: 468px; */
position: relative;
}
.fform .form-control{
border-radius: 0;
margin-bottom: 15px;
}
.fform h2{
margin-bottom: 15px;
}
.logo:after{ transform: rotate(23deg);}
.logo a{width:250px;padding-right:30px;display:inline-block;}
.callto{
color: #fff;
background-image: url('../img/breadcrumb-bg.png');
padding: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0px 0px 0px;
/* clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); */
padding-left: 78px;
}
.callto p{
color: #fff;
}
.testimon{
background-image: url(../img/Untitled-2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0px;
}
.pointts span {
color: #fff;
}
.testimon .heading{color: #ffff}
.testimon span {
color:var(--red-color);
}
.testimonial{
padding: 10px;
text-align: center;
position: relative;background: var(--red-color);
}
.overlay{position: relative;z-index: 1;}
.overlay:after{content: ""; position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.8);}
.pic:before{
content: "\f10e";
font-family: "Font Awesome 5 pro";
font-weight: 900;
background: #fff;
font-size: 15px;
color: var(--red-color);
position: absolute;
bottom: 0;
right: -24px;
padding: 5px 10px;border-radius: 100px;
}
.testimonial .description{
padding: 10px;
margin-bottom: 10px;
font-size: 16px;
color: #eee;
line-height: 30px;
position: relative;
/* height: 170px; */
/* display: flex; */
/* align-content: center; */
/* justify-content: center; */
}
/*
.testimonial .description:before{
content: "";
border-top: 8px solid #012863;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
bottom: -11px;
left: 50%;
transform: translateX(-50%);
}
.testimonial .description:after{
content: "";
width: 19px;
height: 22px;
border: 1px solid #553e4e;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
margin-left: -2.5px;
position: absolute;
bottom: -17.5px;
left: 50%;
z-index: -1;
transform: rotate(45deg) translateX(-50%);
}
*/
.testimonial .pic{
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
border: 3px solid #fff;
margin-bottom: 15px;
position: relative;
display: none;
}
.testimonial .pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.testimonial .title{
display: block;
font-size: 20px;
font-weight: 600;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 7px 0;
}
.testimonial .post{
display: block;
font-size: 15px;
color: #736d6d;
text-transform: capitalize;
}
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-page span{
width: 35px;
height: 15px;
background: #012863;
border-radius: 12px;
opacity: 0.8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--red-color);
}
@media only screen and (max-width: 479px){
.testimonial .description{ padding: 10px; }
}
footer{
color: #fff;
background: #343434;
padding: 35px 0px 50px;
position: relative;
text-align: center;
}
.pointer{
/* position: absolute; */
width: 100%;
top: 0;
}
footer h3{
margin-bottom: 15px;
font-size: 20px;
text-transform: uppercase;font-weight: bold;
}
footer p{
color: #ffff;
/* padding-right: 30px; */
}
.flist{
list-style: none;
padding: 0;
}
.flist li{
margin-bottom: 10px;
}
.flist li a{
color: #fff;
}
.for{
/* background: var(--red-color); */
position: relative;
/* margin-bottom: -25px; */
}
.fbox{
padding: 20px;
text-align: center;
color: #fff;
position: relative;
background: var(--red-color);
/* clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); */
}
.strip{text-align: center;padding: 40px 0;}
.strip-icon{width: 80px;margin: 10px auto;}
.strip-icon img{width:100%;}
.fbox h3{
font-size: 24px;
}
.fbox h3 i{
font-size: 38px;
}
/*.fbox:after{
content: '\f178';
position: absolute;
top: 18px;
right: -17px;
font-family: "Font Awesome 5 pro";
font-size: 33px;
}
.lfbx:after{
display: none;
}*/
.modal-content {
top: 290px;background:var(--red-color);
}
.main-strip .strip-box{display:flex;align-items:center;}
.main-strip .strip-box img{width: 50px;filter: contrast(0) brightness(12);}
.main-strip .strip-box .strip-text{margin-left:10px;}
.strip-text h6{font-size:20px;color:var(--red-color);}
.main-strip{background:#3e3e47;padding:20px 0;}
.modal-dialog{margin-right:60px;}
.bottom-footer{background: var(--dark-color);text-align: center;color: #fff;}
.bottom-footer p{margin-bottom: 0px;color: #fff;padding: 5px 0;}
.bottom-footer a{color: var(--red-color);}
.pop-logo{width:170px;}
.pop-logo img{width:100%;}
.bottom-footer a:hover{color: #ddd;}
.modal-dialog .cbtn{background:#222;}
.modal-header ,.modal-content{
border-radius: 0;
}
.track .form-control{
border-radius: 0;
height: 45px;
}
.track .cbtn{
height: 45px;
}
.middiv{
padding: 50px 0px 80px;
}
/*-----------------------------------------
## Breadcumb
------------------------------------------*/
.breadcrumb-area {
padding: 77px 0 50px;
position: relative;
background-repeat: no-repeat;
background-position: center bottom;
/* top: -27px; */
margin-top: -27px;
width: 100%;
background-size: cover;z-index:-1;
}
.breadcrumb-area .breadcrumb-inner {
position: relative;
z-index: 2;
display: inline-block;
}
.breadcrumb-area .page-title {
font-weight: 600;
font-size: 45px;
line-height: 83px;
margin-bottom: 0px;
color: #fff;
text-transform: uppercase;
}
.breadcrumb-area .page-list {
margin: 0;
padding: 0;
color: #fff;
display: inline-block;
}
.breadcrumb-area .page-list li {
font-weight: 400;
font-size: 16px;
line-height: 28px;
list-style: none;
display: inline-block;
position: relative;
color: #fff;
}
.breadcrumb-area .page-list li + li {
padding-left: 23px;
margin-left: 5px;
}
.breadcrumb-area .page-list li a {
color: #eb0028;
}
.breadcrumb-area .page-list li:after {
position: absolute;
left: 0;
top: 1px;
content: "\f061";
color: #eb0028;
font-family: "Font Awesome 5 pro";
font-weight: 600;
}
.breadcrumb-area .page-list li:first-child {
padding-left: 0;
}
.breadcrumb-area .page-list li:first-child:after {
display: none;
}
.abtuss img {
width: 550px;
/* float: left; */
/* margin-right: 20px; */
/* clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);*/
}
.serr{
background: #f2f2f2;
}
.serr .servbox{
background: #222;
margin-bottom: 20px;
}
.servvbox img{
margin-bottom: 20px;
}
.otherserr{
background: var(--red-color);
padding: 20px;
margin-bottom: 20px;
}
.otherserr h3{
margin-bottom: 15px;color: #ffff;
}
.otherserr ul{
list-style: none;
padding: 0;
}
.otherserr ul li{
transition: all ease .3s;
background: #ffff;
padding: 15px;
padding-left: 25px;
margin-bottom: 15px;
/* clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);*/
}
.otherserr ul li:hover{
background: #012863
}
.otherserr ul li:hover a{
color: #fff;
}
.otherserr ul li a{
color: #012863;
font-size: 18px;
text-transform: uppercase;
}
.btn-white{background: #fff;color: var(--red-color)}
.middiv .enqform{background: var(--red-color);}
.middiv .enqform h2{color: #fff;}
.enqform{
background: #f2f2f2;
padding: 20px;
margin-bottom: 20px;
}
.enqform .form-control{
border-radius: 0;
margin-bottom: 10px;
}
.middiv .testimonial{
margin-bottom: 20px;
}
.coninfo{
margin-right: 50px;
}
.coninfo ul {
list-style: none;
padding: 0;
margin-top: 25px;
}
.coninfo ul li{
display: flex;
align-content: center;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 15px;
}
.icion{
flex: none;
width: 75px;
height: 75px;
background: #f2f2f2;
/* border-radius: 50%; */
margin-right: 15px;
text-align: center;
font-size: 24px;
line-height: 72px;
color: var(--red-color);
}
.iexi p{
margin-bottom: 0;
}
.iexi h4 a{
color: #012863;
}
.conform .form-control{
border-radius: 0;
margin-bottom: 15px;
height: 50px;
/*
-webkit-transform: skew(-4deg);
-moz-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
*/
}
.conform textarea{
height: auto !important;
}
.con{
padding-bottom: 80px;
}
.status-bar { margin-top: 30px; }
.list-style {
padding: 0px;
list-style: none;
}
.process-bar {
display: flex;
align-items: center;
justify-content: center;
margin: 0px;
position: relative;
width: auto;
text-align: center;
margin-bottom: 20px;
}
.process-bar li {
width: 20%;
/* padding-right: 20px; */
position: relative;
padding-left: 20px;
text-align: center;
text-align: right;
}
.process-bar li:before, .process-bar li:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background: #c3bfbf;
height: 3px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.process-bar li.active:after {
z-index: 1;
background: var(--red-color);
width: 0px;
}
.process-bar li.active:after {
width: 100%;
}
.process-bar li span {height: 30px;width: 30px;color: #fff;border-radius: 100%;text-align: center;line-height: 30px;
position: absolute;
right: 0;
top: 0px;
background: #c3bfbf;
transform: translateY(-50%);
z-index: 9;
/* left: 0; */
margin: auto;
/* clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);*/
}
.process-bar li p{
font-size: 19px;
margin-top: 18px;
}
.idd{
font-size: 30px;
}
.linkcolor{
color: #fff;
}
.owl-prev, .owl-next {
background: var(--red-color) !important;
opacity: 1;
border-radius: 0px;
width: 40px;
height: 35px;
text-align: center;
line-height: 35px;
margin:0px 2px;
color: #fff !important;
}
.owl-nav{
text-align: center;
margin-top: 20px;
}
.error{
text-align: center;
}
.error i{
font-size: 65px;
color: #eb0028;
margin-bottom: 10px;
}
.thank h2{
font-size: 55px;
}
.abtus img{
}
.process-bar .active span{
background:var(--red-color) ;
}
.locate{
padding: 50px 0px;
}
.locate ul{
list-style: none;
padding-left:0px;
margin:0px;
}
.locbox{
padding: 20px;
text-align: center;
color: #fff;
position: relative;
background: var(--red-color);
/* clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);*/
margin-bottom:20px;
}
header{
background: var(--red-color);
}
.tr{
text-align: right;
}
.servbox img{
width: 100%;
}
.stext{
padding: 20px;
}
.stepbox{
border-radius: 20px;
margin: 20px;
margin-bottom: 40px;
color: #fff;
padding: 20px;
background: var(--red-color);
}
.stepbox p{color: #fff;}
.stepbox span{
text-align: center;
width: 45px;
height: 45px;
background: #343434;
display: block;
line-height: 43px;
font-size: 22px;
border-radius: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.stepbox h3{
font-size: 22px;
}
.fform img{
position: absolute;
bottom: 10px;
right: 10px;
width: 500px;
z-index: -1;
}
.step img{
animation: anim 3s infinite linear;
position: relative;
width: 290px;
margin: 0 auto;
display: block;
}
@keyframes anim{
0%{left: 0px;}
50%{left: -30px;}
100%{left: 0px;}
}
.conform{
background:var(--dark-color);
padding:50px;
}
.whatsapp-link {
position: fixed;
width: 200px;
bottom: 24px;
left: 10px;
z-index: 9;
}
.whatsapp-link img{
width:100%;
}
.flogo{
width:220px;
margin-bottom:10px;
}
.abtus span:before{content:"";width:75px;height:3px;background:var(--red-color);position:relative;display:inline-block;margin-right:7px;}
.abtus span{font-size:20px;font-weight:bold;}
.about-box-1{border:1px solid #ddd;padding: 8px 15px;display:flex;align-items:center;}
.about-box-1 img{width:40px;}
.abt-1{margin-right:10px;height:80px;width:80px;background:#eee;border-radius:100px;display:grid;justify-content:center;align-items:center;}
.abt-textt h6{margin-bottom:0px;}
.about-box-1{margin-bottom:20px;}
#service-slider .stext h4{
font-size:20px;
}
.servicebox h3{
font-weight: 700;
font-size: 41px;
margin-bottom: 26px;
}
.servicebox .linee {
font-size: 20px;
font-weight: bold;
}
.servicebox .linee {
color: var(--red-color);
}
.servicebox .linee:before {
content: "";
width: 75px;
height: 3px;
background: var(--red-color);
position: relative;
display: inline-block;
margin-right: 7px;
}
.step{
padding: 50px 0px 30px;
}
.chooseing{
background-image:url("../img/wc-bg.jpg");
padding: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
overflow:hidden;
}
.chooseing ul{
list-style:none;
margin:0;
padding:0;
}
.chooseing ul li{
position:relative;
margin-bottom: 20px;
}
.weicon{
z-index: 1;
width: 85px;
height: 85px;
margin-right: 23px;
border-radius: 100%;
background-color: #ffbf42;
-webkit-box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
text-align: center;
font-size: 35px;
line-height: 84px;
position: absolute;
left: -100px;
top: 0;
}
.chosetext{
background: aliceblue;
padding: 50px 60px;
}
.chosetext h3{
margin-bottom:15px;
font-weight:700;
}
#counter span.percent:after {
content: "+";
}
.asibox{
position: relative;
padding-left: 74px;
}
.asiicon{
z-index: 1;
width: 60px;
height: 60px;
margin-right: 23px;
border-radius: 100%;
background-color: #ffbf42;
-webkit-box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
text-align: center;
font-size: 31px;
line-height: 60px;
position: absolute;
left: 0;
top: 0;
}
.countbar{
padding:30px 0px;
}
.countbar p{
margin-bottom:0;
}
.asibox h4{
font-weight:700;
font-size:26px;
}
footer a{
color:#fff;
}
.doen {
border-bottom:1px solid #ddd;
}
footer h4{
margin-bottom: 25px;
}
.about-box-1 .abt-1{
flex:none;
}