/* 
    Developed by AVANEXA
    Website : Ethicot
*/

/* 
    font-family: 'Butler';
    font-family: 'Butler';
    font-family: 'Futura Md BT';
    font-family: 'Arial';
    font-family: 'Arial Regular';
    font-family: 'Arial Light Regular';
    font-family: 'Jost';
    font-family: 'Jost* Thin';
    font-family: 'Jost* Light';
    font-family: 'Gravity';
    font-family: 'Futura Md BT';
    font-family: 'Roboto';
    font-family: 'Mistral';
    font-family: 'Futura BQ';
    font-family: 'Futura Lt BT';
    font-family: 'FuturaLightCTT';
    font-family: 'NexaLight';
    font-family: 'Futura';
    font-family: 'Myriad Pro Regular';
    font-family: 'Myriad Pro Light';
    font-family: 'Myriad Pro Semibold';
    font-family: 'Myriad Pro Bold';
    font-family: 'Myriad Pro';


*/

body{
    overflow-x: hidden;
    font-family: 'Futura';
    color: #000;
}

img{
    max-width: 100%;
}
p{
    font-size: 16px;
    line-height: 34px;
    color: #000;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Futura';
    color: #000;
}
section{
    overflow-x: hidden;
}

/* Preloader */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999;
  /* makes sure it stays on top */
}

#status {
  width: 150px;
  height: 90px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 55%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/ethicot_logo3.png);
  background-size:cover;
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
  animation: blinker 1.5s linear infinite;
}

/*.animate__animated.animate__delay-0_5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*0.5);
    animation-delay: calc(var(--animate-delay)*0.5);
}
.animate__animated.animate__delay-1_5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.5);
    animation-delay: calc(var(--animate-delay)*1.5);
}
.animate__animated.animate__delay-2_5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*2.5);
    animation-delay: calc(var(--animate-delay)*2.5);
}
.animate__animated.animate__delay-3_5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*3.5);
    animation-delay: calc(var(--animate-delay)*3.5);
}
.animate__animated.animate__delay-4_5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*4.5);
    animation-delay: calc(var(--animate-delay)*4.5);
}
.animate__animated.animate__delay-5_5s {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5.5);
    animation-delay: calc(var(--animate-delay)*5.5);
}
.animate__animated.animate__delay-6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-delay: calc(var(--animate-delay)*6);
    animation-delay: calc(var(--animate-delay)*6);
}
*/
.navLogo img{
    width: 125px;
}

/* Header Style */
.header_area{
    position: relative;
    z-index: 99;
    background: #EEEEEE;
}
.topNavArea{
    padding: 10px 0;
}
.topNavArea #cssmenu {
    background: transparent;
}
.topNavArea #cssmenu > ul{
    text-align: right;
}
.topNavArea #cssmenu > ul > li {
    float: none;
    display: inline-block;
}
.topNavArea #cssmenu > ul > li>a {
   /* transition:0.5s;*/
}
.topNavArea #cssmenu ul li a{
    font-family: 'Myriad Pro Light';
        font-size: 16px;
    border-radius: 10px;
}
.topNavArea #cssmenu ul li a{
    transition-duration: 0.5s;
    background: transparent;
}
.topNavArea #cssmenu ul li:hover a{
    background: url(../images/yellowBg.jpg);
     transition-duration: 0.5s;
    color: #fff;
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 50%);
}
.topNavArea #cssmenu > ul > li.active a {
   background: url(../images/yellowBg.jpg);
   box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 50%);
    color: #fff;
}

.topNavArea #cssmenu > ul > li > a {
    color: #000000;
}



/*Home Page Style Start*/

body.home .header_area{
    background: transparent;
    position:absolute;
    width:100%;
}
body.home .hmSec1_area{
    background: url(../images/cotton_bg2.jpg);
    background-size:cover;
    padding-bottom: 100px;
    padding-top: 100px;
    position:relative;
}

.hmSec1_area{
    background: #EEEEEE;
    padding-bottom: 100px;
}
.secTitleArea h1{
        font-size: 32px;
    font-weight: lighter;
}

.secBrakeLine{
    width: 2px;
    height: 500px;
    background: #000;
}

.hmSec1Cont h1{
        font-size: 32px;
}
.hmSec1Cont h1 span {
    font-family: 'Myriad Pro';
    font-size: 38px;
}

.hmSec1Cont p{
        line-height: 32px;
    font-size: 20px;
        margin: 50px 0;
}



