@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
body{margin:0px; padding:0px;    font-family: 'Montserrat', sans-serif; font-size:16px; line-height:27px;}
*{box-sizing:border-box}
.headermain{width:100%; height:auto; }
.logo{padding:18px 0px; width:20%; float:left }
.menu-righttop{width:77%; float:right}
.container{width:100%; max-width:1100px; margin:0 auto;}
.headermain .container{width:95%; max-width:965px; margin:0 auto;}
.mt0{margin-top:0px;}
.main-top {font-size:16px; line-height:27px; color:#181818; text-align:center; padding:70px 0px}
.main-top .container{max-width:930px;}
.main-top .title{ font-size:26px; line-height:40px; color:#0e098b; margin-bottom:30px; font-weight:400}
.main-top .title strong{font-weight:700!important}
.main-top a.readmore{color:#0f0a8b; padding-right:20px; background:url(../images/arrow-right.jpg) no-repeat right center; text-decoration:none}
.number-box{font-size:16px; line-height:20px; color:#181818; width:24%; display:inline-block; vertical-align:top; text-align:center; font-style:normal}
.number-box i{font-style:normal}
.number-box span{text-align:center; font-size:45px; font-weight:700; width:100%; display:block; margin-bottom: 15px;
color: #0e098b;line-height: 40px;}
.number-area{padding-bottom:70px;}
.whyus{padding:70px 0px;}
.whyus .title{font-size:30px; font-weight:600; color:#1e1e1e; text-align:center; max-width:585px; margin:0 auto}
.mission-box, .vission-box, .value-box{width:33.33%; float:left; padding:35px; background:#97c51a; color:#fff; font-size:16px; line-height:27px; min-height:425px; margin-top:70px;}
.vission-box{background:#114472}
.title, .mission-box .title, .vission-box .title{font-size:26px; font-weight:700; margin-bottom:25px;}
 ul{list-style:none; margin:0px; padding:0px; font-size:15px; margin-top:20px; margin-bottom:30px;}
 a{color: #0e098b;}
  a:hover{color: #0e098b;}
  img{max-width:100%}
.contactform{}
ul.list{margin-left:8px;}
ul.list li{position:relative; padding-left:20px;}
ul.list li::before {content: "";width: 10px;height: 1px;background: #000;display: inline-block;vertical-align: middle;position: absolute;
    left: -8px;top:13px;}
	
ul.list li::after {content: "";width: 4px;height: 4px;margin-top: -1px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);
display: inline-block;vertical-align: middle;position: absolute;left: -3px;top: 12px;}
.pl50{padding-left:50px;}
.dividerbg{background:url(../images/client-divider.png) center top no-repeat; background-position:center 60px}
.owl-two img{border-radius:50%; border: 2px solid #0f0a8b; width:200px!important; padding:15px;}
 h3{font-size:20px; font-weight:700; color:#0e098b; margin:0px; margin-bottom:20px;}
/* Style the tab */
.tab {text-align:center;   font-family: 'Montserrat', sans-serif;}
/* Style the buttons inside the tab */
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;
  font-size: 17px;}
/* Change background color of buttons on hover */
.tab button:hover {background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active {background-color: #ccc;}
/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px; }
.tabcontent {animation: fadeEffect 1s; /* Fading effect takes 1 second */}
/* Go from zero to full opacity */
@keyframes fadeEffect {from {opacity: 0;}  to {opacity: 1;}}
.whyus .container{max-width:980px;}
.whyus .tab button{width:130px; height:130px; background:#0f0a8b; color:#fff; display: inline-block; vertical-align:top; margin:0px 10px;float: none; position:relative; z-index:999;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; padding:5px;}
.whyus .tab button img{margin-bottom:10px;}
.whyus .tab button.active{background:#fff; color:#0f0a8b}
#qm{background:url(../images/quality-tab-bg.jpg) no-repeat }
#rd{background:url(../images/quality-tab-bg.jpg) no-repeat }
#sustainable{background:url(../images/quality-tab-bg.jpg) no-repeat }

.product-section{width:100%; background:url(../images/product-bg.png) repeat-x top left; min-height:auto; background-size: auto 100%; padding:75px 0px;}
.product-section .title{text-align:center; font-size:35px; font-weight:600; color:#1e1e1e; margin-bottom:60px;}
.product-section .half-box{width:50%; float:left}
.product-section .half-box .title{color:#0f0a8b; text-transform:uppercase; font-weight:600; font-size:30px; margin-bottom:20px; text-align:left;
 line-height:40px; margin-top:40px;}
.product-section .half-box.text{font-size:16px; line-height:29px; color:#2f2f2f}
.product-section .half-box.img{text-align:center}

.whyus .tabcontent{color:#fff; margin-top:-50px; padding:120px 100px; font-size:15px; line-height:25px; padding-bottom:88px;}
.whyus .title{margin-bottom:60px;}
.whyus .tabcontent h3{font-size:23px; margin-bottom:30px; font-weight:600; color:#fff}
.client-logo .title{font-size:32px; font-weight:700; color:#0f0a8b; text-align:center; margin-bottom:40px;}
.client-logo .title span{display:block; font-size:17px; color:#3f3f3f; font-weight:400; margin-top:7px;}
.client-logo-box{width:25%; float:left; text-align:center; padding:30px 0px;}
.client-logo-box img{max-height:80px;}
.client-logo-box.first{border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; box-sizing:border-box}
.client-logo-box.second{border-right:1px solid #d1d1d1; box-sizing:border-box}
.client-logo-box.last{border-right:0px;}
.main-footer{background:linear-gradient(to right,#114472,#006ab1); padding:70px 0px; padding-bottom:30px; clear:both; color:#fff; font-size:14px;margin-top:70px;}

.main-footer ul{list-style:none; margin:0px; padding:0px; }
.main-footer ul li{padding:8px 0px; line-height: 16px;}
.main-footer ul li a{color:#fff; text-decoration:none; color:rgba(255,255,255,0.9); font-weight:400; font-size:14px;}
.main-footer ul li a:hover{color:#fff}
.main-footer .footer-box{width:33.33%; float:left}
.main-footer .footer-box .title{font-weight:600; font-size:19px; color:#fff; margin-bottom:15px;}
.footer-box.one{width:15%;}
.footer-box.two{width:22%; padding-right:25px;}
.footer-box.three{width:25%; line-height:23px;padding-right:25px;}
.footer-box.four{width:37%;}
.footer-box.three img{margin-right:15px;}
.footer-box.three a{color:#fff; text-decoration:none}
.footercopy{text-align:center; color:rgba(255,255,255,0.7); font-size:13px; margin-top:50px;}
.clear{clear:both}
.value-box{background-color: #006cba; color:#fff;   text-align:left; }
.value-box ul{margin: 0px; padding:0px;}
.value-box ul li{width:100%; float:left; text-align:left; margin-bottom:8px; position:relative; padding-left:30px;}
.value-box ul li::before {  content: "";  width: 6px;  height: 12px;  border-right: 4px solid #fff;  border-bottom: 4px solid #fff;
  transform: rotate(45deg);  position: absolute;  left: 5px;
  top: 3px;
}

.owl-theme .owl-nav{    position: absolute;    top: 50%; margin:0px; width:100%}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {float: left;
    background: rgba(0,0,0,0.5) url(../images/prev_icon.png) no-repeat center !important; font-size: 0px !important; width: 18px;
    height: 30px; border-radius:0px; margin:0px; margin-top:-35px; padding:35px 20px!important;}
.owl-carousel .owl-nav button.owl-next{background: rgba(0,0,0,0.5) url(../images/next_icon.png) no-repeat center !important; float:right}
.owl-theme .owl-dots{position: absolute;width: 100%;bottom: 17px;}
/*.owl-carousel.owl-drag .owl-item{margin-right:0px!important}*/
.subheader{background: linear-gradient(to right,#114472,#006ab1);padding: 30px 0 !important; clear:both; color:#fff; text-transform:uppercase;
font-size:30px; font-weight:600}
.bredcrum{text-transform:none; font-size:13px; color:#fff; font-weight:400; margin-bottom:20px;}
.bredcrum a{color:#fff; text-decoration:none}
.main-top.innertop{text-align:left; padding:50px 0px;}
.main-top.innertop strong, p strong{font-weight:600}
.main-top.innertop .container{max-width:1100px;}
.gray-box{background:#f1f1f1; padding:70px 0px; font-size:16px; line-height:27px; color:#181818;}
.half-box{width:50%; float:left}


ul.subtopmenu{list-style:none; margin:18px 0px; padding:0px; float:right; margin-bottom:12px;}
ul.subtopmenu li {float:left; padding:0px 22px;}
ul.subtopmenu li a{color:#000; font-size:12px; font-weight:400; text-decoration:none; }
ul.subtopmenu li a:hover{color:#000; }
ul.subtopmenu li.last{padding-right:0px;}
ul.subtopmenu li.last img{margin-left:15px;}
header{position:relative;width:100%;background:#fff;}
/*.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}*/
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;display:block; }
#cssmenu ul{width:100%; margin:0px; padding:0px; text-align:right}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: 'Montserrat', sans-serif; max-width:100%; border-top: 1px solid #e1e1e1; }
#cssmenu > ul > li{display:inline-block}
#cssmenu > ul > li > a{padding:20px 23px;font-size:13px; text-decoration:none; text-transform:uppercase;color:#0f0a8b; font-family: 'Montserrat', sans-serif; font-weight:600;}
#cssmenu > ul > li.last > a{padding-right:0px;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{ color:#000 }
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#fff!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
/*#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}*/
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:99; width:350px;}
#cssmenu ul ul li{height:auto;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff; 
text-align:left;transition:all .25s ease}
#cssmenu ul ul li:hover{background:#0f0a8b}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(255,255,255,0);padding:1px 15px;width:100%;font-size:13px; font-weight:600;
text-decoration:none;color:#000;font-weight:500; line-height:30px;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
/*#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:''*/;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.mobimenu{display:none!important}
.profileimgsection {text-align:center}
.profileimgsection img{max-height: 350px;border: 1px solid #e1e1e1;padding: 0px;}
.product-section .warpper{display:flex;flex-direction: column;align-items: center;}
.product-section .tab{cursor: pointer;padding:10px 20px;margin:0px 2px;background:#fff;  display:inline-block;  color:#656565; font-size:14px; line-height:20px; width: 23%; vertical-align:bottom; border-bottom:3px solid #fff }
.product-section .tab span{display:block; min-height:40px; }
.product-section .tab img{margin-bottom:20px;}
.product-section .panels{    min-height:440px;  width:100%;  max-width:100%;  border-radius:3px;  overflow:hidden;  padding:0px;  }
.product-section .panel{  display:none;  animation: fadein .8s;}
@keyframes fadein {
    from {        opacity:0;    }
    to {        opacity:1;    }
}
.product-section .panel-title{  font-size:1.5em;  font-weight:bold}
.product-section .radio{  display:none;}
.product-section #one:checked ~ .panels #one-panel, .product-section #two:checked ~ .panels #two-panel, .product-section #three:checked ~ .panels #three-panel, .product-section #four:checked ~ .panels #four-panel{
  display:block; min-height:420px;}
.product-section #one:checked ~ .tabs #one-tab, .product-section #two:checked ~ .tabs #two-tab, .product-section #three:checked ~ .tabs #three-tab, .product-section #four:checked ~ .tabs #four-tab{
  background:#fff; font-weight:600;  color:#0f0a8b;  border-bottom: 3px solid #0f0a8b;}
.product-section .tabs{text-align:center}


.highlight-title{text-align:center; color:#0e098b; font-size:30px; margin:20px 0px; font-weight:700;}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:auto;text-align:center;padding:0px 0 0 0 ;float:none; position:static; text-align:left}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%; border:0px;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-bottom:1px solid #e1e1e1; position:relative}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; text-align:left}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px; padding: 10px 20px;}
#cssmenu ul ul li{background:#0f0a8b!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0px 0px;;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:-46px;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #0f0a8b;border-bottom:2px solid #0f0a8b;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#0f0a8b;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#0f0a8b;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#0f0a8b;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #e1e1e1;height:53px;width:53px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#0f0a8b}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:26px;right:15px;width:15px;height:2px;display:block;background:#0f0a8b;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:15px;background:#0f0a8b;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu > ul > li > a{padding:18px 23px}
.mobimenu {    display: block !important; text-align:left}

li.last.mobimenu.socialicon{text-align:left; padding:18px 23px;}
li.last.mobimenu.socialicon a{padding: 0px !important;margin-right: 20px;width: auto !important;display: block !important;float: left;}
li.last.mobimenu.socialicon::after{content:''; width:100%; height:1px; clear:both; display:block}



}


@media screen and (max-width:760px){
	.client-logo-box img {
  max-height: 60px;
}
	.logo img{height:60px; width:auto}
	.menu-righttop{width:100%}
.number-box{    width: 49%;     margin-bottom: 50px;}
.container {width: 95%;}
.main-top .title {font-size: 21px; line-height: 32px;}
ul.subtopmenu{display:none}
.logo{position:static}
.headermain{padding:10px 0px}
.main-top{padding:40px 0px}
.number-area {padding-bottom: 0px;}
.main-top, .product-section .half-box.text, .mission-box, .vission-box, .gray-box {    font-size: 15px;    line-height: 25px;}
.number-box {    font-size: 15px;    line-height: 18px;}
.number-box span{font-size: 35px;line-height: 30px;margin-bottom: 10px;}
.product-section .title{font-size:35px; margin-bottom: 20px;}
.product-section{padding:50px 0px}
.product-section .half-box {    width: 100%;}
.product-section .half-box.text, .product-section .half-box .title{text-align:center}
.product-section{background: #f8f8f8;}
.product-section .tab{width: 48%;margin-bottom: 10px;vertical-align: top; min-height:190px;}
.product-section .tabs{margin-top: 50px;}
.whyus .tab button {    width: 100px; height:120px;font-size: 12px; margin: 0px 5px;}
.whyus .tab button img{width:35px;}
.whyus .tabcontent{padding: 120px 20px;text-align: center;padding-bottom: 88px;}
#qm, #rd, #sustainable{background-size: cover;}
.client-logo-box{width:50%; border:1px solid #f1f1f1!important; margin-bottom:5px 1%;}
.client-logo-box img{max-width:80%}
.half-box {    width: 100%; margin-bottom:20px;}
.half-box.pl50{padding-left:0px;  margin-bottom:0px;}

.mission-box, .vission-box{width:100%; padding:40px; margin-top: 30px;}
.dividerbg{background:none}

.footer-box.one, .footer-box.two, .footer-box.three{width:100%; margin-bottom:30px;}
.main-footer ul li{padding:5px 0px;}
.main-footer .footer-box .title{margin-bottom: 5px;}




}