body{
font-size: 16px;
letter-spacing: 1px;
word-spacing: 2px;
color:#1C3A6B;
min-width: 360px;
font-family: Arvo;
}
.navigation-bar{
	height:150px;
	padding-right:15px;
	padding-left:15px;
	margin-left:0;
	margin-right:0:
}
header .top-info > span
{
    letter-spacing: 0.2px;
    word-spacing: 0px;
}
.dropdown-menu
  {
      left: auto !important;
      right: auto !important;
      /* margin: 05px 1em; */
      padding: 0px;
      background-color: #1d3b6c;
      color: #ffffff;
  }
  .dropdown-divider
  {
    margin:0;
    border-top: 2px solid #ffffff;
  }

  .dropdown-item{
    color: #ffffff; 
    padding: .5rem 1.5rem;
    

  }

  .banner
  {
    background-color:#DCDBE4;
  }
.nav-link {
    display: block; 
    padding: .5rem 1rem;
    width: 125px;
    background-color: #1d3b6c;
    color: #fff !important;
    text-align: center;
    border-left: 2px solid #fff
}
li:last-child .nav-link{
    border-right: 2px solid #fff
}
.bg-navbar
{
    background-color: #1d3b6c!important;
}
button.btn
{
    border-radius: 0px;
}

@media (max-width: 768px){
    header .top-info > span
    {
        letter-spacing: 0.2px;
        word-spacing: 0px;
    }
    ul.navbar-nav{

        background-color:  #1d3b6c;
    }
    .nav-link {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 0px solid #fff;
        text-align: left;
        width: 100%;
       padding-left: 20px !important;
    }
    
    li:last-child .nav-link{
        border-right: 0px solid #fff
    }
    .bg-navbar
    {
        background-color: #fff0!important;
    }
}


/* Fixed Social Icons */

.icon-bar {
    position: fixed;
    top: 60%;
    z-index: 1200;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
  
.icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 15px;
}
 
.icon-bar a:hover {
      background-color: #000;
}
  
  .facebook {
    background: #355F9F;
    color: white;
  }
  .instagram{
	  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: white;
  }
  .youtube{
	  background: #FF0000;
	  color: #fff;
	  font-weight:900px;
  }
.twitter {
    background: #2BA9E1;
    color: white;
}
  
.google {
    background: #DB5442;
    color: white;
}
  
.linkedin {
    background: #096B9B;
    color: white;
}
  
.pinterest {
    background: #CA2026;
    color: white;
}
  
.content {
    margin-left: 75px;
    font-size: 30px;
}

  /*end of css */


/* product box in home page*/

.product-section,.tools
{
      margin: 50px 0;
}
.services_home,.news
{
    padding: 50px 0;
}
.services_box
{
    background-color: #00000012;
    margin:15px auto;
    display: flex;
    justify-content: center;
    width: auto;
    padding:15px;
    transition:all 1s;
    /* margin: auto; */
}
.product_box
{
    background-color: #cacaca;
    margin-top:15px;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding:15px;
    transition:all 1s;
}
.services_box
{
    border-radius: 50%;
    width: 134px;
    /* width: 100%; */
    height: auto;
}
.product_box:hover
{
    background-color: #1d3b6c;
    transform:scale(1.1);
    transition:all 1s;
}

.services_box:hover{
    /* background-color: #1d3b6c; */
    transform:scale(1.2);
    transition:all 1s;
}
.col-lg-2:first-child .services_box:hover{
    background-color: #1d3b6c;
}
.col-lg-2:last-child .services_box:hover{
    background-color: #1e7388;
}
.col-lg-2:nth-child(2) .services_box:hover{
    background-color: #c4bf3f;
}
.col-lg-2:nth-child(3) .services_box:hover{
    background-color: #642165;
}
.col-lg-2:nth-child(4) .services_box:hover{
    background-color: #119b49;
}
.col-lg-2:nth-child(5) .services_box:hover{
    background-color: #ed1588;
}



.tools
{background-color: #EAEBEC;
padding: 50px 0;}

