/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 

body {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
 
p, span 
{
  line-height: 25px;
  margin: 0px !important;
  padding: 0px;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 
{

font-family: "Montserrat", sans-serif;
  margin-bottom: 0rem !important;
	color: #333;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	text-transform: capitalize;

}

h1 {
  font-size:55px; }

h2 
{
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

h3 {
  font-size: 20px;
  line-height: 26px;
    font-weight: 600;
}

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
  color:rgba(5,15,143,1) !important;
	text-decoration: none;
}

a:hover 
{
  color:rgba(5,15,143,1) !important;
  text-decoration: none; 
}

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }

.row-padd-b {
  padding-bottom: 30px; }

.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img 
{
    max-width:100%;
    height:auto;
}
.btn-check:focus + .btn, .btn:focus 
{
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0) !important;
}


/* commen css */

.navbar-light .navbar-nav .nav-link
{
    color: #000!important;
    text-transform: uppercase;
    letter-spacing: 1px;
   font-weight: 600;
  font-size: 14px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus
{
  color:rgba(5,15,143,1) !important;
    text-decoration: underline;
} 

.banner-text p 
{
  font-weight: 700;
  font-size: 2.5rem;
  color: #fff !important;
  line-height: 1.4em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
}

.tbanner::before 
{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

.offer-box
{
  background-color:rgba(5,15,143,1) !important;
  width: 100%;
  height: auto;
}

.offer-text, .offer-text-1 
{
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff !important;
   font-family: "Montserrat", sans-serif;
}

.offer-text-1
{
  font-size:20px;
  line-height:33px;
  font-weight:500;
}
.offer-text-1 span
{
    font-size: 13px !important;
    font-weight: 500!important;
}

.offer-text 
{
    color: #fff!important;
}
 .offer-text-1 span a, .offer-text-1 a
{
    color: #fff!important;
     text-decoration: underline!important;
}
.conditions-box
{
  border-radius: 10px;
  /*box-shadow: 0px 5px 8px #666666;*/
  background-image: linear-gradient(180deg,rgba(222,225,214,0.28) 0%,rgba(222,225,214,0.28) 100%) !important;
    border: none !important;
}

.conditions-box h2
{
font-size: 23px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
    text-transform: uppercase;
}
.key-head
{
    font-size: 22px;
  text-transform: uppercase;
  line-height: 30px;
}

.key-keatures-box
{
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}

.key-keatures-box h3
{
    color: #b9a23a !important;
}

.gray-box
{
    background-image: linear-gradient(180deg,rgba(222,225,214,0.28) 0%,rgba(222,225,214,0.28) 100%) !important;
}

.img-class
{
    padding:8px;
    background-color: #fff;
} 
.footer-bottom a, .foot-btext {
  color: #fff !important;
  transition: all 0.4s;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 30px;
} 
  
.footer-bottom 
{
  background:rgba(5,15,143,1) !important;
}
.row-width {
  width: 100% !important;
}
.visitor {
  border-radius: 10px;
  box-shadow: 0px 5px 8px #666666;
  background-color: #fff;
}


/* responsive css */

@media only screen and (max-width:1024px)
{  
  .container
	{
		max-width: 95% !important;
	}

}



@media only screen and (max-width:991px)
{
    
}

@media only screen and (max-width:855px)
{
  .banner-text p 
    {
  font-size: 2rem;
    }
    .banner-text
    {
     bottom: 0rem;
    }
}
@media only screen and (max-width:779px)
{
.navbar-light .navbar-nav .nav-link 
{
  font-size:15px;
}
     .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .2rem;
    padding-left: .3rem;
  }
    
}

@media only screen and (max-width:767px)
{
     /* .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
  }
    .navbar-light .navbar-nav .nav-link 
{
  font-size: 12px;
    font-weight: 500;
}
  */
     .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
    .navbar-nav
    {
        margin: 0 auto!important;
    }
  }


@media only screen and (max-width:691px)
{
  .banner-text p 
    {
  font-size:1.4rem;
    }
}

/*@media only screen and (max-width:670px)
{
    .navbar-light .navbar-nav .nav-link
    {
        letter-spacing: 0px;
  font-weight: 500;
        font-size:12px!important;
    }
}*/
@media only screen and (max-width:575px)
{
.navbar-light .navbar-nav .nav-link
    {
        letter-spacing:1px;
  font-weight:600;
        font-size:15px!important;
    }
 
    .navbar-light .navbar-toggler {
         
      color: rgba(0,0,0,.55);
      border: 2px solid rgba(5,15,143,1)!important;
      margin-top: 7px;
      margin-bottom: 7px;
      background-color:#fff !important;
        display: block;
  margin: 0 auto;
    }
    
     .navbar-toggler:focus 
    {
      text-decoration: none;
      outline: 0;
      box-shadow: 0 0 0 .0rem !important;
    }  
       
    
}

@media only screen and (max-width:495px)
{
  .banner-text p 
    {
  font-size:1.1rem;
        
    }
     .banner-text {
    bottom: -2rem;
  }
}

@media only screen and (max-width:400px)
{
    .logo-col
    {
      padding-left: 0px!important;
       padding-right: 0px!important;
    }
}
@media only screen and (max-width:370px)
{
   .banner-text p 
    {
    font-size: 0.8rem;
  }
}