html {
	scroll-behavior: smooth !important;
}
body{
	margin:0px;
	padding:0px;
	max-width:100%;
	box-sizing:borer-box;
	}
	#scrollToTopButton {
	position: fixed;
	z-index: 9;
	right: 30px;
	bottom: 30px;
	font-size: 18px;
	line-height: 20px;
	width: 45px;
	height: 45px;
	text-align: center;
	padding: 12px;
	cursor: pointer;
	opacity: 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	pointer-events: none;
	/* transition: opacity .3s; */
	-moz-transition: all 5s ease-in-out;;
	-o-transition: all 5s ease-in-out;;
	-webkit-transition: all 5s ease-in-out;;
	background-color: #dbdbdb;
	scroll-behavior: smooth;
	transition : all 5s ease-in-out;
	}
	#scrollToTopButton.scrollToTopButton {
	opacity: 1;
	pointer-events: auto;
	}
	header{
		position:sticky;
		top:0px;
		 z-index: 100000;
	}
	.navbar-brand{
		font-family: 'Staatliches', cursive;
		color: #ff661e !important;
	}
	.navbar-right .dropdown-menu {
		right: auto!important;
		left: 0!important;
	}
	.nav-tabs>li {
		float: left;
		width: 25%!important;
		text-align:center;
		color: #fff;
		font-family: 'Raleway', sans-serif;
	}
	.nav>li>a {
		position: relative;
		display: block;
		padding: 15px 10px;
	}
	.nav-tabs {
		border-bottom: 1px solid #fff;
	}
	.nav-tabs>li>a {
		color: #fff;
		font-weight:bold;
		font-size:15px;
		border-radius: 15px;
		font-family: 'Raleway', sans-serif;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
			color: #fff;
			cursor: default;
			border-radius: 15px;
			background-color: #d80027;
	}
	.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: #d80027;
	}
	.element2 input[type=text]:focus{
		border: 1px solid #0da50d!important;
	}
	.tabs-top {
		margin: 15px 0px;
	}
	.carousel-control.left {
		background-image:none!important;
	}
	.carousel-control.right {
		background-image:none!important;
	}
	#nextprev {
		position: absolute;
		top: 47%;
		width: 100%;
	}
	.carousel-control {
		/* position: absolute;
		top: 189px; */
		height: 35px;
		bottom: 0;
		border-radius: 100px;
		left: 0;
		width: 2.5%;
		font-size: 23px;
		color: #ffffff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background-color:#0f244b;
		font-weight: bold;
	}
	#more {display: none;}

	#header {
		position : relative;
	}
	#banner-holder {
		background-image: url(../images/banner_one.jpg);
		height: 9rem;
		position: relative;
		background-position: center;
		overflow: hidden;
		transition: height 1s;
	}
	.wrapper-responsive-animator {
		height: 0rem;
		position: relative;
		overflow: hidden;
		transition: height 1s;
	}
	.wrapper-responsive-animator.banner-animate{
		height: 45rem;
	}
	#banner-holder nav{
		background-color : transparent !important;
	}
	#banner-holder .upper-layer .inner-layer{
		display: flex;
		flex-direction: column;
		width: 1200px;
		margin: 0px auto;
	}
	#banner-holder .upper-layer{
		background-color: rgba(0,0,0,50%);
		padding: 2rem 0px;
		position: absolute;
		bottom: 0%;
		width: 100%;
		top: 0%;
	}
	#banner-holder .upper-layer .card-nav-container{
		display: flex;
		width: 70%;
		margin: 4rem auto 0px;
		justify-content: space-between;
	}
	#banner-holder .upper-layer .card-nav-container .card-li{
		padding: 1rem 5rem;
		background-color: rgba(255,255,255,100%);
		border: none;
		outline: none;
		font-size: 18px;
		text-transform: uppercase;
		font-family: fantasy;
		font-family: 'Staatliches', cursive;
		font-weight: bolder;
		border-radius: 1px;
		letter-spacing: .5px;
	}
	#banner-holder .upper-layer .banner-card{
		background-color: rgba(255,255,255,70%);
		padding: 2rem 0px;
		vertical-align: middle;
		width: 85%;
		margin: 0px auto;
		border-radius: 3px;
	}
	#banner-holder .upper-layer .banner-card ul{
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
	#banner-holder .upper-layer .banner-card ul li{
		list-style: none;
		display: flex;
		flex-basis: 10%;
		justify-content: center;
		position : relative;
	}
	#banner-holder .upper-layer .banner-card ul li a{
		text-decoration: none;
		color: #534848;
		font-weight: 700;
	}
	#header .navbar-inverse .navbar-nav>li>a.active::after, #header .navbar-inverse .navbar-nav>li>a:active::after, #header .navbar-inverse .navbar-nav>li>a:hover::after{
		border: 1px solid black;
		content: " ";
		width: 0%;
		position: absolute;
		left: 0;
		bottom: 0px;
		margin-top: 1px;
	}
	#header .navbar-inverse .navbar-nav>li>a.active::after {
		width : 95%;
	}
	#header .navbar-inverse .navbar-nav>li>a:hover::after{
		transition : all 0.5s;
		width : 95%;
		border: 1px solid #fff;
	}
	#header .navbar-inverse .navbar-nav>li>a::after{
		border: 0px solid #fff;
		content: " ";
		width: 0%;
		position: absolute;
		left: 0;
		bottom: 0px;
		margin-top: 1px;
		transition : all 0.5s;
	}
	.banner-form {  
		display: flex;
		flex-flow: row wrap;
		justify-content : center;
	}

	.banner-form label {
	margin: 5px 10px 5px 0;
	}

	.banner-form button {
		padding: 17px 53px;
		/* background-color: #ff661e; */
		border: 1px solid #ddd;
		color: white;
		cursor: pointer;
		margin-top: 16px;
		border-radius: 5px;
		font-size: 18px;
	}

	/* .banner-form button:hover {
		background-color: royalblue;
	} */
	.banner-form .banner-input-container {
		position: relative;
		padding: 0px 12px;
	}
	.banner-form .banner-input-container .card-direction{
		position: absolute;
		padding: 20px;
		background-color: aquamarine;
		right: -7%;
		bottom: 20%;
	}

	.navbar-arrow {
		width: 5.4rem;
    	padding: 5px 14px 0px;
	}
	.navbar-arrow img{
		max-width: 100%;
	}

	@media (max-width: 800px) {
		.banner-form input {
			margin: 10px 0;
		}
		footer#footer .footer-wrapper ul {
			list-style: none;
			flex-basis: 50%;
			padding-inline-start: 10px;
			display: flex;
			flex-direction: column;
		}
		footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper .container-img {
			width: 100% !important;
			max-height: 14rem !important;
			margin: 0px auto;
			display: flex;
			align-items: center;
		}
		footer#footer .footer-wrapper .footer-image-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			flex-basis: 80%;
		}
		footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper img {
			max-width: 63%;
			margin: 0px auto;
			height: auto;
			max-height: -webkit-fill-available;
			display: block;
		}
		footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper {
			flex-direction: row;
		}
		.banner-form {
			align-items: stretch;
		}
		.banner-form .banner-input-container {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			flex-basis: 50%;
		}
		.banner-form button {
			width: 95%;
		}
		.select {
			width: 100%;
		}
	}
	.select select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		box-shadow: none;
		border: 0 !important;
		background: #2c3e50;
		background-image: none;
	}
	.select select::-ms-expand {
		display: none;
	}
	.select {
		position: relative;
		display: flex;
		width: 17em;
		height: 2.5em;
		line-height: 4;
		background: #2c3e50;
		border-radius: .25em;
	}
	.banner-error {
		margin-left: 5px;
	}
	.select select {
		position: relative;
		display: flex;
		padding: 0px 10px;
		color: aliceblue;
		width: 20em;
		height: 4em;
		line-height: 3;
		background: #2c3e50;
		overflow: hidden;
		border-radius: .25em;
	}
	/* .select::after {
		content: '\25BC';
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 1em;
		background: #34495e;
		cursor: pointer;
		pointer-events: none;
		-webkit-transition: .25s all ease;
		-o-transition: .25s all ease;
		transition: .25s all ease;
	}
	.select:hover::after {
		color: #f39c12;
	} */
	.navbar-button-container {
		display: flex;
		justify-content: flex-end;
		padding: 1px 1px;
	}
	.navbar-button-container .navbar-button{
		font-size: 15px;
		padding: 8px 30px;
		font-family: 'Raleway', sans-serif;
	}
	.navbar-button-container .navbar-button img{
		width: 29px;
		padding-left: 9px;
	}
	.header-main-heading{
		margin: 85px auto 0px;
		color: #fff;
		text-align: center;
		font-size: 3em;
	}
	.select.no_of_travelers {
		width: 6.5em !important;
	}
	.select.visa_type {
		width : 13em !important ;
	}
	.navbar-inverse {
		/* background:linear-gradient(40deg,#45cafc,#303f9f)!important; */
         border: #fff!important;
		 padding: 9px 0px;
	}
	.navbar {
		border-radius:0px!important;
		margin-bottom:0px!important;
		font-family: TIMESR;
		}
		.navbar-inverse .navbar-nav>li>a {
			color: #fffdfd!important;
			FONT-SIZE: 14PX;
			font-family: 'Raleway', sans-serif;
		}
		.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
			color: #fff;
			background-color: #df8500!important;
		}
		.dropdown-menu>li>a {
			font-family: 'Raleway', sans-serif;
		}
	section#most-popular-visas{
		padding: 25px 0px;
		background:#ffffff;
	}
	section#most-popular-visas .container{
		width: 100% !important;
	}
	section#most-popular-visas .box-section{
		background:#4674e7;
		padding: 0px 4px;
		margin: 20px 6px 0px 0px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		right: 0px;
		border-radius:5px;
	}
	section#most-popular-visas .box-section h5 {
		font-size: 14px;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	section#most-popular-visas .box-section h6 {
		font-size: 12px;
    text-align: center;
    color: #fff;
    margin:6px 0px 4px 0px;
    line-height: 17px;
	}
	section#most-popular-visas .box-section h6 b{
		font-size:21px;
		font-weight:bold;
	}
	section#most-popular-visas .box-section-inner{
		width:50%;
		float:left;
		border-right: 1px solid #bbb;
	}
	section#most-popular-visas .box-section-inner-two{
		width:50%;
		float:left;
	}
	div.bhoechie-tab-menu div.list-group>a.active {
		background-image: -webkit-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%);
	}
	.section-inside {
		background-image: -webkit-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%) !important;
	}
	.most-popular-visas-inner .box-section h5 {
		font-size: 14px;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	.most-popular-visas-inner .box-section h6 {
		font-size: 10px;
		text-align: center;
		color: #fff;
		margin: 4px 0px 1px 0px;
		line-height: 11px;
	}
	.most-popular-visas-inner .box-section h6 b{
		font-size:15px;
		font-weight:bold;
	}
	.most-popular-visas-inner .box-section-inner{
		width:50%;
		float:left;
		border-right: 1px solid #bbb;
	}
	.most-popular-visas-inner .box-section-inner-two{
		width:50%;
		float:left;
	}
	
	
	section#most-popular-visas h3 {
		font-size: 29px;
    text-align: center!important;
    margin: 4px 0px;
    font-family: 'Poppins', sans-serif;
    FONT-WEIGHT: BOLD;
    letter-spacing: 1px;
    color: black;
	}
	section#most-popular-visas img {
		margin: 0px auto;
	}
	section#most-popular-visas figure img {
	    width: 100%;
	}
	section#most-popular-visas .img2 {
		margin: -30px 0px 0px 0px!important;
		width:50px; 
		height:50px;
	}
	#visa-free-countries .carousel-inner .most-popular-visas-inner center .img2{
		width: 40px ;
		height: 40px ;
	}
	.img2 {
		margin: -30px 0px 0px 0px!important;
	}
	section#most-popular-visas h4 {
		font-size: 18px;
		text-align: center;
		margin: 7px 0px 0px 0px;
		font-family: 'Raleway', sans-serif;
		FONT-WEIGHT:BOLD;
	}
	.most-popular-visas-inner h4 {
		font-size: 18px;
		text-align: center;
		margin: 7px 0px 0px 0px;
		font-family: 'Raleway', sans-serif;
		FONT-WEIGHT:BOLD;
	}
	section .most-popular-visas-inner{
		background:#f5f8ff;
		margin:20px 0px;
		border: 1px solid #fff;
	}
	section .most-popular-visas-inner:hover {
		border: 1px solid #95c6d9;
		border-radius: 7px;
	}
	section .most-popular-visas-inner:hover button{
		transform: scale(1.1);
	}
	section .most-popular-visas-inner button{
	    margin: 10px 0px;
		background:  #4674e7;
		border: 1px solid  #3f69d3;
		border-radius: 50px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		font-family: 'Poppins', sans-serif;
		padding: 9px 25px;
		transition:all 0.25s;
	}
	section .most-popular-visas-inner button:hover{
		background-color: rgb(70, 123, 231);
		border: 1px solid transparent;
		transform: scale(1.1);
	}
	section .most-popular-visas-inner button:focus{
		outline: 0px;
		border: 1px;
	}
	.button1{
	    margin: 10px 0px;
		background: #FFE579;
		border: 1px solid #FFE579;
		border-radius:50px;
		color: #333;
		    font-weight: bold;
			font-family: 'Raleway', sans-serif;
    font-size: 14px;
		padding:3px 15px;
	}
	@font-face {
	  font-family: TIMESR;
	  src: url(TIMESR.ttf);
	}
	.tabs-top {
    margin-bottom:25px;
}
.nav-tabs {
    border: 0;
}
.tabs-4 .nav-tabs > li {
    width: 23%;
    border: 0;
	
}
.nav-tabs > li > a {
    width:98%;
    border:0;
	margin: 1px;
    background:#4a4a4a;
    color: #fff;
    border-radius: 0;
    text-align: center;
}
.nav-tabs > li > a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #ff0000;
    border:0;
    color: #fff;
}
.nav-tabs>li.active> a {
    border: 0;
    background: #ff0000;
    color: #fff;
}
.nav-tabs>li {
    float: left;
    width: 25%!important;
}
section#how-it-works{
	    margin: 35px 0px;
}
  section#how-it-works h3 {
		font-size: 29px;
    text-align: center!important;
    margin: 4px 0px;
    font-family: 'Poppins', sans-serif;
    FONT-WEIGHT: BOLD;
	}
	section#how-it-works img {
		margin: 0px auto;
	}
	.btn-3{
		    margin: 10px 0px;
			background: #df8500;
		border: 1px solid #df8500;
		border-radius:50px;
			color: #fff;
			font-size: 26px;
    padding: 10px 56px;
			font-family: 'Poppins', sans-serif;
	}
	.tab-content{
		margin: 35px 0px;
		font-family: 'Raleway', sans-serif;
	}
	section#banner{
		background-image:url("../images/jay-wennington-BM9Pngg6hAc-unsplash.jpg");
		padding: 50px 0px;
		font-family: 'Raleway', sans-serif;
	}
	section#banner .banner-inner, section#eVisaHeading .banner-inner{
		margin: 0px auto!important;
		text-align: center;
		width: 90%;
		background-color:rgba(73, 74 ,75 , 0.9);
		overflow: hidden;
		padding: 30px;
	}
	section#eVisaHeading .banner-inner{ 
		background-color: transparent !important;
	}
	section#eVisaHeading {
		background: #499ad6;
	}
	section#banner h3 {
    font-size: 29px;
    font-weight: bold;
    margin: 3px 0px 15px 0px;
    color: rgb(255, 255, 255);
    font-family: 'Poppins', sans-serif;
}
	.select2-container .select2-selection--single {
		height: 35px !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 35px !important;
		text-align: initial !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 35px !important;
	}
	.select2-container {
		width: 100% !important;
	}
	.element1{
		width: 30%;
		margin-right: 0%;
		margin-left: auto;
		display: inline-block;
	}
	.element1 h5 {
		font-size: 16px;
		text-align: left;
		    font-weight: bold;
			    color: rgb(255, 255, 255);
	}
	.element1 .input1{
		float: right!important;
		width: 77%;
		height:42px;
		padding:1px 0px 1px 10px;
	}
	.element1 .input1:hover{
	    border: 1px solid #0da50d;
	}
	.element2{
		width: 30%;
		margin-right: auto;
		margin-left: 2%;
		display: inline-block;
	}
	.element2 h5 {
		font-size: 16px;
		text-align: left;
		    font-weight: bold;
			    color: rgb(255, 255, 255);
	}
	.element2 .input2{
		text-align: left!important;
		width: 77%;
		height:42px;
		padding:1px 0px 1px 10px;
	}
	.element2 .input2:hover{
	    border: 1px solid #0da50d;
	}
	.element2 input[type=text]:focus{
	    border: 1px solid #0da50d!important;
	}
	.element2 .input2:focus-within{
	    border: 1px solid #0da50d!important;
	}
	.element3{
		width: 27%;
		display: block;
		margin: 0px auto;
	}
	.countries-list-view-in { 
		max-height: 0px;
		transition: max-height 0.5s ease-in-out;
	}
	.countries-list-view-out {
		max-height: 5000px;
		transition: max-height 0.1s ease-out;
	}
	#countries-list-view {
		padding: 0% 3% 0%;
		display: block;
		position: relative;
		overflow: hidden;
		background-color: #1b4084;
	}
	.list-container-slide-in {
		-webkit-animation: slide 0.5s ease-in-out;
		-moz-animation: slide 0.5s ease-in-out;
		-o-animation: slide 0.5s ease-in-out;
		animation: slide 0.5s ease-in-out;
		top: 7px ;
		padding-bottom: 12px;
	}
	.list-container-slide-out {
		-webkit-animation: slide_out 0.5s ease-in-out;
		-moz-animation: slide_out 0.5s ease-in-out;
		-o-animation: slide_out 0.5s ease-in-out;
		animation: slide_out 0.5s ease-in-out;
		top: -3500px;
	}
	@-webkit-keyframes slide_out {
		from {top: 0px;}
		to {top: -3500px;}
	}
	@-moz-keyframes slide_out {
		from {top: 0px;}
		to {top: -3500px;}
	}
	@-ms-keyframes slide_out {
		from {top: 0px;}
		to {top: -3500px;}
	}
	@-o-keyframes slide_out {
		from {top: 0px;}
		to {top: -3500px;}
	}
	@keyframes slide_out {
		from {top: 0px;}
		to {top: -3500px;}
	}
	.list-container {
		display: flex;
		justify-content: center;
		margin-bottom: 2%;
		margin-top: 2%;
		position: relative;
		flex-wrap: wrap;
	}
	@-webkit-keyframes slide {
		from {top: -238px;}
		to {top: 0px;}
	}
	@-moz-keyframes slide {
		from {top: -238px;}
		to {top: 0px;}
	}
	@-ms-keyframes slide {
		from {top: -238px;}
		to {top: 0px;}
	}
	@-o-keyframes slide {
		from {top: -238px;}
		to {top: 0px;}
	}
	@keyframes slide {
		from {top: -238px;}
		to {top: 0px;}
	}
	.list-container .list-items {
		flex-basis: 15%;
		margin: 0px auto;
		background: #ffffff;
		padding: 1%;
		border-radius: 5px;
		font-family: 'Poppins', sans-serif;
		font-weight: 600;
		text-transform: capitalize;
		color: #000000;
		border: 2px solid #fff;
		transition: transform .2s;
		margin-bottom: 10px;
	}
	.list-container .list-items:hover {
		transform: scale(1.1);
		border: 2px solid #2d9f4d;
		cursor: pointer;
	}
	.country-icon {
		max-width: 17%;
		border-radius: 25px;
		height: 30px;
		object-fit: cover;
		margin-right: 2%;
	}
	.show-more {
		display: block;
		margin: -25px auto 0px;
		z-index: 1;
		font-size: 22px;
		background-color: #4674e7;
		border: 0px;
		padding: 9px 25px;
		border-radius: 5px;
		color: #fff;
		position: relative;
	}
	.show-more:focus {
		outline: 0px;
	}
	.btn-54 {
		    margin: 30px 0px 0px 0px;
			background: #0da50d;
			border: 1px solid #0da50d;
			border-radius: 50px;
			padding: 10px 32px;
			font-family: 'Poppins', sans-serif;
			font-weight: bold;
			width: 100%;
			color:#fff;
			font-size: 23px;
			height: auto;
	}
	.btn-54:hover{
			background: #03b503;
			border: 1px solid #03b503;
			transition:0.25s;
	}
	.custom{
		margin: 37px 0px 0px 0px;
		background:  #df8500;
		border: 1px solid  #df8500;
		padding: 13px 55px;
		border-radius: 62px;
		font-family: 'Poppins', sans-serif;
		font-weight: bold;
		width: 100%;
		font-size: 23px;
		height: 34px;
		color: #fff;
	}
	.custom:hover{
		background: #f19104;
		border: 1px solid #985c04;
		transition:0.25s;
		color: #fff!important;
	}
	section#visa-intro {
		background: #0d2252;
		padding: 15px 0px;
	}
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #0b1c43;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #3040a0;
    background-image: #0b1c43;
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left:10px solid #3040a0;
}