.borderBtn a{
        color: #000;
    display: block;
    border: 1px solid #000;
    width: 130px;
    padding: 10px 10px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: 0.5s;
}

.borderBtn a:before{
    content: "";
    position: absolute;
    left: -25px;
    top: -180%;
    width: 200px;
    height: 200px;
    background-image: url(../images/yellowBg.jpg);
    border-radius: 50%;
    transition: 0.5s;
    z-index: 0;
    opacity: 0
}
.borderBtn a:hover{
    border-color: #b88d62;
}
.borderBtn a span{
    z-index: 2;
    color: #000;
    position: relative;
    transition: 0.5s;
}
.borderBtn a:hover span{
    color: #fff;
}
.borderBtn a:hover:before{
    opacity: 1;

}

.borderBtn a:hover{
    color: #fff;
    box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 50%);
}

.hmSec2_area{
    padding: 100px 0;
    background: #E6E6E8;
}


.hmSec2_area .secBrakeLine{
    height: 250px;
}

.specialSlideCont{
    padding: 20px;
    text-align: center;
}

.specialSlideCont p{
        line-height: 32px;
    font-size: 20px;
    color: #000;
    margin-top: 20px;
}

.specialSlideCont img{
    max-width: 75px;
    margin: 0 auto;
}

.hmEthiSpecialArea .slick-dots li button:before {
    font-size: 16px;
    opacity: 0.2;
}
.hmEthiSpecialArea .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


.hmSec3_area{
    padding: 100px 0;
    background: #EEEEEE;
}
.ourProdListArea{
    background: #3B3C41;
    padding: 40px 40px;

}

.ourProdListArea ul{
    padding: 0;
    margin: 0;
}
.ourProdListArea ul li{ 
    list-style: none;
    position: relative;
    padding: 12px ;
    margin-bottom: 10px;
}
.ourProdListArea ul li a{ 
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-family: 'Myriad Pro Light';
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}

.ourProdListArea ul li:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/ProductBotLine2.png);
    background-size: cover;
}

.hmOurProd_cont{
    background-image: url(../images/ourProductBg2.jpg);
    background-size: cover;
    background-position: 130px 50%;
}


.hmSec4_area{
    padding: 100px 0;
        background: #E6E6E8;

}

.hmSec4_area .secBrakeLine {
    height: 350px;
}

.initiativeBox_area{
    margin-bottom: 40px;
}

.initiativeBox_area h1{
    font-size: 38px;
    color: #3B3C41;
    margin-bottom: 10px;
    font-family: 'Butler';
    font-weight:bolder;
}

.initiativeBox_area ul{
    padding: 0;
    margin: 0;
}
.initiativeBox_area ul li{
    font-size: 18px;
    color: #3B3C41;
    list-style: none;
    font-family: 'Futura Lt BT';
        line-height: 35px;
}

.initiativeBox_area ul li:before{
    content: "|";
    padding-right: 20px
}


.hmSec5_area{
    padding: 100px 0;
    background: #EEEEEE;
}
.hmSec5_area .secBrakeLine {
    height: 350px;
}

.hmSec5Cont h1{
    font-size: 38px;
    color: #3B3C41;
    margin-bottom: 40px;
    font-family: 'Butler';
    font-weight:bolder;
}

.hmSec5Cont p{
    font-size: 18px;
    color: #3B3C41;
    list-style: none;
    font-family: 'Futura Lt BT';
        line-height: 24px;
    padding-right: 150px;
}


.hmSec5Cont p:nth-child(3) {
    margin-bottom: 40px;
}


.hmSec6_area .secBrakeLine {
    height: 300px;
}
.hmSec6_area{
    padding: 100px 0;
    background: #E6E6E8;
}

.hmSec6Cont .certifiImg_box{
    text-align: center;
    margin-bottom: 30px;
}
.hmSec6Cont .certifiImg_box img{
    max-width: initial;
    width: auto;
    max-height: 70px;
}


