@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

* {
  font-family: 'Ubuntu', sans-serif;
}
a{
text-decoration:none;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}
span.close {
    display: flex;
    justify-content: flex-end;
}
.close {
  color: #aaaaaa;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.SectionHeading{
font-weight: 300;
line-height: 80px;
letter-spacing: 0em;
text-align: left;
  color:#7C7C7C;
}
.SectionItalicHeading{
font-style: italic;
font-weight: 700;
  color:#000;
}
.SectionPara{
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: left;
margin:0;
color:#4C4C4C;
  padding:10px 0;

}
.cardTextWrapper {
    padding: 2% 0;
}
.TextColumn {
    padding: 0 7%;
}
#VideoBtn {
    background-image: url(//7347324.fs1.hubspotusercontent-na1.net/hubfs/7347324/raw_assets/public/Ethosh_August_2023/Ethosh_August_Internal_Page_2023/About%20US/Images/VideoThumb001.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
  transition:0.7s ease-in-out;
}
.VideoPlayer {
    background: linear-gradient(90deg,#ec1c24,#f05b40);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
img.playIcon {
    width: 25%;
}
.ourvalueImageWrapper {
    margin-top: 5%;
}
img.OurValueImage {
    width: 100%;
}

.boldText{
font-weight:500;
}
img.cardImage {
    width: 70%;
    margin: 0 auto;
    display: flex;
}
img.WhoImage {
    width: 100%;
}
.ListWrapper {
    display: flex;
    align-items: flex-start;
    margin: 0 0 15px 0;
}
img.buttetImage {
    width: 3%;
    margin: 1% 2%;
}
.columnPadding{
padding:0 3%;
}

img.processImage {
    width: 40%;
}
.carousel-item {
    background: #EFEFEF;
    border-radius: 40px;
    padding: 8% 5%;
}
.carousel-inner {
    width: 75% !important;
    margin: auto !important;
}
img.Prevbutton, img.Nextbutton {
    width: 30%;
}
.SliderContainer {
    margin: 3% 0;
    position: relative;
}
p.processTextBold {
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
.carousel-indicators {
    bottom: -10%;
}
.carousel-indicators [data-bs-target]{
background: linear-gradient(90deg, #EC1C24 0%, #F05B40 100%) !important;
  border:none !important;
      border-radius: 100px;
    height: 8px !important;
    width: 3% !important;

}
p.sectionItalicpara.text-center {
    font-style: italic;
    font-weight: 300;
    line-height: 41px;
    letter-spacing: 0em;
    text-align: center;
    color: #7c7c7c;
    color: background: #7C7C7C;
}
p.ProfileName {
    font-family: Ubuntu;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    padding: 0px 0;
    margin: 0;
  color:#000;
}
p.ProfileRole {
    font-family: Ubuntu;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
    color: #4C4C4C;
}
.ProfileCard.text-center {
    padding: 8% 2%;
}
img.ProfileImage {
    width: 60%;
  margin:0 0 4% 0;
}
.cardBorder {
  border: none; /* Remove any default border */
}


.row.EthoshTeam {
    padding: 5% 0;
}
/********************************************************/
/*******************************************************/
@media(max-width:600px){
  section.noSpaceSection {
    margin: 20% 0 0 0;
}
  .SliderContainer {
    margin: 5% 0;
    position: relative;
}

  section.sectionSpacing {
    padding: 5% 3%;
}
  img.LinkedinIcon {
    width: 14%;
    padding: 0 4px;
}
  .ProfileCard.text-center {
    padding: 8% 0%;
}
  p.ProfileName,p.ProfileRole {
    font-size: 16px;
    text-align: center;
    line-height:1.5;
}
  .carousel-inner {
    width: 100% !important;
    margin: auto !important;
}
  a.carousel-control-prev, a.carousel-control-next {
    display: none;
}
  .columnPadding {
    padding: 0 0%;
}
  img.buttetImage {
    width: 5%;
    margin: 2% 2%;
}
  img.WhoImage {
    width: 100%;
    margin-bottom: 10%;
}
  .cardTextWrapper {
    padding: 6% 0;
}
    #VideoBtn {
    background-size: cover;
    height: 400px;
          margin:3% 0;
}
  .cardBorder:nth-child(3n+1) {
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom:  1px dashed #7C7C7C;/* Add border to the bottom */

}
/* Apply border to the left, right, and bottom of every 3rd child (2nd and 3rd cards) */
.cardBorder:nth-child(3n+2) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom:  1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+3) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom:  1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+4) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom:  1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(2),
.cardBorder:nth-child(6),
  .cardBorder:nth-child(4),
.cardBorder:nth-child(8),.cardBorder:nth-child(10),.cardBorder:nth-child(12) {
  border-right: none;
}
.cardBorder:nth-child(11),.cardBorder:nth-child(12) {
  border-bottom: none;
}
    p.sectionItalicpara.text-center {
    font-size: 25px;
      line-height:1.5;
  }
  .sliderWrapper {
    display: block;
}
  p.processTextBold {
    font-size: 20px;
    text-align:center;
  }
  .SectionHeading, .SectionItalicHeading{
font-size: 30px;
          line-height:110%
}
  .SectionPara{
font-size: 18px;
line-height:1.5;
}
  .ProcessTextWrapper {
    padding: 10% 0;
}
  img.processImage {
    width: 85%;
}
  .ProcessTextWrapper p {
    text-align: center !important;
}
}
@media(min-width:600px){
  section.sectionSpacing {
    padding: 5% 3% 0% 3%;
}
  img.LinkedinIcon {
    width: 14%;
    padding: 0 5px;
}
  p.ProfileName, p.ProfileRole {
    font-size: 18px;
}
  img.WhoImage {
    margin-bottom: 5%;
}
  div#VideoBtn {
    margin-top: 5%;
}
section.noSpaceSection {
    margin: 10% 0 0 0;
}
  .cardBorder:nth-child(3n+1) {
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C;/* Add border to the bottom */

}
/* Apply border to the left, right, and bottom of every 3rd child (2nd and 3rd cards) */
.cardBorder:nth-child(3n+2) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+3) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+4) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(10),
.cardBorder:nth-child(11),.cardBorder:nth-child(12) {
  border-bottom: none;
}
  .cardBorder:nth-child(3),
