@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,700;1,400&display=swap');

* {
     margin:0px;
     padding:0px;
     outline:none;
}
 ul {
     list-style:none;
}
 a, a:hover {
     text-decoration:none;
}
 img {
     border:none;
}
 h1,h2,h3,h4,h5,h6 {
     padding:0px;
     margin:0px;
     font-family: 'Montserrat', sans-serif;
}
 h1,h2,h3,h4,h5,h6,p,b,strong,ul,li,a {
     margin:0px;
     padding:0px;
}
 body {
     font-size:14px;
     color:#282828;
     box-sizing:border-box;
     font-family: 'Montserrat', sans-serif;
     overflow-x: hidden;
}
/*************************/
 .header_tp {
     position:relative;
     height:50px;
}
 .header_tp_dtl ul {
     display:block;
     float:right;
}
 .header_tp_dtl ul li {
     float:left;
     display:flex;
     padding:7px 15px;
     border-right:2px solid #e2e2e2;
}
 .header_tp_dtl ul li:nth-child(2) {
     border-right:0px;
}
 .header_tp_dtl ul li:last-child {
     border-right:0px;
}
 .header_tp_dtl ul li.call_tp img {
     margin-right:10px;
     width:24px;
     height:24px;
     margin-top:7px;
}
 .header_tp_dtl ul li.call_tp span {
     font-weight:bold;
     color:#324a9c;
     font-size:11px;
     text-transform:uppercase;
}
 .header_tp_dtl ul li.call_tp a {
     color:#282828;
     font-weight:600;
     font-size:12px;
}
 .header_tp_dtl ul li.call_tp:hover a {
     color:#0d8247;
}
 .header_tp_dtl ul li .tp_enquiry {
     padding:0 25px;
     line-height:36px;
     background:#324a9c;
     font-size:13px;
}
 .header_tp_dtl ul li .tp_enquiry a {
     color:#fff;
     font-weight:600;
     letter-spacing:0.25px;
}
 .header_tp_dtl ul li .tp_enquiry a i {
     margin-right:10px;
}
 .header_tp_dtl ul li .tp_enquiry:hover {
     background:#0c8147;
}
/*************************/
 .header_top {
     border-top:3px solid #9a1830;
     padding:2px 0;
     position:relative;
}
 #header:after {
     position:absolute;
     content:'';
     top:50px;
     right:0;
     display:block;
     height:2px;
     width:60%;
     background:linear-gradient(90deg,#fff,#e2e2e2);
}
 .fixed-top {
     position:sticky;
     display:block;
     background:#fff;
     top:0px;
     border-top:2px solid #114887;
     box-shadow:0px 0px 10px 3px rgb(70 70 70 / 30%);
}
 .logo img {
     display:block;
     padding:10px 0;
     margin-top:-40px;
     width: auto;
     height: 90px;
     transition:all.3s ease-in-out;
}
 .header_menu {
     display: flex;
     height:60px;
}
 .header-scrolled .logo img {
     width:80%!important;
     height:auto;
}
 .main-nav {
     margin-top:12px;
     transition:all.3s ease-in-out;
}
 .main-nav > ul > li {
     position: relative;
     white-space: nowrap;
     float: left;
}
 .main-nav a {
     color: #324a9c;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.50px;
     transition: all 200ms linear;
     position: relative;
     display: inline-block;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     padding:10px 16px;
}
 .main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {
     color: #4ea647;
     text-decoration: none;
}
 .main-nav .drop-down ul {
     display: block;
     position: absolute;
     right: -111px;
     top: calc(100% + 30px);
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     transition: ease all 0.3s;
     padding: 5px;
     background-color: rgba(255,255,255,1);
     box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%);
     border: none;
     border-radius: 3px;
}
 .main-nav .drop-down:hover > ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
}
 .main-nav .drop-down li {
     min-width: 160px;
     position: relative;
}
 .main-nav .drop-down ul li {
     border-bottom: 1px solid #f4f4f7;
     margin-top:0px;
}
 .main-nav .drop-down ul li a {
     padding: 5px 10px;
     color: #6f778a;
     border-radius: 2px;
     font-weight:600;
     transition: all 200ms linear;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     font-size: 12px;
     text-transform: uppercase;
     width:100%;
}
 .main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {
     color: #fff;
     background-color: #0c8147;
}
 .main-nav .drop-down > a:after {
     content: "\f107";
     font-family: FontAwesome;
     padding-left: 10px;
}
 .main-nav .drop-down .drop-down ul {
     top: 0;
     right: calc(100% - 10px);
}
 .main-nav .drop-down .drop-down:hover > ul {
     opacity: 1;
     top: 0;
     right: 100%;
}
 .main-nav .drop-down .drop-down > a {
     padding-right: 35px;
}
 .main-nav .drop-down .drop-down > a:after {
     content: "\f105";
     position: absolute;
     right: 15px;
}