div.bhoechie-tab-content {
    background-color: #fff;
    border: 1px solid #eeeeee;
    padding-left: 0px;
    padding-top: 0px;
	    overflow: hidden;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

section#visa-types{
	margin:20px 0px;
}

.sections h4{
    font-size: 15px;
    margin:18px 0px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
}
.sections .content-area h2 {
    font-size: 21px;
    margin: 12px 0px;
    text-align:center;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
}
.sections h4 span{
	font-family: 'Poppins', sans-serif;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}
.area-left{
	font-size:17px;
    color: #0da50d;
	width:4%;
	font-family: 'Poppins', sans-serif;
	float:left;
}
.area-right{
	font-size:19px;
	width:96%;
	font-family: 'Poppins', sans-serif;
	float:left;
}
section#visa-section{
	font-family: 'Poppins', sans-serif;
	    padding: 20px 0px 20px 0px;
}
section#visa-section h4 {
    font-size: 20px;
    font-weight: bold;
}
section#visa-section table,tr,th,td{
	border:1px solid #bbb;
	border-bottom: 0px;
}
section#visa-section table th{
	padding: 10px 15px;
    color: #fff;
    text-align: center;
    background: #42b6ef;
}
section#visa-section table td{
	padding: 10px 15px;
	text-align:center;
	background: #ffffff;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #3141a1;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #3b88d0;
    color: #fff;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px!important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
	font-size: 17px;
	background-color: #f1fbff;
}
.panel-default>.panel-heading+.panel-collapse  {
	margin-top: 10px;
}
   #more {
	 display: none;
	}
	#myBtn{
		background: none;
		border: none;
		color: #a90707;
		margin: 0px;
		padding: 0px;
	}
	section#visa-intro h3 {
		font-size: 22px;
		margin: 0px;
		color: #fff;
	}
	section#visa-intro p {
		margin: 0px;
		padding: 5px 0px;
		color: #e8effd;
	}
	section#tabble2 .table-responsive{
		border-radius:8px;
	}
	section#tabble2 .table-responsive table tr{
			border-bottom: 1px solid #fff;
			background: #efeeee;
	}
	section#tabble2	tr:hover{
		    background:#c9d9fb!important;
	}
	section#tabble2 table{
		width:100%;
		border-collapse: collapse;
		  border-radius: 0.5em;
	}
	section#tabble2 table,tr,th,td{
		border:none;
	}
	section#tabble2 table th{
		    padding: 16px 10px;
			text-align: center;
			background: #345bb2!important;
			color: #fff;
			font-size: 16px;
			font-weight: 400;
	}
	section#tabble2 table .td1 td{
		padding: 0px 12px;
		text-align: center;
		font-size: 15px;
		background: #efeeee;
	}
	section#tabble2 table .td td{
		padding: 0px 12px;
		text-align: center;
		font-size: 15px;
		background: #efeeee;
	}
	section#tabble2 table .ab {
		color: #ffffff;
		font-size: 18px;
		padding: 5px 25px;
		font-weight:bold;
		border-radius: 5px;
		margin: 5px 0px;
		background: #0da50d;
		border:2px solid #0da50d;
		text-decoration: none;
	}
	section#tabble2 table .ab:hover{
	    background:#21c121;
		border: 2px solid #ffffff;
		transition:0.25s;
	}
	section#imp-sec{
		  margin:15px 0px 0px 0px;  
	}
	section#imp-sec .imp{
		    background: #ffffff;
			padding: 15px 0px;
	}
	section#imp-sec h4 {
		font-size: 24px;
		text-align: center;
		padding: 1px 0px 0px 0px;
		font-weight: bold;
		color: #000;
	}

	section#imp-sec ul li{
		margin: 0px;
		padding:0px;
	}
	section#imp-sec ul li{
		margin: 0px;
		padding: 7px 0px 0px 0px;
		font-size: 19px;
		list-style-type:square;
	}
	#visa-free-sec{
		padding:15px 0px 0px 0px;
	}
	#visa-free-sec h4 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin: 15px 0px 0px 0px;
	}
	section#visa-free-sec2{
		margin:15px 0px;
		
	}
	section#visa-free-sec2{
		background: #eceff7;
		padding: 15px 0px 10px 0px;
	}
	section#visa-free-sec2 h3 {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		margin: 15px 0px 20px 0px;
	}
	.e-visa-button-container {
		padding:0px 30px !important;
	}
	.p-left {
		width: 20%;
		float: left;
		margin: 0px 0px;
	}
	.p-right {
		width: 80%;
		float: left;
		font-size: 18px;
		padding: 0px 0px 0px 10px;
	}
	.imp-inner {
		background: #fff;
		overflow: hidden;
		padding: 5px;
		border-radius: 5px;
		margin:5px 0px;
		border: 1px solid #eceff7;
	}
	.imp-inner:hover{
		border: 1px solid #44c6f9;
	}
	.imp-inner a {
     color: #232425;
	}
	#visa-free-countries h3 {
		font-size: 22px;
		text-align: center;
		font-weight: bold;
	}
	#visa-free-countries .carousel-control {
			position: absolute;
			top: 100px;
	}
	section#heading{
		background-color: #3f6bb7;
		background-image: -webkit-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%);
		background-image: -moz-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%);
		background-image: -o-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%);
		background-image: -ms-linear-gradient(40deg,#6d62b5 8%,#1989bb 80%);
		padding: 12px 0px;
	}
	section#heading h1{
		    font-size: 40px;
			color: #fff;
			font-weight: bold;
			margin: 0px;
			text-align: center;
			font-family: 'Lora', serif;
	}
	section#visa-process{
		margin: 20px 0px;
		background-color: #303f9f;
	}
	section#visa-process .visa-pro{
		padding:0px 0px;
		display: -webkit-flex; /* Safari */     
        display: flex; /* Standard syntax */
	}
	section#visa-process .visa-pro .visa-pro-inner{
		border: 1px solid #e4dcdc;
		padding: 15px 0px;
		width: 18%;
		float: left;
		margin: 10px 3px;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		background-color: #fff;
		margin-bottom: 28px;
	}
	section#visa-process .visa-pro .visa-pro-inner figure{
	 margin: 20px 0px 0px 0px;
	}
	section#visa-process .visa-pro .visa-pro-inner h5 {
		font-size: 17px;
		text-align: center;
		text-decoration: underline;
	}
	section#visa-process .visa-pro .visa-pro-inner h5 b {
		font-size: 17px;
		background:#df8500;
		padding: 8px 18px;
		border-radius: 24px;
	}
	section#visa-process .visa-pro .visa-pro-inner h4 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 0px 0px 0px 0px;
	}
	section#visa-process .visa-pro .visa-pro-inner p{
		padding: 10px 4px;
		text-align: center;
		font-weight: bold;
		margin: 15px 0px 0px 0px;
	}
	section#visa-process h3{
		color:rgb(255, 255, 255);
		font-weight:bold;
		text-align:center;
	}
	.ambasis-tourist{
		padding:20px 0px;
	}
	.ambasis-tourist .carousel-control {
		position: absolute;
		top: 88px!important;
		height: 35px;
		bottom: 0;
		border-radius: 100px;
		left: 0;
		width: 3%;
		font-size: 23px;
		color: #ffffff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background-color: #0f244b;
		font-weight: bold;
	}
	.ambasis-tourist-inner h3 {
		font-size: 22px;
		text-align: center;
		font-weight: bold;
		margin: 0px 0px 15px 0px;
	}
	.ati-right{
		margin: 12px 0px;
		background: #f1fbff;
		padding: 0px 0px 12px;
		border: 1px solid rgb(255, 255, 255);
	}
	.ati-right:hover{
		border: 1px solid #000;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	.ati-right h4{
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.ati-right p{
		margin: 0px;
		text-align: center;
	}
	.ahr{
		float: right;
		margin: 25px 0px;
	}
	.btn-shw{
		background: #df8500;
		border: 1px solid #df8500;
		color: #fff;
		padding: 5px 10px;
		border-radius: 15px;
	}
	.btn-shw:hover{
		background: #fb9703;
		border: 1px solid #c3c8d6;
	}
	.inner-form{
		    background: #499ad6;
			padding: 15px 0px;
			overflow: hidden;
	}
	.inner-form h3 {
		    font-size: 24px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		margin: 2px 0px 5px 0px;
	}
	.inner-form .element1 .input1 {
		float: right!important;
		width: 65%;
		height: 42px;
		padding: 1px 0px 1px 10px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.inner-form .element2 .input2 {
		width: 100%;
		margin: 0px 10px 0px 10px;
		height: 42px;
		padding: 1px 0px 1px 10px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.inner-form .element2 h5 {
		font-size: 16px;
		text-align: left;
		    color: #fff;
		padding: 0px 0px 0px 10px!important;
	}
	.inner-form .btn-54 {
			margin: 30px 0px 0px 10px!important;
			background: #0da50d;
			border: 1px solid #0da50d;
			border-radius: 50px;
			padding: 10px 7px;
			font-family: 'Poppins', sans-serif;
			font-weight: bold;
			width:90%;
			color: #fff;
			font-size: 23px;
			height: auto;
		}
		.inner-form .btn-54:hover{
			background: #03b503;
			border: 1px solid #03b503;
			transition:0.25s;
	}
		.inner-form .element1 h5 {
			font-size: 16px;
			    color: #fff;
			text-align: left;
			padding: 0px 0px 0px 241px;
		}
		section#most-popular-visas form{
			width:40%;
			margin:25px auto;
		}
		section#most-popular-visas .form1:focus {
			outline: 0px !important;
		}
		section#most-popular-visas .form1 .input21 {
			float: left!important;
			width: 65%;
			height: 42px;
			padding: 1px 0px 1px 10px;
		}
		section#most-popular-visas .form1 .input21:hover {
			outline: 1px solid #4f98f1;
			cursor: pointer;
		}
		section#most-popular-visas .form1 .input21:focus {
			outline:1px solid #0055bc !important;
		}
		section#most-popular-visas .form2 .input22 {
			    margin: 0px 6px;
				background: #0da50d;
				border: 1px solid #0da50d;
				border-radius: 5px;
				padding: 7px 3px;
				font-family: 'Poppins', sans-serif;
				font-weight: bold;
				width: 16%;
				color: #fff;
				font-size: 19px;
				height: auto;
		}
		section#faqs{
			margin:10px 0px 10px 0px;
		}
		section#faqs .row{
			display: flex;
			justify-content: space-between;
		}
		section#faqs  .panel-group{
			width: 50%;
			flex-basis: 49%;
		}
		section#faqs h3{
			font-size: 24px;
			text-align: center;
			font-weight: bold;
			margin: 0px 0px 15px 0px;
		}

		.e-visa-countries-list, #free-visa-countries-list {
			width: 95%;
			padding: 12px 0px;
			background-color: #f8f8f8;
			margin: 0px auto;
			display: flex;
			position: relative;
		}
		.e-visa-countries-list .countries-card-view, #free-visa-countries-list .countries-card-view{
			width: 69%;
			padding: 2rem 0rem;
			display: inline-block;
		}
		.e-visa-countries-list .countries-card-view .countries-card, #free-visa-countries-list .countries-card-view .countries-card{
			background-color: #fff;
			width: 95%;
			padding: 0rem 0rem 2rem;
			margin: 0px auto;
			border-radius: 5px;
			box-shadow: 0px 0px 3px 1px #c3c3c3;
		
		}
		.e-visa-countries-list .countries-card-view .countries-card figure, #free-visa-countries-list .countries-card-view .countries-card figure{
			border-top-left-radius: 5px;
			overflow: hidden;
			border-top-right-radius: 5px;
			height: 23rem;
			position: relative;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure img , #free-visa-countries-list .countries-card-view .countries-card figure img{
			height: 100%;
			max-width: 100%;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow , #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow{
			position: absolute;
			top: 0%;
			bottom: 0%;
			background-color: #6664614a;
			width: 100%;
			z-index: 1;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail{
			margin: 2%;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .countryname, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .countryname{
			color: #ffffff;
			font-size: 30px;
			text-transform: uppercase;
			font-weight: bolder;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .coutry-core-details, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .coutry-core-details{
			color: #fff;
			list-style: none;
			padding-inline-start: 0px;
			padding: 1rem 0px;		
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .likes-container, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .likes-container{
			position: absolute;
			bottom: 15%;
			padding: 0.5rem;
			background-color: transparent;
			right: 3%;
			font-size: 3rem;
			color: #fff;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .coutry-core-details li, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .coutry-core-details li{
			font-size: 14px;
			background-color: #3c3c3c38;
			margin: 4px 0px;
			padding: 4px 0px;
			border-radius: 5px;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail button, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail button{
			line-height: 0;
			font-size: 12px;
			height: 30px;
			font-weight: 600;
			border-radius: 21px;
			padding: 0px 15px;
			text-transform: uppercase;
			border: none;
			background-color: rgb(255, 171, 0);
			color: #ffffff;
		}
		.e-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .country-flex-container, #free-visa-countries-list .countries-card-view .countries-card figure .country-overflow .countries-detail .country-flex-container{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.e-visa-countries-list .countries-card-view .countries-card .environment-detail, #free-visa-countries-list .countries-card-view .countries-card .environment-detail{ 
			display: inline-flex;
			flex-wrap: wrap;
			width: 60%;
			justify-content: space-around;
			align-content: center;
		}
		.e-visa-countries-list .countries-card-view .countries-card .visa-button, #free-visa-countries-list .countries-card-view .countries-card .visa-button{ 
			display: inline-block;
			float: right;
			margin-top: 16px;
			margin-right: 10px;
			padding: 5px 11px;
			font-size: 15px;
			background-color: transparent;
			border: 0px;
		}
		.e-visa-countries-list .countries-card-view .countries-card .visa-button:hover , #free-visa-countries-list .countries-card-view .countries-card .visa-button:hover{ 
			background-color: rgb(255 171 0 / 6%) !important;
		}
		.e-visa-countries-list .countries-card-view .countries-card .environment-detail .environment-details-card, #free-visa-countries-list .countries-card-view .countries-card .environment-detail .environment-details-card{
			border: 1px solid #000;
			display: flex;
			padding: 6px 25px;
			align-items: center;
			border-radius: 18px;
			margin-top: 15px;
		}
		.e-visa-countries-list .countries-card-view .countries-card .environment-detail .environment-details-card object, #free-visa-countries-list .countries-card-view .countries-card .environment-detail .environment-details-card object{ 
			max-width: 20px;
			margin-right: 5px;		
		}
		.e-visa-countries-list .e-visa-side-bar, #free-visa-countries-list .e-visa-side-bar{
			width: 29.5%;
			padding: 2rem 0rem;
			display: inline-block;
		}
		.e-visa-countries-list .e-visa-side-bar .e-visa-sidebar-container, #free-visa-countries-list .e-visa-side-bar .e-visa-sidebar-container{
			width: 100%;
			background: #fff;
			padding: 2rem 0;
			border-radius: 5px;
		
		}
		
	
	.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
	.panel-default>.panel-heading {
    color: #fff!important;
    background:linear-gradient(40deg,#45cafc,#303f9f)!important;
    border-color: #fff;
}
.embassy-section{
    background: #eff4f7;
    overflow-y: hidden;
    padding: 15px;
    border-radius: 5px;
	margin: 10px 0px;
}
.embassy-section hr{
    margin-top: 0px;
    margin-bottom: 13px;
	border:2px solid #ffffff!important;
    border-top: 2px solid #ffffff!important;
    overflow: hidden;
}
.embassy-section .e-left{
	width:25%;
	float:left;
}
.embassy-section .e-right{
	width:75%;
	float:left;
	font-size: 16px;
}
.contents-area{
	width:100%;
	height:auto;
	margin:0px;
	padding:8px 0px 0px 0px!important;
	max-width:100%;
}
.contents-area p{
    margin: 0px;
    padding: 0px;
    line-height: 23px;
    font-size: 14px;
    text-align: center;
}
.contents-area p b{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    line-height: 23px;
    font-size: 20px;
    text-align: center!important;
}
section#contact-form{
	
}
section#contact-form .c-input{
	width: 100%;
    margin: 5px 0px;
    border: 2px solid darkgrey;
    border-bottom: 2px solid #92c5dc;
    border-radius: 5px;
	font-size: 18px;
    height: 52px;
    padding: 5px;
}
section#contact-form .c-type{
	width: 100%;
    margin: 5px 0px;
    border: 2px solid darkgrey;
    border-bottom: 2px solid #92c5dc;
    border-radius: 5px;
    height: 52px;
	font-size: 18px;
    padding: 5px;
}
section#contact-form .c-box{
	width: 100%;
    margin: 5px 0px;
    border: 2px solid darkgrey;
    border-bottom: 2px solid #92c5dc;
    border-radius: 5px;
	font-size: 18px;
    padding: 5px;
}
section#contact-form .c-btn{
	background: #0da50d;
    color: #fff;
    width: 100%;
    padding: 7px 0px;
    font-size: 26px;
    font-weight: bold;
	border-radius:5px;
}
section#contact-form2 p{
	margin: 10px 0px 20px 0px;
}
section#contact-form2 h5 {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff!important;
}
.contents-area .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 10px;
}
section#contact-form2 .c-input1{
    width: 100%;
    height: 31px;
    font-size: 14px;
    padding: 5px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 5px 0px;
	float:left;
}
section#contact-form2 .c-input1:hover{
    border: 2px solid #41aee9!important;
}
section#contact-form2 .c-input1:focus{
    border: 2px solid #41aee9!important;
}
section#contact-form2 .c-input1:focus-within{
    border: 2px solid #41aee9!important;
}
section#contact-form2 .c-input1:active{
    border: 2px solid #41aee9!important;
}
.btn-primary {
    color: #fff;
    background-color: #0da50d;
    border-color: #0da50d;
    font-weight: bold;
    padding: 10px 20px;
    margin: 10px 0px 0px 0px;
}
.ca{
	padding: 0px 0px 10px 10px;
}
.nop-section{
    overflow: hidden;
    padding: 13px 0px 13px 0px;
    border-radius: 2px;
    margin:10px 0px;
    box-shadow: 0 0 1rem rgba(1,1,1,.3);
}
.nop-section h4{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    padding: 6px 0px 0px 10px;
}
.nop-section h4 span{
    /*background: #3a84cd;*/
    color: #3a84cd;
    padding: 5px;
}
.nop-section-left{
	width: 39%;
    float: left;
}
.nop-section-right{
	float: left;
	width: 15%
}
.nop-section-right-two {
	float: left;
	width: 15%
}

