/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{font-size:inherit !important;}
body {
  font-family: 'Work Sans', sans-serif;
  color: #444444;
}

a {
  color: #009cea;
}

a:hover {
  color: #1eb4ff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif !important;
}

.btn-subscribe {
	background: #f91628;
	color: #fff;
	position: absolute;
    right: 15px;
    top: 0;
}

/*new header start*/
.transition_scroll a{ transition:0.5s all;}
.FR {
    float: right;
}
.ico { background: url(https://www.moneycontrol.com/gamechangers/shubham-agarwal/assets/images/sprite.png) no-repeat; }
@font-face { font-family: 'robotoitalic'; src: url('https://www.moneycontrol.com/commonfiles/font/roboto-italic-webfont.woff2?classic=true') format('woff2'), url('https://www.moneycontrol.com/commonfiles/font/roboto-italic-webfont.woff?classic=true') format('woff'), url('https://www.moneycontrol.com/commonfiles/font/roboto-italic.ttf?classic=true') format('trutype'), url('https://www.moneycontrol.com/commonfiles/font/roboto-italic.eot?classic=true') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotolight_italic'; src: url('https://www.moneycontrol.com/commonfiles/font/roboto-lightitalic-webfont.woff2?classic=true') format('woff2'), url('https://www.moneycontrol.com/commonfiles/font/roboto-lightitalic-webfont.woff?classic=true') format('woff'), url('https://www.moneycontrol.com/commonfiles/font/roboto-lightitalic.ttf?classic=true') format('trutype'), url('https://www.moneycontrol.com/commonfiles/font/roboto-lightitalic.eot?classic=true') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotoregular'; src: url('https://www.moneycontrol.com/commonfiles/font/roboto-regular-webfont.woff2?classic=true') format('woff2'), url('https://www.moneycontrol.com/commonfiles/font/roboto-regular-webfont.woff?classic=true') format('woff'), url('https://www.moneycontrol.com/commonfiles/font/roboto-regular.ttf?classic=true') format('trutype'), url('https://www.moneycontrol.com/commonfiles/font/roboto-regular.eot?classic=true') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold'; src: url('https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff2?classic=true') format('woff2'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff?classic=true') format('woff'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bold.ttf?classic=true') format('trutype'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bold.eot?classic=true') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold_italic'; src: url('https://www.moneycontrol.com/commonfiles/font/roboto-bolditalic-webfont.woff2?classic=true') format('woff2'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bolditalic-webfont.woff?classic=true') format('woff'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bolditalic.ttf?classic=true') format('trutype'), url('https://www.moneycontrol.com/commonfiles/font/roboto-bolditalic.eot?classic=true') format('eot'); font-weight: normal; font-style: normal; }
.gccontainer { width: 1170px; margin: 0 auto; padding-left:15px; padding-right:15px; }
header {  position: fixed; top: 0px; width: 100%; background: #fff; z-index: 999;}
.headtop { background: #f6f8fb; padding: 10px; }
.headtop .backtomc { float: left; font: 13px 'robotoitalic', sans-serif; color: #202020; }
.headtop nav { float: right; margin: 3px 35px 0 0; }
.headtop nav li { padding: 0 10px; border-right: 1px solid #a7a7a8; float: left; }
.headtop nav li a { text-transform: uppercase; color: #666666; font: 11px/11px 'robotomedium', sans-serif; display: block;}
a:hover, a:focus { text-decoration:none;}
.loginlist { z-index:99; position:absolute; background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 10px; top:35px;} 
.headtop nav li .loginlist li { float:none; display:block; border:none; border-bottom:1px solid #ddd; padding:8px 5px;}
.headtop nav li .loginlist li:last-child { border:none;} 
.headtop nav li .loginlist li a { text-transform:capitalize; font:11px/11px 'robotoregular', sans-serif;}
.loginlist:before { content:""; width:20px; height:10px; background:url(../images/sprite.png) -276px -127px no-repeat; position:absolute; top:-9px; left:50%; margin-left:-10px;} 
.dropdown-menu { display:none;}
.open .dropdown-menu { display:block;}

.ic_email { background-position: -70px -5px; width: 15px; height: 12px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 2px;}
.in_icn8 { background-position: -5px -6px; display: inline-block; width: 20px; height: 20px; }
.user_logn { background-position:-79px -127px; display:inline-block; width:11px; height:11px; vertical-align: middle; margin: -1px 0 0 0; }
.headtop nav li:last-child { border: none; }
.headin { padding: 10px 0; position: relative; }
.headin:after { border-top: 1px solid #e2e2e2; content: ""; position: absolute; bottom: 50px; left: 0px; width: 100%; }
.gc_logo { float: left; position: relative; z-index: 9; background: #fff; padding: 0 20px; margin-left: -20px;}
.gc_logo a:hover  { text-decoration:none;}
.gc_logo img { display:block;}
.gc_logo span { margin-top:2px; text-align:center; display:block; color:#202020; font:700 13px 'robotoregular', sans-serif;}
.gc_logo span em { color:#202020; font:13px 'robotolight_italic', sans-serif;}
.headin nav { float: left; padding-left: 70px; margin-top:25px;}
.headin nav ul { position:relative; z-index:9;}
.headin nav ul li { float: left; }
.headin nav ul li a { padding:8px 15px; border-bottom: 3px solid transparent; text-transform: uppercase; font: 15px 'robotobold', sans-serif; color: #202020; display: inline-block; vertical-align: middle; }
.headin nav ul li .carat_down { vertical-align: middle; display: inline-block; border-top: 4px solid #202020; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-top: -2px; }
.headin nav ul li:hover a, .headin nav ul li.active a { color: #2f669e; border-bottom: 3px solid #2f669e; text-decoration:none; }
.headin nav ul li:hover a .carat_down, .headin nav ul li.active a .carat_down { border-top: 4px solid #2f669e; }
.headin nav ul li ul { border: none; display: none; position: absolute; width:500px; top: 40px; padding:0 5px; left:0px;}
.headin nav ul li.active ul li a { padding: 10px; color: #202020; border: none; font: 14px 'robotoregular', sans-serif; text-transform: capitalize; }
.headin nav ul li.active ul li.active a, .headin nav ul li.active ul li a:hover  { color: #e19400; }
.headin nav ul li.active ul { display: block; }
.chirstmas_offer { float:right; margin-top:30px; position:relative; z-index:10;}
.chirstmas_offer img { display:block;}
.fixhead {}
.fixhead header { border-bottom: 1px solid #1765a5; }
.fixhead header .headtop { display:none;}
.fixhead header .gc_logo a { display:block; width:80px;}
.fixhead header .gc_logo img { display:block; width:100%; height:auto;}
.fixhead header .gc_logo span, header.fixhead .gc_logo span em { font-size:8px;}
.fixhead header nav { margin:0px;}
.fixhead header .chirstmas_offer { margin:0px;}
.fixhead header .headin nav ul li a { padding:5px 15px;}
.fixhead header .headin nav ul li ul { top:30px;}
.fixhead header .headin:after { bottom:46px;}
.plan-card a{display:block; text-decoration:none !important;}
.plan-card-head.btncard{border-radius:30px; padding:10px 20px; color:#fff;}

/*new header end*/

/*footer start*/
footer { background: #f6f8fb; padding: 25px 0; border-top: 4px solid #fff; text-align: center; }
footer ul li { display: inline; border-right: 1px solid #cecfd1; padding: 0 10px; }
footer ul li:last-child { border: none; }
footer ul li a { font: 16px/16px 'robotoregular', sans-serif; color: #333333; display: inline-block; }
footer p { color: #666666; font: 13px 'robotoregular', sans-serif; margin-top: 15px; }
/*footer end*/


.first_coltrial{ min-height:290px; padding-top:40px !important;}
.first_coltrial .btncard{ margin-top:70px;}

/*verify pop up start*/
.verify_popup .signheading {font:800 17px/30px 'Open Sans',sans-serif; color: #616161; text-transform: uppercase; text-align: center;}
.verify_popup .signheading_sub {font:800 15px 'Open Sans',sans-serif; color: #999999; text-transform: uppercase; text-align: center;}
.verify_popup .top-block {padding: 10px 20px;}
.verify_popup .signup_verificationbx{ color:#333333; font:400 15px/24px 'Open Sans',Arial, sans-serif; text-align:center;}
.verify_popup .signup_verificationbx p{margin-top:15px;}
.verify_popup .green_verify{color:#4caf50; font:600 14px 'Open Sans',Arial, sans-serif;}
.verify_popup .btn_otp{ color:#fff !important; font:400 14px 'Open Sans',Arial, sans-serif; display:inline-block; padding:5px 20px; border-radius:3px; background:#00a453; text-decoration:none !important;}
.verify_popup .signingraybg {background-color: #999999; font:400 18px/30px 'Open Sans',sans-serif; text-align: center; padding:10px; text-transform: uppercase; color: #fff; display: block; text-decoration: none; width: 99.5%; border: none; cursor: pointer; margin-top: 10px;}
.verify_popup .signingraybg.active{ background:#4caf50;}
.verify_popup button.close {position: absolute; right: 18px; top: 10px; font-size: 25px; outline:none !important;}
/*verify pop up end*/

.video-box iframe{width:100%;}
.niftyText{
    color: #A9A9A9;
    font-weight: 700;
    font-size: 15px;
}
.msiText{
    color: #6e2a8f;
    font-weight: 700;
    font-size: 15px;
}
.valueGreen{
    color: #19af55 !important;
    font-weight: 900;
    font-size: 13px;
}
.valueRed{
    color: red !important;
    font-weight: 900;
    font-size: 13px;
}
.row_comparetxt{margin-bottom:15px; font-size:14px; line-height:18px;}			
.clearfix:before {content: " "; display: table;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{display: inline-block;}                        
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.compare_tbl{margin-top:20px; font-family: 'Work Sans', sans-serif; font-size:13px; color:#333;}
.compare_left{ width:50%; float:left;}
.compare_right{ width:50%; float:right;}
.compare_right ul{border:1px solid #ccc; float:right;}
.compare_right li{ float:left; border-right:1px solid #ccc; background-color:#fff;}
.compare_right li a{ display:block;color:#333; padding:7px 10px; font-family: 'Work Sans', sans-serif; font-size:12px; text-decoration:none !important;}
.compare_right li.active{ background-color:#6f2c91;}
.compare_right li.active a{ color:#fff;}
.compare_right li:last-child{border-right:0px solid #666;}
.mdl_port{display:inline-block; width:10px; height:10px; vertical-align:middle; background-color:#6f2c91;}
.mdl_nifty{display:inline-block; width:10px; height:10px; vertical-align:middle; background-color:#d5d5d5;}
.mpPerformanceCanvas{width:100% !important; height:250px !important;}

@media (max-width: 767px) {
	.btn-subscribe {
		float: none;
		position: relative;
		right: unset;
		top: 0;
		
		margin: 15px 0;
 
	}
header { position:relative;}
.gccontainer { width: auto; margin: 0 20px; }
.headin nav { padding-top: 15px; width: 100%; margin: 0px 0 35px 0; float: none; padding: 0px; }
.gc_logo { width: 145px; margin: 0 auto; float: none; padding: 0px; }
.headin:after { display: none; }
.headin nav ul { border-bottom: 1px solid #e2e2e2; margin: 0 -20px; padding: 0 10px; }
.headtop { padding: 10px 10px 0; }
.headtop .backtomc { float: none; display: block; }
.rightnavht { float: none; text-align: right; background: #fff; margin: 10px -20px 0; padding: 10px 20px; }
.headtop nav { margin: 3px 0px 0 0; }
.headin nav ul li ul { width:100%; margin:0px; padding:0 15px;}
.first_coltrial{min-height:auto;}
.video-box{padding-left:0px; padding-right:0px;}
.video-box iframe{height:250px;}
.compare_tbl{margin-top:10px;}
.compare_left{ width:100%; float:none;}
.compare_right{ width:100%; float:none; margin-top:10px;}
.compare_right ul{float:left;}
#graph .container{ padding-left:0px; padding-right:0px;}
}

.text-white {
	color: #fff;
}

/*--------------------------------------------------------------
# Nav Section
--------------------------------------------------------------*/
#header {
	background: #fff;
	position: relative;
}

.navbar {
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 2px 5px;
}

/*.navbar::after {
	content: '';
	position: absolute;
	height: 1px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	bottom: 24px;
	z-index: -1;
}*/

.navbar-brand {
	padding: 0px 15px;
    background: #fff;
}

.nav-link {
	color: #333;
	font-weight: bold;
	
}



li.active .nav-link {
	color: #337ab7 !important;
	position: relative;
	
}


li.active .nav-link::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	background: #337ab7 !important;
	bottom: 5px;
}

.navbar-nav .dropdown-menu {
	border: 0;
	padding: 0;
	min-width: 25rem;
	background: transparent;
	min-width: 25rem;
	top: 32px;
}

.dropdown-item {
	width: auto; 
	display: inline-block;
	padding: .25rem 0.5rem;
	font-size: 12px;
}

.dropdown-item:hover {
	color: #ebb85c;
	background: transparent;
}

.dropdown-item.active, .dropdown-item:active {
	background: transparent;
	color: #ebb85c;
}

@media (max-width: 1200px) {
	.navbar::after {
		display: none;
	}
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	padding: 50px 0;
	position: relative;
	background: url('https://images.moneycontrol.com/assets/images/gamechangers/st/SWTI-Bannerv1.png') no-repeat center center;
	background-size: cover;
	height: auto;
	    margin-top: 170px;
}


#hero h2 {
  margin: 0 0 20px 0;
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  position: relative;
}


#hero h2::after {
	content: '';
	height: 3px;
	width: 25%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #fff;
}

#hero h1 {
  color: #fff;
  font-size: 26px;
  margin: 0;
}

#hero p {
	color: #fff;
  font-size: 14px;
  margin: 0;
  line-height: 1.3;
}

.stLogo {    
    width: 250px;
    text-align: right;
	position: absolute;
	top: 15px;   
}

.stLogo img{
	width: 100%;
}	



@media (max-width: 992px) {
	#hero {
		background: #046d97;
		padding: 40px 0;
		margin-top:0px;
	}
	
  #hero h1 {
    font-size: 28px;
    line-height: 40px;
  }
  #hero h2 {
    font-size: 20px;
  }
}


/*--------------------------------------------------------------
# graph Section
--------------------------------------------------------------*/

#graph {
	padding: 20px;
}

#graph h2 {	
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}

#graph h2::after {
   content: '';
   display: inherit;
   width: 5%;
   margin: 5px auto;
   border-top: 3px solid #a3c800;
}

.graph-holder {
	padding: 0 100px;
}

@media (max-width: 992px) {
  #graph h1 {
    font-size: 32px;
    line-height: 40px;
  }
  #graph h2 {
    font-size: 20px;
  }
  
  #graph h2::after {
	  width: 15%;
  }
  
  .graph-holder {
	  padding: 0;
  }
}

/*--------------------------------------------------------------
# video Section
--------------------------------------------------------------*/

#video {
	padding: 20px 0;
}

.video-container {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #d1dce2;
	border-radius: 15px;
	padding: 25px;
}

.video-container h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1
}

.video-container h3 span{
	font-size: 11px;
}

.video-box {
	position: relative;
}
@media (max-width: 992px) { 
  .video-container {
	  width: 90%;
  }
  
  
}

/*--------------------------------------------------------------
# about Section
--------------------------------------------------------------*/

#about {
	padding: 20px 0;
}

#about h2 {	
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}

#about h2::after {
	content: '';
	height: 3px;
	width: 5%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #a3c800;
}

.about-item img {
	max-width: 8rem;
}

#about h3 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 0;
}

#about h5 {
	font-size: 12px;
	color: #333;
	margin: 0;
	font-family:'Work Sans', sans-serif !important;
	line-height:1.5;
}


@media (max-width: 992px) { 
  #about h2 {
    font-size: 22px;
  }
  
  #about h2::after {
	
	width: 10%;
  } 
}



/*--------------------------------------------------------------
# plan Section
--------------------------------------------------------------*/


#plan {
	padding: 20px 0;
	background: #1765a5;
}

#plan h5.plan_titlemain {	
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
}

#plan h5.plan_titlemain::after {
   content: '';
   display: inherit;
   width: 5%;
   margin: 5px auto;
   border-top: 3px solid #a3c800;
}

#plan .first h5.price_title {
    font-size: 36px;
    color: #00c4b6;
    font-weight: 600;
    
    margin-bottom: 10px;
}

#plan .first h5.price_title sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

#plan .first h5.price_title span {
   
    font-size: 16px;
    font-weight: 600;
}

#plan .first h3.price_title {
    font-size: 36px;
    color: #00c4b6;
    font-weight: 600;
    
    margin-bottom: 10px;
}

#plan .first h3.price_title sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

#plan .first h3.price_title span {
   
    font-size: 16px;
    font-weight: 600;
}



#plan .second h5.price_title sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

#plan .second h5.price_title span {   
    font-size: 16px;
    font-weight: 600;
}

#plan .second h5.price_title {
    font-size: 36px;
    color: #5886da;
    font-weight: 600;    
    margin-bottom: 10px;
}

#plan .third h5.price_title sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

#plan .third h5.price_title span {
   
    font-size: 16px;
    font-weight: 600;
}

#plan .third h5.price_title {
    font-size: 36px;
    color: #6b4c87;
    font-weight: 600;    
    margin-bottom: 10px;
}


.plan-card {
	border-radius: 15px;
	background: #fff;
	margin-bottom: 15px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.plan-card-head {
	padding: 20px 5px 5px 5px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	
}

.plan-card-head  h5{
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}


.plan-card-head.first-head{
	background-image: -webkit-gradient(
	linear,
	right top,
	right top,
	color-stop(0, #00C4B7),
	color-stop(1, #00A8EA)
);
background-image: -o-linear-gradient(right top, #00C4B7 0%, #00A8EA 100%);
background-image: -moz-linear-gradient(right top, #00C4B7 0%, #00A8EA 100%);
background-image: -webkit-linear-gradient(right top, #00C4B7 0%, #00A8EA 100%);
background-image: -ms-linear-gradient(right top, #00C4B7 0%, #00A8EA 100%);
background-image: linear-gradient(to right top, #00C4B7 0%, #00A8EA 100%);
}

.plan-card-head.second-head{
background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0, #03B5E6),
	color-stop(1, #7935D3)
);
background-image: -o-linear-gradient(right top, #03B5E6 0%, #7935D3 100%);
background-image: -moz-linear-gradient(right top, #03B5E6 0%, #7935D3 100%);
background-image: -webkit-linear-gradient(right top, #03B5E6 0%, #7935D3 100%);
background-image: -ms-linear-gradient(right top, #03B5E6 0%, #7935D3 100%);
background-image: linear-gradient(to right top, #03B5E6 0%, #7935D3 100%);
}

.plan-card-head.third-head{
background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0, #7349E7),
	color-stop(1, #E5299D)
);
background-image: -o-linear-gradient(right top, #7349E7 0%, #E5299D 100%);
background-image: -moz-linear-gradient(right top, #7349E7 0%, #E5299D 100%);
background-image: -webkit-linear-gradient(right top, #7349E7 0%, #E5299D 100%);
background-image: -ms-linear-gradient(right top, #7349E7 0%, #E5299D 100%);
background-image: linear-gradient(to right top, #7349E7 0%, #E5299D 100%);
}




.plan-card-body {
	padding: 10px 20px;
}


.plan-card-body h6 {
	text-align: center;
    font-size: 12px;
    color: #666;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e8e9;
	 margin-bottom:5px;
}

.plan-card-body h5 {
	 font-size: 15px;
	 color: #666;
	 margin-bottom:5px;
}

.plan-card-body h5 span{
	font-size: 12px;
}

.plan-card-body h5.cross {
    position: relative;
    display: inline-block;
	font-size: 20px;
	font-weight: normal; 
	color: #c5c5c5;
}
.plan-card-body h5.cross::before, .plan-card-body h5.cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

.first.plan-card-body h5.cross::before {
    border-bottom: 1px solid #00c4b6;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

.second.plan-card-body h5.cross::before {
    border-bottom: 1px solid #5886da;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

.third.plan-card-body h5.cross::before {
    border-bottom: 1px solid #6b4c87;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}



/*--------------------------------------------------------------
# info Section
--------------------------------------------------------------*/

#info {
	padding: 50px 0;
}

.app-btn {
    width: 25%;
    padding: 1%;
}

#info h5 {	
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}

#info h5::after {
	content: '';
	height: 3px;
	width: 5%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #a3c800;
}



/*--------------------------------------------------------------
# footer Section
--------------------------------------------------------------*/
footer {
	background: #f7f8fc;
	padding: 15px 0;
}


footer  ul li {
    display: inline-block;
    color: #000;
	list-style: none;
}

footer  ul li a, footer  ul li a:hover {
    color: #000;
}