.cardBorder:nth-child(6),.cardBorder:nth-child(9),.cardBorder:nth-child(12)   {
  border-right: none;
}
    p.sectionItalicpara.text-center {
    font-size: 25px;
  }
  .ProcessTextWrapper {
    padding-left: 5%;
}
  .sliderWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
  p.processTextBold {
    font-size: 24px;
  }
    .SectionHeading, .SectionItalicHeading{
font-size: 35px;

}
  .SectionPara{
font-size: 18px;

}
}
@media(min-width:1024px){
  section.sectionSpacing {
    padding: 5% 5% 0% 5%;
}
  p.ProfileName {
    font-family: Ubuntu;
    font-size: 20px;
}
p.ProfileRole {
    font-family: Ubuntu;
    font-size: 20px;

}
  img.LinkedinIcon {
    width: 14%;
    padding: 0 4px;
}
  section.noSpaceSection {
    margin: 5% 0 0 0;
}
  img.WhoImage {
    margin-bottom: unset;
}
  div#VideoBtn {
    margin-top: unset;
}
  #VideoBtn:hover{
  background-size:105%;

  }
  .cardBorder:nth-child(3n+1) {
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C;/* Add border to the bottom */

}
/* Apply border to the left, right, and bottom of every 3rd child (2nd and 3rd cards) */
.cardBorder:nth-child(3n+2) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+3) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(3n+4) {
  border-left: none; /* Add border to the left side */
  border-right: 1px dashed #7C7C7C; /* Add border to the right side */
  border-bottom: 1px dashed #7C7C7C; /* Add border to the bottom */
}
.cardBorder:nth-child(4),
.cardBorder:nth-child(8),
  .cardBorder:nth-child(12) {
  border-right: none;
}
.cardBorder:nth-child(10),
.cardBorder:nth-child(11),
.cardBorder:nth-child(9),
.cardBorder:nth-child(12) {
  border-bottom: none;
}
  p.sectionItalicpara.text-center {
    font-size: 30px;
  }
  p.processTextBold {
    font-size: 28px;
  }
    .SectionHeading, .SectionItalicHeading{
font-size: 35px;
}
    .SectionPara{
font-size: 20px;
}
}
@media(min-width:1200px){
    img.LinkedinIcon {
    width: 14%;
    padding: 0 6px;
}
  section.sectionSpacing {
    padding: 5% 5% 0% 5%;
}
  p.ProfileName {
    font-size: 24px;
  }
p.ProfileRole {
    font-size: 24px;

}
    .SectionHeading, .SectionItalicHeading{
font-size: 40px;
      
}
     .SectionPara{
font-size: 20px;
} 
}
@media(min-width:1440px){
    section.sectionSpacing {
    padding: 5% 7% 0% 7%;
}
    img.LinkedinIcon {
    width: 14%;
    padding: 0 10px;
}
    .SectionHeading, .SectionItalicHeading{
font-size: 50px;
}
       .SectionPara{
font-size: 20px;
} 
}
@media(min-width:1920px){
    .SectionHeading, .SectionItalicHeading{
font-size: 80px;
}
         .SectionPara{
font-size: 20px;
}
}

.carousel-inner{
overflow:unset !important;
}