*, *:before, *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body{
	font-family: 'Avenir';
	width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-size: 15px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #313131;
}

a{
	display: inline-block;
	background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
	text-decoration: none;
	outline: 0;
	color: #313131;
	transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}
a:focus,
a:hover {
	outline: none;
	border:none;
	text-decoration: none;
	color: #ef7f1b;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'Avenir';
    margin: 0; /* 2 */
	border: 0;
	font-size: initial;
	outline: medium none !important;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
button:focus,
button:hover {
	outline: none;
	border:none;
}

button,
input { /* 1 */
    overflow: visible;
}

button,
select { /* 1 */
    text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #222222;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

ul{
	padding: 0;
	margin: 0;
}
ul li {
	list-style: none;
	font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0;
}

p{
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 24px;
}
img{
	max-width: 100%;
	height: auto;
}
hr{
	border: 0;
	border-top: 1px solid #a0a0a0;
}

figure{
	margin-bottom: 0;
}

.align_center{
	align-items: center;
}

.small, small {
	font-size: 65%;
}

.removePadding{
	padding: 0;
}

.removeMargin{
	margin: 0;
}

.onRight{
	order: 2;
}

[data-simplebar] {
	overflow: auto; 
}

.hiddenDesktop {
    display: none;
}
.ui-autocomplete{
	z-index: 999;
}
.ui-widget-content{
	background: #f1f1f1;
	border: none;
}
.ui-menu .ui-menu-item{
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}
/*****************************/

.menu-height{
	height: 135px;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
header .logo a img{
	width: 180px;
}
header .main_header{
	position: relative;
	padding: 0 50px;
	height: 100px;
}
.removePosition{
	position: inherit;
}
header .main_header.sticky{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	z-index: 999;
}
header .main_header.sticky{
	height: 80px;
}
header .main_header.sticky ul li{
	min-height: 80px;
}
header .main_header.sticky ul li a{
	line-height: 80px;
}
header .main_header.sticky ul li.search_icon::before {
    height: 70px;
}
header .navigation{
	text-align: right;
}

header .navigation > nav > ul > li{
	display: inline-block;
	margin-left: 65px;
	min-height: 100px;
}

header .navigation nav ul li a{
	position: relative;
	font-size: 18px;
	color: #fff;
	line-height: 100px;
	z-index: 1;
}

header .navigation nav ul li.search_icon{
	position: relative;
}

header .navigation nav ul li.search_icon a img{
	width: 20px;
}

header .navigation nav ul li.search_icon::before{
	content: "";
    position: absolute;
    width: 50px;
    height: 80px;
    background: #fff;
    z-index: 0;
    top: 0;
    left: -14px;
	border-radius: 0 0 25px 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header .navigation nav ul li.search_icon .search_container{
	display: none;
	position: absolute;
	right: 0;
	width: 300px;
	border: 1px solid #ddd;
}

header .navigation nav ul li.search_icon .search_container input{
	width: 100%;
	padding: 10px 60px 10px 10px;
}

header .navigation nav ul li.search_icon .search_container a{
	background: #ff8d3a;
    color: #fff;
    line-height: normal;
    padding: 12px;
    position: absolute;
    right: 0;
    height: 100%;
}

header .navigation nav ul li.search_icon .search_container a:hover{
	background: #222;
}

header .navigation nav ul li .dropdown_nav{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	background: #fafafa;
	text-align: left;
	top: 80%;
	min-width: 220px;
	z-index: 9999;
	padding: 15px 0;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header .navigation nav ul li .dropdown_nav li{
	margin: 0 0 15px;
}

header .navigation nav ul li .dropdown_nav li:last-child{
	margin: 0;
}

header .navigation nav ul li .dropdown_nav li a,
header .main_header.sticky ul li .dropdown_nav li{
    color: #222222;
	line-height: normal;
	min-height: auto;
}

header .navigation nav ul li .dropdown_nav li{
	position: relative;
}
header .navigation nav ul li .dropdown_nav li a{
	position: relative;
	display: block;
}
header .navigation nav ul li .dropdown_nav li a.sub_nav_arrow::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #222;
	position: absolute;
	right: 0;
	top: 5px;
}

header .navigation nav ul li .dropdown_nav li .dropdown_nav{
	top: 0;
    left: 100%;
}

header .navigation nav > ul > li > a.m_nav::after {
	content: "";
	position: absolute;
	top: 46px;
	right: -20px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

header .navigation nav ul li.active a::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #ffffff;
	left: 0;
	bottom: 25px;
}

/* Universal sampo landing 2 page css  Start*/
.unisampoHeader {
    position: relative;
    padding: 20px 50px;
    height: 80px;
    border-bottom: 1px solid #e7e7e7;
}
header .logo a img.unisampoLogo {
    width: 150px;
}
.uniSampo {
    padding: 5% 0 0;
    display: block;
    font-family: 'Avenir';
}
.unisampHead {
    background-color: #fff;
    padding: 25px 25px 10px;
}
.unisampHead h4 {
    text-transform: uppercase;
    color: #000;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 700;
}
.unisampHead p {
    font-size: 13px;
    color: #6d7177;
    margin-bottom: 5px;
    line-height: 18px;
}
.unisampTable table {
    border: 0;
}
.unisampTable table thead th {
    background: #27357e;
    color: #fff;
    border-bottom: none;
    vertical-align: middle;
}
.unisampTable .table-bordered td,
.unisampTable .table-bordered th {
    padding: 6px;
    vertical-align: middle;
    text-align: center;
}
.unisampDesc {
    margin-bottom: 15px;
}
.unisampDesc h4.head-title {
    color: #252625;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.unisampDesc ul {
    padding-left: 20px;
}
.unisampDesc ul li {
    list-style: disc;
    font-size: 14px;
}
.unisampDesc p {
    font-size: 14px;
}
.unisamPolicy span {
    text-decoration: underline;
}
.unisamPolicy a {
    color: #ed1c24;
    font-size: 14px;
}
.unisamPolicy a.term-conditions {
    color: #007ad9;
}
.banner_content.sompoBanner {
    top: 28%;
}
.banner_content.uni-sompo-banner {
    top: 50%;
    z-index: 9;
}
.rupayArticle .inner_title::after{
	display: none;
}
.mainUniSompo p span.buyInsPolicy{
    font-size: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}
/* Universal sampo landing 2 page css  End*/

/* Rupay 2.0 Start  */

.manRupay20 .banner_content h1 span{
	font-size: 60px;
}
.rupaybanCont{
	background: url(/images/rupay/rupay-2.0/ru20.png) center left #ef711d no-repeat;
    background-position: 12%;
    background-size: 36%;
    display: inline-block;
    width: 100%;
    border-radius: 20px;
    color: #fff;
    padding: 30px 50px;
}
.abc::before{
	content: "2.0";
    font-size: 220px;
	text-align: center;
    color: #fff;
    font-size: 320px;
    font-weight: 900;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    right: 0;
    opacity: 0.02;
    line-height: 0;
}
.inbannerCont.headLine{
	display: flex;
    justify-content: flex-start;
    align-items: center;
	height: 200px;
}
.inbannerCont h1{
	font-size: 80px;
    font-weight: 600;
    line-height: 55px;
}
.inbannerCont h1 span{
    font-size: 24px;
    font-weight: 500;
}
.rupay20Slider .rupay_content h5 {
    font-size: 22px;
}
.manRcontLess{
    background: #252525;
    color: #fff;
    padding: 2% 0;
}
.ruContHead{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 105px;
}
.ruContHead h1{
    font-size: 28px;
    font-weight: 600;
}
.ruContDesc{
    color: #ddd;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 105px;
}
.ruContDesc p{
	margin-bottom: 0;
}
.ruContDesc p a{
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    background: #ef711d;
}
.key_width_rupay{
	max-width: 1150px;
    margin: auto;
}
.rupay20Slider .rupay_card video{
	width: 100%;
    height: 691px;
    object-fit: cover;
    display: inline-block;
	outline: none;
}
.manRupay20 .rupayTop32{
	top: 32%;
	left: 8%;
}
.manRupay20 .rupayTop48{
	top: 48%;
	left: 8%;
}
.manRupay20 .rupayTop70{
	top: 70%;
    left: 7%;
}
.manRupay20 a.rdownArr{
	width: 55px;
    height: 55px;
    padding: 15px 12px 10px;
}
.manRupay20 a:hover img.downarr{
	margin-top: 10px;
    transform: none !important;
}
.manRupay20 a img.downarr{
	width: 12px !important;
}
.ru20Feat{
    position: relative;
}
.ru20Feat h1{
	font-size: 30px;
    font-weight: 600;
    padding-left: 7%;
    margin-bottom: 20px;
	color: #fff;
}
.rupay20Slider{
	background: #eee;
	padding: 2% 5% 0% !important;
}
.ruWearable{
    padding: 5% 0;
}
.ruleftImg img{
	width: 100%;
}
.rurightInfo{
    padding: 0 32% 0 10%;
}
.rurightInfo h1{
	color: #3d3d3d;
    font-weight: 600;
	margin-bottom: 20px;
}
.rurightInfo h1 span{
	position: relative;
    /* bottom: 5px; */
}
.rurightInfo h1 span img{
	width: 11%;
}
.rurightInfo p strong{
	color: #ef711d;
}
.rurightInfo p{
	
}
.autoPaypad{
	padding: 0 32% 0 10%;
}
.softPospad {
    padding: 0 18% 0% 18%;
}
.rubgGrey{
	background-color: #eee;
}
.ruIntro20{
	background: #1e1915;
}
.rupay20_Video video{
	border-radius: 0 0 20px 20px;
	outline: none;
}
.manRupay20 .banner_slider .owl-dots {
    top: auto;
    bottom: 30px;
}
.rupay20Slider .slider_section .item a{
	position: relative;
	display: block;
	height: 550px;
}
.rupay20Slider .slider_section .item a span{
	font-style: italic;
    color: #fff;
}
.rupay20Slider .slider_section .item a span img{
	width: 15px;
    height: auto;
    margin-left: 10px;
    transition: all 0.3s ease;
}
.video_rupay_one{
	background: url("../../images/rupay/rupay-2.0/rutile1.png") center center;
	background-size: cover;
}
.video_rupay_two{
	background: url("../../images/rupay/rupay-2.0/rutile2.png") center center;
	background-size: cover;
}
.video_rupay_three{
	background: url("../../images/rupay/rupay-2.0/rutile3.png") center center;
	background-size: cover;
}
.video_rupay_four{
	background: url("../../images/rupay/rupay-2.0/rutile4.png") center center;
	background-size: cover;
}
.add_rupay_video video{
	width: 100%;
	outline: none;
}
#rupayVideoSlider .modal-dialog{
	max-width: 950px;
    margin: 3rem auto;
}
#rupayVideoSlider .close{
	margin: 10px 20px 0 0;
}
#ruPaySlider .rupay_content {
    bottom: 15px;
	min-height: 95px;
}
.key_width_rupay20{
	max-width: 1250px;
	margin: auto;
}
.rupay20_Video iframe {
    width: 100%;
    height: 700px;
    border-radius: 0 0 20px 20px;
    outline: none;
}
/* Rupay 2.0 End  */

@media only screen and (min-width: 767px){
	header .navigation nav ul li:hover > .dropdown_nav {
		opacity: 1;
		visibility: visible;
	}
	header .navigation nav > ul > li:hover > a,
	header .navigation nav ul li .dropdown_nav li a:hover{
        color: #ff8d3a;
	}
	header .main_header.sticky ul li a.m_nav::after{
		top: 38px;
	}
	header .navigation nav > ul > li:hover > a.m_nav::after {
		border-top: 6px solid #ff8d3a;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	header .navigation nav ul li .dropdown_nav li a{
		margin: 0 15px;
	}
}

header .main_header .mobile_nav{
	display: none;
}

/**************************/

.spotlight{
	position: relative;
	background: #1e1915;
}

.owl-carousel .owl-item img{
	display: inline-block;
	width: auto;
}

.banner_content{
	position: absolute;
	top: 20%;
	left: 10%;
	color: #fff;
}

.banner_content h1{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 40px;
}

.banner_content h1 span{
	display: block;
	font-size: 100px;
}

.inner_banner_content h1 span img{
	margin-left: 20px;
}

.banner_content a{
	background: #fff;
	font-weight: 500;
	padding: 15px 30px;
	border-radius: 40px;
}
.inner_title_section_header {
    background: #f9f9f9;
    text-align: center;
    padding: 2% 2% 2% 2%;
    margin-bottom: 30px;
}
.banner_content a:hover{
	color: #313131;
}

.banner_slider.owl-carousel .banner_content a img{
	width: 15px;
	height: auto;
	margin-left: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.banner_slider.owl-carousel .banner_content a:hover img{
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
}

.banner_slider .owl-dots{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 55%;
}

.inner_spotlight {
	background: #ffffff;
}

.inner_spotlight .banner_slider .banner_content{
	top: 40%;
}

.inner_spotlight .banner_slider .owl-dots{
	top: auto;
	bottom: 30px;
}

.inner_spotlight .banner_slider figure{
	margin-bottom: 0;
}

.banner_slider .owl-dots button{
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	margin: 0 5px;
	border-radius: 50%;
}

.banner_slider .owl-dots button.active{
	background: #fff;
}

.card_key_features{
	position: relative;
	color: #fff;
}

.card_key_features::before{
	text-align: center;
    color: #fff;
    font-size: 320px;
    font-weight: 900;
    position: absolute;
    z-index: 1;
    top: 10px;
	left: 0;
	right: 0;
    opacity: 0.02;
    line-height: 0;
}

.card_key_features.select_card::before{
	content: "Select";
}

.card_key_features.platium_card::before{
	content: "Platinum";
}

.card_key_features.classic_card::before{
	content: "Classic";
}

.card_key_features.contactless_card::before{
	content: "Contactless";
	font-size: 220px;
}

.card_key_features.nth_rewards::before{
	content: "nth Rewards";
	font-size: 200px;
}

.card_key_features.international_acc::before{
	content: "International Acceptance";
	font-size: 110px;
}

.card_key_features.offer_exp::before{
	content: "Offers and Experiences";
	font-size: 110px;
}

.card_key_features.irctc_sbi::before{
	content: "IRCTC SBI RuPay Credit Card";
	font-size: 75px;
}
.card_key_features.sompo-insurance::before {
    content: "Insurance";
    font-size: 300px;
}

.key_width{
	max-width: 1000px;
	margin: auto;
}

.feature_head{
	position: relative;
	color: #f3d9ca;
	border-bottom: 2px solid #979290;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.feature_head h6{
	font-size: 18px;
	font-weight: 500;
}

.owl-carousel .owl-item .feature_head h6 img {
    width: 40px;
	vertical-align: bottom;
	border-radius: 3px;
	margin-left: 10px;
}

.key_content h5{
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.key_content p:last-child{
	margin-bottom: 0;
}

.rupay_slider{
	position: relative;
	padding: 10% 5% 5%;
}

.slider_section .item{
	position: relative;
	height: 100%;
}

.rupay_slider::before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 40%;
	background: #1e1915;
}

.slider_section.owl-carousel .owl-stage{
	display: flex;
}

.height_50{
	position: relative;
	height: 50%;
	color: #919191;
}

.light_bg{
	background: #313131;
}

.light_bg .rupay_card,
.dark_bg .rupay_card{
	padding: 15%;
}

.dark_bg{
	background: #252525;
}

.rupay_card img{
	object-fit: cover;
	height: 100%;
}

.rupay_content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	padding: 20px;
}

.rupay_content h5{
	color: #fff;
	font-size: 25px;
	font-weight: 900;
}

.bottom_right_btn{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.bottom_right_btn a{
	font-style: italic;
	color: #fff;
}

.slider_section.owl-carousel .bottom_right_btn a img{
	width: 15px;
	height: auto;
	margin-left: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.slider_section.owl-carousel .bottom_right_btn a:hover img{
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
}

.slider_section.owl-carousel .owl-nav .owl-prev,
.slider_section.owl-carousel .owl-nav .owl-next{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
}

.slider_section.owl-carousel .owl-nav .owl-prev{
	background: url("/images/rupay/left-arrow-white.png") no-repeat center center #2c2c2c;
	left: -30px;
}

.slider_section.owl-carousel .owl-nav .owl-next{
	background: url("/images/rupay/right-arrow-white.png") no-repeat center center #2c2c2c;
	right: -30px;
}

.everyone{
	background: url("/images/rupay/everyone-bg.jpg") no-repeat;
	background-size: cover;
	padding: 20% 5% 10%;
	color: #fff;
}

.everyone_content h5{
	font-size: 40px;
	font-weight: 900;
	margin-bottom: 30px;
}

.everyone_content p{
	max-width: 550px;
}

.everyone_btns{
	text-align: center;
}

.everyone_btns a{
	border: 1px solid #fff;
	color: #fff;
	width: 250px;
	padding: 15px 0;
	border-radius: 40px;
	margin: 0 10px;
	font-weight: 500;
}

.everyone_btns a:hover{
	color: #313131;
	background: #fff;
}

.rupay_card_section{
	background: url("/images/rupay/card-slider-bg.jpg") no-repeat;
	background-size: cover;
	padding: 10%;
}

.cards_offer{
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}

.cards_offer img.dropShadow{
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.25));
}

.offers p{
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

.cards_content{
	color: #fff;
	padding-right: 10%;
}

.cards_content h4{
	font-size: 35px;
	margin-bottom: 40px;
}

.cards_content p{
	margin-bottom: 40px;
}

.cards_content h6{
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.cards_btns{
	margin-top: 30px;
}

.cards_btns a{
	padding: 12px 40px;
	border-radius: 40px;
	margin-right: 20px;
	font-weight: 500;
}

.cards_btns a:first-child{
	border: 1px solid #fff;
	/* color: #fff; */
}

.cards_btns a:first-child:hover{
	color: #313131;
	background: #ffffff;
}

.cards_btns a:last-child{
	border: 1px solid #fff;
	background: #ffffff;
}

.cards_btns a:last-child:hover{
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
}

.rupay_card_slider.owl-carousel .owl-nav .owl-prev,
.rupay_card_slider.owl-carousel .owl-nav .owl-next{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
}

.rupay_card_slider.owl-carousel .owl-nav .owl-prev.disabled,
.rupay_card_slider.owl-carousel .owl-nav .owl-next.disabled{
	display: none;
}

.rupay_card_slider.owl-carousel .owl-nav .owl-prev{
	background: url("/images/rupay/left-arrow-black.png") no-repeat center center #ffffff;
	left: -100px;
}

.rupay_card_slider.owl-carousel .owl-nav .owl-next{
	background: url("/images/rupay/right-arrow-black.png") no-repeat center center #ffffff;
	right: -100px;
}

.articles{
	position: relative;
	padding: 5%;
}

.articles::before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 40%;
	background: #000213;
}

.article_head{
	position: relative;
	z-index: 1;
	color: #fff;
}

.article_head h3{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
}

.article_head p{
	max-width: 500px;
}

.article_slider{
	margin: 50px 0 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.article_card{
	position: relative;
	padding: 30px;
	min-height: 220px;
}

.boder_right{
	border-right: 1px solid #e5e6ea;
}

.article_card span{
	display: block;
	font-size: 14px;
	color: #a8acb9;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.article_card h5{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 20px;
}

.read_more_share{
	position: absolute;
	bottom: 30px;
}

.read_more_share a{
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 20px;
	letter-spacing: 1px;
	font-weight: 900;
	color: #ef711d;
}

.articles > a{
	display: block;
	text-align: center;
	font-weight: 500;
	max-width: 150px;
	background: #000213;
	border: 1px solid transparent;
	padding: 15px 0;
	color: #fff;
	margin: auto;
	border-radius: 40px;
}

.articles > a:hover{
	border: 1px solid #000213;
	color: #000213;
	background: transparent;
}

.subscribe{
	background: #222328;
	padding: 3% 5%;
}

.subscribe h6{
	font-size: 30px;
	font-weight: 900;
	color: #ffffff;
}

.subscribe input{
	width: 100%;
	padding: 15px 30px;
	border-radius: 40px;
}

.subscribe_div{
	position: relative;
}

.subscribe_div a,
.subscribe_div button{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #ef711d;
	font-weight: 900;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	top: 7px;
	right: 10px;
}

.subscribe_div a::before,
.subscribe_div button::before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

.subscribe_div a:hover,
.subscribe_div button:hover{
	background: #000213;
}

.subscribe_div span.success{
	color: #00b95a;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
	right: 0;
	margin-top: 5px;
}

/**************************/

.inner_banner{
	position: relative;
	background: #191c25;
	padding-bottom: 5%;
}

.inner_banner_content{
	position: absolute;
	top: 15%;
	left: 10%;
	color: #fff;
}

.inner_banner_content.top_20{
	top: 20%;
}

.inner_banner_content.top_30{
	top: 30%;
}

.inner_banner_content.top_40{
	top: 40%;
}

.inner_banner_content.top_50{
	top: 50%;
}

.inner_banner_content h1{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 40px;
}

.inner_banner_content h1 span{
	display: block;
	font-size: 100px;
}

.inner_banner_content a{
	background: #fff;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 40px;
}

.inner_banner_content a img {
    width: 15px;
    height: auto;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.inner_banner_content a:hover {
    color: #313131;
}

.inner_banner_content a:hover img {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.bg_logo{
	position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 5%;
    opacity: 0.1;
}

.inner_who_we_are{
	margin-top: -10%;
}

.inner_who_we_are a{
	position: absolute;
	right: 0;
	top: -8px;
	font-size: 14px;
	color: #333333;
	background: #ffffff;
	padding: 8px 20px;
    border-radius: 30px;
}

.inner_who_we_are a:hover{
	color: #ffffff;
	background: #ef711d;
}

.content_inner_page{
	padding: 5% 0;
}

.bg_grey{
	background: #efefef;
}

.list li{
	position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}

.list li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0;
    background: #ff8d3a;
    border-radius: 50%;
}

.banner_copy{
	position: relative;
	color: #ffffff;
	background: #2d3242;
	padding: 50px 0;
	margin: 4% 5% -10%;
	border-radius: 20px;
	z-index: 1;
}

.banner_copy > img{
	position: absolute;
	width: 50px;
	top: 10px;
	right: 10px;
}

.inner_title{
	position: relative;
	font-size: 22px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 500;
}

.inner_title::after{
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	background: #808284;
	bottom: 0;
	left: 0;
}

.banner_copy h4.inner_title::after{
	background: #ffffff;
}

.articles.inner_page_articles::before{
	display: none;
}

.articles.inner_page_articles{
	border-top: 10px solid #efefef;
}

.articles.inner_page_articles .article_head {
    color: #222222;
}

.articles.inner_page_articles .article_slider{
	margin: 30px 0 0;
}

/**************************/

.apply_now_form{
	position: absolute;
    top: 20%;
    z-index: 99;
    background: #fff;
    right: 5%;
    padding: 20px;
	max-width: 600px;
}

.forms{
	margin-top: 40px;
	font-weight: 500;
}

.input_container {
	position: relative;
	margin-bottom: 20px;
}

.input_container label {
    position: absolute;
    top: 10px;
    left: 0;
    color: #999999;
    cursor: text;
	margin: 0;
	font-size: 14px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out
}
.input_container input[type="text"]:disabled{
	padding-left: 5px;
}
.input_container .floatlabel,
.select_container select {
    font-size: 14px;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	border-radius: 0;
	font-weight: 500;
    width: 100%;
	padding: 10px 0;
	resize: none;
}

.input_container select.floatlabel {
	position: relative;
    background: url("/images/rupay/dropdown-arrow.svg") transparent no-repeat center right;
	cursor: pointer;
	z-index: 1;
}

.select_container label {
    cursor: pointer;
    z-index: 0;
}

.input_container .date-icon {
    position: absolute;
    top: 9px;
    right: 0;
    cursor: pointer;
}

.input_container .floatlabel.filled,
.input_container .floatlabel:focus {
    border-bottom: 1px solid #222328;
}

.input_container .floatlabel.filled+label,
.input_container .floatlabel:focus+label {
    font-size: 12px;
    top: -10px;
    left: 0;
    color: #ef711d;
}
.input_container label.card-no{
    top: -15px;
}
.radio_btns {
	margin: 0 0 20px;
	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.radio_btns .radio_option {
	position: relative;
	width: auto;
	margin-right: 25px
}
.radio_btns .radio_option:last-child {
	margin-right: 0
}
.radio_btns .radio_option label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}
.radio_btns .radio_option input {
	height: 1px;
	width: 1px;
	display: none;
	opacity: 0
}
.radio_btns .radio_option .outside {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 15px;
	height: 15px;
	border: 1px solid #555;
	border-radius: 50%;
	background: none
}
.radio_btns .radio_option .inside {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #555;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0)
}
.radio_btns .radio_option .no-transforms .inside {
	left: auto;
	top: auto;
	width: 0;
	height: 0
}
.radio_btns .radio_option input:checked+.outside .inside {
	-webkit-animation: radio-select 0.1s linear;
	animation: radio-select 0.1s linear;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.radio_btns .radio_option .no-transforms input:checked+.outside .inside {
	width: 10px;
	height: 10px
}

.error_msg{
	color: red;
	font-size: 12px;display: none;
}

.requestFormSuccessDiv, .applyNowSuccessDiv, .feedbackSuccessDiv, .CardNotIssuedBankSuccessDiv, .TFSuccessDiv, .NTAcptPOSSuccessDiv, .NTAcptWebSuccessDiv, .OtherSuccessDiv {
	display: none;
	color: green;
}

.preferredCCIssueDiv{
	display: none;
}

.form_btn{
	text-align: center;
}

.form_btn a,
.form_btn button{
	border: 1px solid #ef711d;
	background: #ef711d;
	color: #ffffff;
	padding: 10px 40px;
	font-size: 16px;
    border-radius: 40px;
    margin-right: 20px;
    font-weight: 500;
}

.form_btn a:hover,
.form_btn button:hover{
	background: #ffffff;
	color: #ef711d;
}

/**************************/

.address {
	margin: 20px 0 0;
	border-bottom: 1px solid #ddd;
}

.address:last-child{
	border-bottom: 0;
}

.address h5{
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 10px;
	color: #888888;
}

.form_accordion .card{
	border-radius: 0;
	margin-bottom: 20px;
}

.form_accordion .card .card-header{
	background-color: #fff;
	border-bottom: 0;
}

.form_accordion .card .card-header a{
	display: block;
	position: relative;
}

.form_accordion .card .card-header a:after{
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 7px;
	right: 0;
	border-top: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.3s ease;
}

.form_accordion .card .card-header a.collapsed:after{
	top: 5px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.accordion_form .radio_btns{
	margin-top: 20px;
}
.submit_btn a, 
.submit_btn button, 
.btn_solid,
.submit_btn a:focus, 
.submit_btn button:focus, 
.btn_solid:focus{
    background: #ff8d3a;
    color: #ffffff;
    border: 1px solid transparent;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 16px;
}


.submit_btn a:hover, .submit_btn button:hover, .btn_solid:hover,
.submit_btn a:visited, .submit_btn button:visited{
    background: transparent;
    color: #ff8d3a;
    border: 1px solid #ff8d3a;
}

/**************************/

.features_card {
	margin-bottom: 10%;
}

.features_card img{
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin: auto;
}

.features_card img.normal_img{
	width: 100%;
	height: auto;
	border-radius: 0;
}

.features_card h3{
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 20px;
}

.features_card p.bold{
	font-weight: 900;
}

.features_card ul li, .list ul li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 6px;
}

.features_card ul li:last-child{
	margin-bottom: 0;
}

.features_card ul li::before, .list ul li::before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: #ef711d;
	border-radius: 50%;
	left: 0;
	top: 8px;
}

.features_card a{
	color: #ef711d;
}

.features_card a:hover{
	color: #333333;
}

.features_card a.view_btn{
	color: #ffffff;
	background: #ef711d;
	border: 1px solid #ef711d;
	padding: 8px 25px;
	border-radius: 40px;
}

.features_card a.view_btn:hover{
	color: #ef711d;
	background: #ffffff;
}

.logo_slider{
	margin-top: 40px;
}

.logo_slider .logo_img img{
	border: 1px solid #d3d5dc;
	border-radius: 10px;
}

.logo_slider .owl-dots{
	text-align: center;
	margin-top: 20px;
}

.logo_slider .owl-dots .owl-dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #cccccc;
	border-radius: 50%;
	margin: 0 5px;
}

.logo_slider .owl-dots .owl-dot.active{
	background: #ef711d;
}

/**************************/

.category_offer{
	position: relative;
	margin-top: 40px;
}

.category_icons {
    text-align: center;
}

.category_icons a{
	display: block;
	background: #f7f7f7;
	padding: 20px 0;
	border-radius: 15px;
}

.category_icons a:hover{
	background: #eeeeee;
}

.category_icons span{
	display: block;
	/* margin-top: 15px; */
}

.category_offer .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.category_offer .owl-nav .owl-prev{
	position: absolute;
	left: -40px;
}

.category_offer .owl-nav .owl-prev::after,
.category_offer .owl-nav .owl-next::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
}

.category_offer .owl-nav .owl-prev::after{
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.category_offer .owl-nav .owl-next{
	position: absolute;
	right: -40px;
}

.category_offer .owl-nav .owl-next::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.category_offer .owl-nav .owl-prev.disabled,
.category_offer .owl-nav .owl-next.disabled{
	opacity: 0.2;
	cursor: auto;
}

.category_offer .owl-dots{
	text-align: center;
	margin-top: 20px;
}

.category_offer .owl-dots .owl-dot{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #cccccc;
	border-radius: 50%;
	margin: 0 5px;
}

.category_offer .owl-dots .owl-dot.active{
	background: #ef711d;
}

section.content_inner_page.offer_section select {
    border: 1px solid #ddd;
    padding: 6px 15px;
    margin-right: 20px;
    margin-left: 5px;
    border-radius: 5px;
	min-width: 200px;
	background: url(/images/rupay/dropdown-arrow.svg) transparent no-repeat center right 15px;
    cursor: pointer;
}

.filters ul li {
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	margin: 0 40px 40px 0;
	opacity: 0.6;
}

.filters ul li.active{
	font-weight: 900;
	opacity: 1;
}

.filters ul li.active::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ff8d3a;
	bottom: -10px;
}

.filter_card{
	text-align: center;
    background: #fff;
    padding: 20px 25px 60px;
    border-radius: 20px;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    height: 400px;
    overflow: auto;
    position: relative;
}
.filter_card::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
 
.filter_card::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 26px rgba(0,0,0,0.3); 
}
 
.filter_card::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 100px #ff8d3a; 
}
.filter_card span{
	font-weight: 700;
}
.filter_card img {
    /* height: auto; */
    /* width: 200px; */
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.filter_card h3{
	font-size: 20px;
	font-weight: 900;
	margin: 20px 0 50px;
}
.filter_card a.btn_solid {
    display: block;
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 15px;
    margin-top: 10px;
    max-width: 80%;
    margin: 20px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
}
.filter_card p{
	margin-bottom: 10px;
	line-height: 19px;
	word-break: break-word;
}

.festive_offers .filter_card{
	height: 310px;
}

.festive_offers .filter_card h5{
	font-size: 16px;
    margin-bottom: 15px;
    color: #777;
    font-weight: 500;
}

.offer_inner_btns span{
	display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 16px;
    border: 1px dashed #555;
    margin-right: 20px;
}

/******** SID 27-10-2020 ***********/

.ipo_upi_tabs{
    padding: 0 15px;
}

.ipo_upi_tabs ul{
    margin-bottom: 20px;
}

.ipo_upi_tabs ul li a.nav-link{
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 5px;
    margin-right: 25px;
    border-bottom: 2px solid transparent;
}

.ipo_upi_tabs ul li a.nav-link.active{
    color: #ef7f1b;
    border-bottom: 2px solid #ef7f1b;
}

.tab-content ol li,
.tab-content ul li{
    position: relative;
    padding-left: 25px;
}

.tab-content ol li::before,
.tab-content ul li::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    top: 7px;
    background: #ef711d;
}