.app-select{
	width: 15%;
}
.select-nop{
    font-size: 14px;
    padding: 2px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 0px 0px;
}
.e-section{
	padding: 5px 0px;
}
.e-section p{
	margin: 6px 0px 6px 0px!important;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
}
.com-section{
    overflow: hidden;
    padding: 9px 0px 0px 0px;
    border-radius: 2px;
    margin:10px 0px;
    box-shadow: 0 0 1rem rgba(1,1,1,.3);
}
.com-section h4{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
	margin:0px;
	padding: 0px 0px 8px 10px;
}
.com-section h4 span{
    /*background: #3a84cd;*/
    color: #3a84cd;
    padding: 5px;
}
.pd-section{
    overflow: hidden;
    padding:9px 0px 0px 0px;
    border-radius: 2px;
	margin:10px 0px;
    box-shadow: 0 0 1rem rgba(1,1,1,.3);
}
.pd-section h4{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
	margin:0px;
	padding:0px 0px 8px 10px;
}
.pd-section h4 span{
    /*background: #3a84cd;*/
    color: #3a84cd;
    padding: 5px;
}
.td-section{
    overflow: hidden;
    padding:9px 0px 0px 0px;
    border-radius: 2px;
	margin:10px 0px;
	box-shadow: 0 0 1rem rgba(1,1,1,.3);
}
.td-section h4{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
	margin:0px;
	padding: 0px 0px 8px 10px;
}
.td-section h4 span{
    /*background: #3a84cd;*/
    color: #3a84cd;
    padding: 5px;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0px!important;
}
.well {
    min-height: 20px;
    padding:0px!important;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: none!important;
    border-radius: 4px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.com-section-inner {
    background:#f8f9fb;
    overflow: hidden;
	padding:0px 0px 15px 0px;
}
.select-m{
	width:45%;
	height: 31px;
    font-size: 14px;
    padding: 2px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 5px 0px;
}
.select-n{
	width:100%;
	height: 31px;
    font-size: 14px;
    padding: 2px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 5px 0px;
}
.ss-left{
	width:30%;
	float:left;
	margin:0px 5px 0px 0px;
}
.ss-right{
	width:40%;
	float:left;
}
.select-d{
	width:25%;
	height: 31px;
    font-size: 14px;
    padding: 2px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 5px 0px;
}
.select-y{
	width:25%;
	height: 31px;
    font-size: 14px;
    padding: 2px;
    border: 2px solid #c3c0c0;
    border-radius: 3px;
    margin: 5px 0px;
}
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.btn-group{
	
}
.two{
    color: #0b1c43!important;
    background: #ffffff!important;
    font-weight: 400!important;
    font-size: 22px;
    padding: 10px 30px;
    border-color: #0b1c43!important;
}
.two:hover{
    color: #fff!important;
    background: #0b1c43!important;
	font-weight:bold!important;
}
.select-selected {
  background-color: DodgerBlue;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  background:red!important;
  color:#fff;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
	background:red!important;

  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 0.5;
}



footer#footer .footer-wrapper{
	display: flex;
    color: #fff;
    flex-direction: row;
    justify-content: space-between;
}
footer#footer .footer-wrapper ul{
	list-style: none;
    flex-basis: 50%;
}
footer#footer .footer-wrapper li{
	margin: 1.2rem 0rem;
}
footer#footer .footer-wrapper a{
	text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
}
footer#footer .footer-wrapper .footer-image-wrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0% 5% 2%;
}
footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper .container-img{
    width: 30.3%;
    max-height: 6rem;
    margin: 0px auto;
}
footer#footer .footer-wrapper .footer-image-wrapper .footer-img-wrapper img{
	max-width: 36%;
    margin: 0px auto;
    height: auto;
    max-height: -webkit-fill-available;
    display: block;
}







