/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Global CSS*/
body{
    font-family: 'Karla', sans-serif !important;
    position: relative;
}

/*Header CSS*/

.header{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}

.header.inner-header{
    position: relative;
}

.header_main{
    padding: 35px 0px 18px;
    box-sizing: border-box;
}

.header_right {
    float: right;
    margin: 5px 0 0;
}

.header_main .brand a, .header_main .brand a:visited {
    outline: 0;
    text-decoration: none;
    display: inline-block;
}

.header_main .brand {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.header_main nav {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.header_main nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
    float: none;
}

.header_main nav ul li {
    float: left;
    position: relative;
}

.header_main nav ul li a, .header_main nav ul li a:visited {
    display: block;
    margin: 0 25px;
    text-decoration: none;
}

.header_main nav ul li a{
    background: transparent;
    color: #2D2D2D;
    font-size: 16px;
    letter-spacing: 0.034em;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

.header_main nav ul li a:hover, .header_main nav ul li a:visited:hover {
    background: transparent;
    color: #BD2E2E;
}

/* Mobile navigation */
.header_main .nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    height: 55px;
    width: 70px;
}

.inquiry_block {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.inquiry_block a{
    background: #FFC034;
    display: inline-block;
    text-decoration: none;
    padding: 12px 18px;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.034em;
    color: #00329B;
}

.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
}

.custom-select {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 400;
    color: #393B54;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    text-transform: uppercase;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: 0;
    border-top: 0;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    padding: 15px;
    box-shadow: 0px 3px 6px #365c3a24;
    border-radius: 3px;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #3b3b3b;
    line-height: 35px;
    cursor: pointer;
    transition: all 0.5s;
    text-transform: uppercase;
    letter-spacing: 0.034em;
}

.custom-option:hover {
    cursor: pointer;
    background-color: transparent;
}

.custom-option.selected {
    color: #393B54;
    background-color: transparent;
}

.arrow {
    position: relative;
    height: 10px;
    width: 10px;
}

.arrow::before, .arrow::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0.015rem;
    height: 100%;
    transition: all 0.5s;
}

.arrow::before {
    left: 11px;
    transform: rotate(45deg);
    background-color: #cfcfcf;;
}

.arrow::after {
    left: 18px;
    transform: rotate(-45deg);
    background-color: #cfcfcf;
}

.open .arrow::before {
    left: 11px;
    transform: rotate(-45deg);
}

.open .arrow::after {
    left: 18px;
    transform: rotate(45deg);
}