.footer_area .secBrakeLine {
    height: 250px;
}
.footer_area{
    padding: 50px 0;
    position: relative;
    background: #eee;
}
.footer_area::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/worldBgImg3.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}
.footer_area h4{
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
}
.footer_area ul{
    padding-left: 0;
}
.footer_area ul li{
    list-style: none;
    line-height: 35px;
}
.footer_area ul li a{
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid transparent;
    transition: 0.5s;
    font-size:18px;
}
.footer_area ul li a:hover{
    border-bottom: 1px solid #000;
    cursor:pointer;
}
.footLogoCol{
    border-right: 1px solid #ddd;
}
.footerLogo_area{
    display: flex;
    align-items: center;
    justify-content: left;
}
.footerLogo_area img{
    max-width: 240px;
    margin: 80px 0;
}
.quickEnquiry_area input{
    width: 100%;
    background: #ddd;
    margin-bottom: 10px;
    font-size: 14px;
    border: none;
    padding: 5px 10px;
}
.quickEnquiry_area input:focus{
    outline: none;
}
.quickEnquiry_area input[type=submit]{
    width: 80px;
    border: 1px solid #999;
    background: #fff;
    color: #000;
    padding: 3px 5px 5px 5px;
    border-radius: 10px;
    transition: 0.5s;
}

.quickEnquiry_area input[type=submit]:hover{
    background: #000;
    color: #fff;
}

.footQuick_area{
    padding-left: 30px;
}

.footer_area .secTitleArea img{
    max-width: 150px;
}
.copyright{
    background: #E6E6E8;
}
.copyright p{
    margin: 0;
    font-size: 12px;
    line-height: 30px;
}

.copyright p span{
    float: right;
}

.copyright p span a{
    color: #000;

}



















/*Home Page Style End*/

#toTop{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:9999;
}
#toTop svg{
    font-size: 30px;
    color: #181818;
    opacity: 0;
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.5));
    transition:0.5s;
}
#toTop.activeToTop svg{
    opacity: 0.5;
}
#toTop svg:hover{
    opacity: 1;
    cursor:pointer;
}



/*Process Page Style Start*/


.subSec2_area{
    padding: 100px 0;
    background: #E6E6E8;
}
.subSec2_area .secBrakeLine {
    height: 650px;
}
.subSec2_area h1{
        font-size: 32px;
        margin-bottom: 30px;
}
.subSec2_area h1 span {
    font-family: 'Myriad Pro';
    font-size: 34px;
}
.subSec2_area p{
    line-height: 26px;
}
.lifecycleImg{
    text-align: center;
}
.lifecycleImg img{
    max-width: 350px;
    margin: 0 auto;
}

.subSec2Cont ul{
    padding: 0;
    margin: 0;
    padding-top: 20px;
}
.subSec2Cont ul li{
    font-size: 16px;
    line-height: 34px;
    color: #000;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.subSec2Cont ul li:before{
    content: "|";
    position: absolute;
    left: 0;
}






.subSec3_area{
    padding: 100px 0;
    background: #EEE;
}
.subSec3_area .secBrakeLine {
    height: 500px;
}
.processIcon_boxTop{
    display: inline-block;
}
.processIcon_boxTop,.processIcon_box{
    text-align: center;
}
.processIcon_boxTop img{
    max-width: 100px;
    margin-bottom: 10px;
}
.processIcon_box{
    display: inline-block;
    padding: 20px;
    padding-right: 35px;
    position: relative;
}
.processIcon_box:before{
    content: "\2192";
    position: absolute;
    right: 0;
    bottom: 70px;
    font-size: 30px;
    color: #333;
}
.processIcon_box img{
    /*max-width: 100px;*/
    height:75px;
    width:auto;
    margin-bottom: 10px;

}
.processIcon_box:nth-child(1){
    padding-left:0;
}
.processIcon_box:nth-child(4):before{
    display: none;
}
.processIcon_box:nth-child(4){
    padding-right:0;
}


.subSec4_area{
    padding: 100px 0;
}
.subSec4_area .secBrakeLine {
    height: 200px;
}

.ethiSaveImg_box img{
    max-width: 100px;
}
.ethiSaveImg_box{
    text-align: center;
}
.ethiSaveImg_box p{
        line-height: 24px;
    margin-top: 20px;
    text-transform: capitalize;
}



/*Process Page Style end*/

/*Sustainable Page Style Starts*/

.subSusSec1_area{
    padding: 100px 0;
    background: #eee;
}
.subSusSec1_cont .susSlideItem_2 .initiative4R_box{
    border:1px dashed #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
        padding: 10px 0;
        min-height: 155px;
    margin:0;
    position:relative;
    padding-left:50px;
}
.subSusSec1_cont .susSlideItem_2 .initiative4R_box::before{
    content:"";
    position:absolute;
    width:30px;
    height:30px;
    background:transparent;
}
.subSusSec1_cont .susSlideItem_2 .initiative4R_box h4{
    color:#000;
    font-family: 'Myriad Pro';

}
.subSusSec1_cont .susSlideItem_2 .initiative4R_box ul{
    padding:0;
    margin:0;
}
.subSusSec1_cont .susSlideItem_2 .initiative4R_box ul li{
    color:#000;
    list-style:none;
    font-size: 16px;
}
.boxR4_1::before{
    right: -1px;
    bottom: -1px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}