.services_box img
{
    margin: auto;
}
.tool_box:hover 
{
	transform:scale(1.1);
    /* background-color: #326181; */
    background: linear-gradient(to bottom, teal 0%, #89b4d8 100%) ;
    /* background: linear-gradient(to bottom, #1d3b6c 0%,#2474b5 100%) ; */
    color:#fff;
}
.tool_box:hover hr
{
    border-top: 1px solid #fff;
}
.tool_box:hover .support p
{
    border-bottom-color: #fff;
}
.tool_box 
{
    width: 100%;
    padding: 20px;
    /* border: 1px solid #000; */
    text-align: center;
    height: 480px;
    /* transition:all 1s; */
    transition-timing-function: ease-in-out;
    background-color: #fff;
    margin: 20px 0;
}
.tool_box hr 
{
    border-top: 1px solid #CA2026;
    padding-bottom: 0em;
    margin-right: -20px;
    margin-left: -20px;
}
.support p
{
border-bottom:1.2px solid #CA2026;
padding-bottom: 10px;
/* font-size: 1.2em;
font-weight: 500; */
margin-bottom: 10px;

}
.support
{
    padding-top: 2em;
    /* position: absolute; */
    bottom: 31px;
    left: 20px;
    right: 20px;
   
}
.support p:last-child
.support p:last-child
{
    border-bottom:0px solid #000;
    padding-bottom: 0em;
    margin-bottom: -10px;
}

.product_box img
{
      max-width: 100%;
      width: 149px;
      height: 122px;
      transition:all 1s;
      transition-timing-function: ease-in-out;
}

/* welcome_container csss*/
.welcome_container
{
    padding: 50px 0;
    color:#fff;
    background-color: #d2d2d2;
    background-image: url("a1.jpg");
    background-size: cover;
    background-blend-mode: color-burn;
}

.welcome_container h2
{
    
    margin: auto;
    padding-bottom: .5em;
}

.welcome_container p
{
    
    text-align: justify !important;
}

.contacts div:nth-child(even)
{background: #cecece;}
.contacts div:nth-child(odd){    background: #fff;}
.contacts div:last-child{  margin-bottom: -20px;   }
.tool_box:hover .contacts div:nth-child(odd)
{    background: transparent;}
.tool_box:hover .contacts div:nth-child(even)
{    background: #ffffff;
color:#1C3A6B;}

.contacts div:last-child
{
    margin-bottom: -20px;
}

.contacts  div p 
{
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}

.contacts
{
    display: flex;
    /* height: 100%; */
    /* align-items: stretch; */
    flex-direction: column;
    /* align-content: space-between; */
    /* width: 100%; */
     margin:0 -20px;
     /* position: absolute; */
    bottom: 1px;
    top: 71px;
    right: 16px;
    left: 16px;
    /* transition:all 500ms; */
}
.contacts > div
{ 

   /* flex-direction: column; */
   flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    bottom: 0px;
}
.news-container h3 
{
    margin-bottom: 1em;
}
/* .news-container h3,.testimonial_b h3 
{
    margin-bottom: 1em;
} */
/* .testimonial_box
{
    
    height: 300px;
    width: 100%;
    padding: 1em;
    box-shadow: 0 0 2rem rgba(0,0,0,0.395)!important;
    display: flex;
    background-color: #ECEDEE;
    
}
.testimonial_box  div > .client
{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.testimonial_box div > div{
    display: none;
    flex-direction: column;
    justify-content: space-between;
} */
.client>.name>p:first-child{

    font-size: 1.3em;
    letter-spacing: 0px;
    word-spacing: 0 !important;
    font-weight: 500;
}
.client>.name>p.desc
{
    font-size:0.8em;
    letter-spacing: 0px;
    word-spacing: 0 !important;
    font-weight: 500; 
    margin: 0px;
    padding: 0;
}


.news .news_pan p.news-headeing
{
    font-size:1em;
    letter-spacing: 0px;
    word-spacing: 0 !important;
    font-weight: 500;
}
.news .news_pan p.date
{
    margin-top: -05px;
    font-size:0.8em;
    letter-spacing: 0px;
    word-spacing: 0 !important;
}
.partner
{
    background-color: #EAEBEC;
    margin: 50px 0 0;
    padding: 20px 0;
}

.partners
{
    display: block;
    overflow: hidden;
    position: relative;
    height: 100px;
}
.partners_list
{
    display: block;
    position: absolute;
    width: 165%;
    animation: example1 14s linear infinite;
}

.text_footer
{
    letter-spacing: 0.2px;
    word-spacing: 0px;
    padding-top: 2em;
    font-size: 0.9em;
    text-align: justify;
    /* font-weight: 500; */
}
@keyframes example1 {
    0%   { 
    -moz-transform: translateX(0%); /* Firefox bug fix */
    -webkit-transform: translateX(0%); /* Firefox bug fix */
    transform: translateX(0%); 		
    }
    100% { 
    -moz-transform: translateX(-100%); /* Firefox bug fix */
    -webkit-transform: translateX(-100%); /* Firefox bug fix */
    transform: translateX(-100%); 
    }
   }

   footer{
       background: linear-gradient(to bottom, #21639f 0%,#89b4d8 100%);
       /* background-color: #4D6A97; */
       color:#fff;
       padding: 2em 0 0 0;
       letter-spacing: 0px;
       word-spacing: 0px;
       padding-top: 1em;
       font-size: 1em;
   }

   .links a
   {
       text-decoration: none;
       color: #fff;
       white-space: pre;
      
       line-height: 2em;
   }

   .add_heading_text
   {
    font-weight: 500;
    letter-spacing: 1px;
       line-height: 2em;
   }


   .btn-primary:hover
   {
    background-color: #326181;
    border-color: #326181;
   }
   .btn-primary
   {
    background-color: #1d3b6c;
    border-color: #374d72;
   }
   .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  .wordsofclient
  { 
      padding-top: 2.5em;
  }
  .wordsofclient p{
      text-align: justify;
      padding: 0 1.5em;       
  }
  .dropdown-menu
{
    background-color: #1d3b6c;

}

.item{
  border-top:solid 3px darkblue;
  border-bottom:solid 1px;
  margin-bottom:1em;
  /*color:#1818F2;*/
  position:relative;
  width:1000px;
}
.item a{
  diaplay:inline;
  margin:;
  
}
.item a:after
{   
    font-family:Fontawesome;
    content:'\f077';
    float:right;
    font-size:10px;
    font-weight:300;
	}
.item a.collapsed:after {
    /* symbol for "collapsed" panels */
        font-family:Fontawesome;
    content:'\f078';
    float:right;
    font-size:10px;
    font-weight:300; 
}
.item .description{
  clear:both;
  overflow:hidden;
  max-height:0;
  transition:0.5s ease;
  /*color:Blue;*/
}
.item input[type=checkbox]{
  display:none;
}
.item input[type=checkbox] ~ label{
  display:block;
  float:right;
  width:2em;
  height:2em;
  background-color:#1C3A6B;
  color:#fff;
  border-radius:0  0 50% 50%;
  text-align:center;
  line-height:2;
  font-weight:bold;
  cursor:pointer;
}
.item input[type=checkbox] ~ label:hover{
  background-color:#1C3A6B;
}
.item input[type=checkbox]:checked ~ label{
  background-color:#1C3A6B;
}
.item input[type=checkbox]:checked ~ h2{
  /*color:Blue;*/
}
.item input[type=checkbox]:checked ~ .description{
  max-height:200em;
  transition:0.5s ease;

}
.panel-heading{
  border-top:solid 3px darkblue;
  border-bottom:solid 1px;
  margin-bottom:1em;
  /*color:#1818F2;*/
  position:relative;
}

.panel-title a {
    display: block;
    font-style: italic;
    font-size: 1.5rem;
}

.panel-title a:after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
	font-weight:900;
    font-size: 3rem;
    content: '\f077';
    color: #1f7de2;
    float: right;
    margin-top: -12px;
}
.panel-title a.collapsed:after {
    content: '\f078';
}

.panel-heading .panel-title{
  diaplay:inline;
  margin:;
  
}

.panel-heading .panel-body{
  clear:both;
  overflow:hidden;
  max-height:0;
  transition:0.5s ease;
  /*color:Blue;*/
}
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: 200px;
	margin:0 0 0 0;
	
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
	max-height:500px;
	
}
.hvrbox .hvrbox-text {
	font-size: 14px;
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}

/*experiment*/
.containerTab {
  padding: 20px;
  color: blue;
  background-color:white;
}


/* Closable button inside the container tab */
.closebtn {
  float: right;
  color: blue;
  font-size: 35px;
  cursor: pointer;
}