body{
/* text-transform: capitalize; */
}
.pb-35{
    padding-bottom: 35px;
}
.pb_20{
    padding-bottom: 20px;
}
/* .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #54a8c8 !important;
    
} */
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #423fff !important;
    background-color: #423fff;
    border-color: #423fff;
}
.cl_white:hover{
    color: #ffffff !important;
}

.py_bt{
    padding-top: 40px;
    padding-bottom: 15px;
}
.mb_25{
    margin-bottom: 25px;
}
.mt_unset{
    margin-top:unset;
}
.li_none ul li {
    list-style:none;
        padding: 5px 5px 5px 5px;
    border: 1px solid #bbb8b8;
        margin-top: 10px;
}
.li_none {
    text-align: initial;
}
/* logo  */
@media screen and (min-width:316px) and (max-width:426px) {


.mobile_logo a img{
    width: 196px;
}
}

.custom_btn:active{
    color: #423fff !important;
}
.custom_white:active{
    color: #fff;
}
.custom_white:focus{
    color: #fff !important;

}
/* header  */


.navbar-light .navbar-nav .nav-link {
    color: #343f52;
    font-weight: 900;
    font-size: 17px;
    padding: 16px 20px 16px 20px;
}
.dropdown-item {
    font-size: 18px;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,.head_btn:hover,.head_btn:focus{
    color: #423fff !important;
}
/* home banner  */


.hero-slider-wrapper .hero-slider .owl-slide {
    height: 600px;
}

.hero-slider-wrapper {
    position: relative;
    min-height: 600px;
}

.mt-40{
    margin-top: 40px;
}

.ingredient_box{
    padding-right:5px;
}

/* home carousel  */
/* ----------------- */
.kmk-carousel{
    
    border: 1px solid #2414614d;

}

.kmk-carousel .kmk-carousel-h{
    text-align: center;
}
.kmk-carousel .kmk-carousel-h h4{

color: #5e528a;
}
.kmk-carousel .kmk-carousel-h a{

width: 100%;
border-radius: 0px;
}
.abt_txt_cr{
    color: #343f52;
    font-weight: 900;
}

.navbar-light .navbar-nav .nav-link {
    color: #343f52;
    font-weight: 1000;
}

.recipe_video{
    border: 1px solid #54a8c79c;
    background: #ffffff;
}
.recipe_video iframe{
    width: 418px;
    height: 234px;
}
.icon-list.bullet-bg i {
    display: inline-flex;
}
.icon-list.bullet-soft-primary.bullet-bg i {
    background-color: #253d9e !important;
}
.icon-list i {
    position: unset;
    top: -0.2rem;
    left: 0;
    font-size: 1rem;
}
@media screen and (max-width:321px) {
    .recipe_video iframe{
        width: 288px;
        height: 160px;
    }
    
}
.video_heading h4{
    color: black;
    font-size: 18px;
    font-weight: 1000;
}

.p-70{
    padding-top: 70px;
    padding-bottom: 20px;
}

/* .brand-owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    width: 20px;
    height: 20px;
    line-height: 0%;

} */

.kmk_btn{
    background-color: #ffffff !important;
    color: #423fff;
}
.kmk_btn:hover{
    background-color: #423fff  !important;
    color: #ffffff;

}
.video-li{
    text-align: center;
}

.video-section{
    background: #eaeaea4a;
    padding: 4px 0px 4px 0px;
    margin-bottom: 26px;

}

.bg-ft{
    background: #eaeaea4a;

}
.text-ft{
    color:#343f5f;
}
.mt_20{
    margin-top: 20px !important;
}

/* product  */

.text-line:before {
content: unset;
}
.product_card{
border: 1px solid #aca8a8;
padding: 10px 20px;
}

.product_btn{
    text-align: center;
}

.product_p{
    /* height: 130px; */
}

.text-line-a::before{
    
    top: 29%;
    
}
.text-line-a{
    /* height: 45px; */
}

.post-header{
    margin-top: 20px;
}
.modal-content {
    box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f, inset 0 -1px #19264008
}

[dir=ltr] .modal-header .sa-close--modal {
    margin: -.5rem -.5rem -.5rem auto
}

[dir=rtl] .modal-header .sa-close--modal {
    margin: -.5rem auto -.5rem -.5rem
}
.sa-close--modal {
    --sa-close--icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13.7 13.7c-.4.4-1 .4-1.4 0L7 8.4l-5.3 5.3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L5.6 7 .3 1.7C-.1 1.3-.1.7.3.3c.4-.4 1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L8.4 7l5.3 5.3c.4.4.4 1 0 1.4z'/%3E%3C/svg%3E");
    --sa-close--icon-size: .875rem;
    border-radius: 100%;
    padding: .6875rem
}
[dir=ltr] .modal-header .sa-close--modal {
    margin: -.5rem -.5rem -.5rem auto
}

[dir=rtl] .modal-header .sa-close--modal {
    margin: -.5rem auto -.5rem -.5rem
}
.alert .sa-close {
    padding: 1.1875rem;
    position: absolute;
    top: 0;
    z-index: 2
}

[dir=ltr] .alert .sa-close {
    right: 0
}

[dir=rtl] .alert .sa-close {
    left: 0
}

.sa-close {
    --sa-close--icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M10.8 10.8c-.4.4-1 .4-1.4 0L6 7.4l-3.4 3.4c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L4.6 6 1.2 2.6c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0L6 4.6l3.4-3.4c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L7.4 6l3.4 3.4c.4.4.4 1 0 1.4z'/%3E%3C/svg%3E");
    --sa-close--icon-size: .75rem;
    background: #0000;
    border: none;
    border-radius: .125rem;
    color: inherit;
    padding: .5rem;
    position: relative;
    z-index: 0
}

.sa-close:before {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.sa-close:after {
    background-color: currentColor;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: var(--sa-close--icon-size);
    -webkit-mask-image: var(--sa-close--icon);
    mask-image: var(--sa-close--icon);
    opacity: .4;
    width: var(--sa-close--icon-size)
}

.sa-close:after,
.sa-close:before {
    transition: opacity .12s
}

.sa-close:focus:before,
.sa-close:hover:before {
    opacity: .07
}

.sa-close:focus:after,
.sa-close:hover:after {
    opacity: .65
}

.sa-close:active:after,
.sa-close:active:before {
    transition-duration: 0s
}

.sa-close:active:before {
    opacity: .11
}

.sa-close:active:after {
    opacity: .8
}

.sa-close--modal {
    --sa-close--icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13.7 13.7c-.4.4-1 .4-1.4 0L7 8.4l-5.3 5.3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L5.6 7 .3 1.7C-.1 1.3-.1.7.3.3c.4-.4 1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L8.4 7l5.3 5.3c.4.4.4 1 0 1.4z'/%3E%3C/svg%3E");
    --sa-close--icon-size: .875rem;
    border-radius: 100%;
    padding: .6875rem
}
.form-control {
    --sa-input-padding-x: 0;
    --sa-input-padding-y: 0;
    padding: var(--sa-input-padding-y) var(--sa-input-padding-x)
}

[dir=rtl] .form-control::file-selector-button {
    margin-left: var(--sa-input-padding-x)
}

.form-control::-webkit-file-upload-button {
    margin: calc(var(--sa-input-padding-y)*-1) calc(var(--sa-input-padding-x)*-1);
    padding: var(--sa-input-padding-y) var(--sa-input-padding-x)
}

[dir=ltr] .form-control::-webkit-file-upload-button {
    margin-right: var(--sa-input-padding-x)
}

[dir=rtl] .form-control::-webkit-file-upload-button {
    margin-left: var(--sa-input-padding-x)
}

.form-control--search,
.form-control--search-filled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(33, 37, 41, 0.3)'%3E%3Cpath d='M16.243 14.828s-.196.48-.542.826c-.361.361-.873.588-.873.588l-4.507-4.506A6.445 6.445 0 0 1 6.5 13 6.5 6.5 0 1 1 13 6.5a6.445 6.445 0 0 1-1.264 3.821l4.507 4.507zM6.5 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1rem 1rem
}

[dir=ltr] .form-control--search,
[dir=ltr] .form-control--search-filled {
    background-position: left .625rem center;
    padding-left: 2.25rem
}

[dir=rtl] .form-control--search,
[dir=rtl] .form-control--search-filled {
    background-position: right .625rem center;
    padding-right: 2.25rem
}

.form-control--search {
    border-color: #ced4da
}

.form-control--search-filled {
    background-color: #ebedf0;
    border-color: #ebedf0
}

.form-control {
    --sa-input-padding-x: 0.8125rem;
    --sa-input-padding-y: 0.375rem;
    font-size: .9375rem;
    line-height: 1.375rem;
    min-height: calc(1.5rem + var(--sa-input-padding-y)*2)
}

.form-control-lg {
    --sa-input-padding-x: 1.0625rem;
    --sa-input-padding-y: 0.5rem;
    font-size: 1.0625rem;
    line-height: 1.625rem;
    min-height: calc(1.75rem + var(--sa-input-padding-y)*2)
}

.form-control-sm {
    --sa-input-padding-x: 0.5625rem;
    --sa-input-padding-y: 0.25rem;
    font-size: .8125rem;
    line-height: 1.125rem;
    min-height: calc(1.25rem + var(--sa-input-padding-y)*2)
}
.vs-modal-body {
 
    padding: 20px 40px;
}
.form-control {
    
    border: 1px solid rgb(193 193 193);
}
.cl_b{
    color: black;
}

.vs_model_footer{
    padding: 10px;
}

/* youtube  */



.video_h4{
padding: 10px 20px;
/* text-align: center; */
}

@media only screen and (max-width: 1024px) {
.h_225 {
          height: unset !important;

}
}
@media screen and (min-width:319px) and (max-width:769px) {
.mt_125 {
     margin-top: 10px !important; 
}
.ptb_10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
..mb-14 {
    margin-bottom: 0px !important;
}
}

@media screen and (min-width:321px) and (max-width:376px) {
    .recipe_video iframe {
        width: 343px;
        height: 234px;
    }
}
@media screen and (min-width:378px) and (max-width:426px) {

.recipe_video iframe {
    width: 394px;
    height: 234px;
}
}
@media screen and (min-width:426px) and (max-width:769px) {

.recipe_video iframe {
    width: 207px;
    height: 116px;
}
.l_pl_0{
    padding-left: 0px !important;
}
}

/* footer  */
.cm_contact{
    font-size: 20px;
    color: #fff;
}
.justify-content-between{
justify-content: space-between;
}
/* .contact_section{
background: #54a8c7;
} */
.contact_section {
    background: #423fff;
}
/* .contact_btn{
    border: 1px solid #54a8c7 !important;
    background: #fff !important;
    color:#54a8c7 !important;
} */

.contact_btn {
    border: 1px solid #54a8c7 !important;
    background: #fff !important;
    color: #54a8c7 !important;
}
.footer_company{
    border-top: 1px solid rgba(164, 174, 198, .2);
    text-align: center;
    padding-top: 15px;
    margin-top: 15px;
}

/* product  */

.prd_img{
    text-align: center;
}
.prd_img a img{
    width:150px;
}

.font_28{
    font-size: 28px !important;
}
.h_50{
    height: 50px;
}


/* mobile header menu  */
@media screen and  (max-width:769px) {

.offcanvas-nav {
    background: #fefefe;
    padding-left: 0px;
}

.navbar .navbar-collapse .nav-link.active, .navbar .navbar-collapse .nav-link:focus, .navbar .navbar-collapse .nav-link:hover, .navbar .navbar-collapse .show>.nav-link {
    color:  #343f52 !important;

}
.navbar .navbar-collapse .dropdown-menu .dropdown-item {
    color:  #343f52 !important;

}
}
@media screen and  (max-width:321px) {

.btn-close:before {
color:#fff !important;
}

}


/* all button  */

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-check:focus+.btn-primary, .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-primary, .btn-primary.disabled:not(.btn-circle):not(.btn-block), .btn-primary:disabled:not(.btn-circle):not(.btn-block), .btn-primary:focus, .btn-primary:hover, .form-check-input:checked, .hero-slider:before, .lg-outer .lg-item:after, .loader, .navbar-dark:not([class*=navbar-bg-]).fixed .btn, .post-meta li a:hover, .text-inverse a:not(.btn):hover, .tp-loader.spinner, blockquote {
    border-color: #423fff !important;
}
.kmk_btn {
    background-color: #423fff !important;
    color: #fff;
}
.kmk_btn:focus {
    color: #423fff !important;
}
.p_en_btn{


    background-color: #423fff !important;
}

.navbar-light .navbar-nav .show>.nav-link{
    color: #423fff !important;

}

/* contact  */

.cn_btn{
    border-color: #423fff;
    color: #423fff;
    background-color: #fefefe !important;
    border-radius: 0.4rem !important;
}
.cn_btn:hover{
    color: #423fff;

}
.cn_icon {
    color: #423fff !important;

}
.progress-wrap svg.progress-circle path {
    stroke: #423fff !important;
}

.progress-wrap:after {
    color: #423fff !important;

}

/* thirumurugan  */


.home_logo a{
font-size: 26px;
color: black;
font-weight: bold;
text-transform: uppercase;
}
.home_logo a:hover{
    color: #000;
}
@media screen and (min-width:321px) and (max-width:376px) {
    .home_logo a{
        font-size: 22px;
    }
}
@media screen and  (max-width:320px) {
    .home_logo a{
        font-size: 18px;
    }
}
.w_150{
    width: 150px;
}
.pt_35{
    padding-top: 35px;
}



.working_icon{
    position: absolute;
    top: -41px;
    left: 140px;
    background: #000000 !important;
    border: #000000;
}

.w_195{
    width: 195px;
    height: 135px;
}

.pd_unset{
    padding:unset;
}

.mb_40{
    margin-bottom: 40px;
}
.p_10{
    padding: 10px;
}
.w_400{
    width: 400px;
}
.txt_align{
    text-align: center;
}
.ml_80{
margin-left:80px;
}
@media screen and (min-width:316px) and (max-width:374px) {

    .w_400{
        width: 300px;
    }
    .working_icon{
      
        left: 110px;
   
    }
}
@media screen and (min-width:375px) and (max-width:424px) {

    .w_400{
        width: 300px;
    }
    .working_icon{
      
        left: 140px;
   
    }
}
@media screen and (min-width:425px) and (max-width:767px) {


    .working_icon{
      
        left: 160px;
   
    }

}

.p_color{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1px;
    /* color: #000; */
    line-height: 25px;
}
.cl_black{
    /* color: #000; */
}
@media screen and  (max-width:1024px) {

.mobile_w_100{
    width: 100%;
}
}
@media screen and  (max-width:768px) {
.mobile_ds_view{
    display: flex !important;
}
.mb_display_none{
    display: none;
}
.hero-slider-wrapper {
    min-height: 250px !important;
}
.hero-slider .owl-slide {
    height: 250px !important;
}
}
.mobile_ds_view{
    display: none;
}
.pt_5{
    padding-top: 5px;
}

.bg_blue{
    background: #423fff; 
}
.hero-slider-wrapper .hero-slider .owl-slide.bg-overlay-400:before {
    background: transparent;
}

.ft_20{
    font-size: 20px;
}
.pt_25{
    padding-top: 25px;
}
.pb_70{
    padding-bottom: 70px;
}

.mt_125{
    margin-top: 125px;
}

.h_225{
    height: 215px;
}
.mt_50{
    margin-top: 50px;
}
.ml-0{
    padding-left:10px;
}