/*******************/
 .mobile-nav {
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: 9999;
     overflow-y: auto;
     left: -260px;
     width: 260px;
     padding-top: 18px;
     background: #235fb4;
     transition: 0.4s;
}
 .mobile-nav a {
     display: block;
     color: #fff;
     padding: 10px 20px;
     font-weight: 600;
     font-size: 13px;
     letter-spacing: 1px;
     text-transform: uppercase;
     position: relative;
     font-family: Montserrat;
}
 .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
     color: #ffff   ;
     text-decoration: none;
}
 .mobile-nav .drop-down > a:after {
     content: "\f078";
     font-family: FontAwesome;
     padding-left: 10px;
     position: absolute;
     right: 15px;
}
 .mobile-nav .active.drop-down > a:after {
     content: "\f077";
}
 .mobile-nav .drop-down > a {
     padding-right: 35px;
}
 .mobile-nav .drop-down ul {
     display: none;
     overflow: hidden;
}
 .mobile-nav .drop-down li {
     padding-left: 20px;
}
 .mobile-nav-toggle {
     position: absolute;
     right: 0;
     top: 0;
     z-index: 999;
     border: 0;
     background: none;
     font-size: 24px;
     transition: all 0.4s;
     outline: none;
     line-height: 1;
     cursor: pointer;
     text-align: right;
}
 .mobile-nav-toggle i {
     margin: 18px 18px 0 0;
     color: #000;
}
 .mobile-nav-overly {
     width: 100%;
     height: 100%;
     z-index: 9997;
     top: 0;
     left: 0;
     position: fixed;
     background: rgba(19, 39, 57, 0.8);
     overflow: hidden;
     display: none;
}
 .mobile-nav-active {
     overflow: hidden;
}
 .mobile-nav-active .mobile-nav {
     left: 0;
}
 .mobile-nav-active .mobile-nav-toggle i {
     color: #fff;
}
 .header-scrolled .main-nav > ul {
     margin-top:5px;
}
/*************************/
 #carousel .carousel-control {
     background:none;
     top:45%;
     font-size:22px;
     text-align:center;
     width:40px;
     height:40px;
     opacity:1;
     position:absolute;
}
 #carousel .carousel-control-right {
     right:4%;
}
 #carousel .carousel-control-left {
     left:0;
}
 #carousel .carousel-control-right span {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
     visibility:hidden;
     transition:transform 0.5s ease;
     opacity:0;
}
 #carousel .carousel-control-left span {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     visibility:hidden;
     transition:transform 0.5s ease;
     opacity:0;
}
 #carousel:hover .carousel-control-right span {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     visibility:visible;
     opacity:1;
}
 #carousel:hover .carousel-control-left span {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     visibility:visible;
     opacity:1;
}
 #carousel .carousel-control span {
     color:#fff;
     background-color:rgba(0, 0, 0, 0.7);
     height:45px;
     width:45px;
     z-index:121;
     line-height:45px;
     text-align:center;
     position:absolute;
}
 #carousel .carousel-control span:hover {
     background-color:#324a9c;
}
 #carousel .carousel-item .caption {
    /* background-color:rgb(1 15 74 / 50%);*/
     background-color:rgb(0 0 0 / 40%);
     padding:25px;
     animation-duration:1s;
     animation-delay:1s;
}
 #carousel .caption h2 {
     animation-duration:1s;
     animation-delay:1s;
     font-size: 30px;
     font-weight: 600;
     color:#fff;
     letter-spacing: 1px;
}
 #carousel .caption span {
     animation-duration:1s;
     animation-delay:2.2s;
     font-size:20px;
     font-weight:500;
     letter-spacing:1px;
     display:block;
     color:#fff;
     font-family:'Montserrat', sans-serif;
}
 #carousel .caption a {
     animation-duration:1s;
     animation-delay:2.4s;
}
 #carousel .carousel-item {
     height:85vh;
     width:100%;
     background:no-repeat center center scroll;
     background-size:cover;
}
 .carousel-indicators li {
     width:20px;
     height:4px;
}
 a.anch_btn {
     padding:10px 25px;
     margin-top:10px;
     display:inline-block;
     margin-right:15px;
     font-size:12px;
     font-weight:700;
     margin-bottom:10px;
     letter-spacing:1px;
     background:#324a9c;
     border:2px solid #fff;
     color:#fff;
}
 #carousel .caption a.anch_btn:hover {
     border:2px solid #324a9c;
}
 a.anch_btn0 {
     padding:10px 15px;
     margin-top:10px;
     display:inline-block;
     font-size:12px;
     margin-bottom:10px;
     font-weight:700;
     border:2px solid #fff;
     letter-spacing:1px;
     background:#0c8147;
     color:#fff;
}
 #carousel .caption a.anch_btn0:hover {
     border:2px solid #0c8147;
}
 #carousel .carousel-item.banner1 {
     background-image:url("../images/slider1.webp");
}
 #carousel .carousel-item.banner2 {
     background-image:url("../images/slider2.webp");
}
 #carousel .carousel-item.banner3 {
     background-image:url("../images/slider3.webp");
}
 #carousel .carousel-item.banner4 {
     background-image:url("../images/slider4.webp");
}
 #carousel .carousel-item.banner5 {
     background-image:url("../images/slider5.webp");
}
 #carousel .carousel-item.banner6 {
     background-image:url("../images/slider6.webp");
}