/**************************/

.accordion {
	margin: 10px 0;
}

.accordion .accordion-item {
	margin-bottom: 20px;
	-o-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.accordion-header {
	padding: 20px 50px 20px 20px;
	background: #fff;
	cursor: pointer;
	position: relative;
	font-size: 18px;
	font-weight: 500;
}

.accordion-body {
	padding: 0 20px 20px 20px;
	display: none;
}

.accordion-body p:last-child{
	margin-bottom: 0;
}

.accordion-body ol li,
.accordion-body ul li{
	list-style: none;;
	position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
}

.accordion-body ol li::before,
.accordion-body ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0;
    background: #ff8d3a;
    border-radius: 50%;
}

.accordion-item .accordion-header:after {
	content: "";
	width: 15px;
	height: 3px;
	background: #ff8d3a;
	position: absolute;
	top: 30px;
	right: 24px;
}

.accordion-item .accordion-header:before {
	content: "";
	width: 3px;
	height: 16px;
	background: #ff8d3a;
	position: absolute;
	top: 23px;
	right: 30px;
}

.accordion-item.active > .accordion-header:before {
	content: none;
}

.accordion-item.active .js-accordion-header {
	position: relative;
	z-index: 5;
}

/**************************/

/**************************/

.sitemap_section a{
	position: relative;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-left: 20px;
}

