html, body {
    width: 100%;
    height: 100%;
    color: black;
  }
  /* @media only screen and (max-width: 600px) {
    .containerHead {
      width : 450px;
      
    }
  } */
  
  @media only screen and (min-width: 601px) {
    .containerHead {
      width : 1000px;
      
    }
  }
  
  /* @media only screen and (max-width: 600px) {
    .containerBody {
      width : 450px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
    }
  } */
  
  @media only screen and (min-width: 601px) {
    .containerBody {
      width : 1000px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
    }
  }
  
  .errorCheck{
  color: red; 
  margin-left: 35%; 
  font-size: 150%;
}

 .top-org-name {  
   height: 60px;
}
 
.vr-logo-specs {  
  height: 120px;
  margin-bottom: 5px; 
  margin-top: 5px;
}

.cr-illness-specs{
  height: 425px;
  width: 135%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.superVisa-specs{
  height: 425px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 150px;
}

.lifeIns-specs{
  height: 425px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

#contactNumber{
  /* padding-top: 10px;
  margin-left: -10px; */
  color: black;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#emailId{
  padding-top: 10px;
  margin-left: -10px;
  color: black;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.fontMaroon{
  color: white !important;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 25px;
}
.tabHoverStyle:hover{
  /* background-color: rgb(13, 18, 87); */
  font-weight: bold;
}


li{
  padding-right: 5px;
  padding-left: 5px;
}

.nav-tabs{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: maroon !important;
  font-size: 18px;
  background-color: peachpuff;
}

.dropdown-menu{
  background-image: linear-gradient(90deg, rgb(68, 129, 241) ,rgb(13, 18, 87));
  
}

.dropdownStyle{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  /* font-style: italic; */
}

.dropdownHover:hover{
  background-color: rgb(13, 18, 87);
  width: 100%;
}

.dropdownStyle:hover{
  color: white !important;
}

.tabBGColor{
  /* background-color: rgb(42, 7, 124); */
  font-weight: bold;
}

.gradPrimary{
  /* background-image: linear-gradient(to right, rgb(121, 219, 226) ,rgb(177, 180, 181)); */
  /* background-color: white; */
  background: url('../img/headerBG.jpg') !important; 
  
}

.gradSecondary{
  background-image: linear-gradient(90deg,rgb(26, 106, 131), rgb(19, 46, 95) );
}

.gradThree{
  background-image: linear-gradient(90deg, rgb(173, 175, 179) ,rgb(69, 76, 79));
}

.gradFour{
  background-image: linear-gradient(90deg, rgb(50, 148, 197) ,rgb(7, 58, 80));
}

#footerID{
  padding-top: 50px;
  padding-bottom: 50px;
}

.fa {
  padding: 15px;
  font-size: 18px;
  width: 45px;
  text-align: center;
  text-decoration: none;
  border-radius: 40%;
}

.fa:hover {
    opacity: 2.0;
    color: lightskyblue;
}

.fa-facebook {
  background: white;
  color: #3B5998;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-instagram {
  background: rgb(136, 57, 57);
  color: white;
}

.fa-whatsapp {
  background: rgb(31, 243, 84);
  color: white;
}

.tab-height{
  height: 50px !important;
}

.aboutVr-logo-specs{
  height: 100%;
  width: 100%;
  margin-bottom: 5px; 
  margin-top: 5px;
}

@media only screen and (max-width: 600px) {
  .aboutVr-logo-specs{
    height: 100%;
    width: 100%;
    margin-bottom: 5px; 
    margin-top: 5px;
  }
}


.aboutPI-logo-specs{
  height: 100%;
  width: 100%;
  margin-bottom: 5px; 
  margin-top: 5px;
}

.crtIns{
  color: white;
}

.travel-img{
  height: 133%;
}

.card{
  border: none !important;
}

.card-body{
  background-color: rgb(22, 91, 110);
}

.btn-outline-primary:hover{
  background-color: black;
  /* border-color:  rgb(22, 91, 110); */
}

.btn-outline-primary:focus{
  box-shadow: none;
}

.btn-outline-primary{
  color: white !important;
  border-color:  rgb(22, 91, 110) !important;
}

.head-small{
  background-color: rgb(26, 106, 131); 
  color: white;
}

/* Slideshow container */

@media only screen and (max-width: 600px) {
  .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
    max-height: 800px;
    min-height: 800px;
  }
}

@media only screen and (min-width: 601px) {
  .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
    max-height: 800px;
    min-height: 800px;
  }
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 1.6s ease;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 7s;
  animation-name: fade;
  animation-duration: 7s;
}

@-webkit-keyframes fade {
  from {opacity: .7} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .7} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 600px) {
  .text-size {font-size: 12px}
}

@media only screen and (min-width: 601px) {
  .text-size {font-size: 16px}
}

@media only screen and (max-width: 600px) {
  .head-size {font-size: 16px}
}

@media only screen and (min-width: 601px) {
  .head-size {font-size: 20px}
}

.bg-grad{
  /* background-image: url('../img/superVisa.jpg'); */
  /* background:  rgb(115, 160, 245); */
  background: url('../img/midBodyBg5.jpg');
  background-size: 1000px;
}



.bg-img{
  background: url('../img/bodyBG.jpg') ;
  /* background: url('http://www.varinderrangi.com/client/img/bodyBG.jpg') ; */
}

.module {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    );
    
}

.top h1 {
  color: white;
  margin: 0;
  padding: 20px;
}

@media only screen and (max-width: 600px) {
    .head-logo {
         width: 400px;
    }
  }
@media only screen and (min-width: 601px) {
  .head-logo {font-size: 26px}
}

@media only screen and (max-width: 600px) {
  .tab-head {font-size: 18px}
}

@media only screen and (min-width: 601px) {
  .tab-head {font-size: 26px}
}

.head-bg{
  background-color: pink;
  position:relative;
  display: inline-block;
  margin:0 25px;
  padding:0 0px;
  height:40px;
}

.head-bg:before,.head-bg:after {
  content:'';
  display: inline-block;
  position:absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background:inherit;
  background-position:100% 100%;
}
.head-bg:before {
  left:-20px;
  background-position: 0 100%;
}

.tb-bgColor{
  background: rgb(250, 169, 169);
}