/*************************/
 .about_sec {
     padding:50px 0 60px 0;
}
 .about_hed span {
     font-size: 17px;
     color: #565b7a;
     display: block;
     font-weight: 600;
     letter-spacing: 0.50px;
     text-align: center;
}
 .about_hed h1 {
     text-align:center;
     position:relative;
     color:#324a9c;
     letter-spacing:2px;
     display:block;
     font-size:30px;
     font-weight:bold;
     padding-bottom:5px;
     text-transform:uppercase;
     font-family: 'Philosopher', sans-serif;
}
 .about_hed h4 {
     font-size:21px;
     text-align:center;
     letter-spacing:1px;
     display:block;
     color:#0c8147;
     font-weight:600;
     font-family: 'Philosopher', sans-serif;
}
 .about_hed {
     padding-bottom:40px;
}
 .abt_lft span {
     font-size:32px;
     color:#0b8146;
     display:block;
     text-decoration:underline;
     text-decoration-thickness:2px;
     text-decoration-color:#0b8146;
     font-weight:600;
     text-align:center;
     padding-bottom: 20px;
     font-family: 'Philosopher', sans-serif;
}
 .year_dtl {
     background-image: url(../images/year_bg.jpg);
     /*font-size:290px;
     line-height:290px;
     font-weight:700;*/
     font-size: 140px;
    line-height: 140px;
    font-weight: bold;
     background-attachment: fixed;
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
     color: transparent;
     -webkit-text-stroke-width: 3px;
     /* -webkit-text-stroke-width: 4px; */
     /* -webkit-text-stroke-color: #324a9c; */
     -webkit-text-stroke-color: #0b8146;
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
 .yaer_span {
     font-size:32px;
     /* font-size:18px; */
     color:#000;
     letter-spacing:1px;
     text-align:center;
     font-weight:bold;
}
 .abt_para span {
     font-size: 14px;
     font-weight:bold;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
}

 .abt_para {
     padding-right:30px;
     padding-left: 30px;
}
 .abt_para p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     text-align:justify;
     color:#7c8393;
     margin-bottom: 10px;
}
 a.abt_anch {
     padding:10px 20px;
     border:1px solid #324a9c;
     background:#324a9c;
     font-size:14px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing:0.50px;
     display:inline;
     color:#fff;
     margin-right:5px;
     font-weight:500;
}
 a.abt_anch:hover, a.catlogue:hover {
     background:#0b8146;
     color:#fff;
     border:1px solid #0b8146;
}
 a.catlogue {
     background:#fff;
     color:#0b8146;
     border:1px solid #0b8146;
}
 .abt_btn {
     padding-top:20px;
     display:flex;
     padding-left: 30px;
}
 .md_message {
     box-shadow:0px 3px 25px 0px rgb(11 46 72 / 15%);
     background:#fff;
     height:100%;
}
 .md_mg {
     position:relative;
     height:195px;
}
 .md_mg img {
     width:100%;
     height:100%;
     object-fit:cover;
}
 .md_mg .tag {
     position:absolute;
     bottom:0;
     left:20px;
     padding:6px 12px;
     font-size:13px;
     color:#fff;
     background:#0b8146;
     font-family: 'Montserrat', sans-serif;
     font-weight:500;
     letter-spacing:0.25px;
}
 .msgBox {
     padding:20px 20px 40px;
}
 .msgBox p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     text-align:justify;
     color:#7c8393;
}
 .msgBox p span {
     font-weight:bold;
}
 .msgBox p a {
     display:block;
     color:#324a9c;
     font-size:14px;
     font-weight:500;
     letter-spacing:0.25px;
}
 .msgBox p a:hover {
     color:#0b8146;
}
/*************************/
 .enquiry {
     padding:40px 0;
     background:#0c8147;
     /*transform: skew(0, -.5deg);*/
     height:120px;
}
 .enq_txt h3 {
     /*transform:skew(0, .5deg);*/
     line-height:40px;
     color:#fff;
     font-size:24px;
     font-weight:600;
     text-align:left;
     font-family: 'Philosopher', sans-serif;
}
 .enq_btn a {
     padding:10px 25px;
     background:#324a9c;
     border:2px solid #324a9c;
     color:#fff;
     font-size:16px;
     font-weight:500;
     letter-spacing:0.50px;
     margin:0 auto;
     display:table;
     transition:all .5s ease;
     margin-right: 0
}
 .enq_btn a:hover {
     border:2px solid #fff;
     background:#fff;
     color:#324a9c;
}
 .enq_btn a i {
     margin-left:4px;
}
 .enq_btn a:hover i {
     transition:all .5s ease;
     margin-left:10px;
}
/*************************/
 .product {
     padding:50px 0 40px;
       background: #ebf0fe;
}
 .hm_prd_hed h2 {
     text-align:center;
     font-size:26px;
     letter-spacing:0.50px;
     color:#324a9c;
     font-weight:600;
     padding-bottom:10px;
     position:relative;
     font-family: 'Philosopher', sans-serif;
}
 .hm_prd_hed h2:after {
     position:absolute;
     content:'';
     bottom:0;
     left:0;
     right:0;
     width:100px;
     height:4px;
     background:#324a9c;
     display:block;
     margin:0 auto;
}
 .hm_prd_hed h2:before {
     position:absolute;
     content:'';
     bottom:0;
     left:50px;
     right:0;
     width:50px;
     height:4px;
     background:#0c8147;
     margin:0 auto;
     display:block;
     z-index:1;
}
 .hm_prd_hed {
     padding-bottom:30px;
}
 .product_lst .owl-nav .owl-prev span, .product_lst .owl-nav .owl-next span {
     display:none;
}
 .product_bx {
     box-shadow:0 0 7px rgb(69, 100, 158);
     padding:15px;
     margin:5px;
}
 .prd_mg {
     margin-bottom:15px;
     display: flex;
     justify-content: center;
}
 .product_dtl h5 {
     font-size:17px;
     color:#7c8393;
     letter-spacing:0.25px;
     font-weight:500;
     text-align:center;
     padding-bottom:5px;
}
 .product_dtl span {
     color:#1655af;
     font-size:15px;
     letter-spacing:0.50px;
     text-align:center;
     display:block;
     font-weight:500;
     padding-bottom:5px;
}
 .product_dtl:hover h5 {
     color:#0c8147;
}
/*************************/
 .catalogue {
     padding:40px 0;
     background:#0c8147;
     /*transform: skew(0, -.5deg);*/
     height:150px;
}
 .catalog_txt h3 {
     /*transform: skew(0, .5deg);*/
     padding-bottom:5px;
     color: #fff;
     font-size: 24px;
     font-weight: 600;
     font-family: 'Philosopher', sans-serif;
}
 .catalog_txt span {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     text-align: justify;
     color: #fff;
}
 .cat_btn {
     padding-top:15px;
}
 .cat_btn a {
     padding:10px 25px;
     background:#324a9c;
     border:2px solid #324a9c;
     color:#fff;
     font-size:16px;
     font-weight:500;
     letter-spacing:0.50px;
     margin:0 auto;
     display:table;
     transition:all .5s ease;
}
 .cat_btn a:hover {
     border:2px solid #fff;
     background:#fff;
     color:#324a9c;
}
 .cat_btn a i {
     margin-left:4px;
}
 .cat_btn a:hover i {
     transition:all .5s ease;
     margin-left:10px;
}
/*************************/
 .video {
     padding:80px 0 50px 0;
     background:#f9f9f9;
     margin-top:-10px;
}
 .video_bx {
     padding:8px;
     background:#fff;
}
 .video_bx .video-play-button {
     position:absolute;
     content:'';
     z-index:2;
     top:50%;
     left:50%;
     display:block;
     width:70px;
     height:60px;
     padding:15px;
     border-radius:50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform:translateX(-50%) translateY(-50%);
}
 .video_bx .video-play-button span {
     position: relative;
     display: block;
     z-index: 3;
     top: 4px;
     left: 15px;
     width: 0;
     height: 0px;
     border-left: 12px solid #fff;
     border-top: 12px solid transparent;
     border-bottom: 12px solid transparent;
}
 .video_bx .video-play-button:before {
     position:absolute;
     content:'';
     z-index:0;
     left:50%;
     top:50%;
     display:block;
     width:65px;
     height:65px;
     border-radius:50%;
     background:#f00;
     animation: pulse-border 1500ms ease-out infinite;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 .video_bx .video-play-button:after {
     content: "";
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 50%;
     display: block;
     width:65px;
     height:65px;
     border-radius: 50%;
     background: #f00;
     transition: all 200ms;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
 .btn-style-two {
     line-height: 24px;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     background-color: #324a9c;
     padding: 12px 30px;
     text-transform: uppercase;
     border: none;
     font-family: 'Montserrat', sans-serif;
}
 .btn-style-two:hover {
     color: #fff;
     background: #0b8146;
}
 .video_hed h4 {
     font-size: 20px;
     color: #0c8147;
     letter-spacing: 0.25px;
     font-weight: 500;
     padding-top:10px;
     text-align: center;
     padding-bottom: 5px;
     font-family: 'Philosopher', sans-serif;
}
/*************************/
 .global {
     padding:60px 0;
}
 .pressence_dtl {
     padding-top:30px;
}
 .pressence_dtl h3 {
     letter-spacing: 0.50px;
     font-size: 24px;
     color: #324a9c;
     font-weight: 500;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 15px;
     font-family: 'Philosopher', sans-serif;
}
 .pressence_dtl h3:before {
     position:absolute;
     content:'';
     bottom:0;
     left:0;
     width:20px;
     height:4px;
     background:#324a9c;
     display:block;
}
 .pressence_dtl h3:after {
     position:absolute;
     content:'';
     bottom:0;
     left:20px;
     width:20px;
     height:4px;
     background:#0c8147;
     display:block;
}
 .pressence_dtl span {
     font-size: 14px;
     font-weight: bold;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
}
 .pressence_dtl p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     padding-bottom:10px;
     text-align: justify;
     color: #7c8393;
}
/*************************/
 footer {
     background:#0a1a52;
}
 .footer_lft {
     padding:70px 0;
     background:#f9f9f9;
     height:100%;
}
 .footer_logo img {
    width: auto;
    height: 80px;
     display:table;
     margin-bottom:25px;
     padding: 0px 0px 0px 35px;
}
 .footer_logo ul {
     padding-left:70px;
}
 .footer_logo ul li a {
     color: #324a9c;
     font-weight: 700;
      letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     line-height:26px;
}
 .footer_logo ul li a i {
     margin-right:3px;
}
 .footer_logo ul li a:hover {
     color:#0c8147;
}
 .fot_hed h5 {
     font-size: 17px;
     color: #fff;
     letter-spacing: 0.25px;
     font-weight: 600;
     padding:5px 0 5px 8px;
     border-left:2px solid #fff;
}
 .fot_hed {
     padding-top:70px;
     padding-bottom:25px;
     padding-left: 15px;
}
 .loc_mg img {
     float:left;
     margin-right:15px;
}
 .loc_mg h5 {
     font-weight:600;
     letter-spacing:0.50px;
     color:#fff;
     font-size:18px;
     line-height:32px;
}
 .loc_dtl span {
     font-size: 13px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.50px;
     font-weight:500;
     padding-top: 10px;
     display:block;
     color: #fff;
}
 .call ul {
     padding-top:40px;
}
 .call ul li a {
     color: #fff;
     font-weight: 500;
     letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     line-height:26px;
}
 .call ul li a i {
     margin-right:5px;
}
 .call ul li a:hover {
     color:#0c8147;
}
 .foot_link h5 {
     font-size: 17px;
     color: #fff;
     letter-spacing: 0.25px;
     font-weight: 600;
     padding:3px 0 3px 5px;
     border-left: 2px solid #fff;
     margin-bottom:15px;
}
 .foot_link ul li a {
     color: #fff;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     line-height:24px;
}
 .foot_link ul li a i {
     margin-right:3px;
}
 .foot_link ul li a:hover {
     color:#0c8147;
}
 .loction_dtl {
     padding-bottom:15px;
     padding-left: 15px;
}
footer .location{
     padding-left: 15px;
}
 .loction_dtl h5 {
     font-size: 17px;
     color: #fff;
     letter-spacing: 0.25px;
     font-weight: 600;
     margin-bottom:10px;
}
 .loction_dtl a {
     color: #fff;
     font-weight: 500;
     letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     display:table;
     line-height:24px;
}
 .loction_dtl a:hover {
     color:#0c8147;
}
 .copy {
     padding:15px 0 15px 0;
}
 .copy span {
     text-align:center;
     font-size: 14px;
     color: #fff;
     letter-spacing: 0.25px;
     font-weight: 500;
     display:block;
}
 .copy span a {
     color:#fff;
}
 .dfBDQI {
     display:none!important;
     position:absolute;
}
 #topcontrol {
     bottom: 70px!important;
     right: 10px!important;
     display: block;
     z-index: 123;
     position:absolute;
}
 #topcontrol img {
     width:44px;
     height:44px;
     border:2px solid #fff;
     border-radius:50%;
}
/*************************/
 .product_banner {
   background-color:#324a9c;
     position:relative;
     background-size:cover;
     background-position:100% 50%;
     padding:90px 0 100px 0;
}
 .product_banner:before {
     position:absolute;
     content:'';
     top:0;
     left:0;
     right:0;
     bottom:0;
     width:100%;
     height:100%;
     background:#0a1a52;
     opacity:0.7;
}
 .product_heading h3 {
     position:absolute;
     content:'';
     z-index:1;
     left:0;
     right:0;
     font-size:30px;
     color:#fff;
     opacity:1;
     text-align:center;
     font-weight:bold;
     text-transform:uppercase;
     letter-spacing:1px;
}
 .banner_btm {
     padding:15px 0;
     background:#fff;
     box-shadow:0px 0px 4px 1px rgb(70 70 70 / 30%);
}
 .banner_hed ul li {
     display:inline-block;
     padding: 0 15px;
     background:url(../images/divider.png) right center no-repeat;
}
 .banner_hed ul li:last-child {
     background:none;
}
 .banner_hed ul li:first-child {
     padding-left:0px;
}
 .banner_hed ul li a {
     color: #324a9c;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
}
 .banner_hed ul li span {
     color: #0c8147;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.50px;
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
}
 .banner_hed ul li a:hover {
     color:#0c8147;
}
/*************************/
 .inner_product {
     padding:80px 0;
}
 .inn_prd_hed h2 {
     letter-spacing: 0.50px;
     font-size: 24px;
     color: #324a9c;
     font-weight: 700;
     position: relative;
     padding-bottom: 10px;
     text-transform:uppercase;
     margin-bottom: 20px;
}
 .inn_prd_hed h2:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: 0;
     width: 20px;
     height: 4px;
     background: #324a9c;
     display: block;
}
 .inn_prd_hed h2:after {
     position: absolute;
     content: '';
     bottom: 0;
     left: 20px;
     width: 20px;
     height: 4px;
     background: #0c8147;
     display: block;
}
 .inn_prd_para p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom:10px;
}
 .inn_prd_para {
     padding-bottom:20px;
}
 .inn_prd_btm {
     margin-bottom:25px;
}
/*************************/
 .inn_prod_hed h1 {
     letter-spacing: 0.50px;
     font-size: 30px;
     color: #324a9c;
     font-weight: 700;
     position: relative;
     padding-bottom: 10px;
     text-transform:uppercase;
     margin-bottom: 20px;
}
 .inn_prod_hed h1:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: 0;
     width: 50px;
     height: 4px;
     background: #324a9c;
     display: block;
}
 .inn_prod_hed h1:after {
     position: absolute;
     content: '';
     bottom: 0;
     left: 50px;
     width: 50px;
     height: 4px;
     background: #0c8147;
     display: block;
}
 .inn_product_mg {
     box-shadow:0 0 7px rgb(0 0 0 / 10%);
     padding:15px;
     margin-bottom:20px;
}
 .inn_product_mg img{
     margin: 0 auto;
     display: table;
}
 .inn_product_mg video{
     object-fit: cover;
     max-width: 100%;
     width: 100%;
     margin: 0;
     line-height: 1;
     border: none;
     height: 375px;
}
 .inn_prod_dtl {
     padding-bottom:15px;
}
 .inn_prod_dtl_policy ul li{
     list-style-type: disc;
     list-style-position: inside;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     font-weight: 500;
     padding-bottom: 7px;
}
 .inn_prod_dtl p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom:10px;
     font-weight: 500;
}
 .inn_prod_dtl h5 {
     font-size: 17px;
     color: #0c8147;
     letter-spacing: 0.25px;
     font-weight: 500;
     padding-bottom: 15px;
}
 .inn_prod_dtl span {
     padding-bottom:10px;
     display:block;
     font-weight:600;
     font-size:14px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
}
 .inn_prod_dtl span img {
     margin-right:5px;
     width:18px;
     height:18px;
}
 .about-table thead tr th {
     background: #324a9c;
     color: #fff;
     border: 1px solid #f0f4f9;
     font-size: 16px;
     font-weight: normal;
     letter-spacing: 0.5px;
     text-align:left!important;
     vertical-align: middle;
     padding: 5px 15px;
     font-family: 'Montserrat', sans-serif;
}
 .about-table tbody tr td {
     font-size: 14px;
     padding: 15px 15px;
     vertical-align: middle;
     text-transform:capitalize;
     text-align:left!important;
     font-family: 'Montserrat', sans-serif;
     border: 1px solid #f0f4f9;
     letter-spacing: 0.50px;
}
 .about-table thead tr.table-frst th {
     background:#98a8bb!important;
     color:#fff;
}
 .about-table {
     padding-top:20px;
}
/*************************/
/*************************/
 .inn_about {
     padding:50px 0;
}
 .inn_abt_lft {
     padding-right:35px;
}
 .inn_abt_hed span {
     font-size: 17px;
     color: #0c8147;
     letter-spacing: 0.25px;
     font-weight: 500;
     padding-bottom: 10px;
     padding-left:40px;
     position:relative;
     display:block;
}
 .inn_abt_hed span:before {
     position:absolute;
     content:'';
     top:25%;
     width:20px;
     height:2px;
     background:#0c8147;
     display:block;
     left:0;
}
 .inn_abt_hed h1 {
     letter-spacing: 0.50px;
     font-size: 30px;
     color: #324a9c;
     font-weight: 700;
     position: relative;
     padding-bottom: 15px;
     text-transform: uppercase;
}
 .inn_abt_hed p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
}
 .inn_abt_mg {
     padding:10px;
     background:#fff;
     position:relative;
     box-shadow:0 0 20px #cccccc6e;
}
 .inn_abt_mg:before {
     position:absolute;
     content:'';
     z-index:-1;
     width:95%;
     height:95%;
     border:5px solid #324a9c;
     top:-20px;
     left:-20px;
}
 .inn_abt_mg span {
     font-size: 17px;
     color: #0c8147;
     letter-spacing: 0.25px;
     font-weight: 500;
     text-align:center;
     display:block;
     padding-top: 15px;
}
/*************************/
 .inn_abt_btm {
     background:#f9f9f9;
     padding:50px 0;
}
 .inn_abt_bdtl p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     text-align: center;
     display:block;
     color: #7c8393;
     font-weight:600;
}
 .inn_abt_bdtl p span {
     font-size:15px;
     color:#324a9c;
}
/*************************/
 .inn_abt_last {
     padding:60px 0 80px 0;
}
 .inn_abt_bx {
     transition:all .5s ease-in-out;
     overflow:hidden;
     height:100%;
     box-shadow: 0 0 20px #cccccc6e;
}
 .inn_abt_bx .abt_bx_mg {
     transition:all .5s ease-in-out;
     overflow:hidden;
     position:relative;
}
 .abt_bx_mg:hover img {
     transition:all .5s ease-in-out;
     transform:scale(1.1);
}
 .abt_bx_mg:hover .abt_bx_hed {
     background:#324a9c;
     color:#fff;
}
 .abt_bx_hed {
     position:absolute;
     content:'';
     bottom:30px;
     left:0;
     background:rgba(255,255,255,.85);
     z-index:1;
     font-weight:600;
     font-size:14px;
     color:#324a9c;
     letter-spacing:0.50px;
     padding:10px 20px;
     text-transform:uppercase;
}
 .abt_cont {
     padding:25px 20px;
}
 .abt_cont p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     display:block;
     padding-bottom:10px;
     color: #7c8393;
     font-weight:500;
}
/*************************/
 .history{
     padding: 80px 0;
}
 .inn_history{
     padding: 40px 0;
}
 .history-img img{
     padding: 10px;
     background: #fff;
     position: relative;
     box-shadow: 0 0 20px #cccccc6e;
}
 .timeline {
     position: relative;
     margin: 0 auto;
}
 .timeline::after {
     content: '';
     position: absolute;
     width: 6px;
     background-color: #31499d;
     top: 0;
     bottom: 0;
     left: 50%;
     margin-left: -3px;
}
 .containery {
     padding: 10px 40px;
     position: relative;
     background-color: inherit;
     width: 50%;
}
 .containery::after {
     content: '';
     position: absolute;
     width: 25px;
     height: 25px;
     right: -12px;
     background-color: white;
     border: 4px solid #0c8247;
     top: 15px;
     border-radius: 50%;
     z-index: 1;
}
 .lefty {
     left: 0;
}
 .righty {
     left: 50%;
}
 .lefty::before {
     content: " ";
     height: 0;
     position: absolute;
     top: 22px;
     width: 0;
     z-index: 1;
     right: 30px;
     border: medium solid white;
     border-width: 10px 0 10px 10px;
     border-color: transparent transparent transparent white;
}
 .righty::before {
     content: " ";
     height: 0;
     position: absolute;
     top: 22px;
     width: 0;
     z-index: 1;
     left: 30px;
     border: medium solid white;
     border-width: 10px 10px 10px 0;
     border-color: transparent white transparent transparent;
}
 .righty::after {
     left: -12px;
}
 .content {
     padding: 20px 30px;
     background-color: #f9f9f9;
     position: relative;
     border-radius: 6px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
}
 .content h2{
     margin-bottom: 5px;
     font-weight: 600;
     color: #0b8146;
}
 .brochure-img{
     margin-bottom: 30px;
}
 .brochure-img a{
     padding: 10px;
     background: #fff;
     position: relative;
     box-shadow: 0 0 20px #cccccc6e;
     display: block;
     text-align: center;
     font-size: 17px;
     color: #13854d;
     font-weight: 500;
}
 .brochure-img a span {
     padding-top:10px;
     display:block;
 }
