.keyword{width: 100%; height: auto;background-color: #2c2829;display: flex;justify-content: space-around;align-items: center;flex-direction: column;}
.keyword h1{font-size: 20px;text-align: center;color: #fcfcfc;margin: 20px;}
.keybox{width: 100%; height: auto;display: flex;justify-content: center;flex-direction: column;align-items: center;padding-bottom: 20px;}
.keyb1 {width: 150px;height: 200px; display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 10px; background-color: #272425;transition: background-color 0.5s,color 0.5s;}
.keyb1 p {color: #fcfcfc;margin: 20px;font-size: 18px;}
.keyb1:hover {background-color: #fcfcfc;}
.keyb1:hover p{color: #f22b28;}
.kimg {background-image: url(images/creativew.svg);width: 80px; height: 80px;background-repeat: no-repeat;border: 1px olid white;background-position: 50%;background-size: cover;transition: background-image 0.5s;}
.keyb1:hover .kimg {background-image: url(images/creative.svg); }

.ktxt{position: relative;top: 30px;opacity: 0; transition: top 1s,opacity 1s;}
.kimg{position: relative;opacity: 0; top: -30px;transition: top 1s,opacity 1s;}
.kb2{background-image: url(images/heartw.svg);}
.keyb1:hover .kb2{background-image: url(images/heart.svg);}

.kb3{background-image: url(images/cost-effectivew.svg);}
.keyb1:hover .kb3{background-image: url(images/cost-effective.svg);}

.kb4{background-image: url(images/funw.svg);}
.keyb1:hover .kb4{background-image: url(images/fun.svg);}

@media screen and (min-width:740px)
{   
    .keybox{flex-direction: row; justify-content: space-around}
}

@media screen and (min-width:1030px)
{  .keyword{padding-bottom:  50px;padding-top: 30px;} 
    .keybox{flex-direction: row; justify-content: center;}
    .keyb1{margin: 10px 40px;height: 250px;width: 180px;}
}



.whwh{width: 100%; height: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #fcfcfc}
.whwh_hd{width: 200px; height: 80px; border: 1px olid black;display: flex;justify-content: center;align-items: center;}
.whimg{width: 80px; height: 80px;border: 1px olid black;background-image: url(images/w.png);background-repeat: no-repeat;background-size: contain}
.whtxt{width: 120px; height: 80px;border: 1px olid black;font-size: 22px;padding: 10px 0px;position: relative;left: -30px;opacity: 0; transition: left 1s,opacity 1s;}
.whtxt p{color: #f22b28}
 .whtxt span{position: relative;top: 15px;}
.whdes{margin: 20px 10px;}
.whdes p{text-align: justify;color: #454545;font-size: 18px;}


@media screen and (min-width:800px)
{  
    .whwh_hd{width: 300px; height: 120px; }
.whimg{width: 120px; height: 120px;}
.whtxt{width: 180px; height: 120px ;font-size: 32px;padding-top: 20px;}
 .whtxt span{position: relative;top: 20px;}
    .whdes p{padding: 10px 50px;font-size: 22px;}
}

@media screen and (min-width:1050px)
{  

    .whdes p{padding: 10px 100px;font-size: 22px;}
    
    
        .whwh_hd{width: 400px; height: 160px; }
.whimg{width: 160px; height: 160px;}
.whtxt{width: 240px; height: 160px ;font-size: 45px;padding-top: 25px;}
    .whtxt span{position: relative;top: 25px;}
    
}




.mv{width: 100%;height: 500px; background-image: url(images/mvbg.svg);background-repeat: no-repeat;background-size: 1800px 800px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px olid black;padding-top: 100px;padding-bottom: 30px;}
.mv p{font-size: 20px;text-align: justify;margin: 10px;}
.mv h1{color: #f22b28;font-size: 60px;text-align: center;}
.mist span{width: 50px; height: 50px;background-image: url(images/mis.svg);border: 1px olid black;display: inline-block;background-repeat: no-repeat;background-size: contain;}

.vist span{width: 50px; height: 50px;background-image: url(images/vis.svg);border: 1px olid black;display: inline-block;background-repeat: no-repeat;background-size: contain;margin: 0px 5px}
.jtar{position: relative;top: -40px;opacity: 0; transition: top 1s,opacity 1s;}

@media screen and (min-width:800px)
{ .mv p{padding: 10px 50px;}

    .mv{display: flex;justify-content: center;align-items: center;flex-direction: row}
    .mv div{width: 50%; height: auto;border: px solid black;justify-content: flex-start;align-items: center;display: flex;flex-direction: column}
    
}



@media(max-width:1200px){
    .mv{
        height:600px;
    }
}

@media(max-width:1000px){
    .mv{
        height:auto;
            background-size: cover;
    }
}
.whtxt p {
    font-size: 30px;
}

@media(max-width:400px){
    .whtxt p {
    font-size: 17px !important;
}
}
@media(min-width:500px) and (max-width:900px){
    .whtxt p {
    font-size: 17px !important;
}
}

/*founder*/
.imghld {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
}
.imghld img{
    width:100%; 
}
.founder {
    display: flex;
    align-items: center;
    justify-content: center;
      width: 80%;
    margin: auto;
        margin-bottom: 20px;
}
.conhld{
   
    display: flex;
    align-items: center;
    justify-content: center;
}
.ful-con{
  /*   width: 50%;*/
     margin-bottom:20px;
}
.cnten {
 /*  width: 50%;*/
    display: flex;
    align-items: center;
    justify-content:center;
    margin-bottom:20px;
}
.socila {
    display: flex;
    justify-content:center;
    align-items: center;
}
p.fp {
   
    height: auto;
    width: 80%;
    margin: auto;
    text-align: justify;
}
.txtcon {
    width: 12%;
}
.fndhd {
    width:100% !important;
    text-align: center;
    margin-bottom: 40px;
    background: #dddddd40;
    padding: 30px 0px;
}
.socila .fa {
    width: 35px;
}
@media(max-width:992px){
    .founder{
        flex-direction:column;
    }
    .conhld {
         flex-direction:column;
    }
    p.fp{
        height:auto;
    }
    .ful-con{
     width: 100%;
    }
}
@media(max-width:400px){
    .cnten{
         flex-direction:column;
    }
    .txtcon {
    width: 80%;
    margin:auto;
}
.txtcon p,.txtcon h3{
    text-align:center;
}
}
@media(max-width:500px){
   
p.fp {
    width:95%;
}
.founder {
    width:95%;
}
}

.smi img{
    width:100%;
}