@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
body {  font-family: "Lato", sans-serif !important;}
.fa{font-family:FontAwesome !important;}
*{font-family:Lato !important;}
p, h1, h2, h3, h4, h5, h6 {  font-family: "Lato", sans-serif !important;}
a { text-decoration: none;}
section.query-section ul li {
    /* border-radius: 50px; */
    color: #fff;
    line-height: 33px;
}
.testimonial-section { background-image: url('image/about-bg.jpg'); padding: 7% 0; background-size: cover;}
.testimonial-section .heading { color: #273c4f;}
.testimonial-section .client-bx {margin: 10px 0;background: #c20c22;padding: 20px;min-height: 225px;height: 100%;display: inline-block;position: relative;}
.testimonial-section .client-bx p.text-end { position: absolute; bottom: 20px; right: 20px}
.testimonial-section .client-bx img { border-radius: 50%; border: 2px solid #fff;}
.testimonial-section .client-bx h5 { color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; margin: 0;}
.testimonial-section .client-bx p {color: #eeeeee;margin: 15px 0 0 0;text-align: justify;font-size: 17px;letter-spacing: .5px;line-height: 1.6;font-weight: 300;}
.testimonial-section .carousel-indicators { bottom: -50px}
.testimonial-section .carousel-indicators [data-bs-target] { background-color: #273c4f;}
/*  */
.testimonial-section .client-bx-innr {margin: 10px 0;background: #273c4f;padding: 30px;min-height: 96% !important;}
.testimonial-section .client-bx-innr img { border-radius: 50%; border: 2px solid #fff;}
.testimonial-section .client-bx-innr h5 { color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; margin: 0;}
.testimonial-section .client-bx-innr p { color: #eeeeee; margin: 15px 0 0 0;text-align: justify; font-size: 14px; letter-spacing: .5px; line-height: 1.6; font-weight: 300;}
.min_lh_1{ min-height: 320px !important;}
.min_lh_2{ min-height: 380px !important;}
.min_lh_3{ min-height: 310px !important;}
.min_lh_4{ min-height: 300px !important;}
.min_lh_5{ min-height: 450px !important;}
.min_lh_6{ min-height: 360px !important;}
.min_lh_7{min-height: 310px !important;}
.para_detl{/* display: -webkit-box; */-webkit-line-clamp: 5;-webkit-box-orient:vertical;overflow: hidden;}


.home-serv{background: #c20c22;padding: 50px 20px 20px;margin-bottom: 15px;}
.home-serv .hm-head{ text-align:center; color:#fff;}
.home-serv .hm-head::after{ left:0; right:0; margin: 0 auto; background: #fff;}
.home-serv p{ text-align:center; color:#fff;}
.ser-bx{ padding:10px 10px;}
.ser-bx:hover{border-radius:5px;background: #11111136;}
.ser-bx h3{ text-align:left; color:#fff; font-size: 19px; font-weight: 700;}
.ser-bx p{ text-align:left;}
.ser-bx img{ margin-bottom:10px; border-radius: 10px 10px;}

.serbox{box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.5);}
/* .aside{background:#eee;font-family:Lato;font-weight:normal;Font-size:13px;color:#333;margin-top: 19px;line-height:22px;border:1px #ccc solid;}
.aside ul{list-style-image:url(image/arrow.png);list-style: none;list-style-position: inside;margin:0;padding:0;}
.aside ul li{Font-size: 18px;line-height: 49px;border-top:1px #ccc solid;padding-left:10px;}
.aside ul li a{color: #cc0e24;text-decoration:none;}
.aside ul li:hover{ background:#fff;}
.aside p{font-family:Lato; font-weight:normal; Font-size:13px; color:#333; line-height:22px; text-align:center; margin:0;}

.aside h2{font-weight:bold; Font-size:16px; color:#fff; line-height:40px; text-align:center; border-bottom:1px #7c5d2b solid; text-transform:uppercase; padding:0; margin:0; background:#333;} */
/* aside services */
.ser-aside h3 { background: #cc0e24;
    margin-top: 10px;
    margin-bottom: 0; text-align: center;
    color: #fff;
    padding: 15px;
}
.img-responsive{max-width: 100%;}
.img-fix {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.box-model {
    font-family: Arial, Helvetica, sans-serif;
    width: 70%;
    margin: 16% auto;
    background: rgba(255, 255, 255, 0.85);
    color: #222;
    border: 2px #ccc solid;
    border-radius: 20px;
    padding: 10px 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.ser-aside .nav-pills .nav-link{    justify-content: space-between;  display: flex; border-bottom: #fff solid 2px; padding: 10px 15px;color: #333;align-items: center;}
.ser-aside .nav-pills .nav-link:hover{color: #000; }
.ser-aside .nav-pills .nav-link .fa{font-size: 10px;}
.ser-aside .nav-pills .nav-link.active{background-color: #cc0e24;color: #fff;border-radius: 0;}
/* aside services */
.product-section {padding: 2% 0 6% 0;background: linear-gradient(#fffcfc, #f8f8f8);}
.product-section .ser-heading {font-size: 40px;margin: 0 0 40px 0;font-weight: 500;position: relative;text-align: center;color: #cc0e24;}
.product-section .ser-heading span { background: #fff; padding: 0 70px; position: relative; z-index: 3;}
.product-section .ser-heading::after {content: '';position: absolute;width: 100%;height: 1px;background: #cc0e24;left: 0;top: 50%;}
.product-section .nav-pills { display: flex; justify-content: center;}
.product-section .nav-pills .nav-link {border: 1px solid #cc0e24; margin: 5px 0; border-radius: 0; /* padding: 8px 20px; */ color: #2e2e2e; font-weight: 500;}
.product-section .nav-pills .nav-link.active {background: #cc0e24;color: #fff;}
.product-section .tab-content h4 {color: #cc0e24;text-align: center;font-size: 25px;margin: 30px 0 20px 0;font-weight: 600;}


.heading h2 {color: #1b1b1b; font-size: 27px; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 12px 0;}
.heading p { color: #303030; font-size: 19px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0;}
.heading p span { position: relative;}
.heading p span::after { content: ''; position: absolute; width: 70px; height: 2px; background-color: #c1151c; left: -82px; top: 10px;}
.heading p span::before { content: ''; position: absolute; width: 70px; height: 2px; background-color: #c1151c; right: -82px; top: 10px;}
.sub-heading { color: #141414; font-size: 27px; line-height: 40px;letter-spacing: .7px; text-transform: uppercase; font-weight: 600; padding: 20px 0; border-top: 2px solid #c1151c;} 
p, .main-table ul li {color: #303033;font-size: 17px;line-height: 1.6;letter-spacing: .5px;}
.custom-btn { display: inline-block; padding: 10px 28px; color: #fff; background: #c1151c; text-transform: uppercase; font-size: 15px; letter-spacing: .5px; box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5); border: 0px solid rgba(0,0,0,1);} 
.custom-btn:hover { color: #fff; background: #a30e13;}

.top-header {padding: 8px 0;border-bottom: 1px solid #c2c2c2;}
.top-header .social-icon a i{display: inline-block;width: 32px;height: 32px;color: #fff;background: #1da1f2;border-radius: 50%;text-align: center;font-size: 13px;line-height: 2.4;}
.top-header .social-icon a .fa-facebook { background: #3b5998;}
.top-header .social-icon a .fa-twitter { background: #1da1f2;}
.top-header .social-icon a .fa-youtube { background: #cd201f;}
.top-header .social-icon a .fa-linkedin {background: #1da1f2;}

.banner-section .carousel-control-next, .banner-section .carousel-control-prev { background: #c1151c; width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%; opacity: .8;}
.banner-section .carousel-control-next { right: 2%;}
.banner-section .carousel-control-prev { left: 2%;}
.banner-section .carousel-caption {background: rgba(255,255,255, .8);padding: 40px;width: 36%;text-align: left;left: 10%;top: 26%;bottom: auto;}
.banner-section .carousel-caption h1 { color: #121212; font-size: 25px; text-transform: uppercase; margin: 0 0 15px 0;}
.banner-section .carousel-caption p { font-size: 17px; margin: 0 0 25px 0; line-height: 1.6;}

.banner-bottom { padding: 5% 0;}
.banner-bottom .event-calendar-heading { background: #e7e7e7;}
.banner-bottom .event-calendar-heading h3 { padding: 18px; text-align: center; text-transform: uppercase; font-size: 16px; color: #c1151c; letter-spacing: .5px;}
.banner-bottom .event-calendar-heading.active { background: #c1151c; position: relative;}
.banner-bottom .event-calendar-heading.active h3 { color: #fff;}
.banner-bottom .active::after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 0; height: 0; border-left: 10px solid rgba(0,0,0,0); border-right: 10px solid rgba(0,0,0,0); border-top: 10px solid #c1151c; border-bottom: 0;}
.banner-bottom .event-calendar-heading:hover, .banner-bottom .event-calendar-heading:hover h3 { background: #c1151c; cursor: pointer; color: #fff;}

.banner-bottom .event-calendar-bx {margin: 20px 0;padding: 40px;background: #f5f5f5;border-radius: 5px;box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.4);min-height: 300px;}
.banner-bottom .event-calendar-bx h4 { color: #c1151c; font-size: 17px; margin: 0 0 20px 0;}
.banner-bottom .event-calendar-bx h4 i  {color: #212121; margin: 0 5px 0 0;}
.banner-bottom .event-calendar-bx p { font-size: 17px; margin: 0 0 30px 0;}

.about-section { padding: 2% 0 5% 0;}
.about-section p {font-size: 17px;line-height: 1.6;}

.our-philosophy { padding: 2% 0 5% 0;}
.our-philosophy .philosophy-bx { margin: 20px 0 0 0; padding: 40px 40px 20px 40px; background: #f5f5f5; border-radius: 5px; box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.4); min-height: 320px;}
.our-philosophy .philosophy-bx h4 { border-bottom: 1px solid #868686; padding: 0 0 15px 0; margin: 0 0 20px 0; text-transform: uppercase; font-size: 18px; font-weight: 500;}
.our-philosophy .philosophy-bx h4 img { width: 45px; margin: 0 10px 0 0;}
.our-philosophy .philosophy-bx p {font-size: 14px;margin: 0 0 4px 0;/* font-weight: 500; */text-align: justify;}
.our-philosophy .philosophy-bx ul, .our-philosophy .philosophy-bx ul li { margin: 0; padding: 0;}
.our-philosophy .philosophy-bx ul li {font-size: 14px;letter-spacing: .2px;margin: 0 0 8px 0;display: flex;color: #303030;letter-spacing: .5px;font-weight: 500;}
.our-philosophy .philosophy-bx ul li i { font-size: 12px; margin: 7px 10px 0 0;}

.service-section { padding: 2% 0 5% 0;}
.service-section .carousel-item { padding: 3% 8%;}
.service-section .carousel-control-next, .service-section .carousel-control-prev { background: #c1151c; width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%; opacity: 1;}
.service-section .carousel-control-next { right: 2%;}
.service-section .carousel-control-prev { left: 2%;}
.service-section .service-bx { margin: 0 0 10px 0; padding: 50px; background: #f5f5f5; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px; min-height: 280px;}
.service-section .service-bx h4 { font-size: 21px; text-transform: uppercase; margin: 0 0 15px 0; font-weight: 600;}
.service-section .service-bx p { margin: 0 0 20px 0;}

.query-bx {background-image: url(image/query-banner.jpg);background-size: cover;border-radius: 96px;background-position: center;padding: 50px 36px;}
.query-bx p { color: #fff; font-size: 27px; font-weight: 600; margin: 0; line-height: 1.6;}
.query-bx .apply-btn {background: #fff;display: inline-block;padding: 15px 40px;border-radius: 30px;color: #c1151c;font-weight: 600;font-size: 16px;box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5);}

.client-section { padding: 5% 0;}
.client-section .client-bx { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 25px 18px 10px 18px; border-radius: 5px; margin: 12px 0; min-height: 180px;}
.client-section .client-bx img { width: 150px;}
.client-section .client-bx p { font-size: 14px; color: #c1151c; font-weight: 500; margin: 10px 0 0 0; line-height: 1.4;}

footer { background: #121212; padding: 5% 0 0 0;}
footer h4 { color: #fff; font-size: 16px; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: .5px; font-weight: 400; padding: 0 0 0 15px; position: relative;}
footer h4::before { content: ''; position: absolute; width: 4px; height: 100%; background: #c1151c; left: 0; top: 0;}
footer p, footer p a { color: #cacaca; font-size: 15px; margin: 0; padding: 0 0 10px 0;}
footer p a:hover { color: #c1151c;}
footer p a { display: block; border-bottom: 1px solid #f4f4f4;}
footer .contact-info { display: flex;}
footer .contact-info i { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1;}
footer .social-icon a { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1; color: #fff;}
footer .social-icon a:hover { background: #c1151c;}
footer .footer-bottom { background: #000; padding: 20px 0 12px 0; margin: 5% 0 0 0;}
footer .footer-bottom p {margin: 0 !important;}

.inner-banner img { height: 320px; object-fit: cover;}

.contact-page .contact-info { background: #c1151c; padding: 24px; margin: 0 0 15px 0; display: flex;}
.contact-page .contact-info i { color: #fff; font-size: 30px; margin: 0 15px 0 0;}
.contact-page .contact-info p, .contact-page .contact-info p a {color: #e2e2e2; margin: 0 0 10px 0;}

@media (min-width: 320px) and (max-width:768px) {
    .heading h2 { font-size: 21px; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 12px 0;}
    .sub-heading { font-size: 21px;}
    p { font-size: 15px;}
    .custom-btn { font-size: 15px; padding: 9px 24px;} 
   
    .about-section p { font-size: 18px; line-height: 1.6;}

    .service-section .carousel-item { padding: 3% 5%;}
    .service-section .carousel-control-next, .service-section .carousel-control-prev { width: 30px; height: 30px; padding: 5px;}
    .service-section .carousel-control-next { right: 1%;}
    .service-section .carousel-control-prev { left: 1%;}
    .service-section .service-bx { padding: 20px; min-height: 200px;}
    .service-section .service-bx h4 { font-size: 18px; margin: 0 0 10px 0;}
    .service-section .service-bx p { margin: 0 0 20px 0; font-size: 15px;}
 
    .query-bx { padding: 30px;}
    .query-bx p { font-size: 18px; font-weight: 600; margin: 0; line-height: 1.6;}

    footer h4 { margin: 30px 0 15px 0;}
    footer p, footer p a { font-size: 14px;}
    .top-header{text-align: center;}
}