footer{
		background:#0b1c43;
		padding:20px 0px;
		margin:50px 0px 0px 0px;
	}
	footer p{
		margin: 0px;
		padding: 5px 0px;
		color: #fff;
		font-size: 16px;
	}
	footer h3{
	    font-family: 'Staatliches', cursive;
		color: #fff!important;
		font-size: 35px;
	}
		.navbar-right .dropdown-menu {
			right: auto!important;
			left: 0!important;
		}
		/* step css */
		
		

	/* step css */
	.ssc{
		display:none;
	}

	#visa-details {
		margin: 0px auto 18px;
	}
	#visa-details .container, #visa-country .container ,#imp-sec .container, #visa-process .container, .ambasis-tourist .container, #visa-free-sec2 .container, #visa-free-countries .container, #visa-types .container{
		width: 100% !important;
	}
	#visa-details .wrapper{
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
		display: block;
		border-radius: 6px;
		padding: 15px 46px 7px 46px;
	}
	#visa-details .wrapper .heading-container{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#visa-details .wrapper .heading-container .icon{
		width: 70px;
		align-self: center
	}
	#visa-details .wrapper .heading-container .icon img{
		max-width:100%;
	}
	#visa-details .wrapper .main-heading{
		font-size: 4rem;
		font-family: Open Sans,Arial,sans-serif;
		font-weight: 400;
		color: rgba(64,96,182,1);
		color: #1989bb;
		margin-left: 15px;
		line-height: 2.25;
		letter-spacing: 0.8px;
	}
	#visa-details-container.d-flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.visa-details-card {
		flex-basis: 19%;
		margin: 0px 5px;
		text-align: center;
		margin-bottom: 15px;
		padding: 25px 1px;
		border-radius: 6px;
		background-color: #fff;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
		transition : all 0.1s ease-in-out;
		border: 3px solid #fff;
	}
	.visa-details-card:hover {
		border: 3px solid #303f9f;
	}
	.visa-details-card:hover .visa-type-btn{
		transition: all 0.7s ease-out;
		transform: scale(1.5);
	}
	.visa-details-card h3 {
		font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		margin: 0px;
		padding: 0px 1px;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: 600;
		color :#4caf50;
	}
	.visa-details-card #material-status-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.visa-details-card #material-status-wrapper .material-status-subwrapper:nth-child(1){
		display: flex;
		flex-basis: 45%;
		justify-content: flex-end;
	}
	.visa-details-card #material-status-wrapper .material-status-subwrapper:nth-child(2){
		display: flex;
		flex-basis: 55%;
		flex-direction: column;
		justify-content: center;
		align-items: baseline;	
	}
	.visa-details-card #material-status-wrapper .material-status-subwrapper .marital-status {
		position: relative;
		text-align: initial;
		font-size:50px;
		font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		line-height: 1.15em;
		font-weight: lighter;
		font-weight: 700;
		padding: 0px 0%;
	}
	.visa-details-card .material-status-subwrapper .sub-marital-status{
		/* position: absolute;
		color: #4fb377;
		top: 8px; */
		font-size: 13px;
		margin-bottom: 6px;
		/* line-height: 1;
		font-weight: 500;
		left: 10.5rem; */
	}
	.visa-details-card .material-status-subwrapper .service-fee{
		/* position: absolute; */
		font-size: 13px;
		/* font-weight: 500;
		bottom: 10px;
		left: 10.5rem;
		line-height: 1; */
	}
	.visa-details-card .marital-status small{
		position: relative;
		top: -23px;
		color: #ce0c0cbd;
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
	}
	.visa-details-card p {
		margin: 1px;
		text-align: center;
		font-weight: 600;
		font-size: 13px;
		color: #7c92a5e8;
		line-height: 1.2;
		padding: 12px 0;
		border-bottom: 1px solid rgba(153, 153, 153, 0.3);	
	}
	.visa-type-btn {
		background-color: #f44336;
		color: #FFFFFF;
		border: none;
		border-radius: 3px;
		position: relative;
		padding: 10px 14px;
		margin: 10px 1px;
		font-size: 13px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0;
		will-change: box-shadow, transform;
		transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	}


	.visa-type-btn:hover {
		background-color: #ff5a4e;
		color: #fff;
	}

	section#visa-country .wrapper {
		display: flex;
		flex-direction : row;
		margin : 0px 1%;
		box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.14), 0 4px 9px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
		/* background-image: linear-gradient(100deg, #f26798 0%, #3023ae 100%); */
		background-color: #008140;
		color : #fff;
	}
	.navbar-brand {
		font-size: 35px;
	}
	section#visa-country .wrapper .leftVisaDetails {
		width: 30%;
		/* border: 1px solid; */
		padding: 12px 12px;
		border-radius: 3px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	section#visa-country .wrapper .rightVisaDetails {
		width: 70%;
		border-radius: 3px;
		/* border: 1px solid; */
		padding: 12px 25px;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-left: 0;
	}
	section#visa-country .wrapper .rightVisaDetails .headingAndIcon{
		display: flex;
		flex-flow: row;
		align-items: center;
		margin: 11px 0px;
	}
	section#visa-country .wrapper .rightVisaDetails .headingAndIcon .icon-container{
		width: 53px;
		height: 40px;
	}
	section#visa-country .wrapper .rightVisaDetails .headingAndIcon .icon-container img{
		max-width: 100%;
		min-height: 100%;
	}
	section#visa-country .leftVisaDetails h4{
		/* border-bottom: 1px solid; */
		font-size: 16px;
		/* font-weight: bolder; */
		font-family: 'Poppins', sans-serif;
		text-align: initial;
		line-height: 1.2;
		color: #ffffff;
		margin-left: 0px;
	}
	section#visa-country .rightVisaDetails h2{
		font-size: 3rem;
		line-height: 1;
		margin: 0;
		margin-left: 12px;
	}
	section#visa-country .rightVisaDetails p{
		font-size: 1.5rem;
		line-height: 1.5;
	}
	section#visa-country .leftVisaDetails h4 span{
		float: left;
		width: 65%;
		text-align: initial;
	}
	@media only screen and (max-width: 600px) {	
		section#banner h3 {
			font-size: 21px;
		}
		.element1 {
			width: 100%;
			float: left;
		}
		.ssc{
			display:block;
		}
		.element1 h5 {
			padding: 0px 0px 0px 10px;
		}
		.element1 .input1 {
			width: 97%;
			height: 42px;
			padding: 1px 0px 1px 10px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		.element2 {
			width: 100%;
			float: left;
		}
		.element2 h5 {
			padding: 0px 0px 0px 10px;
		}
		.element2 .input2 {
			width: 97%;
			height: 42px;
			padding: 1px 0px 1px 10px;
			margin: 0px 0px 0px 7px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		.element3 {
			width: 88%;
			float: left;
		}
		.btn-54 {
			margin: 15px 0px 0px 18px;
			background: #0da50d;
			border: 1px solid #0da50d;
			border-radius: 50px;
			padding: 10px 24px;
			font-family: 'Poppins', sans-serif;
			font-weight: bold;
			width: 100%;
			color: #fff;
			font-size: 24px;
			height: auto;
		}
		section#banner{
			background-image: url("../images/jay-wennington-BM9Pngg6hAc-unsplash.jpg");
			padding: 100px 0px 100px 0px;
			font-family: 'Raleway', sans-serif;
		}
		section#most-popular-visas h3 {
			font-size: 23px;
			line-height: 30px;
		}
		section .most-popular-visas-inner {
			background: #f5f8ff;
			margin: 20px 20px;
		}
		section#most-popular-visas .box-section {
			background: #0F244B;
			padding: 0px 4px;
			/* margin: 0px 36px 0px 0px; */
			overflow: hidden;
			position: absolute;
			top: -19px;
			right: 21px;
			border-radius: 5px;
		}
		.carousel-control {
			position: absolute;
			top: 189px;
			height: 35px;
			bottom: 0;
			border-radius: 100px;
			left: 0;
			width: 8%!important;
			font-size: 23px;
			color: #ffffff;
			text-align: center;
			text-shadow: 0 1px 2px rgba(0,0,0,.6);
			background-color: #0f244b;
			font-weight: bold;
		}
		.inner-form .element1 h5 {
			font-size: 16px;
			color: #fff;
			text-align: left;
			padding:0px 0px 0px 10px;
		}
		.inner-form .element1 .input1 {
			width: 98%;
			height: 42px;
			padding: 1px 0px 1px 10px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		.inner-form .element2 .input2 {
			width: 98%;
			margin: 0px 0px 0px 10px;
			height: 42px;
			padding: 1px 0px 1px 10px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		.inner-form .element3{
			width:98%;
		}
		.inner-form .btn-54 {
			margin: 15px 0px 0px 10px!important;
		}
		.area-left {
			width: 8%;
		}
		.area-right {
			font-size: 17px;
			width: 92%;
		}
		section#tabble2 table a {
			color: #ffffff;
			font-size: 13px;
			padding: 5px;
			font-weight: bold;
			border-radius: 5px;
			margin: 0px 0px;
			background: #0da50d;
			text-decoration: none;
		}
		section#tabble2 table .td td {
			padding: 6px;
			text-align: center;
			background: #f1f5ff;
			font-size: 15px;
		}
		section#visa-process .visa-pro {
			background: #fff;
			padding: 5px 0px;
			display:block;
			margin-bottom: 15px;
		}
		section#visa-process .visa-pro .visa-pro-inner {
			border: 1px solid #e4dcdc;
			padding: 15px 0px;
			width: 80%;
			margin:20px auto;
			text-align:center;
			float:none;
			border-top-right-radius: 20px;
			border-top-left-radius: 20px;
		}
		section#faqs {
			margin: 10px 0px 20px 0px;
			padding: 10px;
		}
		.ati-right {
			width: 60%;
			margin: 7px auto;
			background: #f1fbff;
			padding: 5px;
		}
		.most-popular-visas-inner img{
			    width: 100%;
		}
		.most-popular-visas-inner .box-section {
			background: #0052b4;
			padding: 0px 4px;
			margin: 0px 0px 0px 0px;
			overflow: hidden;
			position: absolute;
			top: 0px;
			right: 36px;
			border-radius: 5px;
		}
		section#most-popular-visas form {
			width: 79%;
		}
		section#most-popular-visas .form1 .input21 {
			float: left!important;
			width: 73%;
		}
		section#most-popular-visas .form2 .input22 {
			margin: 0px 6px;
			background: #0da50d;
			border: 1px solid #0da50d;
			border-radius: 50px;
			padding: 5px 3px;
			font-family: 'Poppins', sans-serif;
			font-weight: bold;
			width: 23%;
		}
		.embassy-section .e-left{
			width:100%;
			float:left;
		}
		.embassy-section .e-right{
			width:100%;
			float:left;
			font-size: 16px;
		}
		section#tabble2 table .td1 td {
			padding: 18px 15px;
			text-align: center;
			font-size: 14px;
		}
		section#tabble2 table .ab {
			color: #ffffff;
			font-size: 14px;
		}
		.nop-section h4 {
			font-size: 16px;
			padding-bottom: 4px;
		}
		.nop-section-left {
			width: 85%;
			float: left;
		}
		.com-section {
			overflow: hidden;
			padding: 9px 20px 0px 20px;
		}
		.com-section h4 {
			font-size: 18px;
			font-weight: bold;
			text-align: left;
			margin: 0px;
			padding: 10px 0px 13px 0px;
		}
		.pd-section {
			overflow: hidden;
			padding: 9px 20px 0px 20px;
		}
		.pd-section h4 {
			font-size: 18px;
			font-weight: bold;
			text-align: left;
			margin: 0px;
			padding: 10px 0px 13px 0px;
		}
		.td-section {
			overflow: hidden;
			padding: 9px 20px 0px 20px;
		}
		.td-section h4 {
			font-size: 18px;
			font-weight: bold;
			text-align: left;
			margin: 0px;
			padding: 10px 0px 13px 0px;
		}
		.c-input1 {
			width: 88%!important;
			text-align: left!important;
		}
		section#contact-form2 .c-input1 {
			width: 83%;
			height: 31px;
			font-size: 14px;
			padding: 5px;
			border: 2px solid #c3c0c0;
			border-radius: 3px;
			margin: 5px 0px 15px 0px;
		}
	}

	/* main page tabs css start*/
	@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans+Condensed:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i|IBM+Plex+Serif:400,400i");