/*csr*/
 .csr{
     padding: 60px 0;
}
 .product-rht-lst {
     position: sticky;
     content: '';
     top: 7%;
     z-index: 1;
}
 .product-rht-lst ul li a {
     background-color: #fff;
     padding: 15px 15px;
     box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 6%);
     margin-bottom: 10px;
     font-size: 15px;
     color: #464646;
     letter-spacing: 0.50px;
     text-transform: capitalize;
     display: block;
     font-weight: 500;
}
 .product-rht-lst ul li a i {
     margin-right: 5px;
     color: #0b8146;
}
 .inn_csr_hed h4 {
     letter-spacing: 0.50px;
     font-size: 30px;
     color: #324a9c;
     font-weight: 700;
     position: relative;
     padding-bottom: 10px;
     text-transform: uppercase;
     margin-bottom: 20px;
}
 .inn_csr_hed h4:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: 0;
     width: 50px;
     height: 4px;
     background: #324a9c;
     display: block;
}
 .inn_csr_hed h4:after {
     position: absolute;
     content: '';
     bottom: 0;
     left: 50px;
     width: 50px;
     height: 4px;
     background: #0c8147;
     display: block;
}
 .overview p{
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
     font-weight: 500;
}
 .our-projects p{
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
     font-weight: 500;
}
 .our-projects h5 {
     font-size: 19px;
     color: #0c8147;
     letter-spacing: 0.25px;
     font-weight: 500;
     padding-bottom: 15px;
}
 .csr-committee p{
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
     font-weight: 500;
}
 .csr-policy-img{
     box-shadow: 0 0 7px rgb(0 0 0 / 10%);
     padding: 15px;
     margin-bottom: 20px;
}
 .csr-policy-img img{
     margin: 0 auto;
     display: table;
}
/*-------*/
 .careers{
     padding: 60px 0;
}
 .careers-dtl p{
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
     font-weight: 500;
}
 
 
 
