@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {  font-family: "Roboto", sans-serif !important;}
p, h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif !important;}
a { text-decoration: none;}
.heading {color: #1b1b1b; font-size: 42px; text-transform: uppercase; font-weight: 400; margin: 0 0 20px 0;}
.sub-heading { color: #1b1b1b; font-size: 30px; text-transform: uppercase; font-weight: 400; margin: 0 0 20px 0;} 
p, .main-table ul li { color: #303030; font-size: 17px; line-height: 1.6;}
.custom-btn { display: inline-block; padding: 12px 30px; color: #fff; background: #b73235; text-transform: uppercase; font-size: 16px; letter-spacing: .4px; transition: all .3s ease-in-out;}  
.custom-btn:hover { color: #121212; background: #fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}

header {background: #e7e7e7; padding: 15px 0;}

.banner-section { position: relative;}
.banner-section .banner-text { position: absolute; top: 30%; left: 8%; width: 45%; height: 100%;}
.banner-section .banner-text h1 { font-size: 42px; color: #fff; font-weight: 500; letter-spacing: .4px; margin: 0; line-height: 1.4; margin: 0; text-shadow: 3px 3px 3px #131313;}
.banner-section .carousel-item img { width: 100%; height: 540px; object-fit: cover;}
.banner-section .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid #fff; background: transparent; opacity: 1;}
.banner-section .carousel-indicators .active { background: #fff !important;}

.about-section .container-fluid { padding: 0; border-bottom: 1px solid #b4b4b4}

.service-section { padding: 6% 0;}
.service-section .ser-bx {padding: 20px;}
.service-section .ser-bx img { width: 80px; margin: 0 0 25px 0;}
.service-section .ser-bx h4 { font-size: 20px; color: #1b1b1b; text-transform: uppercase; margin: 0 0 8px 0;}
.service-section .ser-bx p { font-size: 16px; margin: 0;}

.team-section { background-image: url(image/team-bg.jpg); background-repeat: no-repeat; background-size: contain; padding: 20% 0 5% 0;}
.team-section .team-bx { background: #fff; padding: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.team-section .team-card { padding: 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;}
.team-section .team-card img { border-radius: 50%; width: 150px; margin: 0 0 20px 0; border: 1px solid #c0c0c0}
.team-section .team-card h4 { font-size: 20px; margin: 0;}
.team-section .team-card p { margin: 0; font-size: 15px;}

.career-section { padding: 6% 0; background-image: url(image/career-bg.jpg); background-size: cover;}

footer { background: #121212; padding: 4% 0 0 0;}
footer h4 { color: #fff; font-size: 21px; border-bottom: 1px solid #333; font-weight: 400; padding: 0 0 5px 0; margin: 0 0 20px 0;}
footer p, footer li a { color: #dadada; font-size: 15px;}
footer li { margin: 0 0 7px 0;}
footer li a:hover { color: #b73235;}
footer p i { width: 35px; height: 35px; text-align: center; border: 1px solid #eee; font-size: 19px; line-height: 1.4;  margin-right: 11px; margin-top: 4px; vertical-align: baseline; float: left; transition: 0.5s; }
footer p:hover i {background: #b73235;}
footer .copyrht { background: #070707; padding: 15px 0; margin: 3% 0 0 0;}
footer .copyrht p {margin: 0;}
footer .copyrht p a { color: #fff; letter-spacing: .3px;}

.heading-innerpage { padding: 4% 0; background-image: linear-gradient(45deg, #121212, #b73235);}
.heading-innerpage h2 { color: #fff; font-size: 32px; text-align: left; text-transform: uppercase;}

.service-page ul, .service-page ul li { margin: 0; padding: 0;}
.service-page ul li { font-size: 15px; margin:0 0 10px 0; display: flex;}
.service-page ul li i { color: #b73235; font-size: 19px; margin: 3px 5px}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #b73235;
    padding-top: 16px;
    padding-bottom: 16px;
    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;}

.whatsapp_btn2{
    position: fixed;
    bottom: 5em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn2 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn2 .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn2 .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;
    }
}
	#marquee1 a {
    font-size:  14px !important;
}


.callus2 {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    bottom: 25%;
    right: 8px;
    width: 60px;
    height: 60px;
    z-index: 99999;
}
.callus2 .callusL2{
    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;
    
}

@media (min-width: 320px) and (max-width: 768px) {
    .heading { font-size: 30px;}
    .custom-btn { padding: 10px 26px; font-size: 14px;}  
    .banner-section .banner-text { position: absolute; top: 30%; left: 8%; width: 80%; height: 100%;}
    .banner-section .banner-text h1 { font-size: 24px;}
    .banner-section .carousel-item img { width: 100%; height: 300px; object-fit: cover;}
    .heading-innerpage h2 { font-size: 21px;}
}

.top-nav  {background: #e7e7e7; padding: 10px 0 0 0}