/* main 1*/
/* main 2*/
/* neutral 1*/
/* neutral 2*/
section#wrapper-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Tab Links */
  /*tab buttons hover*/
  /* Tab active */
  /* Tabs text */
  /* Tabs text bigger */
  /* tab content */
  /* Tab content line */
  /* Title */
  /* Text*/ }
  section#wrapper-tabs .about {
    position: fixed;
    z-index: 10;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    transition: all 0.2s ease; }
    section#wrapper-tabs .about .bg_links {
      width: 40px;
      height: 40px;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 100%;
      backdrop-filter: blur(5px);
      position: absolute; }
    section#wrapper-tabs .about .logo {
      width: 40px;
      height: 40px;
      z-index: 9;
      background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 10px 7px;
      opacity: 0.9;
      transition: all 1s 0.2s ease;
      bottom: 0;
      right: 0; }
    section#wrapper-tabs .about .social {
      opacity: 0;
      right: 0;
      bottom: 0; }
      section#wrapper-tabs .about .social .icon {
        width: 100%;
        height: 100%;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        display: flex;
        transition: all 0.2s ease, background-color 0.4s ease;
        opacity: 0;
        border-radius: 100%; }
      section#wrapper-tabs .about .social.portfolio {
        transition: all 0.8s ease; }
        section#wrapper-tabs .about .social.portfolio .icon {
          background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg); }
      section#wrapper-tabs .about .social.dribbble {
        transition: all 0.3s ease; }
        section#wrapper-tabs .about .social.dribbble .icon {
          background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg); }
      section#wrapper-tabs .about .social.linkedin {
        transition: all 0.8s ease; }
        section#wrapper-tabs .about .social.linkedin .icon {
          background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg); }
    section#wrapper-tabs .about:hover {
      width: 105px;
      height: 105px;
      transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65); }
      section#wrapper-tabs .about:hover .logo {
        opacity: 1;
        transition: all 0.6s ease; }
      section#wrapper-tabs .about:hover .social {
        opacity: 1; }
        section#wrapper-tabs .about:hover .social .icon {
          opacity: 0.9; }
        section#wrapper-tabs .about:hover .social:hover {
          background-size: 28px; }
          section#wrapper-tabs .about:hover .social:hover .icon {
            background-size: 65%;
            opacity: 1; }
        section#wrapper-tabs .about:hover .social.portfolio {
          right: 0;
          bottom: calc(100% - 40px);
          transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65); }
          section#wrapper-tabs .about:hover .social.portfolio .icon:hover {
            background-color: #698fb7; }
        section#wrapper-tabs .about:hover .social.dribbble {
          bottom: 45%;
          right: 45%;
          transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65); }
          section#wrapper-tabs .about:hover .social.dribbble .icon:hover {
            background-color: #ea4c89; }
        section#wrapper-tabs .about:hover .social.linkedin {
          bottom: 0;
          right: calc(100% - 40px);
          transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65); }
          section#wrapper-tabs .about:hover .social.linkedin .icon:hover {
            background-color: #0077b5; }
  	section#wrapper-tabs .content {
		max-width: 1000px;
		width: 100%;
		min-width: 260px;
		margin: 0 5%;
		margin-top: 4%;
		transition: 0.3s ease; 
		min-height: 500px;
		max-height: 500px;
	}
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .content {
        margin: 0 4%;
        margin-top: 5%; } }
  section#wrapper-tabs .tabs {
    margin: 0;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    border-radius: 2px 2px 0px 0px; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tabs {
        height: 60px; } }
  section#wrapper-tabs .tablinks {
    background: transparent;
    background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%);
    border: none;
    outline: none;
    cursor: pointer;
    width: 25%;
    /*change depending on the number of tabs*/
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: "IBM Plex Sans", sans-serif;
    overflow: hidden;
    transition: 0.3s ease; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tablinks {
        height: 100%;
        font-size: 12px; } }
  section#wrapper-tabs .tablinks:before {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    content: "";
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease-in-out;
    z-index: 2; }
  section#wrapper-tabs .tablinks:hover::before {
    height: 100%;
    z-index: 2;
    bottom: 0; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tablinks:hover::before {
        height: 0; } }
  section#wrapper-tabs .tablinks.active {
    background-color: white;
    z-index: 0;
    border-right: 0px;
    border-left: 0px;
    height: 110px;
    bottom: 0px;
    overflow: hidden; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tablinks.active {
        height: 60px; } }
  section#wrapper-tabs .tablinks.active:before {
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0; }
  section#wrapper-tabs .tablinks.active p,
  section#wrapper-tabs .tablinks.active:hover p {
    opacity: 1;
    background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  section#wrapper-tabs .tablinks p {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: 0.5s ease;
    padding: 0;
    margin: 0;
    color: #000000;
    backface-visibility: hidden;
    font-weight: 400; }
  section#wrapper-tabs .tablinks:hover p {
    color: white;
    opacity: 1; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tablinks:hover p {
        color: #686868;
        opacity: 0.6; } }
  section#wrapper-tabs .tablinks p:before {
    content: attr(data-title);
    position: absolute;
    height: auto;
    width: auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.1;
    font-size: 40px;
    transition: 1s ease-out;
    z-index: -1;
    font-weight: 600;
    top: 110%; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tablinks p:before {
        display: none; } }
  section#wrapper-tabs .tablinks:hover p:before {
    opacity: 0.1;
    font-size: 40px;
    top: -80%; }
  	section#wrapper-tabs .wrapper_tabcontent {
		background-color: white;
		margin-top: 0px;
		z-index: -3;
		position: relative;
		opacity: 1;
		padding: 40px 60px;
		overflow: hidden;
		transition: all 1s ease;
		top: 0;
		max-height: 420px;
		min-height: 420px;
	}
    section#wrapper-tabs .wrapper_tabcontent .col-md-10, section#wrapper-tabs .wrapper_tabcontent .col-md-12 {
      width: 100%;
      display: flex;
      justify-content: center; }
      section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 {
        width: 25%;
        display: block;
        margin: 0px auto;
        padding-bottom: 17px;
        text-align: center; }
        section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3 .tab-inner, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 .tab-inner {
          padding: 0px 10px; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3 .tab-inner h4, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 .tab-inner h4 {
            animation: fadeEffect 0.6s ease; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3 .tab-inner p, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 .tab-inner p {
            font-weight: 400;
            font-size: 15px;
            line-height: 21px;
            margin-block-end: 12px; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3 .tab-inner figure, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 .tab-inner figure {
            width: 100%;
            margin-block-start: 0em;
            margin-block-end: 0em;
            margin-inline-start: 0px;
            margin-inline-end: 0px; }
            section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-3 .tab-inner figure img, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 .tab-inner figure img {
              max-width: 100%;
              animation: fadeEffect 0.6s ease; }
      section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 {
        width: 33.33%;
        display: block;
        margin: 0px auto;
        padding-bottom: 17px;
        text-align: center; }
        section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4 .tab-inner, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 .tab-inner {
          padding: 0px 10px; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4 .tab-inner h4, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 .tab-inner h4 {
            animation: fadeEffect 0.6s ease; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4 .tab-inner p, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 .tab-inner p {
            font-weight: 400;
            font-size: 15px;
            line-height: 21px;
            margin-block-end: 12px; }
          section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4 .tab-inner figure, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 .tab-inner figure {
            width: 100%;
            margin-block-start: 0em;
            margin-block-end: 0em;
            margin-inline-start: 0px;
            margin-inline-end: 0px; }
            section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4 .tab-inner figure img, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-4 .tab-inner figure img {
              max-width: 100%;
              animation: fadeEffect 0.6s ease; }
  section#wrapper-tabs .tabcontent {
	opacity: 0;
	visibility: hidden;
    display: none;
    min-height: 180px; }
@keyframes tabEffect {
  from {
    top: -40px; }
  to {
    top: 0px; } }
  section#wrapper-tabs .tabcontent.active {
	opacity: 1;
	visibility: visible;
    transition: all 3s ease;
	display: block; 
	animation: fadeEffect 3s ease;
	-webkit-animation: fadeEffect 3s ease;
	-moz-animation:fadeEffect 3s ease ;
	}
  section#wrapper-tabs .wrapper_tabcontent:after {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    left: 0;
    bottom: 0;
    z-index: -2;
    transition: all 1s ease; }
  section#wrapper-tabs .tabcontent h3 {
    font-size: 40px;
    top: 100px;
    transform: rotate(90deg);
    position: absolute;
    left: -164px;
    opacity: 0.1;
    width: 356px;
    height: 188px;
    background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    animation: city 1s ease; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tabcontent h3 {
        top: 65px; } }
@keyframes city {
  from {
    left: -120px; }
  to {
    left: -164px; } }
  section#wrapper-tabs .tabcontent p {
    color: #686868;
    margin: 0;
    padding: 0;
    line-height: 28px;
    font-weight: 100;
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
    width: 100%;
    font-size: 16px;
    font-family: "IBM Plex Sans", sans-serif; }
    @media screen and (max-width: 512px) {
      section#wrapper-tabs .tabcontent p {
        font-size: 14px;
        line-height: 26px; } }