.sitemap_section a::before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: #ef711d;
	border-radius: 50%;
	top: 8px;
	left: 0;
}

/**************************/



/**************************/

.feature_head h6 img.verticle{
	height: 40px;
	width: auto;
	vertical-align: bottom;
	border-radius: 3px;
	margin-left: 10px;
}
.key_content ul li{
	padding:0 0 10px 20px;
	position: relative;
}
.key_content ul li:before{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	left: 0;
	top: 8px;
	background: #ef711d;
}

/* Rupay Global Map */
.global_map {
	position: relative;
}
map>area,
map>area:active,
map>area:focus {
    outline: 0;
    border: 0
}

.mapZoom {
    position: absolute;
	display: none;
	animation: zoomIn 0.5s;
}

.mapZoom img{
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.15));
}

#mapZoomLatin-America {
	bottom: 40%;
	left: 35%;
}

#mapZoomNorth-America {
    top: 8%;
	left: 26%;
}

#mapZoomEmea {
	top: 25%;
	right: 35%;
}

#mapZoomApac {
    top: 20%;
    right: 22%;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.g-recaptcha{
	display: none;
}

/**************************/

.search{
	border-radius: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.search a{
	padding: 30px;
}

.search a:hover,
.search a:hover h2{
	color: #333333;
}

.search h2{
	font-size: 25px;
	font-weight: 900;
	margin-bottom: 20px;
	color: #ef711d;
	transition: all 0.3s ease;
}

.search p{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 0;
}

/**************************/

footer{
	padding:4% 5%;
}

.top_footer{
	border-bottom: 1px solid #d3d5dc;
	padding-bottom: 4%;
}

.footer_links p,
.footer_links ul li a{
	color: #757575;
	
}

.footer_links ul li a:hover{
	color: #313131;
}

.footer_links p{
	padding-right: 10%;
	margin: 20px 0 0;
}

.footer_links h3{
	/* text-transform: uppercase; */
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 20px;
	color: #222328;
}

.footer_links ul li{
	margin-bottom: 15px;
}

.bottom_footer{
	padding-top: 4%;
}

.social_footer h6{
	text-transform: uppercase;
	margin-bottom: 20px;
}

.social_footer a{
	margin-right: 20px;
	opacity: 0.8;
}

.social_footer a img{
	height: 16px;
}

.social_footer a:hover{
	opacity: 1;
}

.copyright{
	text-align: right;
	color: #757575;
}

/*****************************/
.offer-details {
	margin-bottom: 40px;
}
.offer-detail-cards {
    box-shadow: 0 20px 25px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 30px 15px;
    margin-bottom: 30px;
    min-height: auto;
    border: 1px solid #eee;
}
.offer-detail-cards:last-child{
	margin-bottom: 0;
}
.offer-detail-cards h5 {
    font-size: 20px;
    font-weight: 900;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #ff8d3a;
}
.offer-detail-cards h6 {
    font-weight: 900;
    margin-bottom: 10px;
}
.offer-detail-cards h4 {
    font-weight: 900;
	margin-bottom: 10px;
	font-size: 22px;
	margin-bottom: 20px;
}
.offer-detail-cards .card-img{
	/* border-radius: 10px; */
	/* border:1px solid #ccc; */
}
.offer-detail-cards ol li,
.offer-detail-cards ul li{
	position: relative;
    margin-bottom: 8px;
    padding-left: 20px;
}
.offer-detail-cards ol li a,
.offer-detail-cards ul li a{
	text-decoration: underline;
}
.offer-detail-cards ol li::before,
.offer-detail-cards ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0;
    background: #ff8d3a;
    border-radius: 50%;
}
.offer-detail-cards .text-center a{
	color: #ffffff;
    background: #ef711d;
    border: 1px solid #ef711d;
    padding: 8px 25px;
    border-radius: 40px;
}
.tab-section{
	margin: 50px 0 30px 0;
}
.content{
	overflow: hidden;
}
.content ol li{
	padding-bottom: 10px;
}
.content p{
	margin-bottom: 8px;
}
.did-you-know{
	background: #e6ecf3;
	padding: 40px 0;
}
.bg-grey {
    background: #efefef;
}
.tab-section {
    margin: 50px 0 30px 0;
}
.cardtabs {
    margin-bottom: 40px;
}
.cardtabs ul li {
    margin-right: 40px;
}
.cardtabs ul li a {
    position: relative;
    font-size: 18px;
    padding: 0;
    color: #aaaaaa;
}
.cardtabs ul li a.active {
    color: #000000;
}
.cardtabs ul li a.active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #ff8d3a;
    left: 0;
    bottom: -10px;
}
.inner_title_section {
    background: #000;
    text-align: center;
	padding: 10% 3% 5% 3%;
	margin-bottom: 30px;
}
.inner_title_section h2 {
    font-size: 40px;
    font-weight: 900;
	letter-spacing: 2px;
	color: #fff;
}
.color_orange{
	color: #ef711d;
}
.color_orange:hover{
	color: #222222;
}
.one-rupay-form{
	padding: 30px 0;
    background: #f1f1f1;
    width: 100%;
	position: absolute;
	bottom: -50px;
}
.one-nation-one-rupay ul li{
	width: 20%;
	padding:0 20px;
	text-align: center;
	margin-bottom: 30px;
}
.one-nation-one-rupay ul li .btn_solid{ 
	/* border-radius: 0; */
	padding:5px;
	display: block;
}

