

@media(min-width:300px){
  .my_carousel .flickity-viewport{
  height:120px !important;
  }
}
@media(min-width:900px){
  .my_carousel .flickity-viewport{
  height:175px !important;
  }
}
@media(min-width:1024px){
  .my_carousel .flickity-viewport{
  height:200px !important;
  }
}


@media(min-width:300px){
  .image-tiles{
    width:75%;
    height:auto;
  }
    .flickity-viewport{
overflow-x: hidden !important;
    overflow-y: unset !important;
}
}
@media(min-width:768px){
  .image-tiles{
    width:60%;
    height:auto;
  }
    .flickity-viewport{
overflow-x: hidden !important;
    overflow-y: unset !important;
}
}
@media(min-width:900px){
  .image-tiles{
    width:75%;
    height:auto;
    padding-top:6px;
  }
    .flickity-viewport{
overflow: hidden !important;
}
}


/* external css: flickity.css */
.col_tab {
margin-top:-24px;
}

.outcome-card{
text-align:center;
}

ul li{
padding:0!important;
} 
.section-text{
font-size:25px !important;
  font-family : 'Ubuntu', sans-serif !important; 
  line-height:35px !important;
}
@media(max-width:767px){

    .my_carousel{
  display:none;
  }
  .outcomecardmob-wrapper{
 text-align:center;
    margin-bottom:10px;
  }
  .outcomeImages-mob{
  width:85%;
  }
  .outcome-mobileView{
  display:grid;
     grid-template-columns:repeat(3,1fr);
    margin-left:0px;
    
  }

}
@media(min-width:300px){

  .paramargin{
margin-bottom:10px !important;
  font-size:16px;
      color:#6b6c70!important;
}

  .home-wrapper{
    border: 1px solid rgba(0,0,0,.125);
    box-sizing: border-box;
    box-shadow:0 1px 7px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    font-family:Roboto;
     margin:10px;
    padding-bottom: 30px;
  }
  }
    @media(min-width:768px){

      .paramargin{
margin-bottom:10px !important;
  font-size:18px;
      color:#6b6c70!important;
}

       .outcome-mobileView{
  display:none;
    
  }
  
  .home-wrapper{
    border: 1px solid rgba(0,0,0,.125);
    box-sizing: border-box;
    box-shadow:0 1px 7px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    font-family:Roboto;
     margin:15px 30px;
    padding-bottom:35px;
  }
  }
      @media(min-width:900px){
  .home-wrapper{
    border: 1px solid rgba(0,0,0,.125);
    box-sizing: border-box;
    box-shadow:0 1px 7px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    font-family:Roboto;
     margin:15px 55px;
      padding-bottom:35px;
  }
  }
@media(min-width:300px){
  .column1{
margin-left: 0px;
margin-top: 0px;
}
 
}
@media(min-width:768px){
  .outcome-card{
 transition: 0.7s;
  cursor: pointer;
}
.outcome-card:hover{
 transform: scale(1.04);
  transition-timing-function: ease;
  border-radius:10px;
}
 

  .column1{
margin-left: 20px;
margin-top: 20px;
}
  
.downmenu{
 display:none;
     position:absolute;
    top:auto;
    left: auto;
   right:120px;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .6rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:#fff;
    background-clip: padding-box;
  
    border-radius: .25rem;
}
  .menudropdown2{

 display:none;
     position:absolute;
    top:auto;
    left: auto;
   right:0;
    z-index: 2000;
    float: left;
    min-width: 15rem;
    padding: .5rem 0;
    margin: .1rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
  
}
}
* { box-sizing: border-box; }
  .profile_bg{
    width:70px;
    height:70px;
    background-color:#BFB8BA;
    border-radius: 50%;
    display:flex;
    justify-content:center;    
  }

  .my_text{
  margin-left:20px;
  }
body { font-family: sans-serif; }


@media(min-width:300px){
.my_carousel {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  margin-left:20px;
  margin-right:20px;
}
}
@media(min-width:1024px){
.my_carousel {
  padding-top:0px;
  padding-bottom:20px;
  padding-left:0px !important;
padding-right:0px !important;
   margin-left:7px;
  margin-right:0px;


}
}

  .outcome-card {
  width: 16%;
  height: auto;
}

