@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{font-family: "Poppins", sans-serif;}
@font-face {
font-family: 'Colonna MT';
font-style: normal;
font-weight: 400;
src: url(../image/COLONNA.TTF) format('truetype');
}
.fa{font-family: "fontawesome";}
.text-justify{text-align: justify;}
.z-index-9{z-index: 9;}
.bg-1{background-color: #2c3093 !important;}
.bg-2{background-color: #3e4095 !important;}
.bg-3{background-color: #f1f1f1 !important;}
.color-1{color: #2c3093 !important;}
.color-2{color: #3e4095 !important;}
.back-to-top {position:fixed;display:none;right:30px;bottom:30px;z-index:99;}
.sub_title{font-size: 15px;color: #2c3093;font-weight: 600;text-transform: uppercase;}
.hm_heading{font-size: 36px; color: #000; font-weight: 700; /* text-transform: capitalize; */}
.sub-heading {font-weight: bold; Font-size: 24px; color: #333; line-height: 30px; margin: 0; text-align: left;}
a{ font-size: 15px; text-decoration:none !important;}
.container.main-table .project-title{box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; padding: 20px;min-height: 120px;}
.container.main-table .project-title p{color: #000; font-weight: 600; margin: 0;}
.w-70px{max-width: 70px;}
.fs-14{font-size: 14px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-22{font-size: 22px;}
p{font-size: 15px;margin-bottom: 8px;line-height: 26px;}
li{font-size: 15px;line-height: 27px;}
.hw-40px{height: 15px; width: 12px;}
a{text-decoration: none;}
.w-150px {max-width: 150px;}
.border-color-1 { border-color: #2c3093 !important;}
/*--------------------------------------------------------------
# Btn
--------------------------------------------------------------*/
.hm-btn {display: inline-block;margin: 4px 0;padding: 12px 20px;background-color: #2c3093;color: #fff;border-radius: 4px;transition: 0.2s linear;}
.hm-btn:hover {background-color: #3e4095;color: #fff;}
.map-hm-rht .form-control::placeholder{font-size: 13px;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer; top: 5px;}
/*--------------------------------------------------------------
# Nav-top
--------------------------------------------------------------*/
.call-sec {
background: url(../image/career-img.jpg) no-repeat;
padding: 50px 0;
background-attachment: fixed;
background-size: 100% 100%;
}
.repair-sec .fa{font-size: 60px; margin-bottom: 20px;}
/*--------------------------------------------------------------
# Nav-bar
--------------------------------------------------------------*/
.RadDock .rdContent{font-family:Arial !important; }
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: #fff !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:#000 !important; color:#fff !important;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.nav-item a{font-size:15px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
/*nav-bar*/
/*fix menu*/
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}
}
/*fix menu*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}
@media(max-width:568px){
}
@media(max-width:480px){
}
@media (max-width: 414px){
}
.table-responsive {
min-height: .01%;
overflow: hidden !important;border: 0; padding:0;
}
/*callus*/
.callus {
width: 100%;
margin: 8px 0 0 0;
text-align: right;
position: fixed;
bottom: 40%;
right: 20px;
width: 50px;
height: 50px;
z-index: 99999;
}
.callus .fa{
width: 40px;
height: 40px;
font-size: 18px;
border-radius: 100%;
text-align: center;
line-height: 40px;
display: inline-block;
background: #eb1d39;
color: #fff;
margin: 0 20px 0 0;
-webkit-box-shadow: 0px 0px 0px 7px #dc3545;
-moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
box-shadow: 0px 0px 0px 7px #dc354536;
-webkit-animation: tada 1.25s infinite;
-moz-animation: tada 1.25s infinite;
-ms-animation: tada 1.25s infinite;
animation: tada 1.25s infinite;
}
/*callus*/
/*============WHATSAPP==========*/
.whatsapp_btn{
position: fixed;
bottom: 20%;
right: 20px;
width: 55px;
height: 55px;
z-index: 9999;
}
.whatsapp_btn .icon_logo{
position: relative;
z-index: 100;
padding: 5px;
}
.whatsapp_btn .icon_logo > a > img{
width: 100%;
}
.whatsapp_btn .circle_waves{
border-radius: 50%;
background-color: #3cc04e;
width: 55px;
height: 55px;
position: absolute;
opacity: 0;
bottom: 1px;
left: 0px;
z-index: 99;
animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes waves {
from {
transform: scale(.55, .55);
opacity: .6;
}
to {
transform: scale(1.8, 1.8);
opacity: 0;
}
}
/*
*/
/*============WHATSAPP==========*/
.cont-page h2 {
font-weight: bold;
color: #111;
font-size: 19px;
margin-top: 0;
text-transform: uppercase;
margin-bottom: 18px;
margin-top: 10px;
}
.cont-page h2 span {
color: #111;
font-weight: normal;
font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
color: #fff;
margin-bottom: 8px;
font-size: 18px;
line-height: 20px;
font-weight: normal;
}
.cont-page .st-feature-box {
background: #23527c;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-right: 10px;
color: #fff;
}
.st-feature-box {
padding-left: 70px;
position: relative;
}
.st-feature-box .st-feature-box-icon {
color: #111;
display: block;
position: absolute;
width: 52px;
height: 52px;
line-height: 0px;
top: 0;
left: 0;
text-align: center;
font-size: 60px;
-webkit-transition: all .3s;
-khtml-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/
/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
.bnnr{ overflow: hidden;}
.bnnr .carousel-caption {top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;background: linear-gradient(to right,rgb(44 48 147 / 82%) 0%,rgb(62 64 149 / 31%) 100%);z-index: 1;}
.bnnr .carousel-control-prev, .bnnr .carousel-control-next {width:15%;}
.bnnr .carousel-control-prev-icon,.bnnr .carousel-control-next-icon {width:3.5rem;height:3.5rem;background-color: #7493b9;border: 15px solid #7493b9;border-radius:3.5rem;}
.bnnr p{font-size: 16px;font-weight: 300;color: #fff;margin-bottom: 24px;font-style: italic;}
.bnnr h1{font-weight: 800;text-transform: uppercase;}
.bnnr h1 span{font-family: Colonna MT !important; text-transform: uppercase;background-color: #2c3093;border: 4px double #3e4095;line-height: 50px;}
/* bnr-btm */
.bnr-btm .lft-side{ width: 14%; color: #fff; font-size: 18px; clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0); background: #2c3093;}
.bnr-btm .rht-side{ padding: 13px 10px 11px; width: 86%;}
@media screen and (max-width: 768px) {
.bnnr p{font-size: 16px;}
.bnnr h1{font-size: 22px;}
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about{padding: 60px 0;}
.abt-img{position: relative; padding-left: 120px; height: 100%;}
.about .abt-img img{transform: translateX(0px); transition: .5s;z-index: 9; position: relative;}
.about:hover .abt-img img{transform: translateX(10px);}
.abt-img::after{position: absolute; content: ''; width: 80%; height: 100%; background-color: #2c3093; top: 50px; left: 70px; z-index: 0;}
.btn-lg-square {padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;width: 40px;height: 40px;}
/* */
.abt_sec_inr .nav-tabs.nav-tabs {--bs-nav-tabs-border-width: 2px;}
.abt_sec_inr .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #FF5E14;}
.abt_sec_inr .nav-tabs .nav-link{ background: transparent;border-top-left-radius: 0;border-top-right-radius: 0;padding: 14px 40px;font-size: 16px;font-weight: 600;}
.abt_sec_inr .tab-content>.tab-pane {padding: 20px;border: 2px solid #dee2e6;border-top: 0;}
/*--------------------------------------------------------------
# counter-hm
--------------------------------------------------------------*/
.counter-hm{background: url(../image/count-bg.jpg);overflow: hidden;position:relative; background-size: cover; background-repeat: no-repeat;background-position: top center;}
/* .counter-hm::before {position:absolute;content:"";width:130px;height:100%;top:0;left:-100px;transform:skewX(-30deg);background-color: #7493b9;} */
.counter-box {text-align: center;}
.counter-box p {margin: 5px 0 0;padding: 0;color: #fff;font-size: 18px;font-weight: 500;}
.counter-box i {font-size: 60px;margin: 0 0 15px;color: #fff;}
.counter {font-size: 50px;font-weight: 700;color: #fff;line-height: 28px;}
.counter-box.colored p,.counter-box.colored i,.counter-box.colored .counter {color: #fff;}
.count-box h4 { font-size: 40px; display: block; font-weight: 600; padding-top: 10px; color: #fff;}
.count-box p { font-size: 20px; }
/* bnr-btm */
.bnnr video{ height: 650px;
object-fit: cover;}
/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/
.top {
position: fixed;
right: 18px;
bottom: 30px;
text-align: center;
color: #fff;
background: #2c3093;
padding: 10px 10px;
z-index: 99;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
opacity: 0;
transition: ease-in 0.5s;
}
.top.scll-top {
opacity: 1;
transition: ease-in 0.5s;
bottom: 50px;
}
.top .fa {
display: block !important;
}
/**/
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container {
max-width: 100%;
}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {
margin-top: 0 !important;
}
.innr-pg-bnnr {
padding: 100px 0 0;
width: 100%;
background-size: cover;
background-position: center;
min-height: 400px;
text-align: center;
position: relative;
margin-bottom: 40px;
}
.innr-pg-bnnr:after {
content: '';
position: absolute;
left: -1px;
right: -1px;
top: -1px;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(0, 0, 0, 0.8);
}
.container.main-table{text-align: justify;}
.main-table.innr-pg {
padding-bottom: 50px;
}
.innr-pg-bnnr h1 {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 37px;
font-weight: 800;
position: relative;
z-index: 1;
font-family: "Poppins", serif;
}
a {
text-decoration: none;
}
.inner-pages ul, .innr-pg ul {
padding: 0px;
margin-bottom: 0;
}
.inner-pages li, .innr-pg li {
position: relative;
list-style: none;
padding-left: 30px;
}
.inner-pages li:before, .innr-pg li:before {
content: "\f101";
position: absolute;
font-family: FontAwesome;
font-size: 17px;
line-height: 30px;
left: 7px;
top: -2px;
color: #fff;
}
/*innr-pg-bnnr*/
/*--------------------------------------------------------------
# ser-box
--------------------------------------------------------------*/
.sev-bx *{transition: .5s;}
.sev-bx .ser-img img{ box-shadow: #f1f1f1 2px 10px 10px;}
.sev-bx .ser-cont{margin:0 20px; top: -100px; background-color: #f1f1f1; box-shadow: #dee2e6 2px 10px 10px;}
.sev-bx:hover .ser-cont{color:#f1f1f1; background-color: #2c3093; margin:0 20px; top: -100px; box-shadow: #f1f1f1 2px 10px 10px;}
.sev-bx .ser-cont a{color:#f1f1f1; background-color: #2c3093; transition: .5s;}
.sev-bx:hover .ser-cont a{color:#2c3093; background-color: #f1f1f1; transition: .5s;}
.sev-bx .ser-icn .fa{color:#2c3093;}
.sev-bx .ser-icn img{max-width: 80px;}
.sev-bx:hover .ser-icn .fa, .sev-bx:hover .ser-icn img{animation: jumpAni 5s linear infinite; color: #f1f1f1;background-color:transparent; box-shadow:none;filter: contrast(0) brightness(2);}
@keyframes jumpAni {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
a{text-decoration: none !important;}
footer .hm-btn {display: inline-block;margin: 4px 0;padding: 12px 20px;background-color: rgba(0, 0, 0, 0.3);color: #fff;border-radius: 4px;transition: 0.5s linear;}
footer .hm-btn:hover { background-color: #3e4095;color: #fff;}
footer {
background: #2c3093;
color: #fff;
/* background-image: url(./image/footer-bg.jpg); */
background-attachment: fixed;
background-position: top center;
background-size: 100% 100%;
overflow: hidden;
}
.ft-bg{ background-color:#02245b;}
.footer .btn.btn-link {
margin-bottom: 12px;
padding:0;
font-size: 15px;
text-align:left;
color:#fff;
font-weight:400;
text-transform:capitalize;
transition:.3s;
align-items: baseline;
}
.footer .btn.btn-link::before {
position:relative;
content:"";
font-family:"Font Awesome";
font-weight:900;
margin-right:10px
}
.footer .btn.btn-link:hover {
color: #fff;
box-shadow:none;
letter-spacing: 1px;
}
.copyright {
color:#b0b9ae;
border-top:1px solid rgba(255,255,255,.1);
}
.social_ft{display: flex;}
.social_ft a{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.2);color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center; transition: .3s;}
.social_ft a:hover{background-color: #3e4095;}
.social_ft a:hover .fa{transform: rotate(360deg); transition: 0.5s;}
/* ---- particles.js container ---- */
#MenuControl .nav-link.__search_container:hover{background-color: transparent !important; color: #000 !important;}
.__search_container:hover .fa{color: #000 !important; background-color: #fff !important;}
.__search_icon{color: initial !important;}
#particles-js{
width: 100%; /*height: 100vh;*/ background-color: rgba(0, 0, 0, 0.3); background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
#widgetsControl, #widgetsControl_C{height: inherit !important;}
@media(min-width:992px){
.bnnr img{height: 700px;}
.navbar-expand-md .navbar-collapse{justify-content: center;}
.nav-fill { width: 100%;}
}
@media(min-width: 1024px){
.nav-fill {width: auto;}
}
.w-200px {
/* max-width: 200px; */
margin: 0 !important;
}
.repair-sec h4.color-1{min-height: 60px; background-color: #fff;
display: flex;
align-items: center;
justify-content: center;}
.repair-sec .d-inline-block{overflow: hidden; transition: .5s;}
.repair-sec .d-inline-block img{transition: .5s;}
.repair-sec .d-inline-block:hover img{transform: rotate(10deg) scale(1.2);}
.repair-sec{background-image:url(../image/banner-bg-2.jpg);background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