.modal-new .modal-header{
	padding: 10px 15px;
}
.modal-new .modal-title{
	font-size: 20px;
	color: #ff8d3a;
}
.gold-card {
	margin-top: 30px;
}
.gold-card p{
	color: #d0a761;
	margin: 0;
	font-weight: bold;
}
.gold-card a{
	background: #d0a761;
	border: 1px solid #d0a761;
	color: #fff;
	position: unset;
	padding: 9px 60px;
    margin: 13px 0;
}
.gold-card a:hover{
	background: transparent;
	color: #d0a761;
	border: 1px solid #d0a761;
}
.apply-for-credit .features_card img{
	border-radius: unset;
	width: auto;
	height: 225px;
	margin: 0;
}
.apply-for-credit .features_card h3{
	margin-top: 20px;
	margin-bottom: 10px;
}

/********** One RuPay *********/

.bg_dark{
	background: #000;
	padding-bottom: 10%;
}

.bg_dark h3.card_studio_title{
	font-weight: 900;
    color: #fff;
    margin-top: 60px;
    text-align: center;
    font-size: 40px;
}

.swiper-container {
	width: 100% !important;
	overflow: inherit !important;
	margin-top: 60px;
}

.swiper-slide {
	width: 250px !important;
}

.cards_cards{
	position: relative;
	text-align: center;
}

