@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

@font-face {
  font-family: 'MuseoSans-500';
  src: url('../font/MuseoSans-500.eot?#iefix') format('embedded-opentype'),  url('../font/MuseoSans-500.otf')  format('opentype'),
	     url('../font/MuseoSans-500.woff') format('woff'), url('../font/MuseoSans-500.ttf')  format('truetype'), url('../font/MuseoSans-500.svg#MuseoSans-500') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body {
    height: 100%; font-size: 0.9rem;  line-height: 1.5rem; color:#000000; 
	transition:all ease-in-out 0.4s;
	font-family: 'Open Sans', sans-serif;
	
}

body {
font-family: 'Poppins', sans-serif;
    margin:0; 
	transition:all ease-in-out 0.4s;
/*padding-top: 70px;*/
    background:#fff;
}

/*banner and menu css*/
.menubar img{	
    transition: all 1s ease-in-out;
}	
.circle-vector{
	    position: absolute;
    right: 0;
    top: 0;
	}
.menubar{
	padding: 10px 0;
	  /*  padding-top: 20px;*/
	}	
	
/*faq heading css*/
.faq-heading{
	padding-bottom: 30px;
	}

.faq-heading h1{
	color: #231f20;
	padding-top: 10px;
	}
.faq-heading p{
    font-family: 'Open Sans', sans-serif;
    color: #6c6c6c;
    font-size: 16px;
    padding-top: 5px;
	}	

/*main tab css*/
ul.main-tab{
	border:none;
	    padding: 20px 0;
	}

ul.main-tab li a{
	    color: #231f20;
    display: block;
    padding: 10px 25px;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #cdc3c3;
    border-radius: 10px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 10px 20px;
	}
ul.main-tab li a.active{	
	background: #e02237;
	color:#fff;

}
ul.main-tab li a:hover{
	background: #e02237;
	color:#fff;
	text-decoration:none;
	}	
/**/	

/*sub tab css*/
ul.sub-tab{
	    padding-bottom: 30px;
    padding-top: 20px;
	    width: 90%;
    margin: auto;
	    border-bottom: 1px solid #d4d4d4;
	}

ul.sub-tab li a{
    color: #6c6c6c;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    display: block;
    /* padding: 10px; */
    margin: 0 30px;
    text-align: center;
	}
ul.sub-tab li a:hover{
	text-decoration:none;
	color:#e02237;
	}	
ul.sub-tab li a.active{
	color:#e02237;
	position:relative;
	}	
ul.sub-tab li a.active:after{
	content:"";
	position:absolute;
    bottom: -34px;
    left: 46%;
	background:#e02237;
	    height: 7px;
    width: 7px;
	border-radius:50%;
	
	
	}	

/**/	
/*accordion css*/
.mb-0 > a {
display: block;
    position: relative;
    color: #231f20;
	    line-height: 1.5;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.mb-0 > a:after {
  content: url('../images/arrow-down.png');
  position: absolute;
  right: 0;

}
.mb-0 > a[aria-expanded="true"]:after {
	content: url('../images/arrow-up.png');
	top: -5px;
}
.accordion-main{
	margin-top: 30px;
	background:#f3f3f3;
	    padding: 35px 25px 30px;
		    border-radius: 10px;
	}
.accordion-main h3{
	padding-left: 20px;
    padding-right: 20px;
	    color: #e02237;
    font-size: 24px;
	    padding-bottom: 20px;
	}	
.card-header-accordion{
	background:none;
	    padding-left: 0;
    padding-right: 0;
	border:none;
	}
.card-accordion{
	border:none;
	    border-bottom: 2px solid #e8e8e8;
	background:none;
	    padding-bottom: 10px;
    padding-top: 10px;
	    padding-left: 20px;
    padding-right: 20px;
	}	
.card-body{
	padding: 5px 0 0;
	}
.card-body p{
	    color: #7a7a7a;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	    line-height: 1.4;
	}
.card-body ul{
         padding-left: 15px;
}
.card-body ul li{
    color: #7a7a7a;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.4;
}
/**/

footer{
    font-family: 'Open Sans', sans-serif;
    padding: 70px 0px 0px;
        box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.5);
	font-size: 14px;	
	}
.footer-logo p{	
    color: #818181;
    margin-top: 15px;
    font-size: 16px;	
}
.footer-links ul li{
	    margin-right: 9px !important;
	list-style-type:none;
	    padding-bottom: 20px;
	}
.footer-links ul li a{	
    color: #8B959E;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
    fill: #8B959E;
}
.footer-links ul li a:hover{
    text-decoration:none;
}
.footer-links p{	
    font-family: 'Poppins', sans-serif;
    color: #222222;
    font-weight: 500;
    letter-spacing: 1px;
}

/***/


/*------------------- TABLET ------------------*/
@media only screen and ( min-width: 600px ) and ( max-width: 999px ) {

}
@media only screen and (max-width: 1024px) {
.
}
@media only screen and (max-width: 991px) {
ul.sub-tab {
    width: 100%;
	}
ul.sub-tab li a {
    margin: 0 10px;
}
ul.main-tab li a {
	margin: 0 3px 20px;
	}
.accordion-main {
    padding: 35px 10px 30px;
}
.faq-heading {
    padding-top: 50px;
}
}
@media only screen and (max-width: 870px) {	

}

 @media only screen and ( max-width: 768px ) {

.circle-vector {
	/*left:30%;*/
	}
footer {
    font-size: 14px;
}	
.card-accordion {
	    padding-right: 30px;
	}
	 }
 @media only screen and ( max-width: 767px ) {	 

	
.circle-vector img{
width: 100%;
    float: left;
}

.menubar{
    position: static;
}
body {
        padding-top: 0;
}
ul.sub-tab {
   border:none;
}
ul.sub-tab li{
	    width: 85%;
	}
ul.sub-tab li a {
	margin:0;
	    border-bottom: 1px solid #d4d4d4;
	    padding-top: 15px;
    padding-bottom: 15px;
	}	
	
ul.sub-tab li a.active:after {
    bottom: -4px;
    left: 49%;	
	}	
 }
@media only screen and ( max-width: 640px ) { 


}
/*------------------- MOBILE ------------------*/
@media only screen and ( max-width: 599px ) {


.footer-col{
    flex-basis: 1;
}	

}

