/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.eot');
    src: local('./fonts/Manrope Medium'), local('../fonts/Manrope-Medium'),
        url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.eot');
    src: local('./fonts/Manrope Regular'), local('../fonts/Manrope-Regular'),
        url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Bold.eot');
    src: local('./fonts/Manrope Bold'), local('../fonts/Manrope-Bold'),
        url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-SemiBold.eot');
    src: local('./fonts/Manrope SemiBold'), local('../fonts/Manrope-SemiBold'),
        url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Light.eot');
    src: local('./fonts/Manrope Light'), local('../fonts/Manrope-Light'),
        url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-ExtraLight.eot');
    src: local('../fonts/Manrope ExtraLight'), local('../fonts/Manrope-ExtraLight'),
        url('../fonts/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-ExtraBold.eot');
    src: local('./fonts/Manrope ExtraBold'), local('../fonts/Manrope-ExtraBold'),
        url('../fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body{font-family: "Manrope", sans-serif;}


.inner_banner {
    width: 100%;
    min-height: 300px;
    background: url(../img/ab-bg.svg) center top no-repeat;
    background-size: cover;
    background-position: 10% 100%;
    position: relative;
}
.banner_text {
    padding: 55px 15px 0 15px;
}
.banner_text h2 {
    color: #211d62;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 45px;
    font-weight: 700;
}

section.kkiab_sec {
    padding: 40px 0;
    position: relative;
    z-index: 2;
}
section.kkiab_sec:after {
    background: url(../img/banner-ab-2.png) center right no-repeat;
    z-index: -1;
    background-size: contain;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}
section.kkiab_sec:before {
    opacity: .85;
    left: 0;
    z-index: -1;
    content:'';
    background: -moz-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background: -webkit-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background: linear-gradient(135deg,#ffdee9 0,#c8fff4 100%);
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
}
.section_kkiab h2 {
    font-size: 30px;
    line-height: 38px;
    color: #000000;
    margin: 5px 0 20px 0;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
.ab_inner_img {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.ab_inner_img h6 {
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    letter-spacing: normal;
}
.kki_flew {
    display: flex;
    margin: 20px;
}
.kkiabimg_box1 {
    width: 400px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 22px;
}

.kkiabimg_box2 {
    width: 100%;
    height: 410px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.kkiabimg_boxf {
    display: flex;
}
.kkiabimg {
    width: 190px;
    height: 190px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
    border-radius: 10px;
}
.kki_flew img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.kkiab_award {
    cursor: pointer;
}

.kkiab_award .slick-prev:before,.kkiab_award .slick-next:before{
    opacity: 1;
    color: #fff;
    font-size: 35px;
    border: 1px solid #ec3c4b;
    padding: 5px;
    background-color: #ec3c4b;
    border-radius: 10px;
    z-index: 5;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 32px 9px;
}
.kkiab_award .slick-prev, .kkiab_award .slick-next{
    z-index: 5;
    opacity: 0;
    transition: all .3s ease;
    visibility: hidden;
}
.kkiab_award .slick-prev {
    left: 25px;
    transform: translateX(50px);
}
.kkiab_award .slick-next {
    right: 35px;
    transform: translateX(-50px);
}
.kkiab_award:hover .slick-prev,.kkiab_award:hover .slick-next{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

/* quality_sec */
.quality_sec {
    padding: 40px 0;
    position: relative;
}
.quality_sec:before {
    content: "";
    background: url(../img/dot-kki-quality.png) center top #fff;
    position: absolute;
    height: 600px;
    right: 0;
    left: 0;
    top: -200px;
    width: 100%;
    background-size: contain;
    z-index: -1;
}
.serviceBox{
    color: var(--color1);
    text-align: center;
    padding: 11px 18px 20px;
    position: relative;
    z-index: 1;
    height: 100%;
}
.serviceBox:before{
    content: "";
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.5),0 7px 0 var(--color1);
    position: absolute;
    left: 0;
    top: 53px;
    right: 0;
    bottom: 15px;
    z-index: -1;
}
.serviceBox .service-icon{
    background: #fff;
    line-height: 90px;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    position: relative;
}
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    background: linear-gradient(to top,transparent 49%,var(--color1) 50%);
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -12px;
    z-index: -1;
}
.serviceBox .service-icon:after{
    background: var(--color2);
    height: 12px;
    width: 150px;
    border-radius: 0;
    transform: translateX(-50%);
    top: 29px;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: -2;
}
.serviceBox .title{
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    font-weight: 400;
}
.serviceBox.blue{
    --color1: #0082b7;
    --color2: rgb(0 130 183 / 60%);
}
.serviceBox.magenta{
    --color1: #E51F47;
    --color2: #DA617A;
}
/* policy_sec */

.policy_sec {
    padding: 40px 0;
    background-color: #0082b7;
}
.img_boxpo {
    height: 100%;
    display: flex;
    justify-content: center;
}
.img_boxpo img {
    height: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}

/*  */
.img_box_com {
    padding: 25px;
    display: flex;
    justify-content: center;
}
.img_box_com img {
    border-radius: 20px;
    overflow: hidden;
}

.certificatebox {
    background: #f3f3f3;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
}
.certificatebox img {
    background: #fff;
    width: 100%;
    height: 200px;
    object-fit: contain;
    margin-bottom: 20px;
    box-shadow: rgba(0,0,0,.05) 0 0 0 1px;
    border-radius: 10px;
}
.certificatebox span {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}

.form_main {
    background-color: #ffffff;
    box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
    padding: 40px 30px 40px 30px;
    border-radius: 10px;
    margin: auto 50px
}
.form_main h3 {
    font-weight: 600;
    font-size: 35px;
    line-height: 28px;
    color: #3a3a3a;
    padding: 0;
    margin-bottom: 10px;
}
.form_main p{
    margin-bottom: 0;
}
.form_main .title-separator {
    background-color: #ec3c4b;
}
.form_main .title-separator {
    width: 46px;
    height: 3px;
    background-color: #ec3c4b;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    top: 0px;
}
.form_main .title-separator:before, .form_main .title-separator:after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #ec3c4b;
    display: inline-block;
    position: absolute;
}
.form_main .title-separator:before, body.color-red .form_main .title-separator:after {
    background-color: #ec3542;
}
.form_main .title-separator:before {
    right: -5px;
}
.form_main .title-separator:after {
    right: -10px;
}
.form_inner {
    margin-top: 20px;
}
.form_main input {
    background-color: rgb(204 204 204 / 40%);
    border: none;
    border-radius: 4px;
    height: 55px;
    margin-bottom: 20px;
    color:#000;
}
.form_main textarea {
    background-color: rgb(204 204 204 / 40%);
    border: none;
    border-radius: 4px;
    height: 150px;
    color:#000;
}
.info_add {
    padding: 0 20px 25px 20px;
    text-align: center;
}
.info_add h5 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin: 9px 0 0 0;
    padding: 0;
}

.info_add p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin: 6px 0 0 0;
    padding: 0;
}

.info_icon i {
    color: #ec3c4b;
    font-size: 20px;
    line-height: 0;
}

.info_add ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.info_add ul li a {
    color: #666;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: "Manrope", sans-serif;
    display: inline-block;
    transition: all 300ms;
}
.info_add ul li a:hover {
    color: #ec3c4b;
}
/*media-css*/

@media (min-width:992px) and (max-width: 1200px) {
    .kki_banner h1{font-size: 45px;line-height: 55px;}
    .kki_banner p {font-size: 15px;margin: 10px 0 20px 0;line-height: 24px;}
    .pro_list {padding: 40px 0 20px 40px;}
    .client_banner .banner_heading h1 {font-size: 30px!important;}
    .exportbox .col-3{width: 33.33%!important;}
    .exportbox .lab_box h3 {padding: 20px!important;}
    .navmenu li i{    background-color: transparent !important;
        color: #e84545 !important;}
    .navmenu li.dropdown a{padding-left:0;justify-content: start;width: 100%;}
    .navmenu li{justify-content: flex-start;flex-wrap: wrap;width:100%;}
    .navmenu .dropdown>.dropdown-active, .navmenu .megamenu>.dropdown-active {
        display: block;
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 0;
        margin: 10px 0;
        
    }
    .navmenu > ul{
        overflow-y: auto;
        height: 100%;
        padding-bottom: 100px;
    }
    .navmenu .megamenu>.dropdown-active li{padding-left: 0;}.navmenu a i, .navmenu a:focus i{font-size: 9px;}
}

@media (min-width:768px) and (max-width: 991px) {
    .kki_banner img {min-height: 350px;}
    section{padding: 30px 0!important;}
    .about_organization .col-md-6{width: 100%;}
    .section_title h2 {font-size: 25px;line-height: 30px;margin: 5px 0 15px 0;}
    .form_left{padding-right: 0;}
    .form_left h2{font-size: 25px;}
    .form_left a {font-size: 25px;}
    .form_box {padding: 20px;}
    .news_text h4 {font-size: 16px;}
    .news_text i {font-size: 22px;line-height: 18px;}
    .respo_text {padding: 0;width: 100%;}
    .pro_list {padding: 20px 0 20px 20px;}
    .img_box img {height: 100%;}
    .pro_list h3 {font-size: 20px;margin-bottom: 10px;}
    .pro_list li {font-size: 16px;line-height: 26px;}
    .pro_list a {margin-top: 15px;font-size: 14px;}
    .content_pro:before{width: 114%;clip-path: circle(66% at 45% 55%);}
    .tabs_box li a {font-size: 14px;padding: 10px 15px}
    .tabs_box li {margin: 0px 15px;}
    .product_sec .col-9{width: 100%;}
    .abou_box .col-9{width: 90%;}
    .box_inner_ab .col-4{width: 50%;}
    .box_inner_ab .col-5{width: 45%;}
    .kki_banner h1 {font-size: 40px;line-height: 45px;}
    .kki_banner p {font-size: 15px;line-height: 22px;margin: 15px 0 15px 0;}
    .navmenu li {display: flex;align-items: center;padding: 10px 100px;}
    .navmenu ul{top: 95px;}
    .mobile-nav-active .navmenu{top: 95px;}
    .img_box {height: 100%;}
    .form_box { width: 100%;padding: 20px 20px;}
    .strip .copyright p{font-size: 13px;}
    .respons_sec .img_boxpo{ display: none;}
    .kkiabimg_box1 {height: 40%;width: 300px;}
    .kkiabimg {width: 140px;}
    .kkiabimg_box2{height: 370px;}
    .productlist_sec .col-4{width: 50%!important;}
    .prodbox {padding: 15px!important;}
    .client_banner .banner_heading h1 {font-size: 26px!important;}
    .prod_detail {display: block!important;}
    .hilights h2 {font-size: 20px!important;margin: 20px 0 20px 0!important;}
    .hilights ul li{padding: 10px 0!important;}
    .lab_box {padding: 10px!important;}
    .lab_box h3 {line-height: 22px!important;font-size: 15px!important;}
    .clienthead{padding: 20px!important;}
    .clientbox .clientsblock .clintname{width: 33.33%!important;padding: 15px!important;}
    .exportbox .col-3{width: 50%!important;}
    .exportbox .lab_box h3 {padding: 10px!important;}
    .contact_sec_form .col-md-5,.contact_sec_form .col-md-7{width: 100%;}
    .footlink {margin-top: 40px;}
    .form_main {margin: 0;}
    .navmenu li i{    background-color: transparent !important;
        color: #e84545 !important;}
    .navmenu li.dropdown a{padding-left:0;justify-content: start;width: 100%;}
    .navmenu li{justify-content: flex-start;flex-wrap: wrap;width:100%;}
    .navmenu .dropdown>.dropdown-active, .navmenu .megamenu>.dropdown-active {
        display: block;
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 0;
        margin: 10px 0;
        
    }
    .navmenu > ul{
        overflow-y: auto;
        height: 100%;
        padding-bottom: 100px;
    }
    .navmenu .megamenu>.dropdown-active li{padding-left: 0;}.navmenu a i, .navmenu a:focus i{font-size: 9px;}
}

@media (max-width: 767px) {
    section { padding: 20px 0px!important;}
    .section_title a{font-size: 14px;line-height: 24px;margin-top: 5px;}
    .product_sec .col-9,.assurance_sec .col-10 {width: 100%;}
    .header .logo img {width: 160px;}
    main#main {padding-top: 75px;}
    .kki_banner p{margin: 10px 0 15px 0;font-size: 14px;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .kki_banner a{font-size: 13px;padding: 6px 15px;}
    .kki_banner h1{font-size: 20px;line-height: 24px;}
    .kki_banner span {display: inline;}
    .box_inner_ab{margin-top: -50px;display:block;padding: 30px 0 1px 0;background-image:none;}
    .abou_box .col-9{width: 100%;}
    .box_inner_ab .col-5,.box_inner_ab .col-4{width: 100%;}
    .inner_coch li{width: 90%;height: 30px;margin-bottom: 35px;font-size: 14px;line-height: 24px;letter-spacing: .5px;}
    .inner_coch .coch_img{width: 40%;padding: 0 25px 0 0;}
    .coch_img:before{width: 55px;height: 55px;right: 15px;top: -24px;}
    .coch_img img {width: 34px;margin-top: -26px;}
    .inner_coch li:nth-child(3) .coch_img img{margin-top: -15px!important;}
    .coch_text li {width: 100%;}
    .section_title {margin-left: 0!important;}
    .section_title h2{font-size: 20px;line-height: 25px;margin: 5px 0 10px 0;}
    .section_title p {font-size: 14px;line-height: 24px;margin-bottom: 10px;}
    .tab_product {margin-top: 10px;}
    .tabs_box li{width: 40%;margin: 0px 10px;}
    .tabs_box li a{font-size: 13px;line-height: 17px;padding: 7px 0;}
    .produ_boxs {padding-top: 1.5rem!important;}
    .product_contant {display: block;}
    .product_contant .col-7,.product_contant .col-5 {width: 100%;}
    .pro_list{padding: 20px 0 0 15px;}
    .pro_list h3{font-size: 18px;margin-bottom: 15px;text-align: center;}
    .pro_list li {font-size: 15px;width: 100%;line-height: 24px;}
    .pro_list ul{margin-bottom: 15px;}
    .pro_list a{font-size: 13px;padding: 5px 15px;display: inline;}
    .content_pro:before{height: 125%;width: 100%;transform: rotate(180deg);clip-path: circle(68% at 50% 65%);}
    .assur_box {margin-top: 20px;}
    .about_organization .col-md-6 {padding-right: 0!important;}
    .client_img {margin-top: 20px;}
    .counter h3 {margin: 18px 0;}
    .counter{padding-top: 16px;}
    .count .counter-value {font-size: 30px;}
    .slider_award {margin-top: 5px;}
    .respo_text {width: 100%!important;padding: 0px 15px;}
    section.cleint_logo_sec {padding: 10px 0!important;}
    .logo_clients {flex-wrap: wrap;}
    .logo_clients li { width: 25%;padding: 5px;border: 1px solid #ccc;}
    .veiw_btn {text-align: left;}
    .news_text {padding: 10px;}
    .news_text h4 {font-size: 16px;}
    .form_left {margin: 0 0 20px 0;padding-right:15px;padding-left: 15px;}
    .form_left h2 {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
    .form_left a {line-height: 22px;font-size: 20px;}
    .form_box { width: 100%;padding: 20px 20px;}
    .form_box h5 {font-size: 20px;line-height: 26px;margin-bottom: 15px;}
    .form-group input { height: 38px;}
    .btn_form{margin-top: 15px;}
    .contact_sec {padding: 20px 0 0 0!important;}
    .footer-about {padding-right: 10px;}
    .h_off p {line-height: 22px;margin-bottom: 10px;}
    .footer_link {padding: 15px 0 0 0;}
    .footer_link .col-8,.footer_link .col-8>.row>.col-3,.footer_link .col-8>.row>.col-4,
    .footer_link .col-8>.row>.col-5{width: 100%;}
    .footlink h3, .footer_sec h3 {padding-bottom: 5px;line-height: 24px;}
    .footer_link ul a {font-size: 15px;line-height: 20px;padding: 4px 0;}
    .copyright {display: block!important;}
    .strip .copyright p {font-size: 13px;margin-bottom: 5px;}
    .strip {padding: 10px 0;}
    .mobile-nav-active .mobile-nav-toggle{top: 22px;font-size: 36px;}
    .navmenu ul {top: 75px;}
    .navmenu li {display: flex;align-items: center;padding: 3px 40px;}
    .side_icon {padding-left: 0;}
    .kki_banner img {min-height: 260px;}
    section.client_banner {height: 200px!important;}
    .client_banner .banner_heading h1 {font-size: 22px!important;margin: 0px!important;}
    .img_box_com {padding: 0 0 10px 0;}
    .about_organization .col-md-6 {padding-right: 15px!important;}
    .roew_r .row {flex-direction: column-reverse;}
    .serviceBox .title {font-size: 18px;}
    .serviceBox .description {font-size: 15px;line-height: 22px;}
    .respons_sec .img_boxpo{ display: none;}
    .kkiabimg_box1 {height: 100px;width: 95%;}
    .kkiabimg {width: 100%;height: 80px;}
    .kkiabimg_box2{height: 200px;}
    .kki_flew {display: block;}
    .kkiab_award .slick-prev:before, .kkiab_award .slick-next:before{font-size: 26px!important;}
    .productlist_sec .col-4{width: 100%!important;}
    .prodbox {padding: 15px!important;}
    .prodbox h3 {font-size: 16px!important;padding-bottom: 10px!important;}
    .prod_img img{max-height: 130px!important;}
    .prod_detail {display: block!important;}
    .prod_detail .prod_detail_img {padding: 10px!important;}
    .prod_detail .prod_detail_txt h3 {font-size: 16px!important;}
    .prod_detail .prod_detail_txt h4 {font-size: 15px!important;}
    .prod_detail .prod_detail_txt p, .prod_detail .prod_detail_txt ul li{font-size: 14px!important;line-height: 22px!important;}
    .hilights h2,.infrabout h1 {font-size: 18px!important;margin: 10px 0 10px 0!important;}
    .infrabout h1{margin: 10px 0 10px 0!important;}
    .infra_sec .col-6 {width: 100%!important;}
    .infrabout p {font-size: 15px!important;line-height: 26px!important;}
    .infra_sec .row .col {width: 100%;flex: 1 0 100%;}
    .infra_sec .row .p-0{padding: 0 15px!important;}
    .hilights ul li {padding: 10px 0!important;}
    .testing_main .col-3{ width: 50%!important;}
    .lab_box {padding: 10px!important;}
    .lab_box h3 {line-height: 22px!important;font-size: 15px!important;}
    h4.subheading {font-size: 18px!important;line-height: 26px!important;}
    .testing_main .mb-4 {margin-bottom: 1rem!important;}
    .testing_main .mb-5 {margin-bottom: 1rem!important;}
    .clientbox .clientsblock .clintname {width: 100%!important;padding: 10px!important;}
    .clienthead {padding: 10px!important;}
    .clienthead h3 {font-size: 16px!important;}
    .exportbox .col-3{width: 100%!important;}
    .exportbox .lab_box h3 {padding: 10px!important;}
    .form_main {margin: 0 0 20px 0;padding: 20px;}
    .contact_us .section_title .mb-5 {margin-bottom: 1rem!important;}
    .form_main h3 {line-height: 24px;font-size: 20px;}
    .form_inner .col-6{width: 100%;}
    .form_main input {height: 40px;margin-bottom: 10px;}
    .form_main textarea {height: 80px;margin-bottom: 10px;}
    .info_add p {font-size: 14px;line-height: 22px;}
    .info_add h5 {font-size: 18px;}
    .exportbox {margin-top: 1rem!important;}
    .navmenu li i{    background-color: transparent !important;
        color: #e84545 !important;}
    .navmenu li.dropdown a{padding-left:0;justify-content: start;width: 100%;}
    .navmenu li{justify-content: flex-start;flex-wrap: wrap;width:100%;}
    .navmenu .dropdown>.dropdown-active, .navmenu .megamenu>.dropdown-active {
        display: block;
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 0;
        margin: 10px 0;
        
    }
    .navmenu > ul{
        overflow-y: auto;
        height: 100%;
        padding-bottom: 100px;
    }
    .navmenu .megamenu>.dropdown-active li{padding-left: 0;}.navmenu a i, .navmenu a:focus i{font-size: 9px;}
	.prod_detail .prod_detail_txt{width:100% !important;}
}