/*!
Theme Name: Jubilant Consumer
Theme URI: https://jubilantconsumer.com/
Author: Digital Hive Team
Author URI: https://digitalhive.in/
Description: Website Development Company 1000+ Websites Delivered
Text Domain: jubilant-consumer
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/**font-family: "Roboto Slab", serif;**/
body{background: #fff;margin: 0px;padding: 0px;font-family: "Roboto", serif;font-size:16px;color:#58595b;line-height:26px;}
.container {max-width: 1520px;width: 100%;}

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;
overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;
height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;
z-index: 100000;}
#main {margin-top: 0;}
.sec-heading{font-size:32px;margin:0 0 30px;font-weight: 300;line-height: 48px;}
a {color: #0b519e;}

/************Header CSS Start************/
header.main-header{background: #fff !important;}
.main-header .topheader {background:#f0f5d9;color:#414042;text-align:center;padding:15px 0;font-family:"Roboto Slab", serif;font-size:14px;line-height: 16px;}
.main-header nav#header.navbar>.container{align-items: end;}
.main-header nav#header .navbar-brand {padding: 0;}
.main-header nav#header .navbar-brand img {height: 95px;width: auto;max-width: 100%;}
.main-header nav#header .navbar-nav .menu-item {margin: 0 0 0 16px;}
.main-header nav#header .navbar-nav .menu-item .nav-link{font-size:16px;font-weight:500;color:#264a99;padding:6px 12px;}
.main-header nav#header .navbar-nav .menu-item.navbtn .nav-link{background:#264a99;color: #fff;} 

.main-header nav#header .navbar-nav .menu-item.dropdown .nav-link::after{display: none;}


.main-header nav#header .navbar-nav .menu-item .dropdown-menu {background: #274a99;color: #fff;border: none; border-radius: 0;padding: 0px;margin: 8px 0 0;left: -60%;width:200px;}
.main-header nav#header .navbar-nav .menu-item.brandmenu .dropdown-menu{left: -80%;}
.main-header nav#header .navbar-nav .menu-item.indservemenu .dropdown-menu{left: -11%;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu::before{width: 0px;height: 0px;border-style: solid;
border-width: 0 7px 7px 7px;border-color: transparent transparent #274A99 transparent;transform: rotate(0deg);position: absolute;content: '';content: '';top: -6px;left: 45.5%;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item{margin: 0;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item .dropdown-item {border-bottom: solid 1px #fff;color: #fff;text-align: center;font-size: 14px;padding: 10px 10px;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item:last-child .dropdown-item{border:none;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item .dropdown-item:focus, .main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item .dropdown-item:hover{background: #fff;color:#414042;}




/********Home Banner************/
.banner-slide .banner-slide-content {height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px;max-width: 780px;width: 100%;font-size: 24px;line-height: 32px;margin: 0 auto;}
.banner-slide .banner-slide-content p {max-width: 570px;width: 100%;text-align: center;margin: 0 auto;}
#homebannerslider .owl-dots {display: flex;align-items: center;justify-content: center;margin:30px 0 0;}
#homebannerslider .owl-dots button.owl-dot{margin: 0 5px;}
#homebannerslider .owl-dots button.owl-dot span {background: #e1e2e4;height: 12px;width: 12px;display: block;border-radius: 50%;}
#homebannerslider .owl-dots button.owl-dot.active span {background:#b2b3ba;}
#homebannerslider .owl-nav button.owl-prev {position: absolute;top:41.5%;left: 15px;transform: rotate(180deg);}
#homebannerslider .owl-nav button.owl-next {position: absolute;top:41.5%;right: 15px;}
#homebannerslider .owl-nav button.disabled{display: none;}
#homebannerslider .owl-nav button img{width:35px;height: auto;max-width: 100%;}

.home-headline {padding: 50px 0;text-align: center;}
.home-headline .container {max-width: 1180px;}
.home-headline h1 {font-size:35px;margin: 0px;font-weight: 300;color: #58595b;    line-height: 48px;}


.key-services-sec{background: #274a99;color: #fff;text-align: center;padding: 50px 0 15px;}
.key-services-sec #keyserviceslider {margin: 30px 0 0;}
.product-cats-sec {text-align: center;padding: 50px 0 15px;}
.jcpl-slide-card{position: relative;}
.jcpl-slide-card .jcpl-slide-card-content {position: absolute;top: 0px;bottom: 0px;left: 0px;display: flex;align-items: center;justify-content: center;flex-flow: column;width: 100%;padding: 30px;}
.jcpl-slide-card .jcpl-slide-card-content h3 {font-size:35px;font-weight: 700;margin: 0 0 15px;min-height:85px;max-width:250px;width: 100%;color: #fff;text-shadow: 15px 5px 15px #000;}
.jcpl-slide-card .jcpl-slide-card-content a.btn.btn-outline-light {font-size: 18px;font-weight:500;border-radius: 0px;}
.jcpl-slide-arrow .owl-nav button.owl-prev {position: absolute;top:41.5%;left: 15px;transform: rotate(180deg);}
.jcpl-slide-arrow .owl-nav button.owl-next {position: absolute;top:41.5%;right: 15px;}
.jcpl-slide-arrow .owl-nav button.disabled{display: none;}
.jcpl-slide-arrow .owl-nav button img{width:35px;height: auto;max-width: 100%;}


.our-clients-sec{text-align:center;padding:50px 0;}
#ourclientslider .item {display: flex;align-items: center;justify-content: center;text-align: center;}
#ourclientslider .item img {max-width: 160px;}
#ourclientslider .owl-nav button.owl-prev {position: absolute;top:41.5%;left:0px;transform: rotate(180deg);}
#ourclientslider .owl-nav button.owl-next {position: absolute;top:41.5%;right:0px;}
#ourclientslider .owl-nav button.disabled{display: none;}
#ourclientslider .owl-nav button img{width:30px;height: auto;max-width: 100%;}



footer#footer {background: #f4f4ea;color: #231f20;border-top: solid 2px #cfd2b9;}
footer#footer .footer-heading {font-weight: 700;font-size:18px;margin: 0 0 10px;}
footer#footer ul.menu {list-style: none;margin: 0px;padding: 0px;}
footer#footer ul.menu li{display: block;}
footer#footer ul.menu li a{display: block;color: #231f20;}
footer#footer .footer-box {max-width:295px;width: 100%;margin: 0 auto;padding: 50px 0;}
footer#footer .col-lg-4.border-right {border-right: solid 2px #cfd2b9;}
.copyright {padding: 30px;background: #f0f5d9;text-align: center;}
footer#footer p {margin:0px 0 10px !important;}




/*************Inner Page About Us CSS****************/
.page-banner-slide .page-banner-slide-content{height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px;max-width: 780px;width: 100%;flex-flow: column;font-size:24px;line-height: 32px;margin: 0 auto;}
.page-banner-slide .page-banner-slide-content p {max-width:570px;width: 100%;text-align: center;margin: 0 auto;}
#innerpageslider .owl-nav button.owl-prev {position: absolute;top:41.5%;left: 15px;transform: rotate(180deg);}
#innerpageslider .owl-nav button.owl-next {position: absolute;top:41.5%;right: 15px;}
#innerpageslider .owl-nav button.disabled{display: none;}
#innerpageslider .owl-nav button img{width: 40px;height: auto;max-width: 100%;}

.title-bar-about {padding: 50px 0;text-align: center;}
.title-bar-about .container {max-width: 1180px;}
.title-bar-about ul.menu {list-style: none;margin:0px 0 50px;padding: 0px;}
.title-bar-about ul.menu li {display: inline-block;position: relative;margin: 0 10px;}
.title-bar-about ul.menu li a {text-decoration: none;color: #58595b;display: block;font-size:18px;}
.title-bar-about ul.menu li::after {position: absolute;content: '';width: 2px;background: #58595b;height:16px;right: -14px;top: 5px;}
.title-bar-about ul.menu li:last-child::after{display: none;}
.title-bar-about ul.menu li.current_page_item a{color: #0b519e;} 
.title-bar-about ul.menu li.current-menu-item a{color: #0b519e;}
.title-bar-about h1.page-title {font-size:34px;margin:0 0 50px;font-weight:300;color: #0b519e;line-height:48px;}


.about-our-value{padding: 50px 0;background: #f4f4ea;}
.about-our-value .container {max-width: 1180px;}
ul.our-value-list{list-style: none;margin: 0px;padding: 0px;}
ul.our-value-list li {display: block;padding: 30px 0;border-bottom: solid 2px #264a99;}
ul.our-value-list h5 {font-size: 20px;font-weight: 700;color: #0b519e;margin: 0 0 5px;line-height: 30px;}
ul.our-value-list p{margin: 0px;} 
ul.our-value-list li:last-child{border: none;}
.about-our-vision {padding: 50px 0;text-align: center;background: #264a99;color: #fff;}
.about-our-vision .container {max-width: 1180px;}
.about-our-promise {text-align: center;padding: 50px 0;background: #f0f5d9;}
.about-our-promise  strong {color: #0b519e;}

.about-whychooseus{padding: 50px 0 20px;background: #f4f4ea;}
ul.our-whychooseus-list{list-style: none;margin:0px 0 30px;padding: 0px;}
ul.our-whychooseus-list li {display: block;padding:0 0 15px;text-align: center;}
ul.our-whychooseus-list h5 {font-size: 20px;font-weight: 700;color: #0b519e;margin: 0 0 5px;line-height: 30px;}
ul.our-whychooseus-list p{margin: 0px;} 

.whychooseus-leadership {padding: 50px 0;}
.whychooseus-leadership .sec-heading {background: #f4f4ea;margin:0 0 15px;padding: 10px 0;}
.whychooseus-leadership .leadership-subhead {max-width: 1120px; width: 100%;margin: 0 auto 0px;}
.card.leadershipcard {border-radius: 0px;border: none;text-align: center;margin: 30px 0 0;}
.card.leadershipcard img.card-img-top {border-radius: 0px;width: 100%;height: auto;}
.card.leadershipcard .card-body {padding: 30px 0 0;color: #58595b;}
.card.leadershipcard .card-body .card-title {font-size: 20px;font-weight: 700;color: #0b519e;margin: 0 0 5px;}
.card.leadershipcard .card-body .designation {font-size:15px;font-weight: 400;min-height:44px;}
.about-pages-content{padding: 50px 0;background: #fff;text-align: center;}
.about-pages-content .container {max-width: 1180px;}

.investors-page-content{padding: 0px 0 50px;background: #fff;}

/******Services pages********/
.about-services .about-service-list{padding: 50px 0;background: #fff;}
.about-services .about-service-list.odd {background: #f3f3ea;}
.about-services .about-service-list img {width: 100%;height: auto;}
.about-service-list-content h1, .about-service-list-content h2, .about-service-list-content h3, .about-service-list-content h4, .about-service-list-content h5, .about-service-list-content h6{color: #0b519e;font-weight: normal;font-size: 20px;margin: 0 0 15px;line-height: 30px;}
.about-service-list-content .btn-primary {background: #264a99;color: #fff;border-color: #264a99;border-radius: 0px;box-shadow: none;}

/**********Blog Post Page**************/
.blog-post-list {padding: 0 0 20px;background: #fff;}
.card.jcpl-journal-card {margin:30px 0 0px;border-radius: 0px;text-align: center;border: none;}
.card.jcpl-journal-card img.card-img-top {border-radius: 0px;width: 100%;height: auto;}
.card.jcpl-journal-card .card-title {font-size:20px;margin: 0;font-weight: 300;}
.card.jcpl-journal-card a{color: #58595b;}
.card.jcpl-journal-card a:hover{color:#264a99;}

.bg-faded.sidebar-nav {display: none;}
.singlepost-content .border-right {border-right: solid 2px #cfd2b9;}
.singlepost-content #sidebar {padding: 0 0 0 30px;}
.singlepost-content #sidebar ul li{display: block;margin: 0 0 30px;}
.singlepost-content #sidebar ul li a {display: block;font-size: 20px;color: #264a99;}
.singlepost-content article {padding: 0 30px 0 0;}
.singlepost-content .post-entry-header .post-thumbnail{margin:0px 0 30px;}
.singlepost-content .post-entry-header .post-thumbnail img {width: 100%;height: auto;}
.singlepost-content .post-entry-header .post-entry-title{font-size:34px;margin:0 0 30px;font-weight:300;color: #0b519e;line-height: 48px;}
.singlepost-content .post-entry-content {padding: 30px 0;}
.singlepost-content .post-entry-content ul, .singlepost-content .post-entry-content ol{padding-left: 18px;}
.singlepost-content .post-entry-content ul li, .singlepost-content .post-entry-content ol li{margin:0 0 10px;}
.singlepost-content .post-entry-content table.has-fixed-layout {border: solid 1px #58595b;}
.singlepost-content .post-entry-content h1, .singlepost-content .post-entry-content h2{font-size:30px;margin:0 0 30px;font-weight:300;color: #0b519e;}
.singlepost-content .post-entry-content h3{font-size:28px;margin:0 0 30px;font-weight:300;color: #0b519e;} .singlepost-content .post-entry-content h4{font-size:24px;margin:0 0 30px;font-weight:300;color: #0b519e;}
.singlepost-content .post-entry-content h5{font-size:22px;margin:0 0 30px;font-weight:300;color: #0b519e;} .singlepost-content .post-entry-content h6{font-size:20px;margin:0 0 30px;font-weight:300;color: #0b519e;}
.author-page-header, .category-page-header{padding: 30px 0;}


.brand-product-banner {margin: 0 0 50px;background: #fff;text-align: center;}
.brand-product-banner img{width: 100%;height: auto;}
.brand-product-banner .container {max-width: 1180px;width: 100%;}
.brand-product-banner h5{color: #0b519e;font-weight: normal;font-size: 20px;margin:30px 0 30px;line-height: 30px;}
.brand-product-banner a.btn.btn-primary {background: #264a99;color: #fff;border-color: #264a99;border-radius: 0px;box-shadow: none;}


/***********Product Listing Page*********/

.product-listing{background: #fff;padding: 50px 0;}
.product-listing .container{max-width: 980px;width: 100%;}
#accordionProductlisting{--bs-accordion-border-color: #8bc750;}
#accordionProductlisting .accordion-header .accordion-button{box-shadow: none;font-size: 22px;color: #0b519e;
font-weight: 600;text-align: center;display: flex;align-items: center;justify-content: center;width: 100%;}
#accordionProductlisting .accordion-header .accordion-button:not(.collapsed):after{margin: 0 0 0 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%238bc750' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");}
#accordionProductlisting .accordion-header .accordion-button:after{margin: 0 0 0 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%238bc750' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");}
#accordionProductlisting .accordion-header .accordion-button:not(.collapsed){background: #fff;}
#accordionProductlisting .accordion-body{padding: 0px;}

#accordionProductlisting ul.nav-pills {border-top: solid 4px #f4f4ea;padding: 15px 0;align-items: center;justify-content: center;}
#accordionProductlisting ul.nav-pills li{margin:0 30px 0 0;position: relative;}
#accordionProductlisting ul.nav-pills li::after {position: absolute;content: '';background: #58595b;width: 2px; height: 20px;right: -16px;top: 7px;}
#accordionProductlisting ul.nav-pills li:last-child::after{display: none;}
#accordionProductlisting ul.nav-pills li .nav-link {color: #58595b;font-size: 20px;padding: 4px 8px;border-radius: 0px;}
#accordionProductlisting ul.nav-pills li .nav-link.active{color: #fff;background: #8bc750;}

#accordionProductlisting .table{--bs-table-border-color: #f4f4ea;margin-bottom: 2rem;--bs-border-width: 3px;}
#accordionProductlisting .table thead tr th{color: #a7a9ac;font-size: 18px;font-weight: 500;}
#accordionProductlisting .table tbody tr td{color: #0b519e;font-size: 18px;}

#accordionnotfound .table{--bs-table-border-color: #f4f4ea;margin-bottom: 2rem;--bs-border-width: 3px;}
#accordionnotfound .table thead tr th{color: #a7a9ac;font-size: 18px;font-weight: 500;}
#accordionnotfound .table tbody tr td{color: #0b519e;font-size: 18px;}


.about-page-repeater{padding: 30px 0;}
.about-page-repeater:nth-child(odd){background:#f1f5d9;}
.about-page-repeater-content .sec-heading{color: #0b519e;}
.about-page-repeater-content .btn.btn-primary {background: #264a99;color: #fff;border-color: #264a99;border-radius: 0px;box-shadow: none;}


/***********Search Modal***********/
form.is-search-form{display: none;}
#searchModal .modal-dialog{max-width: 600px;width: 100%;}
#searchModal .modal-body {min-height: 200px;align-items: center;justify-content: center;display: flex;flex-flow: column;text-align: center;padding: 30px;}
#searchModal .modal-body button.btn-close {position: absolute;top:15px;right:15px;}
#searchModal .modal-body form.is-search-form {width: 100%;display: block;}
#searchModal .modal-body form.is-form-style.is-form-style-3 label {width: calc(100% - 50px) !important;}
#searchModal .modal-body form.is-search-form input.is-search-input{font-size: 18px !important;height: 50px;}
#searchModal .modal-body form.is-search-form  button.is-search-submit{height: 50px;width: 50px;}
#searchModal .modal-body form.is-search-form  button.is-search-submit .is-search-icon{height: 50px;padding-top: 13px !important;}
div.is-ajax-search-details, div.is-ajax-search-result{width: 100% !important;max-width:529px !important;}
#searchModal .modal-footer{padding: 30px;text-align: center;display: block;}
#searchModal .modal-footer h5 {font-size: 18px;margin: 10px 0;font-weight: 300;color: #58595b;font-style: italic;}


a.querybtn {color: #231f20;}

#queryModal form.wpcf7-form .form-control {box-shadow: none;border-radius: 0px;margin: 0 0 15px;padding: 12px 12px;}
#queryModal form.wpcf7-form textarea.form-control{height: 100px;}
#queryModal form.wpcf7-form .form-control:focus{border-color: #dee2e6;}
#queryModal form.wpcf7-form input.btn.btn-primary {background: #264a99;color: #fff;border-color: #264a99;border-radius: 0px;box-shadow: none; padding: 12px 30px;}


@media only screen and (max-width:1080px) {
.main-header nav#header .navbar-nav .menu-item {margin: 0 0 0 10px;}  
.main-header nav#header .navbar-brand img {height: 80px;}    
}


@media only screen and (max-width:991px) {
.main-header nav#header button.navbar-toggler {background: #fff;border: none;box-shadow: none;padding:0px;border-radius: 0px;}
.main-header nav#header button.navbar-toggler .navbar-toggler-icon {--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23264a99' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");height: 2em;
        width: 2em;}   
.main-header nav#header .navbar-nav {padding: 15px 0 0;}  
.main-header nav#header .navbar-nav .menu-item {margin: 0;text-align: center;border-bottom: solid 1px #264a99;}   .main-header nav#header .navbar-nav .menu-item .dropdown-menu{margin: 0;left: 0;width: 100%;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu::before{display: none;}
.main-header nav#header .navbar-nav .menu-item .dropdown-menu .menu-item .dropdown-item{padding: 6px 12px;}    
.main-header nav#header .navbar-nav .menu-item.dropdown .nav-link::after{display:none;}   
footer#footer .col-lg-4.border-right {border-right: none;border-bottom: solid 2px #cfd2b9;}    
footer#footer .footer-box {max-width: 100%;text-align: center;padding: 30px 0;}    
 
#homebannerslider .owl-nav{display: none;}     
.banner-slide .banner-slide-content{max-width: 100%;}    
.banner-slide .banner-slide-content p{max-width: 100%;} 
#innerpageslider .owl-nav{display: none;}    
.page-banner-slide .page-banner-slide-content{max-width: 100%;} 
.page-banner-slide .page-banner-slide-content p{max-width: 100%;} 
    
.title-bar-about h1.page-title {font-size: 30px;line-height: 42px;}    
.home-headline h1 {font-size: 30px;line-height: 42px;}
.sec-heading {font-size: 28px;line-height:38px;}
.jcpl-slide-card .jcpl-slide-card-content h3 {font-size: 30px;}    
.product-list-sidebar {margin: 0 0 30px;} 
.singlepost-content article {padding: 0;}   
.singlepost-content .border-right {border-right: none;}
.singlepost-content #sidebar {padding: 0;}    
.about-page-repeater-content{margin: 30px 0 0 0;}    
    
}


@media only screen and (max-width:767px) {
.home-headline {padding: 30px 0;}    
.key-services-sec{padding: 30px 0;}
.product-cats-sec{padding: 30px 0;} 
.our-clients-sec {padding: 30px 0;} 
.copyright {padding: 15px 0;}  
.jcpl-slide-arrow .owl-nav button img {width: 25px;}  
.title-bar-about {padding: 30px 0;} 
.title-bar-about ul.menu{margin: 0px 0 30px;}    
.title-bar-about h1.page-title{margin: 0 0 30px;}    
.about-our-value {padding: 30px 0;}    
.about-our-vision {padding: 30px 0;}    
.about-our-promise {padding: 30px 0;}    
.about-whychooseus {padding: 30px 0 1px;}  
.whychooseus-leadership {padding: 30px 0;}    
.about-pages-content {padding: 30px 0;} 
.about-services .about-service-list {padding: 30px 0;text-align: center;}    
.about-services .about-service-list img {margin: 0 0 15px;}    
    
}


@media only screen and (max-width:575px) {
.main-header .topheader{padding: 10px 0;}    
.banner-slide .banner-slide-content{padding: 30px 15px;font-size: 20px;} 
.page-banner-slide .page-banner-slide-content{padding: 30px 15px;font-size: 20px;}     
.jcpl-slide-card .jcpl-slide-card-content h3{font-size: 28px;} 
.home-headline h1 {font-size:28px;line-height:38px;}
.title-bar-about h1.page-title {font-size:28px;line-height:38px;}
.sec-heading {font-size: 24px;line-height:34px;}  
#ourclientslider .owl-nav button img {width: 25px;}    
ul.our-value-list li{text-align: center;} 
ul.our-value-list li img.img-fluid {max-width: 150px;width: 100%;margin: 0 auto 15px;}
.blog-post-list .row.g-5{ --bs-gutter-y: 0;  --bs-gutter-x: 0;}
.singlepost-content .post-entry-header .post-entry-title{font-size:28px;line-height:38px;}
.singlepost-content #sidebar ul li a{font-size: 18px;}    
}









