@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap'); 
body {padding: 0; margin: 0; font-family: 'Nunito', sans-serif;}
a {text-decoration: none !important; } a:hover {text-decoration: none !important; } 
a:focus {outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0px !important; } 
.side-info__logo img {background-color: #fff;}
.carousel-control-prev-icon, .carousel-control-next-icon {width: 45px; background-color: #d90000; height: 50px; }
.carousel-control-prev, .carousel-control-next {position: absolute; top: 0;  bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.8; transition: opacity 0.15s ease; }
.carousel-caption {position: absolute; right: 5% !important; bottom: 80px; left: 0; left: 0% !important; z-index: 10; padding-top: 20px; padding-bottom: 10px; color: #fff; text-align: right; }
.carousel-control-prev, .carousel-control-next:focus{outline: none !important;}
/* Header CSS Start */
.header-section {background: #112539;padding: 8px 0 6px 0px;}
.header-section .header-widget ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.header-section .header-widget ul li {font-size: 15px;padding-right: 30px;margin-right: 15px;color: #ffffff;float: left;}
.header-section .header-widget ul li::before {position: absolute;content: '';background: #ffffff;width: 4px;height: 23px;right: 0;top: 0px;}
.header-section .header-widget ul li i {margin-right: 5px;font-size: 18px;top: 1px;position: relative;}
.header-section .header-widget ul li a {color: #ffffff; font-weight:500;}
.header-section .header-widget ul :nth-child(2)::before {display: none;}
.header-section .header-social ul {padding-left: 0;margin-bottom: 0;}
.header-section .header-social ul li{ text-decoration:none; list-style:none; float: right;}
.header-section .header-social ul li a i {color: #056839;background: #ffffff;width: 25px;height: 25px;border-radius:5px;display: inline-block;text-align: center;line-height: 28px;margin-left: 5px;position: relative;z-index: 0;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i::after {position: absolute;content: '';width: 0;height: 0;background: #249846;top: 0;left: 0;border-radius: 5px;z-index: -1;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i:hover::after {width: 100%;height: 100%;}
.header-section .header-social ul li a i:hover {color: #ffffff;}


/* Header CSS End */

/* Page Title Part CSS Start */
.bg-image {background-color: #112539;}
.ltn__breadcrumb-area {padding-top: 40px;padding-bottom: 40px;margin-bottom: 0px;border-bottom: 5px solid #d60000;}
.ltn__breadcrumb-inner h1 {color: #ffffff;clear: both;font-weight: 700;line-height: 57px;font-size: 43px;margin: 0px 0px 4px;text-align: center;text-transform: uppercase;}
.ltn__breadcrumb-list ul{ padding-left: 0px;text-align: center;margin: 0px;}
.ltn__breadcrumb-list ul li {display: inline-block;margin-right: 26px;position: relative;font-weight: 400;font-size: 16px;}
.ltn__breadcrumb-list ul li:after {position: absolute;content: " || ";font-size: 15px;right: -18px;color: #c7c7c7;top: 52%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.ltn__breadcrumb-list ul li:last-child:after {display: none;}
.ltn__breadcrumb-list ul li:last-child {margin-right: 0;color: #d3d3d3;}
.ltn__secondary-color{color: #ffffff;margin-right: 9px;font-size: 18px;}
.ltn__breadcrumb-list ul li a{color: #ffffff; text-decoration:none;}
/* Page Title Part CSS End */


/*----Enquiry----part----*/
.readmore2 {padding: 13px 45px;background-color: #d72629;text-transform: uppercase;color: #fff;border: none;border-bottom: 3px solid #2b3245;position: relative;text-align: center;font-size: 15px;border-radius: 13px;letter-spacing: 1px;margin: 5px 5px;}
.readmore2:hover {color: #fff;background-color: #2b3245;text-decoration: none;transition: .5s;border-bottom: 3px solid #2c5c46;}
.input-group {margin: 15px 0; width: 100%;}
.img-box img {width: 100%; height: auto; padding: 3px; border: 1px solid #CCC;}
.input-group .form-control:last-child, .input-group-addon:last-child { font-size: 16px !important; line-height: 30px;  border-radius: 5px; font-weight: 300;}
.Submit-box { background: #dd001e; color: #fff; padding: 10px 39px;  font-size: 18px;  border-radius: 5px;  border: #ffdead00;  margin: 0px 3px;}
.form-control {-webkit-box-shadow: none !important;  box-shadow: none !important;}
.form-control:focus {border-color: #000000 !important; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important;}
:focus { outline: -webkit-focus-ring-color auto 0px !important;}
/*----Enquiry----part----*/


/*-- Contact start CSS --*/
.contact-text-info h3 {font-size: 18px; font-weight: 600; color: #dd001e; line-height: 21px; margin: 0px 0px 0px; letter-spacing: 0.5px; text-transform: uppercase;}
.contact-text-info a {color: #000; text-decoration: none;}
.contact-text-info a:hover {color: #012a67; text-decoration: none; transition: 0.5s;}
.contact-detail span {font-size: 18px; color: #333; font-weight: 500; text-transform: uppercase;}
.contact-detail {padding-top: 25px;}
.contact-detail p {padding-top: 0px;}
.contact-text-info {position: relative; padding-left: 0px; list-style: none; text-decoration: none; margin-bottom: 0px;}
.list-unstyled {padding-left: 0; list-style: none;}
.contact-text-info:before {content: ' '; background: #012a67; display: inline-block; position: absolute; left: 8px; width: 5px; height: 100%; z-index: 1;}
.contact-text-info li {padding-left: 36px; position: relative; color: #000; line-height: 30px; font-weight: 300; font-size: 18px; padding-bottom: 10px; padding-top: 9px;}
.contact-text-info>li:before {content: ' '; background: #fff; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #dd001e; left: 0; width: 22px; height: 22px; z-index: 1;}
.contact-text-info li p {margin-bottom: 0; line-height: 24px;}
.contact-text-info>li::after {content: ' '; background: #012a67; display: inline-block; position: absolute; border-radius: 50%; top: 15px; left: 6px; width: 10px; height: 10px; z-index: 2;}
/*-- Contact start CSS --*/

/* Page Part Part CSS Start */
.page-part {padding: 25px 0px;}
.page-text p {font-size: 17px; line-height: 28px; text-align: justify; margin-bottom: 5px;}
.page-text h4 {font-size: 23px; line-height: 40px; border-bottom: 5px solid #d60000; display: inline-block; font-weight: bold;}
.page-part {padding: 30px 0px;}
.package ul{padding-left: 0px;margin-bottom:0;}
.package ul li {background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 3px 12px;padding-left: 23px;list-style: none;text-align: left;padding-top: 3px;padding-bottom: 3px;font-size: 18px;line-height: 30px;}
.table-responsive td {padding: 7px;font-size: 18px;border:1px solid #3333331f;line-height: 31px;color:#333;}
.bg{ margin:10px 0px;i}
.bg tr:nth-child(Even){background-color:#1125393d; color:#333;}
.bg tr:hover {background-color:#d9000030;}
.table-responsive td strong {color:#000 !important;}
.project-post-image {overflow: hidden;position: relative;border: 1px solid #11263a;}
.image_hover:hover .zoom_img_effect {-webkit-transform: scale(1.09) translateZ(0);transform: scale(1.09) translateZ(0);}
.zoom_img_effect {position: relative;transition: all .8s ease-out;width:100%;height:auto;}
.img-text{ text-align:center;}
.img-text h4 {margin: 0 auto;font-size: 22px;padding: 8px 4px;background-color: #112539;line-height: 30px;/* border-radius: 5px; */}
.img-text h4 a{color:#fff; text-decoration:none;}
.mg-pd-box{ padding:15px 0px;}

/* Page Part Part CSS Start */


/* Welcome CSS Start */
.wel-part{padding:40px 0px; }
.wel-text h1 span {font-weight: 400;font-size: 24px;line-height: 39px;margin:0px 0px;text-transform: none;display: block;color:#D90000;}
.wel-text h1 {font-weight:700;font-size: 43px;text-transform:uppercase;margin: 0px 0px 0px;color:#112539;margin-bottom: 0px;line-height: 58px; border-bottom: 2px solid #d90000; display: inline-block;}
.welcome-text h2 {font-size: 23px;line-height:35px;font-weight: 600;margin: 9px 0px 0px;color:#000;}
.welcome-text p {font-size: 18px;color:#000;text-align:justify;line-height: 31px;margin: 0px 0 7px;}
.button-box a {background-color: #112539;color: #fff;padding: 7px 37px;font-size: 17px;/* font-weight: 600; */text-transform: uppercase;display: inline-block;margin: 8px 0px 5px;border-radius: 100px;}
.home-img img {width: 100%; height: auto;}
/* Welcome CSS Start */

/* Point Part CSS Start */
.point-part {padding:40px 0px; width: 100%;background-size: cover;position: relative;background-image: url(../images/product-img.jpg);background-repeat:no-repeat;background-position: center center;}
#why-slider {margin-top: 15px;}
.feature .feature-item { border-radius: 10px; background: #fff; transition: 0.5s;}
.feature h4 {font-size: 20px !important; font-weight: bold; margin-bottom: 5px !important; color: #000 !important;}
.feature .feature-item:hover { background: #d90000;}
.feature .feature-item .feature-icon { position: relative; width: 100px; display: inline-flex; align-items: center; justify-content: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #F2F5F9;}
.feature .feature-item:hover .feature-icon i { z-index: 9;}
.feature .feature-item .feature-icon::after { content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #000000; transition: 0.5s; z-index: 1;}
.feature .feature-item:hover .feature-icon::after { height: 100%;}
.feature .feature-item .feature-icon { color: #2469A2;}
.feature .feature-item .feature-icon,
.feature .feature-item h4,
.feature .feature-item p { transition: 0.5s; font-size: 16px; line-height: 28px; color: #000;}
.feature .feature-item:hover .feature-icon { color: #fff;}
.feature .feature-item:hover h4,
.feature .feature-item:hover p { color: #fff;}
.feature .feature-item:hover a.btn { background: #fff; color: #000;}
.feature .feature-item:hover a.btn:hover { background: #2469A2; color: #fff;}
.feature-box {background-color: #04386b; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.feature-box:hover {background-color: #2884E1; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.feature-box a {text-decoration: none; color: #fff;}
.feature-box i {padding-left: 5px;}
/* Point Part CSS End */

/*Product part Start---*/
.tex-hed-title{ text-align:center;}
.tex-hed-title h3 span {font-weight: 400;font-size: 24px;line-height: 30px;margin:0px 0px;text-transform: none;display: block;color:#2b3f72;}
.tex-hed-title h3{font-weight:700;font-size: 44px;text-transform:uppercase;margin: 0px 0px 0px;color:#f89b34;margin-bottom: 0px;line-height: 57px;}
.our-product-part{ padding:40px 0px;}

.service-part {padding: 50px 0px; background-color: #EBF7FB;}
.service-title {text-align: left;}
.service-title h3 {font-size: 22px; line-height: 35px; font-weight: bold; color: #04386b;}
.service-title h2 {font-size: 30px; font-weight: bold; color: #0B569F;}
.service-box {text-align: center; border: 1px solid #0b569f52; padding: 25px 10px; border-radius: 0px 50px; margin: 15px 10px;}
.service-box:hover {transform: translateY(-5px); border-radius: 20px;}
.service-box img {width: 300px; height: auto;}
.service-box h4 {font-size: 18px !important; line-height: 30px; margin: 10px 0px 0px 0px; color: #04386B; text-transform: uppercase; font-weight: bold;}
.service-box p {font-size: 17px; line-height: 27px; color: #000; margin: 0px;}
.service-box a {text-decoration: none; font-size: 15px; color: #ffffff; font-weight: bold; text-transform: capitalize;}
.r-btn {background-color: #04386b; color: #fff; padding: 3px 20px; font-size: 15px; line-height: 33px; text-transform: uppercase; display: inline-block; margin: 8px 0 0 0; font-weight: 700; text-decoration: none; border-radius: 22px;}
.r-btn i {padding: 12px; padding-left: 5px; font-size: 16px; border-radius: 1px; color: #fff; text-decoration: none; width: 30px; height: 30px; line-height: 11px; font-weight: 700; letter-spacing: .5px; border-radius: 50px;}
.owl-controls .owl-buttons .owl-prev {background: #d90000; position: absolute; top: 44%; left: -21px; padding: 3px 13px 3px 13px; border-radius: 30px; border: 3px solid #fff; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-next {background: #d90000; position: absolute; top: 44%; right: -21px; padding: 3px 13px 3px 13px; border-radius: 30px; border: 3px solid #fff; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after {content: "\f100"; font-family: "Font Awesome 5 Pro"; color: #ffffff; font-size: 16px;}
.owl-controls .owl-buttons .owl-next:after { content: "\f101";}
/*Product part Start---*/


/*----------------enquiry part start-------------*/
.content-grid {background-color:#112539;width: 100%;padding: 10px 0px;}
.content-grid-to {border-bottom: 1px dashed #ffffff61;border-top: 1px dashed #ffffff61;margin: 0;padding: 25px 0;}
.grid-2 h4 {color: #fff;font-size: 23px;margin:0px;font-weight: 600;padding: 0px 0px;line-height: 40px;/* text-align: center; */}
.sub-button-box{margin-right: 20px;}
.sub-button-box a {background-color: #d90000;color: #fff;padding: 10px 26px;font-size: 16px;font-weight: 900;text-transform: uppercase;display: inline-block;border: 0;border-left: 4px solid #ffffff;border-right: 4px solid #ffffff;border-radius: 7px;}
.sub-button-box a i{ margin-left:5px;}
/*----------------enquiry part End-------------*/


/*Why Part Start*/
.why-part {background-image: url(../images/whychoose-img.jpg); background-repeat: no-repeat; background-size: cover; padding: 30px 0px;}
.why-text p {font-size: 18px;color:#000;text-align:justify;line-height: 31px; margin-top: 10px;}
.box-catlog {border: 2px solid #ed1c24; background-color: #fff;}
.why-img {width: 93%; margin: 12px auto;}
.why-img img {width: 100%; height: auto; padding-bottom: 5px;}
.why-sevice-text {/* text-align:center; */ padding: 0px 15px;}
.why-sevice-text h3 {font-size: 25px; margin: 7px 0px; font-weight: 600; color: #2e3192;}
.why-sevice-text p {font-size: 18px; line-height: 30px; font-weight: 400; color: #333; margin: 5px 0px; text-align: justify;}
.img-text-service {text-align: center; background-color: #fff; border: 2px solid #112539; margin-top: 70px;}
.image-box img {width: auto!important; height: auto; border-radius: 100px; padding: 0px; border: 2px solid #112539; margin: 0 auto; position: relative; bottom: 50px; margin-bottom: -50px; background: #fff;}
.box-part h4 {margin: 10px 0px 2px; font-size: 18px; color: #112539; line-height: 30px; text-transform: uppercase; font-weight: 800;}
.box-part p {margin: 0px 15px 15px; font-size: 18px; color: #333; line-height: 29px;}
.why-imgs img {width: 100%; height: auto; margin-top: 15px;}
.c-hbox {margin-top: 60px; text-align: center;}
.haapy-box {border: 2px solid #112539; padding: 6px 20px; border-radius: 100px; display: inline-block;}
.o-flex {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.o-flex img {padding: 5px; border-radius: 100px; margin-right: 10px; background-color: #04386B; width: 75px; height: 75px;}
.o-flex h4 span {font-weight: normal; font-size: 16px; margin: 0px 0px; color: #112539; text-transform: none; display: block; line-height: 10px;}
.o-flex h4 {font-weight: 900; font-size: 30px; margin: 0px 0px 15px; color: #235a79; line-height: 53px; text-transform: uppercase;}

/*Why Part Start*/
.why-choose-container {display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap;}

.why-card {background: #eef4ff; border-radius: 10px; padding: 30px 20px; text-align: center; flex: 1 1 180px; max-width: 220px;transition: all 0.3s ease;}

.why-card img { width: 55px; margin-bottom: 15px;}
.why-card h4 {font-size: 15px; font-weight: 600; color: #222;line-height: 1.4;}
.why-card:hover { background: #dbe7ff; transform: translateY(-5px);}

/* Mobile Responsive */
@media (max-width: 768px) 
{
  .why-choose-container {justify-content: center; }
  .why-card {max-width: 100%;}
}

/***********Whatsapp here**************/
.whatsapp_btn{position: fixed;bottom: 100px;right: 10px;width: 50px;height: 50px;z-index:100;}
.whatsapp_btn .icon_logo{position: relative;z-index:150;padding: 5px;}
.whatsapp_btn .icon_logo > a > img{width: 100%;}
.whatsapp_btn .circle_waves{border-radius: 50%;background-color: #3cc04e;width: 50px;height: 50px;position: absolute;opacity: 0;bottom: 1px;left: 0px;z-index:120;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 here**************/

/*Industries PART CSS*/
.client-title h1 {font-size:31px; font-weight: 800; color: #6b5110; animation: slideIn 2s ease-out; text-align: center;}
.client-part {padding: 40px 0px;}
.client-block img {width: 98%; height: auto; border: 1px solid #000; padding: 2px; margin-left: 2px; border-radius: 5px 5px 0px 0px;}
#industries-slider {margin-top: 20px;}
.client-block h4 {background-color: #112539; color: #fff; text-align: center; padding: 5px 0px; font-size: 17px; margin: 0px 4px 0px 2px; border-radius: 0px 0px 5px 5px;} 
/*Industries PART CSS*/


/*--counter-part-start--*/
.counter { padding:50px 0px;}
.box-service{border: 2px solid #112539;padding: 5px;border-radius:100px;}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.d-flex img{padding: 5px;background-color: #112539;border-radius:100px;border: 2px solid #d90000;margin-right: 10px;}
.d-flex h4 span {font-weight: normal;font-size: 14px;margin: 0px 0px;color: #000;text-transform: none;display: block;line-height: 10px;}
.d-flex h4 {font-weight: 900;font-size: 43px;margin: 0px 0px 0px;color: #000;line-height: 61px;text-transform: uppercase;}
.side-info__logo img {background-color: #fff !important; border: none !important;}
/*--counter-part-End--*/




/* Footer CSS Start */
.footer-part {background-color: #112539; background-image: url(../images/footer-bg.png); background-repeat: no-repeat; background-position: top; padding: 50px 0px; background-size: cover; /* border-top: 5px solid #fe0000; */}
.footer-text h3 {font-size: 22px; color: #ffffff; line-height: 27px; margin: 0px; font-weight: 600; text-transform: uppercase;}
.footer-decor-3 {width: 100%; margin: 0px auto 0px;}
.footer-decor-3:after {position: relative; top: -3px; display: inline-block; width: 50px; border-bottom: 4px solid #ffffff; margin-bottom: 0px; content: '';}
.footer-img {text-align: center;}
.footer-img img {width: 95%; height: auto; background-color: #fff; padding: 7px 7px 7px; border-radius: 10px; border: 2px solid #ffffff; box-shadow: inset 0px 0px 4px 0px #0000007d;}
.footer-text {padding: 3px 0px;}
.footer-text p {color: #FFFFFE; font-size: 18px; line-height: 30px; letter-spacing: 0.3px; font-weight: 300; margin: 15px 3px 15px;}
.footer-information ul {padding-left: 0px; margin-bottom: 0; padding-right: 4px;}
.footer-information ul li {background-image: url(../images/arrow-now-1.png); background-repeat: no-repeat; background-position: 0px 19px; padding-left: 29px; list-style: none; text-align: left; font-weight: 300; padding-top: 9px; padding-bottom: 9px; font-size: 18px; line-height: 30px; border-bottom: 1px dotted #d7d7d7;}
.footer-information ul li a {color: #ffffff; text-decoration: none;}
.footer-information ul li a:hover {color: #ffffffc2; text-decoration: none; transition: 0.5s;}
.w3l-footer.three ul {padding-left: 0px; margin: 0;}
.w3l-footer.three ul li {margin-bottom: 8px; margin-top: 8px; display: block;}
.w3l-footer.three ul li i {font-size: 18px; color: #ffffff; position: relative; line-height: 40px; float: left; height: 50px; border-radius: 50%; margin: 5px 6px; text-align: center; width: 50px; background-color: #d60000; border: 4px solid #ffffff;}
.w3l-footer.three ul li p {list-style-type: none; color: #ffffff; font-size: 18px; line-height: 30px; float: left; width: 80%; font-weight: 300; margin-left: 6px; text-align: left; margin: 0px 4px 4px 4px;}
.w3l-footer.three ul li span {display: block; font-weight: 600; font-size: 18px; line-height: 30px; text-transform: uppercase;}
.w3l-footer.three a {color: #fff; text-decoration: none;}
.w3l-footer.three a:hover {color: #ffffff; transition: 0.3s;}
.social-midia {padding: 10px 0px 10px; text-align: center;}
.social-midia img {margin: 0px 1px; width: auto; border-radius: 100px; height: auto; border: 1px solid #1c672d; padding: 2px;}
.social-icon {position: relative; padding-left: 0px; padding-top: 7px; padding-bottom: 0px; margin: 0px;}
.social-icon li {display: inline-block; margin: 0 2px;}
.social-icon li a {display: inline-block; width: 35px; height: 35px; background: #d60000; line-height: 27px; text-align: center; transition: .5s; color: #ffffff; font-size: 15px; border: 3px solid #ffffff;}
.social-icon li a:hover {background: #012a67; color: #fff; border-color: #ffffff;}
.power-by-bg {width: 100%; margin: 0 auto; padding: 10px 0; background-color: #d60000;}
.power-by p {text-align: center; color: #fff; padding: 0; margin: 0; font-size: 17px; font-weight: 300; line-height: 30px;}
.power-by p a {color: #fff; font-weight: 600;}
.power-by p a:hover {color: #fcbf26; transition: .5s;}
/* Footer CSS End */