@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px; }
  to {
    opacity: 1;
    margin-left: 0; } }

	/* main page tabs css end*/
	@media screen and (max-width: 1200px) {  
		#banner-holder .upper-layer .inner-layer {
			flex-direction: column;
			width: 968px;
		}
		#banner-holder .upper-layer .banner-card {
			width: 94%;
		}
		#banner-holder .upper-layer .card-nav-container {
			width: 86%;
		}
	}

	@media screen and (min-width: 800px) and (max-width: 1025px ) {  
		.justify-sm-center {
			justify-content: center;
		}
		.display-sm-inline {
			display: flex;
			flex-wrap: wrap;
		}
		.most-popular-visas-inner .box-section h6 {
			font-size: 5px;
		}
		.most-popular-visas-inner .box-section h6 b {
			font-size: 7px;
		}
		.most-popular-visas-inner .box-section {
			margin: 21px 16px 0px 0px;
		}
		#visa-free-countries .carousel-inner .most-popular-visas-inner center .img2 {
			width: 40px !important;
			height: 40px !important;
		}
		section .most-popular-visas-inner button {
			font-size: 11px !important;
		}
		.most-popular-visas-inner h4 {
			font-size: 15px !important;
		}
		.carousel-control {
			height: 31px !important;
			width: 3.3% !important;
			font-size: 21px !important;
		}
	}
	@media screen and (min-width: 1024px) {  
		.bhoechie-tab {
			padding-right: 0px !important;
		}
		#banner-holder.desktop-banner-animate {
			height: 55rem;
		}
		.app-select{
			width: 17%;
		}
		.carousel-inner{
			width: 90% !important;
			margin: 0 auto;
		}
		section#most-popular-visas .container {
			padding-right: 0px;
			padding-left: 0px;
		}
		.col-md-2.reduce-50 {
			min-height: 150px;
			max-height: 367px;
			height: 253px;
		}		
	}
	@media screen and (max-width: 1024px) {
		.justify-sm-center {
			justify-content: center;
		}
		.display-sm-inline {
			display: flex;
			flex-wrap: wrap;
		}
		section .most-popular-visas-inner button {
			padding: 8px 10px;
			font-size: 11px;
		}
		section#most-popular-visas h4 {
			font-size: 15px; 
		}
		section#most-popular-visas .box-section {
			padding: 0px 3px;
		}
		section#most-popular-visas .box-section h6 {
			font-size: 7px;
		}
		section#most-popular-visas .box-section h6 b {
			font-size: 11px;
		}
		.country-icon {
			max-width: 15%;
			border-radius: 33px;
			height: 40px;
		}
		.list-container .list-items {
			font-size: 12px;
		}
		.list-container {
			margin-bottom: 0%;
			margin-top: 0%;
			flex-wrap: wrap;
		}
		.list-container:nth-child(1) {
			margin-top: 2%;
		}
		.list-container .list-items {
			flex-basis: 31%;
			margin-bottom: 2%;
		}
		.countries-list-view-out {
			max-height: 5000px;
		}
		.visa-details-card .marital-status {
			font-size: 2.2em !important;
		}
		.visa-details-card .marital-status small {
			font-size: 20px;
		}
		.visa-details-card .material-status-subwrapper .sub-marital-status {
			left: 7.5rem;
			font-size: 8px;
			margin-bottom: 8px;
		}
		.visa-details-card .material-status-subwrapper .service-fee {
			font-size: 8px;
			left: 7.5rem;
			line-height: 0;
		}
		.visa-details-card:hover .visa-type-btn{
			transform: scale(1.2);
		}
		.visa-details-card p {
			font-size: 11px;
		}
		.section-inside .col-md-7 {
			width: 100% !important;
		}
		.visa-details-card {
			flex-basis: 19%;
		}
	}
	@media only screen and (min-width : 767px) and (max-width : 992px) {
		#visa-free-countries .item .col-md-10 {
			padding: 0px 65px;
		}
		section .most-popular-visas-inner button {
			font-size: 9px !important;
		}
	}
	@media screen and (max-width: 768px) {
		.display-sm-none {
			display: none ;
		}
		.reduce-50 {
			flex-basis: 24%;
		}
		.carousel-control {
			width: 5% !important;
		}
		.justify-sm-center {
			justify-content: center;
		}
		.display-sm-inline {
			display: flex;
			flex-wrap: wrap;
		}
		.country-icon {
			max-width: 21% !important; 
		}
		.element3 {
			width: 35%;
		}		
		section#most-popular-visas .img2 {
			width: 40px;
			height: 40px;
		}
		.element1 {
			width: 45%;
		}
		.element2 {
			width: 45%;
		}
		.visa-details-card {
			flex-basis: 48.5%;
		}
		.visa-details-card .marital-status {
			font-size: 3.8em !important;
		}
		.visa-details-card .marital-status small {
			font-size: 22px !important;
		}
		.visa-details-card .material-status-subwrapper .service-fee {
			font-size: 13px !important;
			left: 13.5rem !important;
			line-height: 1 !important;
		}
		.visa-details-card .material-status-subwrapper .sub-marital-status {
			left: 13.5rem !important;
		}
		.visa-details-card p {
			font-size: 17px !important;
		}
		.ambasis-tourist .carousel-inner>.item.active {
			display: flex;
		}
		.carousel-inner>.item .col-md-2 {
			padding-right: 3px;
    		padding-left: 3px;
		}
		.ambasis-tourist .carousel-control {
			top: 54px!important;
		}
		#visa-details .wrapper .main-heading {
			font-size: 3rem;
			line-height: 3.25;
		}
		.visa-details-card {
			flex-basis: 48.5% !important;
		}
		#visa-free-sec2 .col-md-3 {
			width: 49.5%;
			padding: 0px;
			display: inline-flex;
			justify-self: center;
			justify-content: center;
		}
		#visa-free-sec2 .col-md-3 .imp-inner{
			width: 100%;
		}
		#visa-free-countries .item .col-md-10 {
			display: flex;
		}
		#visa-free-countries .carousel-inner .most-popular-visas-inner center .img2{
			width: 35px !important;
			height: 35px !important;
		}
		#visa-free-countries .carousel-inner .most-popular-visas-inner .box-section {
			margin: 21px 4px 0px 0px;
		}
		.most-popular-visas-inner .box-section h6 {
			font-size: 8px;
		}
		.most-popular-visas-inner .box-section h6 b{
			font-size: 12px;
		}
		.most-popular-visas-inner h4 {
			font-size: 15px !important;
		}
		#header .navbar-inverse ul li a {
			font-size: 11PX !important;
		}
		.app-select {
			width: 28%;
		}
		.nop-section-left {
			width: 50%;
			float: left;
		}		
	}
	@media screen and (max-width: 768px) {  
		.countries-list-view-out {
			max-height: 6500px;
		}
		.navbar-inverse .navbar-nav>li>a {
			FONT-SIZE: 11PX !important;
		}
		.list-container-slide-in {
			padding-bottom: 3rem;
		}
	}
	@media screen and (max-width: 769px) {
		.navbar-inverse .navbar-nav>li>a {
			FONT-SIZE: 11PX !important;
		}
		.navbar-brand {
			padding: 15px 9px;
			font-size: 28px !important;
		}
		.navbar-button-container .navbar-button {
			font-size: 11px;
			padding: 8px 6px;
			font-family: 'Raleway', sans-serif;
		}
		.navbar-button-container .navbar-button img {
			width: 26px;
			padding-left: 9px;
		}
		section#heading h1 {
			font-size: 31px;
		}
		#visa-details .wrapper .main-heading {
			font-size: 3rem;
			line-height: 3.25;
		}
		#visa-details-container.d-flex-container {
			justify-content: space-evenly;
		}
		.visa-details-card {
			flex-basis: 17%;
		}
		.header-main-heading {
			margin: 19px auto 0px;
			font-size: 2.5em;
		}
		#banner-holder {
			height: 9rem;
		}
		#banner-holder .upper-layer .inner-layer {
			width: 100% !important;
		}
		.select {
			width: 100%;
		}
		.select.visa_type {
			width: 100% !important;
		}
		.select.no_of_travelers {
			width: 100% !important;
		}
		.select select {
			width: 100%;
		}
		.banner-form button {
			margin: 10px auto 0px;
		}
		#banner-holder .upper-layer .card-nav-container {
			width: 90%;
		}
		.visa-details-card .material-status-subwrapper .service-fee {
			left: 4.5rem;
			font-size: 5px;
		}
		.visa-details-card .material-status-subwrapper .sub-marital-status {
			top: 2px;
			font-size: 13px;
			left: 4.5rem;
		}
		.visa-details-card .marital-status {
			font-size: 1.6em;
		}
		.visa-details-card p {
			font-size: 8px;
		}
		.visa-details-card p {
			line-height: 0.8;
		}
		.visa-details-card .marital-status small {
			font-size: 11px;
			font-weight: 600;
			top: -10px;
		}
		.visa-details-card .visa-type-btn {
			font-size: 15px !important;
		}
		.visa-details-card:hover .visa-type-btn {
			transform: scale(1.1);
		}
		.visa-details-card h3 {
			font-size: 1em;
			margin-bottom: 12px;
		}
		section#visa-country .wrapper .leftVisaDetails {
			width: 40%;
		}
		section#visa-country .wrapper .rightVisaDetails {
			width: 60%;
		}
		section#visa-country .leftVisaDetails h4 span {
			width: 45%;
		}
	}
	@media only screen and (min-width : 500px) and (max-width : 776px) {
		#visa-free-countries .item .col-md-10 {
			padding: 0px 55px;
		}
		section .most-popular-visas-inner button {
			font-size: 9px !important;
		}
		.most-popular-visas-inner .box-section h6 {
			font-size: 5px;
		}
		.most-popular-visas-inner .box-section h6 b {
			font-size: 7px;
		}
		.img2 {
			margin: -17px 0px 0px 0px!important;
		}
		section#most-popular-visas .box-section {
			top: 1px !important;
			/* right: -11px !important; */
		}
	}
	@media screen and (max-width: 736px) {
		#banner-holder.mobile-banner-animate {
			height: 114rem;
		}
		.wrapper-responsive-animator.banner-animate {
			height: 64rem;
		}
		section .most-popular-visas-inner button {
			padding: 8px 8px;
			font-size: 9px;
		}
		.carousel-control {
			top: 46% !important;
		}
		section#banner {
			padding: 12px 0px 50px 0px;
		}
		section#most-popular-visas .box-section {
			padding: 2px 3px;
		}
		section#most-popular-visas .box-section h6 {
			line-height: 11px ;
		}
		.visa-details-card .material-status-subwrapper .sub-marital-status {
			left: 11.5rem !important;
		}
		.visa-details-card .material-status-subwrapper .service-fee {
			font-size: 13px !important;
			left: 11.5rem !important;
			line-height: 1 !important;
		}
		section#heading h1 {
			font-size: 30px;
		}
		#visa-details .wrapper .main-heading {
			font-size: 2.8rem;
			line-height: 3.25;
		}
		.visa-details-card p {
			font-size: 15px !important;
		}
	}
	@media screen and (max-width: 417px) { 
		.visa-details-card {
			flex-basis: 100% !important;
		}
		section#visa-country .wrapper {
			flex-direction: column;
		}
		section#visa-country .wrapper .leftVisaDetails {
			width: 100%;
			padding: 12px 23px;
		}
		section#visa-country .wrapper .rightVisaDetails {
			width: 100%;
		}
		#visa-details .wrapper .main-heading {
			font-size: 1.9rem;
			line-height: 1.75;
		}
		#visa-types h4 {
			font-size: 14px;
		}
		#visa-free-sec2 .col-md-3 {
			width: 49.2%;
		}
		.app-select {
			width: 96%;
			float: none;
			margin: 0px auto;
		}
		.nop-section-left {
			width: 100%;
		}
		.nop-section-right {
			width: 92%;
			text-align: left;
			margin: 0 auto;
		}
		.nop-section-right-two {
			width: 92%;
			text-align: left;
			margin: 0 auto;
			float: none;
		}
		.banner-form {
			flex-direction: column !important;
			align-items: stretch !important;
		}
		.banner-form .banner-input-container {
			flex-basis: 100%;
		}
	}  
	@media screen and (max-width: 417px) {
		.reduce-50 {
			flex-basis: 50%;
		}
		section .most-popular-visas-inner {
			margin: 8px 10px;
		}
		section#most-popular-visas .box-section {
			top: -11px;
			right: 8px;
		}
		section#most-popular-visas .box-section h6 {
			margin: 2px 0px 2px 0px;
		}
		section .most-popular-visas-inner button {
			font-size: 9px;
		}
		.element3 {
			width: 90% !important;
		}
		.element2 {
			margin-left: 0%;
		}
		section#most-popular-visas h4 {
			margin: 2px 0px 0px 0px;
			font-size: 13px;
		}
		section .most-popular-visas-inner button {
			padding: 8px 8px;
			margin: 3px 0px 6px;
		}

		section#wrapper-tabs .wrapper_tabcontent .col-md-10, section#wrapper-tabs .wrapper_tabcontent .col-md-12 {
			flex-wrap: wrap;
		}
		section#wrapper-tabs .wrapper_tabcontent .col-md-10 .col-md-4, section#wrapper-tabs .wrapper_tabcontent .col-md-12 .col-md-3 { 
			flex-basis: 100%;
		}
		section#wrapper-tabs .content {
			margin: 0%;
		}
		section#wrapper-tabs .wrapper_tabcontent {
			padding: 40px 0px;
		}
		/* .countries-list-view-out {
			height: 300px;
		} */
		.country-icon {
			max-width: 29% !important;
			height: 24px;		
		}
		.list-container .list-items {
			font-size: 10px;
		}
		section#most-popular-visas figure img {
			height: 50px;
		}
		.element1 {
			width: 100%;
		}
		.element2 {
			width: 100%;
		}
		section#banner h3 {
			font-size: 35px;
		}
		section#banner {
			padding: 50px 0px;
		}
		.show-more {
			font-size:14px;
		}
		#visa-details .wrapper .main-heading {
			font-size: 2.2rem;
			line-height: 1.8;
		}
		#visa-details .wrapper .heading-container .icon {
			width: 95px;
			align-self: center;
		}
		.visa-details-card {
			flex-basis: 100% !important;
		}
		#visa-details .wrapper {
			padding: 15px 15px 7px 15px;
		}
		.visa-details-card {
			flex-basis: 100%;
		}
		#visa-free-countries .item .col-md-10 {
			display: flex;
			flex-wrap: wrap;
			padding: 0 30px;
		}
		#visa-free-countries .item .col-md-2 {
			padding-right: 3px;
			padding-left: 3px;
			flex-basis: 33%;
		}
		#visa-free-countries .carousel-inner .most-popular-visas-inner .box-section {
			margin: 9px 0px 0px 0px;
		}
		.most-popular-visas-inner .box-section {
			top: 0px;
			right: 14px;
			padding: 0px 2px;
		}
		section .most-popular-visas-inner button {
			font-size: 7px !important;
		}
		.img2 {
			margin: -12px 0px 0px 0px!important;
		}
		.most-popular-visas-inner .box-section h6 {
			font-size: 5px;
			line-height: 8px;
		}
		.most-popular-visas-inner .box-section h6 b {
			font-size: 6px;
		}
		.carousel-control {
			height: 28px !important;
			width: 7% !important;
			font-size: 19px !important;
		}
		.most-popular-visas-inner h4 {
			font-size: 11px !important;
			margin: 3px 0px 0px 0px;
		}
		#visa-free-countries .carousel-inner .most-popular-visas-inner center .img2 {
			width: 25px !important;
			height: 25px !important;
		}
	}
	@media screen and (max-width: 684px) {  
		.element3 {
			width: 39%;
		}
	}
	@media screen and (max-width: 320px) {  
		.header-main-heading {
			font-size: 2.3em;
		}
		#visa-types h4 {
			font-size: 10px;
		}		
	}