/***

  primary-color:    #424242 ( BLACK )
  secondary-color:  #168B8D ( BLUE )  #017779 ( DARK-BLUE ) 
  accent-color:     #930224 ( RED )
  background-color: #FBFBFB ( WHITE )
  para-color:       #112529 ( GREYISH-BLACK ) 

  para-font-size:        16px
  subheading-font-size:  21px
  bigger-font-size:      28px
  massive-font-size:     37px

  primary-font-family:    'Raleway', sans-serif
  secondary-font-family:  'Roboto', sans-serif

****/




@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
html{
  scroll-behavior: smooth;
}
.roboto{
    font-family:  'Roboto', sans-serif!important;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Raleway', sans-serif;
}
.light{
 color: #eeeeee;
 transition: 0.5s all ease-in-out;
}
.light :hover{
 color: #168B8D;   
}
marquee a{
  font-family: 'Roboto', sans-serif;
}
body{
  overflow-x: hidden;
  background-color: #FBFBFB;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.apply-now{
  height: 60px;
  mix-blend-mode: darken;
}
.form-label{
  font-weight: 500;
}
.container{
  overflow-x: hidden;
}
a, a:hover{
  text-decoration: none;
  color: #017779;
}
p{
  font-size: 16px;
  line-height: 33px;
  color: #091214;
}
h3{
  font-size: 26px;
  line-height: 47px;
  color: #930224!important;
  font-weight: 600;
}
h4{
  font-size: 21px;
  line-height: 35.2px;
  font-weight: 600!important;
}
.iconcolor{
  color: #168B8D;
}
.iconcolor2{
  color: #930224;
}
.btn-danger{
  color: #ffff!important;
  background-color: #930224;
  font-size: 19px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  transition: 0.3s all ease-in-out;
}
.table td,
.table th{
  font-size: 16px;
  font-family: 'Roboto', sans-serif!important;
}

/* Social Nav Buttons*/
.social{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999;
}
.social ul{
  padding: initial;
}
.social ul li{
  height: 40px;
  width: 40px;
  list-style: none;
  padding-left: 12px;
  padding-top: 6px;
  margin-top: 5px;
  color: white!important;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.social ul :hover li{
  padding-left: 20px;
  width: 60px;
}
.facebook{
  background-color: #3b5998;
}
.linkedin{
  background-color: #007bb6;
}
.gmail{
  background-color: #dd4b39;
}
.whatsapp{
  background-color: #25d366;
}

/* Top Links */
.bl{
  border-left: 1px solid #424242;
}
.cta{
  color: #424242;
  font-family:'Roboto', sans-serif ;
}
.cta :hover{
  color: #168B8D;
}
.topLinksContainer{
  background-color: #eeeeee;
  border-bottom: solid 2px #168B8D;
  font-size: 14px;
  font-weight: 500;
}
.topLinksContainer div a{
  font-family: 'Roboto', sans-serif!important;
}

/* Logo */
.logo{
  height: 90px;
  mix-blend-mode: darken;
}

/* Navbar */

.navbar{
  background-color: #424242!important;
  border-bottom: #017779 solid 4px;
  font-size: 14px!important;
}
.navbar .navbar-nav li a{
  color: #ffffff!important;
}
.navbar-toggler{
  color: #ffffff;

}
.nav-item :hover{
  background-color: #017779;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.dropdown-menu{
  background-color: #46494a;
  border-radius: 0%;;
  z-index: 1;
  font-size: 12px;
}
.dropdown-item{
  background-color: #46494a !important;
  color: #fff!important;
}
.dropdown-item :hover{
  background-color: #017779 !important;
  color: #fff!important;
}
.dropdown-menu li .dropdown-item{
  color: #ffff!important;
  /* border-bottom: 1px #a8a8a8 solid; */
  transition: all 0.4s ease-in-out;
}
.navbar-nav .active{
  background-color: #017779;
}
.active .nav-link{
  color: #ffffff;
}

.dropdown-submenu {
  position: relative;
  background-color: #46494a!important;
  color: #ffff!important;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-item{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Intro Section for Main Internship Page */
.cont{
  padding: 0;
  margin: 0;
  height: 45vh!important;
}
.hero{
  width: 100%;
  height: 100%;
  position: relative;
}
.hero img{
  height: 100%;
  position: relative;
  width: 100%;
  object-fit: cover;
}
.cont ::after{
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: black;
  left: 0;
  top: 0;
  opacity: 0.5;
}

/* Company & Internship Intro Section */
.headline {
  text-decoration: none;
  display: inline-table;
  color: #0D1821;
}

.headline:after {
  content: "";
  border-bottom: 0.1em solid #168B8D;
  display: table-caption;
  caption-side: bottom;
  position: relative;
}
.intro-img{
  height: 200px; 
  border-radius: 10px;
}

/* Techonology Syllabus Section */
summary{
  padding: 1em;
  background: #017779;
  margin-bottom: 1em;
  color: #fff;
  cursor: pointer;
  font-weight: 600!important;
  outline: none;
  border-radius: 0.3em;
  transition: background-color 0.3s ;
}
details summary::-webkit-details-marker {
  color: #eee;
  height: 8px;
  width: 8px;
}
details[open] summary::-webkit-details-marker {
  width: 8px;
  height: 8px;
}
.content li{
  list-style: none;
  text-decoration: none;
  padding: 5px;
}

/* Testimonial Section */
.shadow-effect {
  background: #fff;
  padding: 18px;
  border-radius: 4px;
  text-align: center;
  border:1px solid #ECECEC;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#testimonials-list .shadow-effect p {
  font-size: 14px;
  font-weight: 400!important;
  font-family: 'Raleway', sans-serif;
  line-height: 23px;
  margin: 0 0 17px 0;
}
.testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  font-size: 14px;
  background: #017779;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#testimonials-list .item {
  text-align: center;
  padding: 50px;
  margin-bottom:80px;
  opacity: .2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  transition: all 0.3s ease-in-out;
}
#testimonials-list .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
  }
  .owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  max-width: 90px;
  border-radius: 10%;
  margin: 0 auto 17px;
}
#testimonials-list.owl-carousel .owl-dots .owl-dot.active span,
#testimonials-list.owl-carousel .owl-dots .owl-dot:hover span {
  background: #017779;
  -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#testimonials-list.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.test-name{
  font-size: 17px; 
  color: #017779!important;
}
.test-degree{
  font-weight: 300;
}
#testimonials-list.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
#testimonials-list.owl-carousel .owl-dots .owl-dot span {
  background: #424242;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