.cards_cards img{
	-webkit-box-reflect: below 0px linear-gradient(transparent, transparent, #0004);
}

.swiper-slide img.shadow_card{
	transform: rotateX(180deg);
    opacity: 0.2;
}

.positionCard{
	position: relative;
	z-index: 1;
}

.cards_cards a.btn_solid{
	position: absolute;
	z-index: 10;
	right: 50px;
	bottom: 55px;
	font-size: 16px;
	left: 50px;
	background: #ffffff;
	border: 0;
	color: #000000;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.cards_cards a.btn_solid:hover{
	background: #222222;
	color: #ffffff;
}

/**************************/

.rupay_business_content h3{
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 20px;
}

.rupay_business_content ul li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px;
}

.rupay_business_content ul li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    top: 8px;
    background: #ef711d;
}

/**************************/

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	border-bottom: 1px solid #cccccc;
	outline: 0 !important;
}

.btn-light {
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn {
    border: 0;
    padding: 9px 0;
}

.input_container  .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.btn-light.focus, .btn-light:focus {
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu {
    left: auto !important;
    right: -120px;
}

/************ Milestones *************/
  
article {
	position: relative;
}

.timeline__nav {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.timeline__nav.fixed{
	position: fixed;
}

.timeline__nav.hidden{
	opacity: 0;
	visibility: hidden;
}

.timeline__nav ul {
	text-align: right;
}

.timeline__nav ul li {
	font-size: 14px;
	margin: 10px 0;
	color: #aaaaaa;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.timeline__nav ul li span{
	display: inline-block;
	padding: 5px 15px;
}

.timeline__nav ul li.active span {	
	font-weight: 900;
	color: #ffffff;
	background: #ef7f1b;
	border-radius: 20px 0 0 20px;
}

.timeline__nav ul li:hover {
	color: #000;
}

.milestone{
	text-align: center;
	padding: 5% 15% 5% 5%;
}

.milestone:nth-child(even){
	background: #eeeeee;
}

.timeline_info h2{
	font-size: 25px;
    font-weight: 900;
    line-height: 50px;
}

.timeline_info h2 span{
	display: block;
	font-size: 60px;
	color: #d0a761;
}

.timeline_info h6{
	font-size: 15px;
	color: #999999;
	margin: 30px 0;
}
.cardtabs {
	margin-bottom: 40px;
}

.cardtabs ul li{
	margin-right: 40px;
}

.cardtabs ul li a{
	position: relative;
	font-size: 18px;
	padding: 0;
	color: #aaaaaa;
}

.cardtabs ul li a.active{
	color: #000000;
}

.cardtabs ul li a.active::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ff8d3a;
	left: 0;
	bottom: -10px;
}

/****** Select Booking *********/

.select_booking_blank{
	height: 100px;
	background: #231F20;
}

.select_booking_iframe iframe{
	width: 100%;
	height: 800px;
	border: 0;
}

/*************************/

/*error page*/
.error_section{text-align:center;padding:5% 0; background: #f1f1f1;}
.error_section img{width: 150px;height: auto; margin: 10px 0;}
.error_section h2{font-weight: 900; font-size:80px;margin-bottom:15px;line-height:1;color:#ff8d3a}
.error_section h2 span{display:block;font-size:20px;color:#2b2b2b}
.error_section p{margin-bottom: 15px; line-height: 20px;}
.error_section p a{text-decoration: underline; font-weight: bold;}



@media only screen and (min-device-width: 1536px) and (max-device-width: 2560px) {
	body,
	button,
	input,
	optgroup,
	select,
	textarea {
		font-size: 22px;
		line-height: 28px;
	}
	a{
		font-size: 22px;
	}
	ul li {
		font-size: 22px;
		line-height: 28px;
	}
	p{
		font-size: 20px;
		margin-bottom: 25px;
		line-height: 30px;
	}

	header .navigation nav ul li a {
		font-size: 18px;
	}

	.banner_content h1 {
		font-size: 50px;
		margin-bottom: 50px;
	}

	.banner_content h1 span {
		font-size: 140px;
	}

	.banner_content a {
		padding: 20px 40px;
		border-radius: 60px;
	}

	.banner_slider .owl-dots {
		top: 65%;
	}

	.key_width {
		max-width: 1500px;
	}

	.owl-carousel .owl-item .feature_head h6 img {
		width: auto;
	}

	.card_key_features::before {
		font-size: 450px;
	}

	.card_key_features.contactless_card::before{
		font-size: 320px;
	}

	.card_key_features.nth_rewards::before{
		font-size: 300px;
	}

	.card_key_features.international_acc::before,
	.card_key_features.offer_exp::before{
		font-size: 150px;
	}

	.feature_head h6 {
		font-size: 25px;
	}

	.feature_head h6 img.verticle{
		height: auto;
    }

	.key_content h5 {
		font-size: 22px;
		margin-bottom: 25px;
	}

	.slider_section.owl-carousel .owl-item img {
		width: 100%;
	}

	.rupay_content {
		padding: 40px;
	}

	.rupay_content h5 {
		font-size: 40px;
	}

	.rupay_card h4{
		font-size: 28px;
	}

	.everyone_content h5 {
		font-size: 50px;
		margin-bottom: 40px;
	}

	.everyone_content p {
		max-width: 700px;
	}

	.everyone_btns a {
		width: 300px;
		padding: 20px 0;
		border-radius: 60px;
	}

	.cards_content h4 {
		font-size: 45px;
	}

	.cards_content h6 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.cards_btns a {
		padding: 20px 50px;
		border-radius: 60px;
		margin-right: 30px;
	}

	.offers p {
		font-size: 20px;
		margin-top: 20px;
	}

	.article_head h3 {
		font-size: 50px;
	}

	.article_card span {
		font-size: 16px;
	}

	.article_card h5 {
		font-size: 35px;
		margin-bottom: 25px;
	}

	.read_more_share a {
		font-size: 16px;
		margin-right: 30px;
	}

	.articles > a {
		max-width: 250px;
		padding: 20px 0;
		border-radius: 60px;
	}

	/**************/

	.inner_title {
		font-size: 30px;
	}

	.apply_now_form {
		padding: 30px;
	}

	.radio_btns .radio_option label {
		font-size: 20px;
	}

	.input_container label {
		font-size: 20px;
	}

	.input_container .floatlabel, .select_container select {
		font-size: 20px;
	}

	.radio_btns .radio_option .outside {
		top: 6px;
	}

	/**************/

	.rupay_business_content h3 {
		font-size: 26px;
	}

	.rupay_business_content ul li {
		font-size: 20px;
	}

	/**************/

	.subscribe h6 {
		font-size: 50px;
	}

	.subscribe input {
		padding: 20px;
	}

	.footer_links h3 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.footer_links ul li {
		margin-bottom: 20px;
	}

	.social_footer h6 {
		font-size: 18px;
	}

	.social_footer a {
		margin-right: 25px;
	}

	.social_footer a img {
		height: 22px;
	}

	.submit_btn a, .submit_btn button, .btn_solid{
		padding: 10px 40px;
		border-radius: 80px;
		font-size: 18px;

    }

}

@media only screen and (max-width:1024px) {

	header .main_header {
		padding: 0 30px;
	}

	header .navigation > nav > ul > li {
		margin-left: 45px;
	}

	.banner_content h1 span {
		font-size: 65px;
	}

	.banner_slider .owl-dots {
		top: 60%;
	}

	.key_width {
		max-width: 900px;
	}

	.rupay_card_slider.owl-carousel .owl-nav .owl-next {
		right: -80px;
	}

	.rupay_card_slider.owl-carousel .owl-nav .owl-prev {
		left: -80px;
	}

	.banner_copy {
		padding: 50px;
	}

	.features_card img {
		width: 170px;
		height: 170px;
	}

	.category_offer .owl-nav .owl-next {
		right: -30px;
	}

	.category_offer .owl-nav .owl-prev {
		left: -30px;
	}

	.timeline{
		width:100%;
	}

	/* Rupay 2.0 start */

	.rurightInfo h1 {
		font-size: 30px;
	}
	.rurightInfo {
		padding: 0 10% 0 5%;
	}
	.ruWearable .mobrow {
		margin: 0;
	}
	.ru20Header .main_header {
		padding: 0 30px;
	}
	.ru20Header .navigation nav ul li a {
		font-size: 16px;
	}
	.ru20Header .navigation > nav > ul > li {
		margin-left: 30px;
	}
	.ru20Header .navigation nav > ul > li > a.m_nav::after {
		right: -20px;
	}
	.key_width_rupay {
		max-width: 960px;
	}
	.inbannerCont.headLine {
		height: auto;
	}
	.inbannerCont h1 {
		font-size: 75px;
		line-height: 70px;
	}
	.rupaybanCont {
		background-position: 4%;
		background-size: 48%;
		padding: 20px 30px;
	}
	.key_width_rupay20 {
		max-width: 960px;
	}
	#rupayVideoSlider .modal-dialog {
		max-width: 960px;
		margin: 15rem auto;
	}
	#rupayVideoSlider .add_rupay_video{
		display: inline-block;
    	width: 100%;
	}
	#ruPaySlider .rupay_content {
		min-height: 125px;
	}
	.rupay20_Video iframe {
        height: auto;
        border-radius: 0;
    }
	/* Rupay 2.0 End */

}

@media only screen and (max-width:991px) {
	p{
		margin-bottom: 15px;
	}
	header .navigation > nav > ul > li {
		margin-left: 20px;
	}
	header .navigation nav ul li a {
		font-size: 16px;
	}
	header .navigation nav ul li.search_icon::before {
		width: 40px;
		left: -12px;
	}
	header .navigation nav ul li.search_icon a img {
		width: 15px;
	}
	.banner_content {
		top: 15%;
	}
	.banner_slider .owl-dots {
		top: 45%;
	}
	.card_key_features {
		padding: 0 5%;
	}
	.card_key_features::before {
		font-size: 180px;
	}
	.cards_offer {
		margin-top: 40px;
	}
	.rupay_card_slider .owl-dots{
		text-align: center;
		margin-top: 20px;
	}
	.rupay_card_slider .owl-dots button{
		display: inline-block;
		width: 10px;
		height: 10px;
		border: 2px solid #ef711d;
		margin: 0 5px;
		border-radius: 50%;
	}
	.rupay_card_slider .owl-dots button.active {
		background: #ef711d;
	}
	.inner_who_we_are {
		margin-top: 0;
	}
	.features_card{
		text-align: center;
		margin-bottom: 40px;
	}
	.features_card h3 {
		margin: 20px 0 20px;
	}
	.subscribe h6{
		margin-bottom: 20px;
	}

	.milestone {
		padding: 5% 20% 5% 5%;
	}

	.select_booking_iframe iframe{
		height: 1120px;
	}

	.offer_inner_btns span{
		margin-right: 20px;
		margin-bottom: 20px;
	}

	/* Universal sampo landing 2 page css  End*/
    .banner_content.sompoBanner {
        top: 20%;
    }
    .universalIns h1 {
        padding-top: 50%;
    }
    .banner_content.uni-sompo-banner {
        top: 20%;
    }
	.mainUniSompo p span.buyInsPolicy{
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-size: 18px;
	}
    /* Universal sampo landing 2 page css  End*/

	/* Rupay 2.0 start */

	.rurightInfo h1 {
		font-size: 30px;
	}
	.rurightInfo {
		padding: 0 10% 0 5%;
	}
	.ruWearable .mobrow {
		margin: 0;
	}
	.ru20Header .main_header {
		padding: 0 15px;
	}
	.ru20Header .navigation nav ul li a {
		font-size: 13px;
	}
	.ru20Header .navigation > nav > ul > li {
		margin-left: 22px;
	}
	.ru20Header .navigation nav > ul > li > a.m_nav::after {
		right: -15px;
	}
	.key_width_rupay {
		max-width: 720px;
	}
	.inbannerCont.headLine {
		height: auto;
	}
	.inbannerCont h1 {
		font-size: 75px;
		line-height: 70px;
	}
	.rupaybanCont {
		background-position: 4%;
		background-size: 48%;
		padding: 20px 30px;
	}
	.key_width_rupay20 {
		max-width: 720px;
	}
	#rupayVideoSlider .modal-dialog {
		max-width: 720px;
		margin: 15rem auto;
	}
	#rupayVideoSlider .add_rupay_video{
		display: inline-block;
    	width: 100%;
	}
	.rupay20_Video iframe {
        height: auto;
        border-radius: 0;
    }
	/* Rupay 2.0 End */
	
}