/*-------*/
 .blogs{
     padding: 60px 0;
}
 .blogs-click{
     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
     padding: 17px 12px 15px;
     background: #fff;
     margin-bottom: 30px;
}
 .blogs-click h3{
     font-weight: 500;
     margin-bottom: 7px;
     font-size: 22px;
     color: #000;
     text-decoration: none;
     font-size: 18px;
     line-height: 24px;
}
 .blogs-click p{
     color: #000000bd;
     font-weight: 500;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
}
 .meta-post{
     padding: 0;
     margin: 0 0 15px;
     list-style: none;
     font-size: 13px;
}
 .meta-post li{
     display: inline-block;
     margin-right: 15px;
}
 .meta-post li a{
     color: #8c8c8c;
     text-decoration: none;
}
 .more-link {
     margin-top: 22px;
}
 .read-more-btn{
     display: inline-block;
     width: 160px;
     padding-left: 0;
     line-height: 42px;
     height: 44px;
     border: 2px solid #e5e5e5;
     border-radius: 40px;
     font-size: 14px;
     font-weight: 500;
     background: #324a9c;
     color: #fff;
     text-align: center;
     position: relative;
     z-index: 9;
     overflow: hidden;
     text-decoration: none;
}
 .read-more-btn:before{
     content: '';
     position: absolute;
     background: #0b8146;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     z-index: -1;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .read-more-btn:hover, .read-more-btn:focus{
     color: #fff;
     text-decoration: none;
}
 .read-more-btn:hover:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
     transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*-------*/
 .blogs_detl_sctn{
     padding: 60px 0;
}
 .blogs_dtl h4{
     color: #324a9c;
     margin-bottom: 20px;
}
 .blogs_dtl p {
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 10px;
     font-weight: 500;
}
 .blog_form_input textarea{
     width: 100% !important;
}
 .blog_form_input{
     margin-bottom: 30px;
}
 .blog_form_input input{
     width: 100% !important;
     border: 1px solid #ced4da;
     height: 40px;
     padding: 10px;
}
 .blog_form h4{
     color: #324a9c;
     margin-bottom: 15px;
}
 .blogs_dtl h5{
     padding-top: 10px;
     padding-bottom: 10px;
}
 .blogs_dtl ul{
     margin-bottom: 5px;
}
 .blogs_dtl ul li{
     list-style-type: disc;
     list-style-position: inside;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.25px;
     color: #7c8393;
     padding-bottom: 5px;
     font-weight: 500;
}
 .ftr-social ul {
     text-align: center;
     margin-top: 30px;
}
 .ftr-social ul li {
     display: inline-block;
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background: #0b8146;
     margin: 0 6px;
}
 .ftr-social ul li a {
     color: #fff;
     font-size: 16px;
}