.profileImage_outcome{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin:auto;
    
 
}






.top{
     display:flex;
     justify-content:space-between;
     padding: .75rem 1rem;
      align-items: center;
}



@media(min-width:300px){
  .col_tab{
display:flex;

}
}
@media(min-width:768px){
  .col_tab{
display:flex;

}
}
@media(min-width:300px){

  .tab_card_outcome{
  background-color:#CA161E;
    width:fit-content !important;
    height: 22px;
    color: #fff;
    text-align: center;

    font-size: 10px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 4px 5px;
    margin-right: 8px;
     margin-top:11px;
 
  }

}
    @media(min-width:768px){

    .tab_card_outcome{
      background-color:#CA161E;
       width: 110px !important;
      height: 30px;
      color: #fff;
      text-align: center;
      padding-top: 4px;
      font-size: 14px;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      margin-right: 15px;
       margin-top:10px;

    }

  }
@media(min-width:900px){

  .tab_card_outcome{
  background-color:#CA161E;
     width: 110px !important;
    height: 30px;
    color: #fff;
    text-align: center;
    padding-top: 4px;
    font-size: 14px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-right: 15px;
  
  }

}

    @media(min-width:300px){
  .textSectionoutcome{
padding: 10px 10px ;
margin:0 ;
}
        .section-text{
font-size:20px !important;
          font-family : 'Ubuntu', sans-serif !important; 
}
  }
  @media(min-width:768px){
  .textSectionoutcome{
padding:0px;
margin-top:25px;
margin-bottom:25px;
margin-left: 35px;
}
  }
.textArea{
padding: .75rem 1rem;
}
.ProfileName{
    
    font-size: 22px;
    font-weight: 700;
  margin-top:5px;
 
   

}
.profileDesignation{
  font-size: 12px;
  font-weight: 400;
  color: #7c7c7c;
  margin-top:-27px;

}
.sectionName3{
  position: relative;
    color:#1f1f1f;
    font-size: 18px;
   margin-left:-58px;
  margin-top:11px;
}
.card{
    display: inline-block;
    vertical-align: top;
   
}
ul{
list-style-type:none;
 

}


.downmenu ul li span svg{
width:20px;
  height:20px;

}
.downmenu ul{
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    margin:0px;
 
}
.menudropdown2 ul{
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    margin:0px;
    padding:4px 0 0 0;
}
.column2{
position:relative;
  margin-top: -25px;
}
.column1{
position:relative;
margin-left: 20px;
margin-top: 20px;
}
.textContent{
  font-size:18px;

}
  .textArea{
  margin-top:-12px;
  
  }
@media(max-width:768px){
  .ProfileName{
  font-size:14px;
  }

}

@media(max-width:768px){
  .profileDesignation{
   font-size:12px;
    }
}
@media(max-width:768px){
  .sectionName3{
   font-size:12px;
    margin-left:-30px;
    }
}
@media(max-width:768px){
.column2{
position:relative;
  margin-top: -38px;
}
}
@media(max-width:768px){
.profileImage{
    width: 60px;
    height: 60px;
  }
   .btn1,.btn2,.menudropdown{
  margin:0 15px;
  }
}
.Textcopy{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 5rem;
    padding: .5rem ;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align:center;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
    

@media(max-width:768px){
.downmenu{
    min-width: 4.5rem;
}
  @media(max-width:768px){
    .menudropdown2{
    
    min-width: 10rem;
    }

  
  }


  
  
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .outcome-card {
  width: 49%;
  height: auto;
  counter-increment:outcome-card;
}
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .outcome-card {
  width: 50%;
  height: auto;
  counter-increment:.outcome-card;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.outcome-card {
  width: 25%;
  height: auto;
  counter-increment:.outcome-card;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .outcome-card {
  width: 17%;
  height: auto;
  counter-increment:.outcome-card;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .outcome-card {
  width: 17%;
  height: auto;
  counter-increment:.outcome-card;
}
}

  
  ul li{
  padding:0 !important;
  }