@media only screen and (max-width:767px) {
	.hiddenDesktop {
        display: block;
    }
    .hiddenMobile {
        display: none;
    }
	.menu-height {
		height: 73px;
	}

	header .main_header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	header .logo{
		display: inline-block;
		margin-left: 10px;
	}

	header .logo a img {
		width: 150px;
	}

	header .navigation nav ul li.search_icon{
		display: none;
	}

	header .main_header .mobile_nav{
		display: block;
		text-align: right;
	}

	header .main_header .mobile_nav a.search_icon{
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
	}

	header .main_header .mobile_nav a.search_icon img{
		width: 20px;
	}

	header .main_header .mobile_nav .search_container{
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		border: 1px solid #ddd;
	}
	
	header .main_header .mobile_nav .search_container input{
		width: 100%;
		padding: 10px 60px 10px 10px;
	}
	
	header .main_header .mobile_nav .search_container a{
		background: #ff8d3a;
		color: #fff;
		line-height: normal;
		padding: 12px;
		position: absolute;
		right: 0;
		height: 100%;
	}

	header .main_header .mobile_nav .hamburger{
		display: inline-block;
	}
	
	header .main_header .mobile_nav .hamburger span{
		position: relative;
		transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
		transition: all 0ms 300ms;
		display: block;
	}

	header .main_header .mobile_nav .hamburger span {
		background: #fff;
		width: 20px;
		height: 2px;
	}

	header .main_header .mobile_nav .hamburger span:before{
		background: #fff;
		width: 25px;
		height: 2px;
	}

	header .main_header .mobile_nav .hamburger span:after{
		background: #fff;
		width: 15px;
		height: 2px;
	}

	header .main_header .mobile_nav .hamburger span:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 6px;
		transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	header .main_header .mobile_nav .hamburger span:after {
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	header .main_header .mobile_nav .hamburger.active span{
        background: rgba(255, 255, 255, 0);
    }

    header .main_header .mobile_nav .hamburger.active span:after{
		background: #ff8d3a;
        top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		width: 20px;
    }

    header .main_header .mobile_nav .hamburger.active span:before {
		background: #ff8d3a;
        bottom: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
		width: 20px;
    }

	header .navigation{
		opacity: 0;
		visibility: hidden;
		position: absolute;
		background: #fafafa;
		padding: 30px;
		top: 100%;
		right: 0;
		left: 0;
		width: 100%;
		text-align: left;
		height: 100vh;
		z-index: 9999;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
	}

	header .navigation.active{
		opacity: 1;
		visibility: visible;
	}

	header .main_header {
		padding: 15px;
		height: auto;
	}

	header .navigation > nav > ul > li {
		display: block;
		margin-left: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		min-height: auto;
	}

	header .main_header.sticky ul li{
		min-height: auto;
	}

	header .main_header.sticky ul li a{
		line-height: normal;
	}

	header .navigation nav ul li a {
		color: #222222;
		display: block;
		line-height: normal;
	}

	header .main_header.sticky {
		height: auto;
		background: #000;
	}

	header .navigation nav ul li > .dropdown_nav{
		display: none;
		opacity: 1;
		visibility: visible;
		position: relative;
		background: #f8f8f8;
		padding: 15px;
		box-shadow: none;
		margin-top: 10px;
	}

	header .navigation nav ul li > .dropdown_nav.active {
		display: block;
	}

	header .navigation nav ul li .dropdown_nav li .dropdown_nav {
		top: 0;
		left: 0;
	}

	header .navigation nav > ul > li > a.m_nav::after {
		top: 6px;
		right: 0;
		border-top: 6px solid #ff8d3a;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	header .navigation nav > ul > li > a.m_nav.rotateArrow::after{
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}

	header .navigation nav ul li .dropdown_nav li a.sub_nav_arrow::after {
		position: absolute;
		border-top: 5px solid #999999;
		border-bottom: 0;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		margin-left: 0;
		top: 7px;
		right: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	header .navigation nav ul li .dropdown_nav li a.sub_nav_arrow.rotateArrow::after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}

	/***************/

	/* .banner_slider {
		height: 400px;
	} */

	.banner_slider.owl-carousel .owl-item img{
		height: 600px;
		object-fit: cover;
	}

	.inner_spotlight {
		margin-bottom: 40px;
	}

	.inner_spotlight .banner_slider.owl-carousel .owl-item img{
		height: auto;
		object-fit: none;
	}
	
	.inner_spotlight .banner_slider .banner_content{
		top: 40%;
		padding: 0;
	}

	.inner_spotlight .banner_slider .owl-dots {
		bottom: 20px;
	}

	.banner_content {
		width: 100%;
		text-align: center;
		top: 20%;
		left: 0;
		padding: 50% 4% 0;
	}

	.banner_content h1 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.banner_content h1 span {
		font-size: 30px;
	}

	.inner_banner_content h1 span img{
		display: block;
		margin: 10px auto 0;
	}

	.banner_slider .owl-dots {
		top: 50%;
	}

	.card_key_features::before {
		display: none;
	}

	.card_key_features {
		padding: 10%;
	}

	.feature_head h6 {
		display: flex;
		font-size: 16px;
		align-items: center;
		width: 70%;
	}

	.feature_head {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	.banner_slider.owl-carousel .owl-item .feature_head h6 > img{
		height: auto;
	}

	.key_content p{
		margin-bottom: 30px;
	}

	.key_content .row .col-lg-4:last-child p{
		margin-bottom: 0;
	}

	.rupay_slider .owl-dots,
	.rupay_card_slider .owl-dots,
	.article_slider .owl-dots{
		text-align: center;
	}

	.article_slider .owl-dots{
		padding-bottom: 20px;
	}

	.rupay_slider .owl-dots button,
	.rupay_card_slider .owl-dots button,
	.article_slider .owl-dots button{
		display: inline-block;
		width: 10px;
		height: 10px;
		border: 2px solid #ef711d;
		margin: 0 5px;
		border-radius: 50%;
	}

	.rupay_slider .owl-dots button.active,
	.rupay_card_slider .owl-dots button.active,
	.article_slider .owl-dots button.active {
		background: #ef711d;
	}
	.subscribe_div a, .subscribe_div button{
		top: 2px;
    	right: 3px;
	}

	.everyone {
		background-position-x: center;
		padding: 40% 15% 10%;
	}

	.everyone_content h5 {
		font-size: 25px;
		margin-bottom: 15px;
	}

	.everyone_content p{
		display: none;
	}

	.everyone_btns{
		margin-top: 30px;
	}

	.everyone_btns a {
		display: block;
		width: auto;
		margin: 0 0 20px;
	}

	.onRight{
		order: 0;
	}

	.cards_offer {
		padding: 10px;
		margin-top: 0;
	}

	.owl-carousel .owl-item .offers img {
		height: 20px;
	}

	.offers p {
		font-size: 13px;
	}

	.cards_content {
		padding-right: 0;
		margin-top: 30px;
	}

	.cards_btns {
		margin-top: 0;
	}

	.cards_btns a {
		display: block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.boder_right {
		border-right: 0;
	}

	.subscribe {
		padding: 10%;
	}

	.subscribe h6 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.subscribe input {
		text-align: left;
		padding: 10px 30px;
	}

	.subscribe_div a{
		width: 35px;
		height: 35px;
		top: 5px;
		right: 6px;
	}

	.subscribe_div a::before {
		right: 14px;
	}

	/*******************/
	.inner_banner {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.inner_banner figure{
		margin-bottom: 0;
	}

	.inner_banner_content {
		width: 100%;
		text-align: center;
		top: 14%;
		left: 0;
		padding: 0 4%;
	}

	.inner_banner_content.m_top_fixed{
		top: 120px;
	}

	.inner_banner_content.m_top_5{
		top: 5%;
	}

	.inner_banner_content.m_top_10{
		top: 10%;
	}

	.inner_banner_content.m_top_15{
		top: 15%;
	}

	.inner_banner_content.m_top_20{
		top: 20%;
	}

	.inner_banner_content.m_top_30{
		top: 30%;
	}

	.inner_banner_content.m_top_40{
		top: 40%;
	}

	.inner_banner_content h1 {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.inner_banner_content h1 span {
		font-size: 30px;
	}

	.bg_logo {
		bottom: 0;
	}

	.banner_copy {
		padding: 30px;
		margin: 0 5% 0;
	}

	.banner_copy > img {
		width: 40px;
	}

	.inner_title {
		padding-bottom: 15px;
    	margin-bottom: 15px;
		font-size: 18px;
	}

	/*******************/

	.input_container {
		margin-bottom: 20px;
	}

	.radio_btns {
		margin: 20px 0;
	}

	.apply_now_form {
		position: relative;
		top: 0;
		right: 0;
	}

	.features_card ul li {
		text-align: left;
	}
	
	/*******************/

	.form_accordion{
		margin-top: 20px;
		background: #efefef;
		padding: 20px;
	}

	.form_accordion .card:last-child{
		margin-bottom: 0;
	}

	/*******************/

	.inner_who_we_are a,
	.inner_who_we_are a:hover {
		top: 0;
		color: #ef711d;
		background: transparent;
		padding: 0;
	}

	/*********************/

	.filters ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 20px;
	}

	.filters ul li {
		font-size: 18px;
		margin: 0 30px 20px 0;
	}
	.filter_card{
		height: auto;
	}

	section.content_inner_page.offer_section select {
		width: 100%;
		margin: 10px 0 10px;
	}

	/*******************/

	.feature_head h6 img,
	.feature_head h6 img.verticle{
		display: none;
	}
	
	/*******************/

	.rupay_business_img{
		margin-bottom: 20px;
	}

	.card_in_mobile img{
    	filter: drop-shadow(0px 0px 40px rgba(255,255,255,0.2));
	}

	/********* Map *******/

	.mapZoom img{
		width: 100px;
	}
	
	#mapZoomLatin-America {
		bottom: 40%;
		left: 35%;
	}
	
	#mapZoomNorth-America {
		top: -15%;
	}
	
	#mapZoomEmea {
		top: 5%;
		right: 25%;
	}
	
	#mapZoomApac {
		top: -5%;
		right: 10%;
	}

	/*******************/

	.swiper-container {
		overflow: hidden !important;
		margin-top: 20px !important;
	}

	.cards_cards img {
		-webkit-box-reflect: inherit;
	}

	.bg_dark h3.card_studio_title{
		font-size: 30px;
	}

	/*******************/

	footer {
		padding: 10%;
	}

	.footer_links p {
		padding-right: 0;
		margin: 15px 0 40px;
	}

	.footer_links h3 {
		position: relative;
		font-size: 16px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

	.footer_links h3::after {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		border-top: 2px solid #ef7f1b;
		border-right: 2px solid #ef7f1b;
		top: 4px;
		right: 0;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
	}

	.footer_links h3.rotateArrow::after {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}

	.footer_links ul {
		display: none;
		margin-top: 15px;
	}

	.top_footer {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.copyright {
		text-align: center;
		margin-top: 30px;
	}

	.submit_btn a,  .submit_btn button, .btn_solid {
        font-size: 14px;
	}
	
	.offer-detail-cards {
		padding: 20px 0px;
	}
	.offer-detail-cards .logo-img{
		margin-top: 20px;
	}
	.offer-detail-cards:last-child{
		margin-bottom: 30px;
	}
	.offer-detail-cards.mobile-margin0{
		margin: 0;
		margin-bottom: 25px;
	}
	.offer-detail-cards a{
		margin-top: 15px;
	}
	.filter_card{
		padding: 20px 25px 25px;
	}
	.filter_card a.btn_solid{
		position: unset;
	}
	.inner_title_section {
		padding:25% 15% 5%;
	}
	.inner_title_section h2 {
		font-size: 26px;
		letter-spacing: 1px;
	}

	.one-nation-one-rupay ul li{
		width: 50%;
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.modal-new .form_accordion{
		padding: 0;
		background: #fff;
	}

	.gold-card a{
		background: #d0a761;
		color: #fff;
		padding: 10px 60px;
	}
	.apply-for-credit .features_card{
		text-align: left;
		margin: auto;
		margin-bottom: 25px;
	}
	.apply-for-credit .features_card img{
		width: 100%;
		height: auto;
		margin: auto;
	}
	.apply-for-credit .features_card h3{
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.timeline__nav{
		display: none;
	}

	.milestone {
		padding: 10%;
	}

	.timeline_info h2 {
		font-size: 16px;
		line-height: 30px;
	}

	.timeline_info h2 span {
		font-size: 25px;
	}

	.timeline_info h6 {
		font-size: 14px;
		margin: 20px 0;
	}

	.cardtabs ul{
		flex-wrap: nowrap;
	}

	.cardtabs ul li {
		margin-right: 20px;
	}

	.cardtabs ul li:last-child {
		margin-right: 0;
	}

	.cardtabs ul li a {
		font-size: 16px;
		line-height: 20px;
	}

	.select_booking_iframe iframe{
		height: 1250px;
	}

	.ipo_upi_tabs ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.ipo_upi_tabs ul li {
		overflow: hidden;
		flex: 0 0 auto;
	}

	.offer_inner_btns{
		text-align: center;
	}

	.offer_inner_btns span{
		display: block;
		margin-right: 0;
		margin-bottom: 0;
		font-size: 14px;
	}

	.offer_inner_btns a{
		display: block;
	}

	/* Universal sampo landing 2 page css  End*/
    .banner_content.sompoBanner {
        top: 20%;
    }
    .universalIns h1 {
        padding-top: 50%;
    }
    .banner_content.uni-sompo-banner {
        top: 20%;
    }
    /* Universal sampo landing 2 page css  End*/

	/* Rupay 2.0 start */
	.ruWearable .mobrow{
		margin: 0;
	}
	.rurightInfo {
		padding: 10% 0 0 0;
	}
	.autoPaypad {
		padding: 10% 0 0 0;
	}
	.rurightInfo h1 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.ruWearable {
		padding: 5% 0;
	}
	.manRcontLess {
		padding: 7% 0;
	}
	.ruContHead {
		height: auto;
	}
	.ruContHead h1 {
		font-size: 25px;
		margin-bottom: 15px;
	}
	.ruContDesc {
		height: auto;
	}
	.key_width_rupay {
		max-width: 1150px;
		margin: 0 15px;
	}
	.rupaybanCont {
		padding: 30px 30px;
		background-position: 0;
    	background-size: 100%;
	}
	.inbannerCont.headLine {
		height: auto;
	}
	.inbannerCont h1 {
		font-size: 50px;
		line-height: 45px;
		margin-bottom: 10px;
	}
	#rupayVideoSlider .modal-dialog {
		margin: 15rem 15px;
	}
	.header.ru20Header .logo a img {
		width: 120px;
	}
	.rupay20Slider {
		padding: 10% 5% 5% !important;
	}
	.rupay20_Video video {
		border-radius: 0;
	}
	#ruPaySlider .rupay_content {
		min-height: auto;
	}
	.rurightInfo h1 span img {
		width: 10%;
	}
	.ru20Feat h1 {
		font-size: 25px;
	}
	.ru20Header .main_header {
		padding: 15px 15px;
	}
	.ruContDesc p a {
		padding: 3px 12px;
	}
	.rupay20_Video iframe {
        height: auto;
        border-radius: 0;
    }
	/* Rupay 2.0 end */

}
@media only screen and (max-width: 360px){
	.banner_slider.owl-carousel .owl-item img {
		height: 520px;
	}
	header .logo a img {
		width: 145px;
	}

}