#feedback { 
  position: fixed; 
  top: 60%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg);  
  padding: 8px 16px 10px;
  right:-46px;
  border-radius:6px 6px 0px 0px;
  background: #324a9c; 
}
#feedback a { 
  display: block; 
  color: #fff; 
  font-family: Arial, sans-serif; 
  font-size: 18px; 
  font-weight: bold; 
  text-decoration: none; 
  text-transform: uppercase;
}
#feedback:hover { 
  background: #11844b;
}
#feedback:hover a{ 
  color:#fff;
}

/**************************/
.inn_prod_table {
    background:#fff;
    box-shadow:0 0 15px rgb(0 0 0 / 10%);
    padding:15px;
}
.table-bordered {
    margin-bottom:0px;
}
.inn_prod_table th {
    font-size: 13px;
    color: #2d2d2d;
    font-weight: 600;
    letter-spacing: 0.50px;
    border-bottom: 2px solid #e1e1e1;
    color: #324a9c;
    background:#f9f9f9;
    font-family: 'Montserrat', sans-serif;
}
.inn_prod_table td {
    border:0px;
    border-right:2px solid #e1e1e1;
    color: #195b8d;
    letter-spacing:0.50px;
    font-weight:600;
    font-size:14px;
}

.whatsapp_icon {
    position: fixed;
    z-index: 123;
    bottom:10px;
    right: 5px;
}
.whatsapp_icon a img {
    width:45px;
    height:45px;
}

/**************************/
.modal_wd {
    max-width: 530px;
}
.modal-body {
    padding: 15px;
    border-radius: 0px;
    border: 2px solid #324a9c;
    box-shadow: 1px 1px 3px 0px rgb(255 255 255 / 16%);
    background-color: #f9f9f9;
}
.modal-header {
    padding: 0px;
}
.modal-header h3 {
    font-size: 20px;
    color: #324a9c;
    /* text-shadow: 0px 0px 0px rgb(2 2 2 / 23%); */
    line-height: 34px;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
}
.modal-header .close {
    position: absolute;
    right: 21px;
    bottom: auto;
    top: 10px;
  padding: 5px 10px;
  color: #ffffff;
    font-weight: 400;
    font-size: 35px;
    line-height: 30px;
    opacity: 1;
    border: 1px none #ffffff;
    border-radius: 0px;
    box-shadow: 1px 1px 3px 0px rgb(2 2 2 / 23%);
    text-shadow: 0px 0px 0px rgb(0 0 0 / 23%);
    background-color: #324a9c;
    z-index: 1;
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
.request_form {
    padding: 35px 20px;
    background: #fff;
    border: 0px;
}
 
.submit_btn {
    padding:10px 30px 10px 15px;
    color: #324a9c;
    font-size: 16px;
    display:inline-block;
    font-weight: 600;
    cursor:pointer;
    width:100%;
    background:transparent;
    border:2px solid #324a9c;
    position:relative;
}
.submit_btn:hover {
    /* border: 2px solid transparent; */
    background-color: #0c8147;
    border:2px solid #0c8147;
    color:#fff;
}
.captch input {
    max-width:50px;
}

.contactpage {
  padding: 80px 0px;
}

.contact-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  border-radius: 0px;
  border: 4px double #009846;
  background: #fff;
  box-shadow: 0px 9px 14px 0px #fbfbfb;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.29);
  transition: 0.5s ease;
  border-radius: 25px 0 25px 0;
  cursor: pointer;
}
.contact-feature .media-body {
  margin-bottom: -0.4em;
}
.contact-feature .contact-feature_label {
  font-size: 16px;
  font-family: var(--title-font);
  color:#235fb4 ;
  font-weight: 600;
  margin-top: -0.4em;
  margin-bottom: 10px;
}
.contact-feature .contact-feature_label span {
  font-size: 16px;
  color: var(--title-color);
}
.contact-feature:hover {
  box-shadow: 0 3px 10px rgb(35, 95, 180);
  transition: 0.5s ease;
}
.mt-45 {
  margin-top: 80px;
}
.contact-wrap2 {
  background: var(--white-color);
  box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.06);
  margin-top: 0px;
  z-index: 1;
  position: relative;
}
.contact-wrap2 .contact-form-wrap {
  padding: 40px;
}
.contact-form-wrap {
  padding: 40px;
  position: relative;
  z-index: 9;
}
.mt-n1 {
  margin-top: -0.25rem;
}
 
