@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
.social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.social {
  list-style: none;
}
.social li + li {
  margin-left: .5rem!important;
}
.social li a.facebook {
 background-color:#3b5998
}
.social li a.twitter {
 background-color:#55acee
}
.social li a.linkedin {
 background-color:#0077b5
}
.social li a.skype {
 background-color:#00aff0
}
.social li a.wordpress {
 background-color:#21759b
}
.social li a.vimeo {
 background-color:#1ab7ae
}
.social li a.tumblr {
 background-color:#35465c
}
.social li a.yahoo {
 background-color:#410093
}
.social li a.google {
 background-color:#dc4e41
}
.social li a.pinterest {
 background-color:#bd081c
}
.social li a.youtube {
 background-color:#b31217
}
.social li a.whatsapp {
 background-color:#25d366
}
.social li a.instagram {
 background-color:#517fa4
}
.social li a.dribbble {
 background-color:#ea4c89
}
.social li a.flickr {
 background-color:#ff0084
}
.social li a.foursquare {
 background-color:#f94877
}
.social li a.snapchat {
 background-color:#fffc00;
 color:#4c4b14
}
.social-round li a {
  border-radius: 50%;
}
.social-round li a i {
  margin: 0!important;  color: #fff!important;

}
.social li a {
  position: relative;
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  width: 1.875rem;
  color: #fff!important;
  font-size: 1rem;
  -webkit-transition: 350ms ease all;
  transition: 350ms ease all;
  z-index: 1;
}

.tabs_wrapper {
background: transparent; box-sizing: border-box;width: 100%;
}

ul.tabs {
  display: inline-block;
vertical-align: top;
position: relative;
z-index: 10;
padding: 0;
width: 44%!important;
min-width: 175px;
list-style: none;
}

.tab_container {
  display: inline-block;
vertical-align: top;
position: relative;
z-index: 20;
width: 50%;
min-width: 10px;
text-align: left;
}

.tab_content {
	padding: 20px;
  height: 100%;
  display: none;
}
.tab_content h2,.tab_content h3,.tab_content h4 {color:#CBCAFF; }
.tab_content p {color:#CBCAFF; line-height: 20px; margin-top: 17px;}
.tab_drawer_heading { 
  display: none; 
}
.tabtext {display: flex; align-items: center; color: #fff;padding: 10px 0; cursor: pointer;}
.tabtext img {width: 100px; height: 100px; border-radius: 300px; margin-right: 15px; border: solid 3px #fff;}
li.active .tabtext img {border: solid 3px #FFA600;}
.pertitle {display: flex; flex-direction: column;}
.pertitle span {font-size: 18px; font-weight: 600;}
.pertitle p {margin: 0px; padding: 8px 0px;color:#fff;}
.bgpatern  {background: url("../img/01_pattern.png") #C2CCCF;}
.abt {color: #07294e;}
.addbot p {margin-bottom: 12px;}
.addbot i {color:#0ae3ff; margin-right: 15px;}




@media screen and (max-width: 781px) {
	ul.tabs {
		display: none;
	}
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: none;
    border-radius: 0;
    box-shadow: 0px 0px 10px black;
  }
	.tab_drawer_heading {
		background-color: #d82722;
		color: #fff;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border-top: solid 1px #000;
	}
	.d_active {
		background: transparent;
    
	}
}

.nav-item .nav-link,
.nav-tabs .nav-link {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
[data-toggle="collapse"][data-parent="#accordion"] i {
    -webkit-transition: transform 150ms ease 0s;
    -moz-transition: transform 150ms ease 0s;
    -o-transition: transform 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: transform 150ms ease 0s;
}

[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}







@media (min-width:769px){
	.has-submenu2 > a::after {
  content: "\f054";
  display: inline-block;
		position: absolute; right: 10px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
ul.submenu > li {
  position: relative;
}
ul.submenu > li ul {
  position: absolute;
  padding: 0.4rem 0;
  top: 0;
  left: 100%;
  z-index: 110;
  min-width: 200px;
  background-color: #ffffff;
  transform-origin: top center;
  animation: rotateX 0.5s ease forwards;
  display: none;
}
ul.submenu > li:hover ul {
  display: block;
}
}