.boxR4_2::before{
    left:-1px;
    bottom: -1px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}
.boxR4_3::before{
    top:-1px;
    right:-1px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.boxR4_4::before{
    top:-1px;
    left:-1px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
}
.initiative4R_box.boxR4_1{
    margin-right: 20px!important;
}
.initiative4R_box.boxR4_2{
    margin-left: 20px!important;
}
.initiative4R_box.boxR4_3{
    margin-right: 20px!important;
}
.initiative4R_box.boxR4_4{
    margin-left: 20px!important;
}

.subSusSec1_cont .initiative4R_Img img{
    max-width: 65px;
    margin: 0 auto;
}

.subSusSec1_cont .initiative4R_Img{
    text-align: center;
}
.initiativeTitle h1 span{
    font-family: 'Butler';
    font-weight: bolder;
}

.subSusSec2_area{
    padding: 100px 0;
    background: #fff;
}


.subSusSec2_area .secBrakeLine{
    height: 350px;
} 
.f2fIcon img {
    max-width: 150px;
}


.f2fContArea ul{
    padding: 0;
    margin: 0;
    padding-top: 20px;
}
.f2fContArea ul li{
    font-size: 16px;
    line-height: 28px;
    color: #000;
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}

.f2fContArea ul li:before{
    content: "|";
    position: absolute;
    left: 0;
}



.subSusSec3 {
    position: relative;
    /*background-image: url(../images/breakChainBg2.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;*/
    background-color: #eee;
}
.subSusSec3:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 38%;
    height: 100%;
    background-image: url(../images/breakChainBg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.subSusSec3_area{
    padding: 100px 0;
}

.subSusSec3Cont h4{
    font-family: 'Myriad Pro';
}

.subSusSec3Cont p{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
}


.breakChainTitle h1{
        padding-left: 25%;
    font-size: 50px;
    margin-bottom: 40%;
}


.subSusSec4_area{
    padding:100px 0;
}

.subSusSec4_area .secBrakeLine{
    height: 650px;
} 
.susBlendIcon_box {
    text-align: center;
    background-image: url(../images/yellowBg.jpg);
    background-size: cover;
    padding: 25px 0;
    min-height: 156px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.susBlendIcon_box img{
    max-width: 60px;
}


.susBlendIcon_box h4{
    font-family: 'Myriad Pro';
    margin: 0;
    line-height: 30px;
    font-size: 20px;
}

.susBlends_box{
    margin-bottom: 20px;
}
.susBlends_box .susBlendsbox_Col{
    padding: 0;
}
.susBlendsbox_row{
    display: flex;
    align-items: center;
}
.susBlendsbox_Col1{
    width: 35%;
}
.susBlendsbox_Col2{
    width: 75%;
    border:1px solid #aaa;
}
.susBlendCont_box p{
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    text-align:justify;
    margin: 0;
}
.susBlendCont_box {
    min-height: 154px;
}


.ourGoalsArea .secBrakeLine{
    background: transparent;
}

.ourGoalsArea .initiativeBox_area ul li{
    color: #fff;
}

.hmSec4_area.ourGoalsArea{
    background: url(../images/abtPgBg_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hmSec4_area.ourGoalsArea:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}


.ourGoalsArea .secTitleArea h1{
    color: #fff;
}



.hmSec4_area.socialResponsArea{
    background: url(../images/abtPgBg_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hmSec4_area.socialResponsArea:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}


.socialResponsArea .secTitleArea h1{
    color: #fff;
}

.socialResponsArea .secBrakeLine{
    background: transparent;
}

.socialResponsArea .initiativeBox_area h4{
    color: #fff;
    font-family: 'Myriad Pro';
    margin-bottom: 20px;
}

.socialResponsArea .initiativeBox_area p{
    color: #fff;
    margin-bottom: 10px;
}




.hmSec6_area.abtPgCertifiArea{
    background: url(../images/abtPgBg_3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0;
}
.hmSec6_area.abtPgCertifiArea:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.abtPgCertifiArea .secBrakeLine{
    background: transparent;
}

.abtPgCertifiArea .secTitleArea h1{
    color: #fff;
}

.abtPgCertifiArea .certifiImg_box img {
    filter: invert(1);
}

/*Sustainable Page Style Ends*/


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    
}
.topNavArea.fixed-header{
    background: rgb(255 255 255 / 75%);
    padding: 10px 0;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.topNavArea.fixed-header .navLogo img {
        width: 100px;
}


.productPgBody .topNavArea{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}


.fullSlide_area {
    margin-top: -130px;
        overflow-x: hidden;
}
.productPgBody .header_area {
    background: transparent;
}
.productPgBody .hmSec3_area {
    padding-top: 150px;
    padding-bottom: 0;
}
.productPgBody .hmSec4.fullSlide{
    background: #E6E6E8;
}

.productPgBody .hmSec3.fullSlide{
    background: #eee;
}

.productPgBody .prodItem_area{
    position: relative;
}
.prodItem_area .prodRightList{
    min-height: 100vh;
    position: relative;
    max-width: 25%;
    margin-left: 65%;
    background-image: url(../images/woodBg.jpg);
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.prodRightList h2{
    color: #fff;
    text-align: center;
}
.prodRightList h4{
    color: #fff;
}
.prodRightList ul{
    padding:0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.prodRightList ul li{
    color: #fff;
    list-style: none;
    border-bottom: 1px solid #fff;
    line-height: 30px;
        font-size: 14px;
}

.prodRightList ul li:last-child{
    border-bottom: none;
}
.prodItem1_area{
    background: url(../images/prodBgImg_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}
.prodItem2_area{
    background: url(../images/prodBgImg_2_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}
.prodItem3_area{
    background: url(../images/prodBgImg_3_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}
.prodItem4_area{
    background: url(../images/prodBgImg_4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}
.prodItem5_area{
    background: url(../images/prodBgImg_5_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.prodItem6_area{
    background: url(../images/prodBgImg_6.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
}



.contactUsSec_area {
    padding: 0px 0 100px;
    background: #EEE;
}
.contactUsSecCont .addressSec{
    margin-bottom: 50px;
    text-align: center;
    padding: 30px 20px;
    /*background: #fff;*/
    border-radius: 20px;
    /*box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 10%);*/
}
.contactUsSecCont.nySec .addressSec{
    background: #fff;
    box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 10%);
}
.contactUsSecCont.nySec .addressSec a{
    font-size: 20px;

}



.contactUsSec_area .secBrakeLine {
    height: 350px;
}
.contactUsSecCont .addressSec h4{
    display: inline-block;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.contactUsSecCont .addressSec a{
    color: #000;

}

.socialIcons a{
    padding: 0 10px;
}

.contactUsSec2_area{
    padding: 100px 0;
    background: #fff;
}




.contForm_area input,.contForm_area textarea{
    width: 100%;
    background: #ddd;
    margin-bottom: 10px;
    font-size: 14px;
    border: none;
    padding: 5px 10px;
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 18%);
    border-bottom: 1px solid #999;
    border-radius: 5px;
}
.contForm_area input:focus,.contForm_area textarea:focus{
    outline: none;
}
.contForm_area textarea{
    height: 150px;
}
.contForm_area input[type=submit]{
    color: #000;
    display: block;
    border: 1px solid #000;
    width: 130px;
    padding: 10px 10px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: 0.5s;
    margin: 0 auto;
}

.contForm_area input[type=submit]:hover{
    background: #000;
    color: #fff;
}

.contForm_area{
    padding: 30px;
    background: #eee;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
}


.contForm_area h4{
    text-align: center;
    color: #000;
}

.contForm_area p{
    text-align: center;
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

.borderBtn.active a:before{
    opacity: 1;
}
.borderBtn.active a{
    color: #fff;
    box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 50%);
    border-color: #b88d62;
}
.borderBtn.rmbtn a:before{
    z-index:-1;
}
.borderBtn.rmbtn{
    position:relative;
    z-index:5;
}

.topNavArea #cssmenu > ul > li > a.active {
    background: url(../images/yellowBg.jpg);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 50%);
    color: #fff;
}

.ourProdListArea li a{
    cursor: default;
}

.prodBtn{
    margin-top:20px;
}

.hmSec5_area.hmAbtComp_area .secBrakeLine {
    margin: 0 auto;
}
.hmAbtComp_cont{
    text-align:center;
    padding:50px 0;
}

.hmAbtComp_cont img{
    width:200px;
    margin-bottom:50px;
}
.hmAbtComp_cont p{
    margin-bottom:50px;
}
.hmAbtComp_cont .borderBtn a{
        margin: 0 auto;
}
.sharadhaMore_area .secTitleArea img{
    width:200px;
}

.sharadhaMore_area .secTitleArea{
    text-align:center;
}

.hmSecCompCont{
    padding:200px 0px;
    width:70%;
    margin:0 auto;
}

.hmSecCompCont h1{
    font-size: 32px;
    margin-bottom:50px;
    color:#fff;
}
.hmSecCompCont h1 span{
    font-family: 'Myriad Pro';
    font-size: 38px;
}
.hmSecCompCont p{
    color:#fff;
    text-align:justify;
}
.hmSecComp1_area{
    background-size:cover;
    background-position:center;
    position:relative;
}
.hmSecComp1_area:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}


.hmSecComp2_area{
    background-size:cover;
    background-position:center;
    position:relative;
}
.hmSecComp2_area:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}
.hmSecCompCont2{
    padding:100px 0;
}
.hmSecCompCont2 p{
    color:#fff;
    padding-left:70px;
}
.hmSecCompCont2 ul li{
    font-size: 16px;
    line-height: 34px;
    color:#fff;
    padding-bottom:20px;
    list-style: none;
    padding-left:30px;
    position:relative;
}
.hmSecCompCont2 ul li:before{
    content:"-";
    position:absolute;
    left:0;
    font-size: 30px;
}
.hmSecCompCont2 h2{
    color:#fff;
    padding-left:70px;
    margin-bottom:50px;
}

.hmSecComp3_area{
    background:#000;
}
.hmSecComp3_area p{
    color:#fff;
    margin-bottom:30px;
    padding-left:25%;
}
.hmSecComp3_cont2{
    padding:50px 0;
}
.hmSecCompCont4{
    padding:150px 0;
}
.hmSecCompCont4 p{
    margin-bottom:30px;
    padding:0 40px;
}

.topNavArea #cssmenu > ul > li > a:hover,.borderBtn.rmbtn:hover{
    cursor:pointer;
}

.sus4rArea{
    position:relative;
}
.susVideo:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgb(0 0 0 / 50%);
}
.susVideo{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    left:0;
    top:0;
}
.susVideo video{
    height: auto;
    width: 100%;
}

.sus4rArea .secTitleArea h1{
    color:#fff;
}
.sus4rArea .secBrakeLine{
    background:#fff;
}

.sus4rArea .initiativeBox_area h1{
    color:#fff;
}
.sus4rArea .initiativeBox_area ul li{
    color:#fff;
}
.sus4rArea .borderBtn a{
    color:#fff;
    border-color:#fff;
}
.hmSlider.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.hmSlider .slick-dots {
    bottom: 20px;
    text-align: right;
    padding-right: 100px;
}
.hmSlider .slick-dots li button:before {
    opacity: .4;
    color: white;
    content: "\2022";
    font-weight: 400;
    font-size: 8px;
}
.hmSlider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
    content: "\2022";
    font-weight: 900;
}

.hmSlideImg img{
    width:100%;
}

.hmTopSec1{
    min-height:100vh;
    display: flex;
    align-items: center;
}

.hmSec1_area.hmTopSec1 h1{
    font-size: 55px;
    text-align:center;
}
.hmSec1_area.hmTopSec1 h1 span {
    font-size: 65px;
    text-align:center;
}
.hmSec1_area.hmTopSec1 p {
    font-size: 26px;
    margin: 10px 0;
    text-align:center;
}
.initiative4R_Img{
    background: url(../images/yellowBg.jpg);
    background-size:cover;
        max-width: 100px;
    margin: 0 auto;
}
.initiative4R_Img h4 {
    font-family: 'Butler';
    font-weight: bolder;
    color: #fff;
    font-size: 60px;
    margin-bottom: -17px;
}
.initiative4R_Img p{
    font-family: 'Futura';
    color:#fff;
    margin-bottom: 0px;
}

.contactBread{
        min-height: 130px;
    display:flex;
    align-items:center;
    text-align:center;
    flex-direction:column;
}

.contactBread h1{
    padding-top:0px;
        font-size: 40px;
    font-family: 'Myriad Pro';
}

.contactBread p{
    font-size:22px;
}

.addressSec img{
    width:auto;
    height:120px;
    display: block;
    margin: 0 auto 30px;
}


.manufacUnitSec .secBrakeLine{
    height:350px;
}

.manufacUnitSec .subSec3Cont p{
    width:80%;
    text-align:center;
    margin:0 auto;
}
.manufacUnitSec .subSec3Cont .processIcon_box p{
    width:100%;
}