select, .form-control, .form-select, textarea, input {
  height: 55px;
  padding: 0 25px 0 25px;
    padding-right: 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: var(--body-color);
  background-color: var(--smoke-color);
  border-radius: 0px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.fa-user::before {
  content: "\f007";
}
textarea.form-control, textarea {
  min-height: 150px;
  padding-top: 16px;
  padding-bottom: 17px;
  border-radius: 0px;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}
 
.th-btn::before {
  left: 0;
  border-radius: 0 20px 20px 0;
}
.th-btn::before, .th-btn::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 0%;
  background-color: var(--title-color);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
*, ::after, ::before {
  box-sizing: border-box;
}
.contact-feature_link  {
      color: #3872c2 !important;
      font-size: 18px;
}
.blog-sidebar  {
  text-align: left;
  position: relative;
  z-index: 1;
}
.blog-sidebar .widget h3 {
  font-size: 24px;
  font-size: calc-rem-value(23);
  color: #070143;
  margin: 0 0 1.3em;
  position: relative;
  text-transform: capitalize;
  font-family: 'Playfair Display', serif;
  padding-bottom: 10px;
  font-weight: 400;
}
.blog-sidebar .widget h3::before {
  content: "";
  background-color: #5d9c54;
  width: 55px;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 10px;
}
.blog-sidebar .widget h3::after {
  content: "";
  background-color: #bdd1ea;
  width: 80%;
  height: 4px;
  position: absolute;
  left: 65px;
  bottom: 0;
  border-radius: 10px;
}
.blog-sidebar .about-widget p {
  font-size: 16px;
  font-size: calc-rem-value(15);
  margin-bottom: 1.2em;
  color: #484653;
  line-height: 25px;
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

.contact-form {
  margin-bottom: 50px;
}
.contact-form {
  position: relative;
}
.wpo-contact-pg-section .wpo-contact-title {
  max-width: 440px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  text-align: center;
  margin-bottom: 50px;
}
.wpo-contact-pg-section .wpo-contact-title h2 {
  font-size: 35px;
  font-size: calc-rem-value(35);
  font-weight: 400;
  margin-bottom: 20px;
  color: #235fb4;
}
.wpo-contact-pg-section .wpo-contact-form-area {
  padding: 50px;
    padding-bottom: 50px;
  padding-bottom: 50px;
  background: #fff;
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.4);
  padding-bottom: 0;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.wpo-contact-pg-section form {
  margin: 0 -15px;
  overflow: hidden;
}
.wpo-contact-pg-section form > div {
  width: calc(50% - 30px);
  float: left;
  margin: 0 15px 25px;
}
.wpo-contact-pg-section form input, .wpo-contact-pg-section form select, .wpo-contact-pg-section form textarea {
  background: transparent;
  width: 100%;
  height: 50px;
  border: 1px solid transparent;
  border-radius: 0px;
  box-shadow: none !important;
  border: 3px solid #dbdbdb;
}
.theme-btn, .view-cart-btn {
  background: #235fb4;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 10px 20px;
  border: 0;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  z-index: 1;
  position: relative;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.theme-btn::after, .view-cart-btn::after {
  position: absolute;
  content: "";
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.theme-btn::after, .view-cart-btn::after {
  position: absolute;
  content: "";
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #330102 !important;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.wpo-contact-pg-section form .fullwidth {
  width: calc(100% - 25px);
  float: none;
  clear: both;
}   


.footer-li li::marker {
  content: "→   ";
  color: #235fb4;
  margin-right: 5px;
}
.ftr-social img {
    height: 20px ;
    width: auto;
}

.ql-li{
    ont-size: 13px;
  line-height: 24px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.50px;
  font-weight: 700;
  padding-top: 10px;
  display: block;
  color: #fff;
}
.rp {
    padding: 70px 0px 0px !important;
}

.rp h3 {
    color: #fff;
}
.ql-li a{
    font-size: 15px;
  line-height: 24px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.50px;
  font-weight: 700;
  padding-top: 10px;
  display: block;
  color: #fff;

}

 @media screen and (max-width: 767px) {
	 #client {
  color: #fff !important;
}
  .mobile-screen-footer {
    display: block !important;
    padding: 0 !important;
    border-top: 6px solid #009846;
  }
}
.mobile-screen-footer {
  float: left;
  display: none;
  width: 100%;
  position: fixed;
  z-index: 9999999999 !important;
  bottom: 0px;
  background: #0a1a52;
  border-radius: 30px 30px 0px 0px;
}
  .mobile-footer-block {
    width: 33.33%;
    float: left;
    text-align: center;
  }
    .mobile-footer-box {
    width: 100%;
    margin: 0px auto;
    padding: 0px 5px;
    float: left;
  }
  .mobile-footer-box a {
    width: 100%;
    text-decoration: none;
    padding: 10px 0px;
    padding-bottom: 10px;
    padding-bottom: 10px;
    float: left;
    padding-bottom: 5px;
  }

    .mobile-footer-box a img {
    width: 25px;
    margin: 0px auto;
  }
  .mobile-footer-box a h5 {
    font-size: 10px;
    margin: 5px 0px 0px 0px;
    color: #fff;
    line-height: 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
  }
  .mobile-screen-footer {
  float: left;
  display: none;
  width: 100%;
  position: fixed;
  z-index: 9999999999 !important;
  bottom: 0px;
  background: #0a1a52;
  border-radius: 30px 30px 0px 0px;
}
.fa-long-arrow-alt-right::before {
  content: "→";

}
.team-area .single-team {
  position: relative;
  overflow: hidden;
}
.team-area {
  padding-top: 15px;
  padding-bottom: 78px;
}
.team-area .single-team {
  position: relative;
  overflow: hidden;
}
.team-area .single-team .team-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(1, 14, 42, 0.95);
  box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team-area .single-team .team-overlay .team-content {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 7px;
}
.team-area .single-team .team-overlay .team-content .title {
  font-size: 20px;
  text-transform: capitalize;
  color: #fff;
  padding-top: 10px;
  word-break: break-word;
}
.icons img {
    width: auto ;
    height: 80px;
    text-align: center;
}
.icons-col{
    background-color: #d6e0ef;
    border-radius: 15px;
    margin:15px 5px ;
    text-align: center;
}

 
 
.fa-envelope:before {
    content: "✉︎  " !important;
      color: #fff !important;
    font-size: 18px;
}
.fa-envelopes:before {
    content: "✉︎  " !important;
      color: #495057;
    font-size: 18px;
}
.fa-caret-right:before {
    content: "→ " !important;
    color: #fff !important;
    font-size: 18px;
}
 
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.form-group {
  position: relative;
  margin-bottom: 25px;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-user::before {
  content: "\f007";

}
element {
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fa-book-open::before {
  content: "🕮";
}
.input-group-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
}
.submit-btn{
    background-color:#235fb4 ;
    color: #fff;
}
.custom-slider{
  height: 360px!important;
  .carousel-control-prev,
  .carousel-control-next{
    text-shadow: 2px 2px 4px #000000;
    font-size: 30px;
  }
  .carousel-inner{
    height: 100%;
    .carousel-item{
      height: 100%;
      .carousel-img-container{
        height: 100%;
      }
      img{
        max-width:100% !important;
        max-height:100% !important;
        width: auto !important;
      }
    }
  }
}
.fa-chevron-right::before {
  content: ">" !important;
  color: #000;

}
.fa-chevron-left::before {
  content: "<" !important;
  color: #000;
}
.prd_mg img {
    width: auto !important;
    height: 100px;
    
}
.prdd_mg img {
    width: auto !important;
    padding: 0px 0px 25px;
    
}
#deskhide{
     display: none;
}



@media screen and (max-width:1200px){
    .enquiry,.catalogue{
        height:auto;
    }
    .pressence_dtl {
  padding-top: 0;
}
}


@media screen and (max-width:991px){
    .header_tp_dtl ul{
        display:none;
    }
    .header_menu {
  display: flex;
  height: 70px;
}
    .header_tp, #header::after{
        display:none;
    }
    .logo img {
  display: block;
  padding: 10px 0;
  margin-top: 0;
  width: auto;
  height: 70px;
    }
}

@media screen and (max-width: 767px){
	
	.career-form::before {
  	
		display:none;
}
	.career-form::after {
		display:none;

}
    
  

    .inn_abt_lastv{
        margin: 25px 0px 25px;
    }
     .mobile-nav-toggle i{
          margin: 25px 18px 0 0 !important;
     }
      .about_sec, .product, .video, .global, .footer_lft, .history, .inn_abt_last, .csr, .inner_product, .blogs_detl_sctn, .careers {
    padding: 35px 0 !important;
  }
    .about_hed h1, .inn_abt_hed h1 {
    font-size: 18px !important;
  }
    .about_hed h4, .video_hed h4, .inn_csr_hed h4, .blogs_dtl h4, .blog_form h4 {
    font-size: 17px !important;
  }
  .abt_para{
     padding-left: 0 !important;
     padding-top: 20px;
  }
    .abt_btn {
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-top: 10px;
  }
  .enquiry {
  padding: 35px 0;
}
.enquiry, .catalogue{
     text-align: center;
}
.product{
     padding-bottom: 20px !important;
}
.global{
     padding-bottom: 40px !important;
}
.footer_lft{
     padding: 30px 0 !important;
}
.footer_logo img {
  width: auto;
  margin-bottom: 15px;
  height: 50px;
  }
    .footer_logo ul {
    padding-left: 60px !important;
  }
  .ftr-social ul {
  text-align: center;
  margin-top: 18px;
}
.call ul{
     padding-left: 15px;
}
#deskshow{
     display: none;
}
#deskhide{
     display: block;
}
.copyrt{
     margin-top: 10px;
} .copy {
    padding: 20px 0 75px 0 !important;
  }
  #feedback a{
     font-size: 14px;
  }
