.faqs-page-section .main-page-header.inner-page-header{padding: 100px 0px;}
.faqs-page-bg{padding-top: 100px;}
#main-wrapper {position:relative; display: flex; justify-content: space-between;height: auto;}
#main-wrapper #left-sec {position:sticky; width:260px; height:100%; top: 100px; padding-top: 16px;}
#main-wrapper #left-sec ul.faq-menu{margin: 0px;}
#main-wrapper #left-sec ul.faq-menu li {display: block; list-style: none outside none; margin: 0;}
#main-wrapper #left-sec ul.faq-menu li a {border-right: 5px solid #fff; color: #323a45; display: inline-block; font-size: 14px; padding: 6px 25px; text-align: left; text-decoration: none; width: 100%; outline:none; font-weight: 600; margin-bottom: 3px;}
#main-wrapper #left-sec ul.faq-menu li a:hover, #main-wrapper #left-sec ul.faq-menu li.active a {border-bottom: 0 none; border-right: 5px solid #f13c31; text-decoration: none; color:#f13c31;}
#main-wrapper #left-sec ul.faq-menu li a.active { border-right: 5px solid #f13c31; color: #f13c31; }
#main-wrapper #right-sec { position: relative; width:800px; height:auto;}
#main-wrapper #right-sec ul { list-style:none; margin-left:0px; }
#main-wrapper #right-sec ul li { margin-bottom:30px; }
#main-wrapper #right-sec h2 { font-size:24px; border-left: 5px solid #f13c31; color:#f13c31 !important; line-height: 36px; padding-left: 25px; padding-top: 0; font-weight:bold; letter-spacing:-0.5px; margin:16px 0px; }
#main-wrapper #right-sec h3 { font-size:24px; color:#f13c31; line-height: 36px; padding-left: 0px; padding-top: 0; font-weight:bold; letter-spacing:-0.5px; margin:16px 0px; }
#main-wrapper #right-sec h4 { font-size:18px; line-height:30px; font-weight:bold; letter-spacing:-0.5px;}
#main-wrapper #right-sec a { color:#323a45; font-weight:bold; letter-spacing:-0.5px; text-decoration:none;}
#main-wrapper .note-dtl .note-points{ margin:0px; padding:0px;}
#main-wrapper .note-dtl .note-points li{ margin-bottom:10px !important;}
#main-wrapper .note-dtl p{ color:#323a45; font-size:16px; padding-bottom:30px;}

.theme-black {background: #000000;}
.theme-black.faqs-page-section.content .faqs-page-bg{ background-color: #000000;}
.theme-black  #main-wrapper #left-sec ul.faq-menu li a { color: #ffffff; border-right: 5px solid #000000;}
.theme-black #main-wrapper #left-sec ul.faq-menu li a.active,.theme-black #main-wrapper #left-sec ul.faq-menu li a:hover { border-right: 5px solid #F13C31; color: #F13C31;}
.theme-black h1,.theme-black h2,.theme-black h3,.theme-black h4,.theme-black h5,.theme-black h6, .theme-black p,.theme-black span,.theme-black blockquote,.theme-black strong,.theme-black b,.theme-black u,.theme-black center,.theme-black ol,.theme-black ul, .theme-black li { color:#fff !important;}

/*==== FAQs page End =====*/

@media only screen and (max-width: 1210px){
#main-wrapper #right-sec {width: 760px;}
}
@media only screen and (max-width: 1024px){
#main-wrapper #left-sec {width: 220px;}
#main-wrapper #right-sec {width: 700px;}
}
@media only screen and (max-width: 979px){
#main-wrapper #left-sec {width: 210px;}
#main-wrapper #right-sec {width: 500px;padding-right: 0px;}
.faqs-page-section .main-page-header .page-header-content h1{margin-bottom: 0px; font-size: 45px; line-height: 55px;}
}
@media only screen and (max-width: 767px){
#main-wrapper #left-sec {display: none;}
#main-wrapper #right-sec h2{padding-left: 0px; border-left: none;}
#main-wrapper #right-sec {width: 100%;padding-right: 0px;}
.faqs-page-bg {padding-top: 0px;}
#main-wrapper .note-dtl p{padding-bottom: 10px;}
}