/* Best Intern Section */
.card{
  border: none;
  outline: none!important;
  box-shadow: 5px 5px 5px #BCC1BA;
  background-color: #eeeeee;
  overflow: hidden;
}
.card img{
  transition: all 0.6s ease-in-out;
}
.card:hover img{
  transform: scale(1.05);
}
.card-title{
  font-size: 16px!important;
  line-height: 25px!important;
  font-weight: 600!important;
}
.card-subtitle{
  color: #017779;
  font-weight: 600;
}
.card-text{
  font-size: 14px!important;
  line-height: 30px!important;
}

/* Gallery Section */
body .slider .inner {
  position: relative;
  white-space: nowrap;
  transition: all 1s ease;
}

body .slider .inner img{
  width: 100%;
  object-fit: cover;
  height: 400px;
}


/* Footer */
footer .main-footer{
  padding: 20px 0;	
  background: #252525;
  font-family: 'Roboto', sans-serif!important;
}
footer ul{	
    padding-left: 0;	
    list-style: none;
    font-family: 'Roboto', sans-serif!important;
}

footer h4{
  font-weight: 900!important;
  font-size: 17px!important;
  font-family: 'Roboto', sans-serif!important;
}

footer p,
footer a{
  font-weight: 300!important;
  font-size: 15px!important;
  font-family: 'Roboto', sans-serif!important;
}


.footer-copyright{	
  background: #252525 ;	
  padding: 5px 0;
  font-family: 'Roboto', sans-serif!important;
}
.footer-copyright p{	
  color: #969696;	
  font-family: 'Roboto', sans-serif!important;
}

.widget{	
  padding: 20px;	
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif!important;
}
.widget.widget-last{	
  margin-bottom: 0px;
  font-family: 'Roboto', sans-serif!important;
}
.widget.no-box{	
  padding: 0;	
  background-color: transparent;	
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif!important;
  box-shadow: none; 
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  -ms-box-shadow: none; 
  -o-box-shadow: none;
}
.widget li a{	
  color: #eeeeee;
  font-family: 'Roboto', sans-serif!important;
  transition: 0.3s all ease-in-out;
}
.widget li a:hover{	
  color: #017779;
  font-family: 'Roboto', sans-serif!important;
}
.widget-title{
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif!important;
}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{	
  color: #eeeeee;
  font-family: 'Roboto', sans-serif!important;
}

ul.social-footer2{	
  margin: 0;
  padding: 0;	
  width: auto;
  font-family: 'Roboto', sans-serif!important;
}
ul.social-footer2 li{
  display: inline-block;
  padding: 0;
  font-family: 'Roboto', sans-serif!important;
}
ul.social-footer2 li a{
  display: block;	
  height:30px;
  font-family: 'Roboto', sans-serif!important;
  width: 30px;
  text-align: center;
}

/* Media Queries */

@media (max-width: 989px){
  .social{
    display: none!important;
  }
  .intro-img{
    height: 150px;
  }
  .apply-now{
    height: 35px;
  }
  .logo{
    height: 60px;
  }
  body .topLinksContainer, 
  .topLinksContainer div{
    display: none;
    border: none;
  }
	.navbar .nav-item .dropdown-menu li .dropdown-item{ 
    border: none;
  }
  h3{
    font-size: 20px;
  }
  h4{
    font-size: 18px;
    font-weight: 700;
  }
  p,
  li,
  a,
  summary,
  .testimonial-name,
  .form-label{
    font-size: 14px;
  } 
  .table td,
  .table th{
    font-size: 13px!important;
  }
  .btn-danger{
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  footer{
    text-align: center;
  }
  footer h4{
    font-weight: 600!important;
    font-size: 18px!important;
  }
  summary {
    padding: 0.6em;
    margin-bottom: 0.6em;
    font-weight: 500;
  }
  body .slider .inner img{
    width: 100%;
    object-fit: cover;
    height: 250px;
  }
  footer p,
  footer a{
    font-weight: 400!important;
    font-size: 14px!important;
  }  
} 

@media (max-width: 400px){
  .logo{
    height: 50px;
  }
  h3{
    font-size: 16px;
    font-weight: 600;
  }
  h4
  {
    font-size: 16px;
    font-weight: 700!important;
  }
  p,
  li,
  a,
  summary,
  .testimonial-name,
  .form-label{
    font-size: 13px!important;
  }
  .table td,
  .table th{
    font-size: 11px!important;
  }
  .btn-danger{
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
  }   
  body .slider .inner img{
    width: 100%;
    object-fit: cover;
    height: 200px;
  }
  .widget .no-box{
      margin-bottom: 10px;
  }
  .widget-title{
      margin-bottom: 0px;
  }
  footer h4{
    font-weight: 600!important;
    font-size: 14px!important;
  }
  footer p,
  footer a{
    font-weight: 400!important;
    font-size: 12px!important;
  }
}

@media (min-width: 992px){
  .navbar-brand{
    display: none;
  }
}