#feedback{
     right: -41px;
}
 .enq_txt h3, .catalog_txt h3 {
    font-size: 18px !important;
    padding-bottom: 15px;
    text-align:center;    }
      .enq_btn a, .cat_btn a {
    padding: 6px 15px;
    font-size: 13px;
    margin: auto;
  }
  .map{
      marin-top:10px;
  }
}
.wpo-career-section {
  position: relative;
}
.section-padding {
  padding: 50px 0 100px;
}
.career-form {
  max-width: 650px;
  margin: 50px auto 0;
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.4);
  position: relative;
  padding: 50px;
  background: #fff;
}
.career-form::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 220px;
  border: 5px solid #009846;
  left: -20px;
  top: -20px;
  background: #235fb4;
  z-index: -1;
}
.career-form::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 220px;
  border: 5px solid #009846;
  right: -20px;
  bottom: -20px;
  background: #235fb4;
  z-index: -1;
}
.form-group {
  margin-bottom: 10px;
}
.career-form .form-item {
  margin-bottom: 30px;
}
.career-form .form-control {
  border-radius: 0;
  height: 45px;
  border-color: #dbdbdb;
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.career-form .form-control {
  border-radius: 0;
  height: 45px;
  border-color: #dbdbdb;
}
.career-form .file-item {
  border: 2px dashed #dbdbdb;
  text-align: center;
  padding: 20px;
  position: relative;
}
.career-form .file-item .form-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 9;
}

.theme-btn, .view-cart-btn {
  background: #2059a8;

  color: #fff;

  display: inline-block;

  font-weight: 700;

  padding: 10px 20px;

  border: 0;

  text-transform: uppercase;

  -webkit-backface-visibility: hidden;

  z-index: 1;

  position: relative;

  font-size: 14px;

  transition: all 0.3s ease-in-out;

  overflow: hidden;

}

.theme-btn::after, .view-cart-btn::after {
  position: absolute;
  content: "";
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.product_dtl{
    background-color: #0a1a52;
  padding: 15px 0px;
  color: #fff;
}
.product_dtl span {
color:#fff ;
}
#client{
    color: #324a9c ;
}
.productpage {
  padding: 60px 0 50px;
}
.productpage .featuresproduct {
  background-color: #324a9c;
  padding: 8px 40px;
  margin: auto;
    margin-bottom: auto;
  width: fit-content;
  color: #fff;
  font-size: 22px;
  margin-bottom: 20px;
  font-family: 'Philosopher', sans-serif;
}
.productpage #accordionExample {
  margin-top: 40px;
  margin-bottom: 20px;
}
.productpage .card {
  box-shadow: 0px 4px 20px -4px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  border-top: none;
}
.productpage .card-header {
  padding: 0;
}
.productpage .card-header button {
  background: #324a9c;
  color: #fff !important;
  padding: 10px 20px;
font-family: 'Philosopher', sans-serif;
  text-decoration: none !important;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.collapsible-link[aria-expanded="true"]::before {
  content: "\f106";
}
.collapsible-link::before {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  display: block;
  font-family: "FontAwesome";
  font-size: 1.1rem;
}
.collapse.show {
  display: block;
}
.productpage .card-body {
  border-bottom: 2px solid #009846;
  padding: 10px 30px 25px;
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.productpage thead {
  background: #e7e7e7;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
    border-bottom-width: 2px;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
    border-bottom-width: 2px;
}

.productpage td, .productpage th {
  font-family: 'Lato', serif;
  text-align: center;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
}
.productpage .card-header .collapsed {
  background: #fff;
  color: #212112 !important;
  padding: 10px 20px;
}
 
 
.collapsible-link::before {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  display: block;
  font-family: "FontAwesome";
  font-size: 1.1rem;
}

.collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}
.productpage .card-header button {
  color: #fff !important;
  font-family: 'Lato', serif;
}
.productpage .card-header .collapsed {
  background: #fff;
  color: #212112 !important;
  padding: 10px 20px;
}

.card h2{
    font-family: 'Philosopher', sans-serif;
}
.tp_enquiry{
    padding: 0 25px;
  line-height: 36px;
  background: #324a9c;
  font-size: 13px;
      width: fit-content !important;

}
.tp_enquiry a {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.25px;
}
.tp_enquiry:hover {
  background: #0c8147;
}

$grey: #F5F5F5;
$dark-grey: #323B40;

$light-blue: #E0F5FF;
$blue: #B9E5FE;
$dark-blue: #00A5FA;

$green: #B7E0DC;
$dark-green: #019888;

$lime: #C7E8C8;
$dark-lime: #42B045;

$yellow: #FFEEBA;
$dark-yellow: #FF9901;
  
$pink: #FABAD0;
$dark-pink: #EF075F;
 
$red: #FEC9C6;
$dark-red: #FD3D08;

@mixin color-div($color1, $color2){
    background-color: $color1;
    color: $color2;
}





.panel {
  border-radius: 4px;
  padding: 1rem;
  margin-top: 0.2rem;
  
  @include color-div($grey, $dark-grey);
  
  &.panel-blue {
    @include color-div($light-blue, $dark-blue);
  }
  
  &.panel-big-height{
    min-height: 150px;
  }
}

.item {
  border-radius: 4px;
  padding: 0.5rem;
  margin: 0.2rem;
  
  &.item-blue {
    @include color-div($blue, $dark-blue);
  }
  
  &.item-green {
    @include color-div($green, $dark-green);
  }
  
  &.item-lime {
    @include color-div($lime, $dark-lime);
  }
  
  &.item-yellow {
    @include color-div($yellow, $dark-yellow);
  }
  
  &.item-pink {
    @include color-div($pink, $dark-pink);
  }
  
  &.item-red {
    @include color-div($red, $dark-red);
  }
  
  &.item-big-width{
    min-width: 380px;
  }
}
.modal-header h5{
    display: flex;
    justify-content: center !important;
    color: #324a9c;
    padding: 15px 10px;
    text-align: center !important;
}
#mh{
    border: 2px solid #324a9c;
}
.sub-btn{
    background-color: #009846;
    color: #fff;
    padding: 8px 20px;
    border: 2px solid #fff;
    border-radius: 20px;
}