
  
  /* Add responsiveness - on screens less than 500px, make the navigation links appear on top of each other, instead of next to each other */
  .image-center-sm{
    width:47%;
    margin:190%;
  }
 

  .heading-name{
    color:#225086;
    height: 100%;
    font-size:300%;
    font-family:inter; 
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  } 
  .icones{
    margin-top:55px;
  }

  .logo{
    margin: 50% 50%;
    /* width:100%; */
    transform: translate(-50% , -50%);
    
  } 
  .logo-images{
    height:70%;width:250px;margin-top:10px;
  }
  .images-youtube{
    height:30%;width:20%;
  }
  .dr-image{
    position:center;
    text-align: center;
    color:white;
    width:100%;
    height:100%;
  }
  .tab{
    text-align: justify;
    text-justify: inter-word;
  }
.split-left{
    font-family:#225086;
    font-size: 5px;
}
.split-right{
    text-align: center;
    color: aliceblue;
    font-size: 34px;
}
*{
  margin: 0px;
  padding:0px;
  box-sizing:border-box;
}
.image-card{
  margin: 2px;
}
.home-content{
  padding: 4%;
}
.images{
 width: 100%;
}
.white-border{
  border:5px solid #FFF;
}

nav{
  width:100%;
  height:75px;
  line-height:75px;
  padding:0px 100px;
  position:relative;
  background-color: #D9D9D9;

}
nav.logo p{
  font-size:30px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing: 1.5px;
  cursor:pointer;
}
.nav-icone{
  display: none;
}
nav ul{
  float:left;

}
nav li{
  display: inline-block;
  list-style:none;
}
nav li a{
  font: size 18px;
  text-transform:uppercase;
  padding:0px 30px;
  color: #225086;
  text-decoration: none;
}
.menu-bar{
    width:200%;
    background-color:#D9D9D9;
    /* margin-top :30px; */
    position:relative;
    text-size-adjust:initial;


}

#outer {

  /* width: 250px; */
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

#left-button {
  margin-top: -6px;
  float: left;
  width: 30px;
  text-align: center;
}

#right-button {
  margin-top: -6px;
  float: left;
  width: 30px;
  text-align: center;
}

a {
  text-decoration: none;
  font-weight: bolder;
  color:#225086;
}

#inner:first-child {
  margin-left: 0;
}

label {
  margin-left: 10px;
}

.hide {
  display: none;
}

.scroll-nav-item{
  margin: 5px;
  padding-right: 5px;
  border-right: solid salmon 2px;
}
.checkbtn{
  font-size:30px;
  color:#225086;float:right;
  line-height: 80px;
  margin-left: 40px;
  cursor: pointer;
  display:none;
}
.Copyright©2023{
  text-align: left;
}
.designed{
  text-align:right;
}
.company-logo{
   width:40%;

}
#icon{
  color:#225086;
  font-size:40px;
  line-height: 80px;
  float:right;
  margin-right:40px;
  cursor: pointer;
  display: none;
}
 /* Add responsiveness - on screens less than 500px, make the navigation links appear on top of each other, instead of next to each other */
 /* Media Query for Mobile Devices */
 @media (max-width: 480px) {
  /* .logo{display: block;margin:left; margin:right; width: 50%;} */
  .home-content{size:7px;}
  .company-logo{width:50%;}
  .Copyright©2023{text-align: center;}
  .designed{text-align: center;}
  .image-center-sm{width: 385px;height:630px;}
  .heading-name{font-size:20px;}
  .logo-images{height:50%;width:120px;}
  .images-youtube{height:90%;width:35%;margin-left:5.5%;}
  .images-face{size:40%;}
  #icone{display: block;}
  #inner{display: block;}
  .scroll-nav-item{display: block;}
  .nav-icone{display: block;font-size:150%;color:#225086;}
  .right-arrow{display:none}
 }
  

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
  /* .logo{left:50%;} */
  .home-content{size:7px;}
  .company-logo{width:40%;}
  .Copyright©2023{text-align: center;}
  .designed{text-align: center;}
  .image-center-sm{width:390px;height:620px;}
  .heading-name{font-size:25px;}
  .logo-images{height:40%;width:180px;}
  .images-youtube{height:85%;width:45%;}
  .images{width:30%;height:30%;}
  .menu-bar{ size:50%;}
 
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
  .home-content{size:7px;}
  .company-logo{width:40%;}
  .Copyright©2023{text-align: center;}
  .designed{text-align: center;}
  .image-center-sm{width:193px;height:350px;position: absolute;}
  .heading-name{font-size:30px;}
  .logo-images{height:70%;width:180px;margin-top:33px;}
  .images-youtube{height:68%;width:45%;margin-left:20px;}
  .icones{size:30%;}
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
  
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
  
}