.lang_block {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

/*Banner Section*/
.banner_block{
    position: relative;
    z-index: 9;
}

.banner_overlay{
    position: relative;
    background: rgba(174, 205, 216, 0.08);
    padding: 35px 0;
    box-sizing: border-box;
}

.banner_title{
    width: 85%;
    text-align: left;
    padding: 0;
}

.banner_title h1{
    font-size: 40px;
    font-weight: 700;
    color: #010101;
    line-height: 68px;
}

.banner_title h1 span{
    color: #CE3333;
}

.banner_block .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.banner_block .owl-dots .owl-dot{
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 100%;
    margin: 0px 5px;
}

.banner_block .owl-dots .owl-dot.active{
    background: #FFC034;
}

.banner_block .owl-nav {
    position: absolute;
    right: 9%;
    bottom: 20%;
}

.banner_block .owl-nav .owl-prev{
    border: 2px solid #747474 !important;
    border-radius: 50%;
    color: #747474 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 55px;
    position: absolute;
}

.banner_block .owl-nav span{
    position: absolute;
    top: 5%;
    left: 36%;
}

.banner_block .owl-nav .owl-next{
    border: 2px solid #747474 !important;
    border-radius: 50%;
    color: #747474 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 0px;
    position: absolute;
}

/*Development Block*/
.development_block{
    background: #F4F8FF;
}

.development_main{
    padding: 65px 60px 118px;
    box-sizing: border-box;
}

.development_main h2{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    margin: 0;
    text-align: left;
}

.development_main p{
    font-size: 20px;
    font-weight: 400;
    color: #212121;
    line-height: 48px;
    margin: 0;
    text-align: left;
}

.devlopment_box{
    background: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 30px 30px 50px;
    margin: 30px 0;
    box-sizing: border-box;
    box-shadow: 7px 8px 10px 0px rgb(226 226 226);
    -webkit-box-shadow: 7px 8px 10px 0px rgb(226 226 226);
    -moz-box-shadow: 7px 8px 10px 0px rgb(226 226 226);
}

.devlopment_box:hover {
    background: #FFC034;
}

.development_title{
    float: none;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.development_img{
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
}

.devlopment_box:hover .icon-people
{
    filter: brightness(0) invert(1);
}

.development_title h3{
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
    color: #212121;
}

.devlopment_box:hover .development_title h3{
    color: #fff;
}

ul.development_description{
    margin: 20px 0 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
}

ul.development_description li{
    list-style-type: disc;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 24px;
}

.devlopment_box:hover ul.development_description li{
    color: #fff;
}

.development_grid{
    display: grid;
    padding: 0 20px;
    box-sizing: border-box;
}

/*Industries Block*/
.industries_sec{
    background: transparent linear-gradient(66deg, #212444 0%, #505063 100%) 0% 0% no-repeat;
}

.industries_block{
    padding: 0 60px 0 30px;
    box-sizing: border-box;
}

.industry_main{
    display: flex;
    align-items: center;
}

.industries_left h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
    margin: 0 0 10px;
}

.industries_left p{
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    color: rgba(255,255,255,0.75);
    margin: 0;
}

.industries_right{
    margin: -50px 0 -80px;
    padding: 0 0 0 50px;
    box-sizing: border-box;
}

.industries_right ul li{
    display: inline-block;
    float: none;
    width: 295px;
    height: 340px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.industries_right ul li:nth-child(2n){
    margin-right: 0;
}

.industries_right ul li .industry_box{
    height: 100%;
    padding: 35px 30px;
    box-sizing: border-box;
}

.industries_right ul li:first-child{
    background: url("../images/food-pharma.png") no-repeat center center;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:first-child .industry_box{
    background: transparent linear-gradient(180deg, #E95151 0%, #FFFFFF00 100%) 0% 0% no-repeat;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:nth-child(2){
    background: url("../images/feed.png") no-repeat center center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:nth-child(2) .industry_box{
    background: transparent linear-gradient(180deg, #1FA6D9 0%, #FFFFFF00 100%) 0% 0% no-repeat;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li .industry_box h5{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
    text-shadow: 0px 1px 1px #00000029;
    border-bottom: 1px solid rgba(255,255,255,0.34);
    padding-bottom: 12px;
    box-sizing: border-box;
}

.industries_right ul li .industry_box p{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    text-shadow: 0px 1px 1px #00000029;
    margin-top: 15px;
}

.industries_right ul li:nth-child(3){
    background: url("../images/cosmetic.png") no-repeat center center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:nth-child(3) .industry_box{
    background: transparent linear-gradient(180deg, #BEA10D 0%, #987F00A1 57%, #FFFFFF00 100%) 0% 0% no-repeat;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:nth-child(4){
    background: url("../images/speciality-chemicals.png") no-repeat center center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

.industries_right ul li:nth-child(4) .industry_box{
    background: transparent linear-gradient(179deg, #48A600 0%, #FFFFFF00 100%) 0% 0% no-repeat;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 12px;
}

/*Counter Block*/
.counter_sec{
    padding: 100px 0 75px;
    background: #F4F8FF;
    box-sizing: border-box;
}

.counter_sec ul{
    background: url("../images/counter-bg.png") no-repeat center center;
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    text-align: center;
}

.counter_sec ul li{
    float: none;
    display: inline-block;
    width: 32%;
    vertical-align: middle;
}

.counter_sec ul li span{
    font-size: 60px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 0 10px;
    display: block;
}

.counter_sec ul li p{
    font-size: 26px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
    display: block;
}

/*Product Block*/
.product_sec{
    background: #EAFAFF;
    padding: 100px 0;
    box-sizing: border-box;
}

.product_block{
    padding: 0px 60px 90px;
    box-sizing: border-box;
}

.product_sec p{
    font-size: 40px;
    font-weight: 700;
    color: #010101;
    margin: 0;
}

.product_sec h3{
    font-size: 60px;
    font-weight: 700;
    color: #010101;
    margin: 0;
    line-height: 70px;
}

.product_box{
    background: #fff;
    padding: 12px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    border-radius: 6px;
    margin: 15px;
    text-align: center;
    height: 120px;
}

/* Spotlight Block */
.spotlight_sec{
    background: #fff;
}

.spotlight_block{
    padding: 60px 0px 85px;
    box-sizing: border-box;
}

.spotlight_block h3{
    font-size: 40px;
    font-weight: 700;
    color: #010101;
    margin: 0 0 40px;
}

.spotlight_list li{
    width: 100%;
    border-left: 2px solid #FFC034;
    padding-left: 35px;
    display: flex;
}

.spotlight_date{
    margin: 0 0 25px;
}

.spotlight_date span{
    color: rgba(103, 103, 103, 0.58);
    font-size: 16px;
    font-weight: 700;
}

.spotlight_info h4{
    color: #212121;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px;
    line-height: 26px;
}

.spotlight_info p{
    color: #50677E;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 25px;
    line-height: 25px;
}

.spotlight_icon{
    margin: 0 0 20px;
}

.spotlight_icon svg{
    color: #FFC034;
}

.spotlight_sec .owl-nav {
    position: absolute;
    top: -82px;
    right: 0;
}

.spotlight_sec .owl-nav .owl-prev{
    border: 2px solid #FFC034 !important;
    border-radius: 50%;
    color: #FFC034 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 55px;
    position: absolute;
}

.spotlight_sec .owl-nav span{
    position: absolute;
    top: 5%;
    left: 36%;
}

.spotlight_sec .owl-nav .owl-next{
    border: 2px solid #FFC034 !important;
    border-radius: 50%;
    color: #FFC034 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 0px;
    position: absolute;
}

/*Certification Block*/
.certification_img img{
    width: auto !important;
}

/*Footer*/
.footer{
    background: #071434;
    padding: 75px 0 0;
}

.footer_logo{
    margin: 0 0 40px;
}

.footer_social_links{
    display: block;
    float: none;
    width: 100%;
}

.footer_social_links ul{
    display: block;
    float: none;
    width: 100%;
}

.footer_social_links ul li{
    display: inline-block;
    float: none;
    margin-right: 30px;
}

.footer_social_links ul li svg{
    color: #FFFFFF;
    font-size: 20px;
}

.footer h6{
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #FFFFFF;
    letter-spacing: 0.036em;
    margin: 0 0 20px;
}

.footer ul li a{
    display: inline-block;
    color: #fff;
    letter-spacing: 0.032em;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
    margin: 0 0 15px;
}

.footer p{
    color: #fff;
    letter-spacing: 0.032em;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 0 15px -27px;
}

.footer p svg{
    margin-right: 15px;
    color: #03B9E8;
}

.footer p a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.footer_block{
    border-bottom: 1px solid rgba(112, 112, 112, 0.34);
    padding: 0 0 15px;
}

.copyright_sec{
    padding: 30px 0;
    box-sizing: border-box;
}

.copyright_left{
    float: none;
    display: inline-block;
    width: auto;
}

.copyright_left p{
    margin: 0;
}

.copyright_right{
    float: right;
    display: inline-block;
    width: auto;
}

.copyright_right a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0px 20px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}

.copyright_right a:last-child{
    border-right: none;
    padding-right: 0;
}

/*Contact Us Page*/
.contact_us_sec img{
    width: 100%;
}

.contact_block{
    padding: 20px 45px 120px;
    box-sizing: border-box;
    position: relative;
}

.contact_left{
    float: none;
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0;
}

.contact_right{
    float: right;
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

.contact_bg1{
    background: transparent linear-gradient(287deg, rgba(126, 206, 253, 0.25) 0%, rgba(216, 223, 35, 0.25) 100%) 0% 0% no-repeat;
    box-shadow: 0px 10px 40px rgba(32, 128, 192, 0.13);
    border-radius: 12px 12px 157px 12px;
    height: 195px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_bg2{
    background: transparent linear-gradient(137deg, rgba(227, 236, 153, 0.67) 0%, rgba(88, 210, 240, 0.67) 100%) 0% 0% no-repeat;
    border-radius: 0px 35px 0px 34px;
    height: 89px;
    width: 95px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 30px;
}

.contact_bg3{
    background: url("../images/contact-bg3.png") no-repeat center center;
    border-radius: 12px 12px 60px 12px;
    height: 165px;
    width: 180px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 98px 0 0 -85px;
}

.contact_bg4{
    background: url("../images/contact-bg4.png") no-repeat center center;
    border-radius: 12px 12px 60px 12px;
    height: 255px;
    width: 250px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
}

.contact_block h1{
    color: #1A3260;
    font-size: 50px;
    font-weight: 500;
}

.contact_main{
    background: url("../images/contact-info.png") no-repeat center center;
    padding: 50px;
    box-sizing: border-box;
    width: 50%;
    float: none;
    display: inline-block;
    position: relative;
}

.contact_main::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 20, 52, 0.8);
}

.contact_info h5{
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    margin: 0 0 8px;
    position: relative;
    z-index: 9;
}

.contact_info p{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: rgba(255,255,255,0.86);
    margin: 0 0 40px;
    position: relative;
    z-index: 9;
}

.con_detail{
    margin: 0 0 30px;
}

.con_detail p{
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    color: rgba(255,255,255,1);
    position: relative;
    z-index: 9;
}

.con_detail p.contact_subtitle{
    font-size: 12px;
}

.con_detail p svg{
    margin-right: 12px;
    width: 12px;
    height: 15px;
}

.contact_form{
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 3px 20px #8cadc029;
}

.contact_form .form-group{
    margin: 0 0 30px;
}

.contact_form .form-group select{
    position: relative;
}

.contact_form .form-group select {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 8px), calc(100% - 15px) calc(1em + 8px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
  
  .contact_form .form-group select:focus {
    background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%);
    background-position: calc(100% - 15px) calc(1em + 8px), calc(100% - 20px) calc(1em + 8px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
  }

.contact_btn{
    float: none;
    width: 100%;
    display: block;
}

.contact_btn button{
    background: #03B9E8;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.034em;
    padding: 12px 40px;
    box-sizing: border-box;
    height: 46px;
    border: 0;
    border-radius: 0;
    width: 100%;
}

.contact_btn button:hover{
    background-color: #393B54;
    border-color: #393B54;
}

.contact_form .form-control{
    border-radius: 4px;
    color: rgba(80, 103, 126, 0.60);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid rgba(203, 212, 224, 1);
    height: 50px;
}

.contact_form .form-control:focus{
    box-shadow: none;
    border-color: #CBD4E0;
}

.contact_form textarea.form-control{
    resize: none;
    height: 100px;
}

.contact_div{
    display: block;
    margin: 0;
    padding: 50px 0;
    box-sizing: border-box;
}

.factory_location h4{
    font-size: 26px;
    font-weight: 700;
    color: #242424;
    text-align: left;
    margin: 0 0 15px;
    padding: 0 0 0 60px;
}

.map_list{
    margin: -70px 0 30px;
}

.map_list li{
    width: 100%;
}

.unit_main{
    display: flex;
}

.map_list li .unit_block{
    background: transparent linear-gradient(90deg, #F4F8FF 0%, #FFFFFF 100%) 0% 0% no-repeat;
    border-radius: 4px 4px 0px 0px;
    box-shadow: 10px 14px 18px #28467222;
    border: 5px solid #fff;
    padding: 15px 20px;
    box-sizing: border-box;
    text-align: left;
}

.unit_block h4{
    color: #212121;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 15px;
    text-align: left;
}

.unit_block p{
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    line-height: 22px;
    min-height: 66px;
}

/* Product Block */
.contact_bg1.product_bg1{
    display: block;
    padding: 65px 45px;
    box-sizing: border-box;
    background: transparent linear-gradient(113deg, #FFDFDF 0%, #F6FFE3 100%) 0% 0% no-repeat;
}

.contact_bg3.product_bg3{
    position: relative;
}

.contact_bg4.product_bg4{
    background: url(../images/product-banner-bg.png) no-repeat center center;
}

.contact_bg1.product_bg1 p{
    font-size: 20px;
    font-weight: 400;
    color: #1A3260;
    line-height: 24px;
    margin: 0 0 10px;
}

.contact_bg1.product_bg1 h1{
    font-size: 30px;
    font-weight: 500;
    color: #1A3260;
}

.breadcrumb_sec{
    padding: 40px 0;
}

ol.breadcrumb li a{
    display: inline-block;
    text-decoration: none;
    color: #818181;
}

.breadcrumb-item.active{
    background: transparent;
}

.breadcrumb-item+.breadcrumb-item::before{
    content: var(--bs-breadcrumb-divider, ">");
}

.product_main{
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 20px;
}

.product_left{
    float: none;
    display: inline-block;
    width: 35%;
}

.product_right{
    float: none;
    display: inline-block;
    width: 64.5%;
    text-align: right;
}

.product_right .dropdown button.dropbtn{
    background: transparent;
    color: #16274D;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 20px;
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
    letter-spacing: 0.0034em;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-right: 12px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 400px;
    z-index: 99;
    box-shadow: 0px 6px 6px rgb(2 35 129 / 30%);
    border-radius: 8px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
}

.dropdown-content a {
    color: #484848;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px;
}

.dropdown-content a:last-child{
    margin: 0;
}

.dropdown-content a:hover{
    background: transparent;
}

.dropdown-content a svg{
    color: rgba(0,0,0,0.43);
    margin-right: 15px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

button.send_inquiry{
    background: #caf0fa;
    text-decoration: none;
    padding: 10px 18px;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.0034em;
    color: #FFFFFF;
    border-radius: 0;
    outline: 0;
}

button.send_inquiry:focus{
    box-shadow: none;
}

button.send_inquiry span{
    color: #fff;
}

.contact_form.modal-form{
    width: 100%;
    padding: 0;
    box-shadow: none;
}

.product_modal .modal-content{
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
}

.product_modal .modal-header{
    padding: 0;
    border-bottom: 0;
}

.product_modal .modal-title{
    color: #212121;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
}

.product_modal .modal-header .btn-close{
    margin: -50px 0 0;
}

.product_modal .modal-content p{
    color: rgba(33, 33, 33, 0.50);
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    text-align: left;
    margin: 10px 0 20px;
}

.product_modal .modal-body{
    padding: 0;
}

.product_modal .modal-footer{
    border-top: none;
    padding: 0;
}

.product_modal .modal-footer button{
    background: #FFC034;
    text-decoration: none;
    padding: 10px 18px;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.034em;
    color: #00329B;
    border-radius: 0;
    outline: 0;
    margin: 0;
    border: 0;
}

.product_modal .modal-footer button:focus{
    box-shadow: none;
}

.product_modal .modal-header .btn-close:focus{
    box-shadow: none;
}

.product_modal.success_modal{
    text-align: center;
}

.product_modal.success_modal .modal-header .btn-close {
    margin: -100px 0 0;
}

.catalogue_main{
    float: none;
    display: block;
    width: 100%;
    border: 1px solid rgba(160, 160, 160, 0.30);
    border-radius: 6px;
}

.sidenav{
    float: none;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    border-right: 1px solid rgba(160, 160, 160, 0.30);
}

.main{
    float: none;
    display: inline-block;
    width: 74%;
    vertical-align: top;
    padding: 15px 20px;
    box-sizing: border-box;
    
}

.main h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.sidenav h4{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid rgba(160, 160, 160, 0.30);
    padding: 15px 20px 15px;
}

.sidenav_link{
    padding: 10px 0px;
    box-sizing: border-box;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

.dropdown-btn svg{
    margin-right: 10px;
}

.dropdown-btn span{
    color: rgba(62, 62, 62, 0.61);
    font-size: 14px;
    font-weight: 400;
    float: right;
    padding-top: 0;
}

/* Add an active class to the active dropdown button */
.dropdown-btn.active {
    background-color: transparent;
    color: #818181;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: transparent;
    padding-left: 40px;
}

.dropdown-container a{
    color: #818181;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0px;
    line-height: 20px;
    position: relative;
}

.dropdown-container a::after{
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #C4C4C4;
    border-radius: 100%;
    content: "";
}

.dropdown-container a.active{
    color: #000000;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}

.main ul{
    margin: 20px 0 0;
}

.main ul li{
    float: none;
    display: inline-block;
    width: auto;
    margin-right: 0px;
    margin-bottom: 15px;
}

.main ul li button.dropbtn{
    border: 1px solid rgba(160, 160, 160, 0.20);
    border-radius: 94px;
    font-size: 14px;
    font-weight: 400;
    color: #3E3E3EAD;
    background: #fff;
    padding: 12px 14px;
    box-sizing: border-box;
}

.main ul li button.dropbtn.active{
    color: #fff;
    background: #26294F;
}

.main ul li .form-group{
    margin: 0 0 15px;
}

.main ul li .form-group input[type="checkbox"]{
    width: 14px;
    height: 13px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.main ul li .form-group label{
    color: #3E3E3EAD;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

/* Privacy Policy */
.contact_bg1.privacy_bg1{
    background: transparent linear-gradient(287deg, rgba(126, 206, 253, 0.38) 0%, rgba(255, 192, 138, 0.38) 100%) 0% 0% no-repeat;
}

.privacy_block{
    padding: 65px 15px;
    box-sizing: border-box;
}

.privacy_list{
    margin: 0 0 50px;
}

.privacy_list h4{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    margin: 0 0 20px;
}

.privacy_list p{
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    margin: 0;
    line-height: 25px;
}

/* About Us */
.contact_block.about_block h1{
    margin: 0 0 20px;
}

.contact_block.about_block p{
    font-size: 14px;
    font-weight: 400;
}

.contact_block.about_block .contact_bg1.product_bg1{
    padding: 45px 45px;
}

.contact_us_sec.about_us_sec{
    background: rgba(194, 232, 250, 0.21);
}

.about_history{
    background: #F4F8FF;
}

.about_description{
    padding: 50px 80px;
    box-sizing: border-box;
}

.about_left h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    margin: 0 0 25px;
    line-height: 48px;
}

.about_left p{
    font-size: 16px;
    font-weight: 400;
    color: #50677E;
    margin: 0 0 25px;
    line-height: 25px;
}

.about_box{
    margin: 40px 0 0;
    text-align: right;
}

.journey_sec{
    background: transparent linear-gradient(56deg, #212444 0%, #505063 100%) 0% 0% no-repeat;
    padding: 65px 0 70px;
    box-sizing: border-box;
}

.journey_sec h4{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 50px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.journey_list{
    display: block;
    margin: 30px 0 0;
}

.journey_list li{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.journey_list li span{
    border: 1px solid #707070;
    border-radius: 19px;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    padding: 8px 15px;
    display: inline-block;
    margin: 0 0 20px;
}

.journey_img{
    margin: 0 0 20px;
}

.journey_img img{
    height: 245px;
    width: 245px !important;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
}

.journey_list li p{
    font-size: 14px;
    font-weight: 400;
    color: #D3D3D3;
    display: inline-block;
    line-height: 25px;
    margin: 0 0 100px;
}

.journey_list .owl-nav {
    position: absolute;
    bottom: 65px;
    right: 20%;
}

.journey_list .owl-nav .owl-prev{
    border: 2px solid #FFC034 !important;
    border-radius: 50%;
    color: #FFC034 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 55px;
    position: absolute;
}

.journey_list .owl-nav .owl-next{
    border: 2px solid #FFC034 !important;
    border-radius: 50%;
    color: #FFC034 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 0px;
    position: absolute;
}

.journey_list .owl-next.disabled, .journey_list .owl-prev.disabled{
    opacity: 0.4;
}

.director_sec{
    background: #F4F8FF;
}

.director_block{
    padding: 50px 0;
    box-sizing: border-box;
}

.director_block h4{
    color: #212121;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 50px;
}

.director_left{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.director_left img{
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.director_right{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat;
    border-radius: 0px 0px 119px 0px;
    padding: 40px 60px 50px;
    box-sizing: border-box;
    margin: 0 0 0 -60px;
}

.director_right p{
    font-size: 16px;
    font-weight: 400;
    color: rgba(80, 103, 126, 0.78);
    line-height: 30px;
}

.director_right p strong{
    color: rgba(47, 54, 60, 0.78);
    font-weight: 700;
}

.director_center{
    display: flex;
    align-items: center;
}

.masonry_sec{
    padding: 0px 0 30px;
    box-sizing: border-box;
    background: #F4F8FF;
}

.masonry_sec h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    text-align: center;
    margin: 0 0 6px;
}

.masonry_sec p{
    font-size: 16px;
    font-weight: 400;
    color: #50677E;
    line-height: 28px;
    text-align: center;
    margin: 0 0 70px;
}

/* .masonry_sec img{
    width: 100%;
} */

.masonry_sec img.mission_img{
    margin: 0 0 18px;
}

.about_quality_sec{
    padding: 65px 0 70px;
    box-sizing: border-box;
    background: #fff;
}

.quality_main{
    float: none;
    width: 100%;
    display: flex;
    padding: 0 30px;
    box-sizing: border-box;
    justify-content: center;
    position: relative;
}

.quality_left{
    background: #FFFFFF;
    box-shadow: 0px 6px 10px #7C6C4717;
    border-radius: 4px;
    padding: 55px 35px;
    box-sizing: border-box;
    float: none;
    display: inline-block;
    width: 40%;
    text-align: center;
    z-index: 99;
}

.quality_main::before{
    position: absolute;
    left: -20px;
    bottom: 35px;
    background: transparent linear-gradient(223deg, rgba(227, 236, 153, 0.55) 0%, rgba(88, 210, 240, 0.55) 100%) 0% 0% no-repeat;
    width: 170px;
    height: 160px;
    content: " ";
    border-top-left-radius: 64px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 70px;
}

.quality_main::after{
    position: absolute;
    right: -5px;
    top: -38px;
    background: transparent linear-gradient(137deg, rgba(227, 236, 153, 0.55) 0%, rgba(88, 210, 240, 0.55) 100%) 0% 0% no-repeat;
    width: 170px;
    height: 160px;
    content: " ";
    border-top-left-radius: 0;
    border-top-right-radius: 64px;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 0;
}

.quality_right{
    background: #FFFFFF padding-box;
    box-shadow: 0px 6px 10px #7C6C4717;
    border-radius: 4px;
    padding: 55px 35px;
    box-sizing: border-box;
    float: none;
    display: inline-block;
    width: 40%;
    margin-left: 50px;
    text-align: center;
    z-index: 99;
}

.quality_icon{
    text-align: center;
    margin: 0 0 15px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: 100px;
    width: 100%;
    position: relative;
    left: 40%;
}

.quality_icon object{
    text-align: center;
    width: 100%;
    display: block;
}

.quality_main h4{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 30px;
}

.quality_main p{
    color: rgba(80, 103, 126, 0.80);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 30px;
}

.quality_left:hover{
    background: rgba(255, 192, 52, 1);
}

.quality_right:hover{
    background: rgba(255, 192, 52, 1);
}

.quality_left:hover h4, .quality_left:hover p, .quality_right:hover h4, .quality_right:hover p{
    color: #fff;
}

.quality_left:hover .icon-people , .quality_right:hover .icon-people {
    filter: brightness(0) invert(1);
}

.privacy_block.terms{
    padding-bottom: 0;
}

.privacy_address{
    padding: 0 15px 40px;
    box-sizing: border-box;
}

.privacy_address h5{
    color: #2A2A2A;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 0 10px;
}

.privacy_address p{
    color: rgba(42, 42, 42, 0.86);
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 10px;
}

.privacy_address p svg{
    color: #2A2A2A;
    margin-right: 10px;
    width: 15px !important;
}

p.term_mail{
    padding-left: 30px;
}

/* Sustainability */
.contact_bg1.sustainability_bg1{
    display: block;
    padding: 65px 45px;
    box-sizing: border-box;
    background: transparent linear-gradient(113deg, #FFDFDF 0%, #F6FFE3 100%) 0% 0% no-repeat;
}

.sustainability_sec{
    padding: 50px 0 100px;
    box-sizing: border-box;
    background: #fff;
}

.sustain_left h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    margin: 0 0 10px;
}

.sustain_left p{
    font-size: 16px;
    font-weight: 400;
    color: #50677E;
    line-height: 28px;
    margin: 0 0 15px;
}

.sustain_right img{
    width: 400px;
}

.policy_sec{
    text-align: center;
    width: 100%;
    background: #fff;
}

.policy_sec h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    margin: 0 0 15px;
}

.policy_sec p{
    font-size: 16px;
    font-weight: 400;
    color: #50677E;
    line-height: 28px;
    margin: 0 0 20px;
    width: 60%;
    float: none;
    display: inline-block;
    text-align: center;
}

.policy_list{
    background: #071434;
    padding: 85px 0 0px;
    box-sizing: border-box;
}

.policy_list ul li{
    float: none;
    display: inline-block;
    width: 27%;
    text-align: center;
    margin: 0 0 100px 100px;
    vertical-align: top;
}

.policy_list ul li:nth-child(3n+1){
    margin-left: 0;
}

.policy_img{
    background: #E9EEF4;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 0 0 20px;
}

.policy_img img{
    padding: 15px 10px;
    box-sizing: border-box;
}

.policy_info h3{
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #FFFFFF;
}

.policy_info p{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #B8B8B8;
    width: 100%;
}

.dimension_block{
    padding: 70px 0 60px;
    box-sizing: border-box;
    background: #fff;
}

.dimension_main{
    padding: 0 50px;
    box-sizing: border-box;
    text-align: center;
}

.dimension_main h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 48px;
    color: #212121;
    margin: 0 0 25px;
    width: 47%;
    float: none;
    display: inline-block;
    text-align: center;
}

.demo{
    text-align: center;
}

ul.resp-tabs-list li{
    float: none;
    display: inline-block;
    text-align: center;
    width: auto;
    padding: 0 60px !important;
    border-bottom: 1px solid rgba(13, 16, 86, 0.20) !important;
    vertical-align: bottom !important;
    margin: 0 -2px !important;
}

ul.resp-tabs-list li span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    padding: 0 0 20px;
}

ul.resp-tabs-list li.resp-tab-active{
    border-bottom: 2px solid #000 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: transparent;
}

ul.resp-tabs-list li.resp-tab-active span{
    font-weight: 500;
}

ul.resp-tabs-list li img{
    margin: 0 0 15px;
}

.resp-tab-content {
    border: 0 !important;
    padding-top: 50px !important;
}

.tab_info ul li{
    display: inline-block;
    width: 100%;
    float: none;
    text-align: left;
    line-height: 28px;
    margin: 0 0 15px;
    color: #50677E;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    vertical-align: top;
}

.tab_info ul li::before{
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 50%;
    content: "";
}


.tab_info ul li strong{
    font-weight: 700;
    color: #0C233A;
}

.map_list li .active_map_box .unit_block{
    border: 5px solid #F3C766;
}

/* Research & Development */
.contact_bg1.sustainability_bg1.research_text{
    padding: 45px 45px;
}

.contact_bg1.sustainability_bg1.research_text h1 {
    text-transform: uppercase;
}

.innovation_sec{
    background: #fff;
    padding: 100px 0;
    box-sizing: border-box;
}

.innovation_left{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.innovation_right{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.innovation_left h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    margin: 0 0 60px;
}

.innovation_left p{
    font-size: 16px;
    font-weight: 400;
    color: #50677E;
    line-height: 28px;
    margin: 0 0 35px;
}

.innovation_left ul li{
    list-style-type: disc;
    color: #50677E;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
}

.innovation_left ul li::marker{
    color: #FFC034;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
}

.equipment_sec{
    padding: 0 0 100px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.equipment_left{
    float: none;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.equipment_left img{
    border-radius: 6px 6px 88px 6px;
    width: 100%;
    height: 510px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 42px 0 0;
}

.equipment_sec::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #FFC034;
    border-radius: 6px 6px 88px 6px;
    width: 450px;
    height: 600px;
}

.equipment_right{
    float: none;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding-left: 100px;
}

.equipment_right h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
    margin: 0 0 15px;
}

.equipment_center{
    display: flex;
    align-items: center;
}

.equipment_right ul{
    float: none;
    display: inline-block;
    width: 46%;
    vertical-align: top;
    margin-left: 20px;
}

.equipment_right ul:first-child{
    margin-left: 0;
}

.equipment_right ul li{
    list-style-type: disc;
    color: #50677E;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
}

.equipment_right ul li::marker{
    color: #FFC034;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
}

.innovation_right img{
    width: 75%;
}

.pilot_sec{
    background: #071434;
    padding: 45px 0 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 170px;
}

.pilot_main{
    padding: 0 60px;
    box-sizing: border-box;
}

.pilot_main h3{
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 48px;
    margin: 0 0 40px;
}

.pilot_main ul li{
    background: transparent linear-gradient(295deg, #FFFFFF 0%, #A1D9FF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 10px 10px 36px 10px;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0 0 40px 110px;
    padding: 35px 50px;
    box-sizing: border-box;
}

.pilot_main ul li:nth-child(3n+1){
    margin: 0;
}

.pilot_main ul li p{
    color: #111111;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.technology_sec{
    background: #F4F8FF;
    padding: 10px 0;
    box-sizing: border-box;
}

.technology_left img{
    width: 100%;
}

.technology_right{
    background: #fff;
    padding: 60px 40px;
    box-sizing: border-box;
    margin: 0 0 0 -25px;
}

.technology_right h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 40px;
    margin: 0 0 30px;
}

.technology_right ul li{
    list-style-type: disc;
    color: #3E3E3E;
    font-size: 13px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
}

.technology_right ul li::marker{
    color: #FFC034;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
}

.product_requirement{
    background: #fff;
    padding: 75px 0 0;
    box-sizing: border-box;
}

.p_req_block{
    text-align: left;
    margin: 0 0 30px;
    width: 100%;
}

.p_req_block h3{
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 48px;
}

.p_box{
    display: block;
    width: 100%;
    background: rgba(0, 24, 74, 0.70);
    margin: 13% 0 0;
    padding: 0 0 100px;
    box-sizing: border-box;
}

.property_option{
    box-shadow: 10px 14px 18px #28467222;
    border: 0.5px solid #CFDAED;
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
    margin: -40% 0 0;
}

.property_option h4{
    background: transparent linear-gradient(180deg, #F4F8FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
    color: #212121;
    font-size: 30px;
    font-weight: 700;
    padding: 20px 65px 40px 20px;
    box-sizing: border-box;
    line-height: 48px;
}

.property_option h4:hover{
    background: transparent linear-gradient(180deg, rgba(252, 248, 138, 1) 0%, rgba(255, 255, 255, 1) 100%) 0% 0% no-repeat padding-box;
}

.property_option ul{
    padding: 0px 65px 30px 40px;
    box-sizing: border-box;
    background: #fff;
    min-height: 200px;
}

.property_option ul li{
    float: left;
    width: 49%;
    vertical-align: middle;
    list-style-type: disc;
    color: #50677E;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 5px;
}

.property_option ul li::marker{
    color: #FFC034;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
}

.mission_left_block{
    float: right;
    text-align: right;
}

.mission_right_block{
    float: left;
    text-align: left;
}

.mission_center img{
    width: 100%;
    height: 100%;
}

.header.sticky{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
    z-index: 9999;
}

.header.sticky .header_main{
    padding: 8px 0;
    box-sizing: border-box;
}

.header.sticky .header_main #navbar-toggle{
    top: 10px;
}

span.invalid-feedback{
    text-align: left;
}

.contact_address_block {
    background: rgba(234, 250, 255, 0.42);
    width: 100%;
    padding: 100px 0 0 120px;
    box-sizing: border-box;
}

.c_block{
    display: flex;
}

.contact_address{
    overflow: hidden;
}

.c_right_block{
    margin: 0 0 0 -185px;
}

.contact_address_block h3{
    font-size: 30px;
    font-weight: 700;
    color: #242424;
    line-height: 22px;
    margin: 0 0 10px;
}

.contact_address_block p{
    font-size: 16px;
    font-weight: 400;
    color: rgba(36, 36, 36, 0.86);
    line-height: 22px;
    margin: 0 0 50px;
}

.contact_address_block p.contact_detail{
    font-size: 16px;
    font-weight: 400;
    color: #242424;
    line-height: 22px;
    margin: 0 0 10px;
}

.contact_address_block p.contact_detail a{
    color: #242424;
    text-decoration: none;
}

.contact_address_block p svg{
    margin-right: 10px;
}

.factory_location {
    padding: 55px 0 0;
    box-sizing: border-box;
}

.factory_location ul{
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 50px;
    padding: 0 0 0 60px;
}

.factory_location ul li{
    display: inline-block;
    float: none;
    width: auto;
    font-size: 20px;
    font-weight: 400;
    color: rgba(36, 36, 36, 0.86);
    padding: 0 40px;
    border-right: 1px solid rgba(36, 36, 36, 0.86);
}

.factory_location ul li a{
    display: inline-block;
    color: rgba(36, 36, 36, 0.86);
    text-decoration: none;
}

.factory_location ul li:first-child{
    padding-left: 0;
}

.factory_location ul li:last-child{
    border-right: none;
}

.factory_img {
    position: absolute;
    top: 31%;
}

.factory_img img{
    height: 540px;
}

.about_us{
    background: transparent linear-gradient(109deg, rgba(224, 248, 255, 1) 0%, rgba(255, 231, 231, 1) 100%) 0% 0% no-repeat;
    padding: 90px 0;
    box-sizing: border-box;
    position: relative;
}

.about_us::after{
    position: absolute;
    content: "";
    right: 0;
    top: -35px;
    background: url(../images/arrow.png) no-repeat center center;
    width: 300px;
    height: 354px;
    background-size: 65%;
    
}

.about_block{
    display: block;
    width: 100%;
}

.about_img_sec {
    margin: 0 0 30px;
}

.about_img_sec img{
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 50px 0 0;
}

.about_info{
    float: none;
    display: inline-block;
    width: auto;
}

.about_info h3{
    font-size: 40px;
    font-weight: 700;
    color: #010101;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0;
}

.about_info h6{
    font-size: 24px;
    font-weight: 700;
    color: #010101;
    line-height: 31px;
    margin: 0;
}

.about_block p{
    font-size: 16px;
    font-weight: 400;
    color: #010101;
    line-height: 28px;
    margin: 0;
    width: 88%;
}

.a_img{
    width: 100%;
    height: 415px;
    background: url("../images/about_us_1.png") no-repeat center center;
    background-size: cover;
}

.about_partner{
    padding: 100px 0 100px;
    box-sizing: border-box;
}

.partner_block{
    padding: 0 0 0 40px;
    box-sizing: border-box;
}


.partner_block h3{
    font-size: 30px;
    font-weight: 700;
    color: #010101;
    line-height: 48px;
    margin: 0;
    position: relative;
}

.partner_block h3::before{
    position: absolute;
    content: "";
    top: -25%;
    left: -13%;
    background: url(../images/quote.png) no-repeat center center;
    width: 50px;
    height: 50px;
    background-size: 25%;
}

.partner_block h3::after{
    position: absolute;
    content: "";
    bottom: -15px;
    right: -13%;
    background: url(../images/quote1.png) no-repeat center center;
    width: 50px;
    height: 50px;
    background-size: 25%;
}


.partner_left{
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner_block img{
    height: 262px;
    float: right;
}

.partner_block p{
    font-size: 16px;
    font-weight: 400;
    color: #010101;
    line-height: 32px;
    margin: 60px auto 0;
    text-align: center;
    width: 88%;
    display: block;
}

.certification_list li{
    display: inline-block;
    float: none;
    width: auto;
    margin: 0 9px;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: transparent;
}

.product_box img{
    width: auto !important;
}

.product_list .owl-nav {
    position: absolute;
    top: 75%;
    left: -38%;
    bottom: 0;
}

.product_list .owl-nav .owl-prev{
    border: 2px solid #747474 !important;
    border-radius: 50%;
    color: #747474 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 55px;
    position: absolute;
}

.product_list .owl-nav span{
    position: absolute;
    top: 5%;
    left: 36%;
}

.product_list .owl-nav .owl-next{
    border: 2px solid #747474 !important;
    border-radius: 50%;
    color: #747474 !important;
    width: 35px;
    height: 35px;
    font-size: 25px !important;
    right: 0px;
    position: absolute;
}

.foundation_sec{
    padding: 80px 0;
    box-sizing: border-box;
}

.foundation_img img{
    width: 100%;
}

.foundation_main{
    padding-left: 100px;
    box-sizing: border-box;
}

.foundation_block{
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 50px;
}

.foundation_block:last-child{
    margin: 0;
}

.f_img{
    float: none;
    display: inline-block;
    width: 75px;
    vertical-align: middle;
}

.f_info{
    float: none;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin: 0 0 0 50px;
}

.f_info h3{
    font-size: 30px;
    font-weight: 700;
    color: #010101;
    line-height: 37px;
}

.f_info p{
    font-size: 16px;
    font-weight: 300;
    color: #010101;
    line-height: 32px;
}

.acpi_block{
    background: #d53f3f url("../images/acpi.jpg") no-repeat right center;
    height: 591px;
    display: flex;
    align-items: center;
    background-size: contain;
}

.acpi_main h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    margin: 0 0 35px;
}

.acpi_main p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    margin: 0;
}

.appli_img img{
    width: 100%;
}

.application_sec{
    padding: 25px 0;
    box-sizing: border-box;
}

.applicatin_des{
    display: flex;
    align-items: center;
}

.application_info{
    padding: 0 0 0 100px;
}

.application_info h3{
    font-size: 40px;
    font-weight: 700;
    color: #010101;
    line-height: 50px;
    margin: 0 0 15px;
}

.application_info p{
    font-size: 20px;
    font-weight: 400;
    color: rgba(60, 60, 60, 0.72);
    line-height: 32px;
    margin: 0;
}

.banner_list .owl-next.disabled, .banner_list .owl-prev.disabled{
    opacity: 0.4;
}

.product_list .owl-next.disabled, .product_list .owl-prev.disabled{
    opacity: 0.4;
}

.footer_logo img{
    width:300px;
}

.application_mob{
    display: none;
}