/*--common css--*/
.navbar-light .navbar-nav .nav-link
{
color: #524e4e ;
}
a {
color: #9a7260;
}
ul
{
padding: 0;
margin: 0;
list-style: none;
}
/*--common css end--*/
.subdetail-desc {
background-color: #fff;
    background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);
}
.subdetailbanners
{
min-height: 60vh;
}
.ogen-subdetail-banner {
/*background-image: url(../images-o/subdetail-img/banner.jpg);*/
background-repeat: no-repeat;
min-height: 400px;
margin-top: -1px;
position: relative;
height: 60vh;
background-size: auto 100%;
}
.ogen-subdetail-banner:before {
content: "";
background-color: #c8caad;
    background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);
height: 100%;
left: 0px;
opacity: 0.8;
position: absolute;
right: 0;
top: 0px;
}
.ogen-subdetail-banner.commoncsv .breadcrumb_content, .ogen-subdetail-banner.csv3 .breadcrumb_content {
margin-top: 60px;
}
.list-inline-item:not(:last-child) {
margin-right: .5rem;
}
.commoncsv-content .banner-review {
margin-bottom: 15px;
margin-top: 15px;
}
.commoncsv-content .banner-review li {
margin-right: 4px;
}
.commoncsv-content .banner-review li:first-child {
margin-right: 15px;
}
.commoncsv-content .banner-review li:first-child a {
border-radius: 5px;
background-color: #e05c1e;
color: #ffffff;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
width: 90px;
}
.commoncsv-content .banner-review li a {
font-size: 15px;
font-family: "FontAwesome";
color: rgb(233, 101, 41);
line-height: 1.2;
}
.commoncsv-content .banner-review-enroll {
margin-bottom: 30px;
}
.commoncsv-content .banner-review-enroll li {
margin-right: 15px;
}
.commoncsv-content .banner-review-enroll li a {
font-size: 14px;
color: rgb(126, 126, 126);
line-height: 1.2;
}
.commoncsv-content .banner-review-enroll li a span {
padding-right: 6px;
}
/***ogen subdetail description***/
.commoncsv-content .subdetail-desc-video {
margin-bottom: 30px;
}
.commoncsv-content .subdetail-desc-video .thumb {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
overflow: hidden;
position: relative;
}
.commoncsv-content-container .subdetail-desc-video .iframe_video {
border-radius: 5px;
min-height: 540px;
max-width: 100%;
width: 100%;
}
.subdetail-desc-tabs.commoncsv li.nav-item {
padding: 0;
}
.subdetail-desc-tabs.commoncsv .nav-tabs {
border-bottom: none;
}
.subdetail-desc-tabs.commoncsv .nav-tabs .nav-link {
border: 1px solid transparent;
font-size: 18px;
color: #0a0a0a;
height: 64px;
line-height: 2.5;
text-align: center;
width: 165px;
}
.subdetail-desc-tabs.commoncsv .nav-tabs .nav-link.active {
background-color: rgb(224 92 30);
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-radius: 5px;
position: relative;
}
.subdetail-desc-tabs.commoncsv .nav-tabs .nav-link.active:before {
background-color: #e05c1e;
content: "";
height: 18px;
left: 0;
margin-left: 75px;
margin-top: 46px;
position: absolute;
right: 0;
width: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.customer-reviews.csv2 .ogen-customer-feedbacks, .cs_row_seven.csv2 .sfeedbacks
{    
border-style: solid;
border-color: rgb(237, 239, 247);
margin-bottom: 30px;
padding: 30px;
position: relative;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-width: 0px;
margin-top: 30px;
}
.ogen-paginationcomments {
position: relative;
margin-top: 30px;
}
.ogen-paginationcomments .ogen-mbp_first img, .ogen-paginationcomments .mbp_second img {
margin-right: 2.16rem !important;
width: 80px;
}
.fz14 {
font-size: 14px;
}
.sspd_review ul li a {
font-size: 13px;
}
.customer-reviews .ogen-customer-feedbacks .sspd_review_liked {
background-color: rgb(237, 239, 247);
border-radius: 20px;
height: 40px;
text-align: center;
max-width: 200px;
}
.customer-reviews .ogen-customer-feedbacks .sspd_review_liked a {
font-size: 14px;
line-height: 2.714;
}
.custom_hr {
position: relative;
}
.custom_hr:before {
background-color: #eeeeee;
content: "";
height: 1px;
left: 0;
position: absolute;
right: 0;
top: -30px;
width: 100%;
}
.custom_hr.style2:before {
left: -100px;
top: 30px;
}
.mt50 {
margin-top: 50px;
}
.pl5 {
padding-left: 5px;
}
.sspd_review ul li a {
color: rgb(233, 101, 41);
}
.reviewbtns
{
padding: 16px 25px;
line-height: 1 !important;
height: auto !important;
font-size: 16px;
}
.sspd_review ul li {
margin-right: 4px !important;
}
.ogen-paginationcomments .ogen-mbp_first .ogen-feedback_sub {
margin: 55px 0;
}
.pl10 {
padding-left: 10px;
}
.customer-reviews h4
{
font-size: 18px;
}
.mbp_comment_form.style2 .formhead {
font-size: 25px;
font-weight: 600;
color: #0a0a0a;
line-height: 1.2;
margin-bottom: 20px;
}
.mbp_comment_form.style2 ul {
margin-bottom: 20px;
}
.mbp_comment_form.style2 .comments_form {
background-color: transparent;
padding: 0;
}
.mbp_comment_form.style2 .comments_form .form-group label {
font-size: 15px;
color: rgb(79, 79, 79);
line-height: 1.867;
}
.form-control {
font-size: 14px;
padding: 0 20px;
}
.mbp_comment_form.style2 .comments_form .form-group input {
border-style: solid;
border-width: 1px;
border-color: rgb(221, 221, 221);
border-radius: 5px;
background-color: rgb(255, 255, 255);
height: 48px;
max-width: 653px;
border: 1px solid #dddddd;
}
.mbp_comment_form.style2 .comments_form .form-group textarea {
border-style: solid;
border-width: 1px;
border-color: rgb(221, 221, 221);
border-radius: 5px;
background-color: rgb(255, 255, 255);
padding: 20px;
height: 148px;
max-width: 653px;
}
.ogen_row_four .about_ins_container .aii_title, .ogen_row_five .customer_feedback_container .aii_title {
font-size: 20px;
font-weight: 600;
color: #0a0a0a;
margin-bottom: 25px;
line-height: 1.2;
}
.ogen_row_two.commoncsv .ogen_overview, .ogen_row_three.commoncsv .course_content, .ogen_row_four.commoncsv .about_ins_container, .ogen_row_five.commoncsv .customer_feedback_container, .ogen_row_six.commoncsv .ogen-customer-feedbacks, .ogen_row_seven.commoncsv .ogen-customer-feedbacks {
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-width: 0px;
margin-top: 30px;
}
.ogen_row_two .ogen_overview {
border-style: solid;
border-width: 2px;
border-color: rgb(237, 239, 247);
border-radius: 5px;
background-color: rgba(42, 53, 59, 0);
margin-bottom: 30px;
padding: 30px;
}
.ogen_row_two .ogen_overview .title {
font-size: 25px;
font-weight: 600;
color: #0a0a0a;
line-height: 1.2;
margin-bottom: 22px;
}
.ogen_row_two .ogen_overview h4 {
font-size: 18px;
color: rgb(59, 59, 59);
line-height: 1.333;
margin-bottom: 10px;
}
.ogen_row_two .ogen_overview ul.ogen_course_syslebus li p, .ogen_row_two .ogen_overview ul.ogen_course_syslebus2 li p {
font-size: 15px;
color: rgb(126, 126, 126);
display: inline;
line-height: 2.8;
margin-bottom: 0;
padding-left: 10px;
}
.ogen_row_two .ogen_overview ul.ogen_course_syslebus {
margin-bottom: 17px;
margin-right: 100px;
}
.ogen_row_two .ogen_overview ul.ogen_course_syslebus, .ogen_row_two .ogen_overview ul.ogen_course_syslebus2 {
display: inline-block;
}
.ogen_row_two .ogen_overview ul.list_requiremetn li i {
font-size: 10px;
color: rgb(126, 126, 126);
}
.ogen_row_two .ogen_overview ul.list_requiremetn li p {
color: rgb(126, 126, 126);
font-size: 15px;
display: inline;
line-height: 2.667;
margin-bottom: 0;
padding-left: 13px;
}
blockquote h4:before {
position: absolute;
content: "";
left: 0;
top: 7px;
width: 35px;
height: 2px;
}
blockquote {
position          : relative;
-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
box-shadow        : 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
padding           : 30px 40px;
margin            : 40px 0;
}
blockquote:before {
position: absolute;
content : '';
left    : 0;
top     : 0;
width   : 6px;
height  : 100%;
}
blockquote h4 {
position    : relative;
font-size   : 16px;
font-weight : 700;
padding-left: 45px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 15px;
}
.calculation-value .inner-box {
margin-bottom: 30px;
}
.calculation-value {
position: relative;
border: 8px solid #f46828;
padding: 50px 50px 25px;
margin-bottom: 30px;
}
.calculation-value .inner-box {
background: #f5f5f5;
text-align: center;
padding   : 37px 0;
}
.calculation-value p {
font-size    : 20px !important;
line-height: 23px;
font-weight  : 700;
margin-bottom: 5px !important;
}
.calculation-value h5 {
font-size  : 14px;
font-weight: 700;
}
.calculation-value p
{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg,#d1641a,#c0282a);
}
.ogen_row_three .course_content .details .cc_tab {
margin-top: 20px;
}
.ogen_row_three .course_content {
border-style: solid;
border-width: 2px;
border-color: rgb(237, 239, 247);
border-radius: 5px;
background-color: rgba(42, 53, 59, 0);
margin-bottom: 30px;
position: relative;
padding: 30px;
}
.ogen_row_three .course_content h4.title {
font-size: 20px;
color: #0a0a0a;
float: left;
line-height: 1.2;
font-weight: 600;
}
.ogen_row_three .course_content .details .cc_tab h4.panel-title {
font-size: 18px;
color: rgb(59, 59, 59);
line-height: 1.7;
border-radius: 5px;
background-color: rgb(229 231 234);
height: 50px;
padding: 10px 20px;
}
#accordion a {
font-size: 16px;
display: block;
text-decoration: none;
}
#accordion .panel-heading a:not(.collapsed) {
font-size: 16px;
color: #0a0a0a;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle::before {
font-family: 'FontAwesome';
color: #0a0a0a;
content: "\f107";
float: right;
font-weight: lighter;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
color: #444;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li {
border-bottom: 1px solid #eeeeee;
padding: 20px 25px;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li a {
font-size: 15px;
color: rgb(79, 79, 79);
line-height: 1.6;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li a span {
padding-right: 4px;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li a span.ogen_time {
float: right;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li a span.ogen_preiew {
float: right;
margin-right: 50px;
}
.ogen_row_four .about_ins_container, .ogen_row_five .customer_feedback_container, .ogen_row_six .ogen-customer-feedbacks, .ogen_row_seven .ogen-customer-feedbacks {
border-style: solid;
border-width: 2px;
border-color: rgb(237, 239, 247);
border-radius: 5px;
background-color: rgba(42, 53, 59, 0);
margin-bottom: 30px;
padding: 30px;
position: relative;
}
.ogen_row_five .customer_feedback_container .s_feeback_content ul.skills {
margin-bottom: 30px;
}
.ogen_row_five .customer_feedback_container .s_feeback_content ul.skills li {
color: rgb(79, 79, 79);
font-size: 14px;
float: left;
line-height: 1.2;
}
.ogen_row_five .customer_feedback_container .s_feeback_content .ogen_progressbar {
border-radius: 5px;
max-width: 470px;
padding-left: 100px;
}
.ogen_progressbar {
margin-bottom: 20px;
}
.ogen_row_five .customer_feedback_container .s_feeback_content .ogen_progressbar p.title {
float: right;
margin-right: -50px;
margin-top: -10px;
}
.ogen_progressbar .bar-container {
position: relative;
height: 6px !important;
}
.ogen_row_five .customer_feedback_container .s_feeback_content .ogen_progressbar .bar-container {
border-radius: 5px;
height: 10px !important;
overflow: hidden;
}
.ogen_progressbar .backgroundBar {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.ogen_progressbar .targetBar {
background-color: transparent !important;
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-animation: Animation 2s infinite ease-in-out;
-moz-animation: Animation 2s infinite ease-in-out;
animation: Animation 2s infinite ease-in-out;
}
.ogen_row_five .customer_feedback_container .s_feeback_content .ogen_progressbar .bar {
background-color: #637a92 !important;
}
.ogen_row_five .customer_feedback_container .aii_average_review {
border-radius: 5px;
background-color: rgb(237, 239, 247);
height: 180px;
position: absolute;
right: 30px;
top: 45px;
width: 230px;
}
.ogen_row_five .customer_feedback_container .aii_average_review .av_content {
margin-top: 45px;
}
.ogen_row_five .customer_feedback_container .aii_average_review .av_content h2 {
font-size: 50px;
color: #0a0a0a;
line-height: 0.6;
}
.ogen_row_five .customer_feedback_container .aii_average_review .av_content .aii_rive_list li {
font-size: 13px;
font-family: "FontAwesome5FreeSolid";
color: rgb(233, 101, 41);
margin-right: 3px;
line-height: 1.2;
}
.subdetail-sidebar{
border-style: solid;
border-width: 2px;
border-color: rgb(237, 239, 247);
border-radius: 5px;
background-color: #ffffff;
margin-bottom: 30px;
padding: 30px;
text-align: center;
}
.subdetail-sidebar.commoncsv{
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-width: 0px;
}
.ogen-feature-widget.commoncsvone,
.tagslist.commoncsvone{
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-width: 0px;
background-color: #FFF;
}
.subdetail-sidebar .price{
font-size: 30px;
color: #0a0a0a;
font-weight: bold;
line-height: 1.2;
}
.subdetail-sidebar .price span{
font-size: 15px;
color: rgb(79, 79, 79);
line-height: 2.667;
}
.subdetail-sidebar .price small{
font-size: 14px;
color: rgb(193, 193, 193);
line-height: 2.857;
}
.subdetail-sidebar h5{
font-size: 25px;
color: rgb(79, 79, 79);
line-height: 1.667;
}
.subdetail-sidebar .price_list li a{
font-size: 15px;
color: rgb(126, 126, 126);
line-height: 33px;
}
.subdetail-sidebar .price_list li a i {
margin-right: 8px;
    color: #e05c1e;
}
.subdetail-sidebar .price_list li a span{
color: #0a0a0a;
font-size: 18px;
padding-right: 5px;
}
.cart_btnss{
border-radius: 15px;
background-color: #e05c1e;
display: block;
font-size: 15px;
color: rgb(255, 255, 255);
height: 50px;
line-height: 3.2;
margin-bottom: 23px;
margin-top: 23px;
max-width: 308px;
border: 2px solid #e05c1e;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart_btnss:hover{
background-color: #ffffff;
border: 2px solid #e05c1e;
color: #e05c1e;
}
.cart_btnss_white{
background-color: #ffffff;
border: 2px solid #e05c1e;
border-radius: 15px;
color: #e05c1e;
display: block;
font-size: 15px;
line-height: 3.2;
margin-bottom: 23px;
height: 50px;
max-width: 308px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cart_btnss_white:hover{
background-color: #e05c1e;
color: #ffffff;
}
.ogen_row_three .course_content .details .cc_tab .panel-body .ogen_list li a i
{
margin-right: 8px;
}
.ogen-feature-widget {
border-style: solid;
border-width: 2px;
border-color: rgb(238, 238, 238);
border-radius: 5px;
background-color: rgba(243, 243, 246, 0);
padding: 30px 0 15px;
margin-bottom: 30px;
}
.ogen-feature-widget.commoncsvone, .tagslist.commoncsvone {
box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
border-width: 0px;
background-color: #FFF;
}
.ogen-feature-widget h4 {
font-size: 20px;
font-weight: 600;
color: #0a0a0a;
line-height: 1.2;
padding-left: 30px;
}
.ogen-feature-widget ul li {
border-bottom: 1px solid #eeeeee;
color: #0a0a0a;
font-size: 15px;
line-height: 2.667;
padding: 0 30px;
}
.ogen-feature-widget ul li span {
font-size: 15px;
color: rgb(126, 126, 126);
line-height: 2.667;
}
.tagslist {
border-style: solid;
border-width: 2px;
border-color: rgb(237, 239, 247);
border-radius: 5px;
background-color: rgba(243, 243, 246, 0);
margin-bottom: 30px;
padding: 30px;
}
.tagslist .title {
font-size: 20px;
font-weight: 600;
color: #0a0a0a;
line-height: 1.2;
margin-bottom: 20px;
}
.tagslist .tag_list li {
border-radius: 15px;
background-color: rgb(237, 239, 247);
margin-bottom: 15px;
padding: 2px 23px;
}
.tagslist .tag_list li a {
font-size: 13px;
color: rgb(79, 79, 79);
}
.sidebar {
height: 1600px;
top: -300px !important;
}
.sidebar.fixed {
position: sticky;
top: 70px !important;
}
.maincontsticky {
min-height: 2500px;
}
.ogen-contact-widget .inner-box {
margin-bottom: 30px;
position: relative;
text-align: center;
padding: 50px;
background-color: #222;
background-size: cover;
background-image: url(../images-o/subdetail-img/img1.jpg);
}
.ogen-contact-widget .inner-box:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #282828;
opacity: .94;
}
.ogen-contact-widget h3 {
color: #fff;
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
position: inherit;
}
.ogen-contact-widget ul li a {
position: relative;
color: #fff;
}
/***ogen subdetail description end***/
/***History Area***/
.single-team-box {
text-align: center;
position: relative;
overflow: hidden;
}
.single-team-box .content {
position: absolute;
left: 0;
bottom: -20px;
right: 0;
opacity: 0;
visibility: hidden;
transition: var(--transition);
background-color: #f9f9f9;
text-align: left;
padding: 15px 30px;
}
.single-team-box .content h3 {
margin-bottom: 0;
font-size: 24px;
}
.single-team-box .content span {
margin-top: 6px;
display: block;
font-weight: 600;
color: var(--mainColor);
}
.single-team-box .social-link {
position: absolute;
right: 20px;
top: 20px;
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.single-team-box .social-link li {
display: block;
margin-bottom: 8px;
}
.single-team-box .social-link li:last-child {
margin-bottom: 0;
}
.single-team-box .social-link li a {
width: 32px;
height: 32px;
text-align: center;
color: var(--blackColor);
background-color: var(--whiteColor);
font-size: 18px;
position: relative;
border-radius: 2px;
transform: scaleY(0);
transition: 0.4s;
}
.single-team-box .social-link li a i {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-48%);
}
.single-team-box .social-link li a:hover {
background-color: var(--mainColor);
color: var(--whiteColor);
}
.single-team-box .social-link li:nth-child(2) a, .single-team-box .social-link li:nth-child(4) a, .single-team-box .social-link li:nth-child(6) a, .single-team-box .social-link li:nth-child(8) a {
transform: scaleX(0);
}
.single-team-box:hover .content {
opacity: 1;
visibility: visible;
bottom: 0;
}
.single-team-box:hover .social-link li a {
transform: scale(1) !important;
}
.single-team-member {
text-align: center;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.single-team-member .content {
background-color: #f9f9f9;
text-align: left;
padding: 25px 25px 15px;
position: relative;
}
.single-team-member .content h3 {
margin-bottom: 0;
font-size: 24px;
}
.single-team-member .content span {
margin-top: 6px;
display: block;
font-weight: 600;
color: var(--mainColor);
}
.single-team-member .content i {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: var(--mainColor);
transition: var(--transition);
color: var(--whiteColor);
border-radius: 2px;
position: absolute;
right: 20px;
top: -16px;
display: inline-block;
}
.single-team-member .image {
position: relative;
}
.single-team-member .image .social-link {
position: absolute;
right: 20px;
bottom: 25px;
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.single-team-member .image .social-link li {
display: block;
margin-bottom: 8px;
}
.single-team-member .image .social-link li:last-child {
margin-bottom: 0;
}
.single-team-member .image .social-link li a {
width: 32px;
height: 32px;
text-align: center;
color: var(--blackColor);
background-color: var(--whiteColor);
font-size: 18px;
position: relative;
border-radius: 2px;
transform: scaleY(0);
transition: 0.4s;
}
.single-team-member .image .social-link li a i {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-48%);
}
.single-team-member .image .social-link li a:hover {
background-color: var(--mainColor);
color: var(--whiteColor);
}
.single-team-member .image .social-link li:nth-child(2) a, .single-team-member .image .social-link li:nth-child(4) a, .single-team-member .image .social-link li:nth-child(6) a, .single-team-member .image .social-link li:nth-child(8) a {
transform: scaleX(0);
}
.single-team-member:hover .content i {
background-color: var(--blackColor);
color: var(--whiteColor);
}
.single-team-member:hover .image .social-link li a {
transform: scale(1) !important;
}
/*================================================ History Area CSS =================================================*/
.history-timeline {
position: relative;
list-style-type: none;
padding-left: 0;
z-index: 1;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
margin-top: 30px;
}
.history-timeline::before {
content: '';
width: 1px;
height: 100%;
background-color: #ebebeb;
top: 0;
left: 130px;
position: absolute;
}
.history-timeline.subdetail-history-timeline::before
{
content: none;
left: 0;
}
.history-timeline.subdetail-history-timeline .timeline-block::before
{
content: none;
}
.history-timeline.subdetail-history-timeline .timeline-block
{
padding-left: 15px;
}
.history-timeline .timeline-block {
position: relative;
padding-left: 165px;
margin-bottom: 30px;
}
.history-timeline .timeline-block:last-child {
margin-bottom: 0;
}
.history-timeline .timeline-block:last-child::before {
display: none;
}
.history-timeline .timeline-block::before {
content: "\f107";
position: absolute;
left: 120px;
color: #fe4c1c;
bottom: -25px;
-webkit-animation: mover 1s infinite  alternate;;
animation: mover 1s infinite  alternate;;
font-family: "Fontawesome" !important;
font-size: 30px;
}
.history-timeline .timeline-block .timeline-date {
text-align: right;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #4b5280;
font-size: 15px;
}
.history-timeline .timeline-block .timeline-date span {
display: block;
margin-bottom: 3px;
color: #000000;
font-weight: 700;
}
.history-timeline .timeline-block .timeline-date sup {
color: #000000;
font-weight: 600;
}
.history-timeline .timeline-block .timeline-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 126px;
}
.history-timeline .timeline-block .timeline-icon .dot-badge {
background-color: #fe4c1c;
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
}
.history-timeline .timeline-block .timeline-content {
background-color: #ffffff;
webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
    box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
padding: 30px;
}
.history-timeline img
{
width: 100%;
}
.history-timeline .timeline-block .timeline-content .content {
padding-left: 5px;
padding-right: 15px;
}
.history-timeline .timeline-block .timeline-content .content h3 {
margin-bottom: 15px;
font-size: 25px;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
/***End History Area***/
/***responsive css***/
@media screen and (max-width: 1199px)
{
    .calculation-value h5 {
    font-size: 11px;
}
.calculation-value p {
    font-size: 15px !important;
}
.calculation-value .inner-box {
    padding: 30px 0;
}
.calculation-value {
    padding: 30px 25px 20px;
}
}
@media screen and (max-width: 991px)
{
    .subdetailbanners, .ogen-subdetail-banner {
    min-height: auto;
}
.sidebar {
    height: auto;
    top: 0px !important;
}
.ogen-subdetail-banner.commoncsv .breadcrumb_content, .ogen-subdetail-banner.csv3 .breadcrumb_content {
    margin-top: 40px;
}
.mobmlr0
{
    margin-left: 0;
    margin-right: 0;
}
.calculation-value p {
    font-size: 16px !important;
}
.ogen-subdetail-banner
{
    height: auto;
}
.commoncsv-content.commoncsv {
    text-align: center;
}
}
@media screen and (max-width: 767px)

{
.ogen-subdetail-banner.commoncsv .breadcrumb_content, .ogen-subdetail-banner.csv3 .breadcrumb_content {
margin-top: 0;
text-align: center;
}
.subdetail-desc-tabs.commoncsv .nav-tabs {
    display: flex;
    justify-content: center;
    
}
.commoncsv-content .banner-review li {
margin-right: 0;
}
.ogen-subdetail-banner {
background-size: auto 100%;
background-repeat: no-repeat;
height: auto;
}
.ogen_row_two .ogen_overview
{
padding: 20px;
}
.subdetail-sidebar.commoncsv {
margin-top: 0;
}
.footer-mainform {
top: 840px !important;
}
.subdetailbanners {
min-height: auto;
}
.sidebar {
height: auto;
top: 0 !important;
}
.sidebar.fixed {
position: inherit;
top: 0 !important;
}
.maincontsticky {
min-height: auto;
}
.calculation-value 
{
padding: 35px;
}
.ogen-mbp_first.media.csv1, .ogen-feedback_sub.media.csv1, .mbp_second.media.csv1 {
display: block;
}
.ogen-mbp_first.media.csv1 .media-body
{
margin-top: 20px;
}
.custom_hr.style2:before {
left: 0;
top: 30px;
}
.ogen_row_five .customer_feedback_container .aii_average_review
{
display: inline-block;
left: 0;
position: relative;
top: auto;
}
.s_feeback_content
{
max-width: 350px
}
.ogen_row_five .customer_feedback_container .s_feeback_content .ogen_progressbar
{
padding-left: 60px;    
}
/**history**/
.history-timeline::before {
left: 50%;
transform: translateX(-50%);
}
.history-timeline .timeline-block {
padding-left: 0;
margin-bottom: 40px;
}
.history-timeline .timeline-block .timeline-date {
text-align: center;
position: relative;
left: 0;
top: 0;
transform: unset;
font-size: 16px;
margin-bottom: 15px;
padding-bottom: 5px;
}
.history-timeline .timeline-block .timeline-date span {
margin-bottom: 2px;
font-weight: 700;
}
.history-timeline .timeline-block .timeline-icon {
display: none;
}
.history-timeline .timeline-block .timeline-content {
text-align: center;
padding: 20px;
}
.history-timeline .timeline-block .timeline-content .content {
margin-bottom: 25px;
padding-left: 0;
padding-right: 0;
}
.history-timeline .timeline-block .timeline-content .content h3 {
margin-bottom: 10px;
font-size: 19px;
}
.history-timeline .timeline-block::before {
display: none;
}
}
@media only screen and (max-width: 414px)
{
.s_feeback_content
{
max-width: 290px
}  
}
@media only screen and (max-width: 400px)
{
.s_feeback_content
{
max-width: 200px
}  
}
/***responsive css end***/
/***progressbar css***/
.ogen_progressbar {
margin-bottom: 20px;
}
.ogen_progressbar p.title {
margin-bottom: 15px;
}
.ogen_progressbar .bar-container {
position: relative;
height: 6px !important;
}
.ogen_progressbar .bar-container.shadow {
-moz-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
}
.ogen_progressbar .backgroundBar {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.ogen_progressbar .bar {
border-radius: 3px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ogen_progressbar .targetBar {
background-color: transparent !important;
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-animation: Animation 2s infinite ease-in-out;
-moz-animation: Animation 2s infinite ease-in-out;
animation: Animation 2s infinite ease-in-out;
}
.ogen_progressbar .targetBar.loader {
-webkit-animation: AnimationB 4s infinite ease-in-out;
-moz-animation: AnimationB 4s infinite ease-in-out;
animation: AnimationB 4s infinite ease-in-out;
background-image: url('animated-overlay.gif');
}
.ogen_progressbar .bar-container.border .bar, .ogen_progressbar .bar-container.border .targetBar, .ogen_progressbar .bar-container.border .backgroundBar {
border-bottom: 3px solid rgba(0,0,0,.2);
}
.ogen_progressbar .progress-percent {
font-size: 16px;
position: absolute;
right: 15px;
}
@keyframes Animation {
0%   { opacity:.4; }
50%   { opacity:1; }
100% { opacity:.4; }
}
@-moz-keyframes Animation{
0%   { opacity:.4; }
50%   { opacity:1; }
100% { opacity:.4; }
}
@-webkit-keyframes Animation{
0%   { opacity:.4; }
50%   { opacity:1; }
100% { opacity:.4; }
}
@keyframes AnimationB {
0%   { opacity:.01; }
50%   { opacity:.1; }
100% { opacity:.01; }
}
@-moz-keyframes AnimationB {
0%   { opacity:.01; }
50%   { opacity:.1; }
100% { opacity:.01; }
}
@-webkit-keyframes AnimationB {
0%   { opacity:.01; }
50%   { opacity:.1; }
100% { opacity:.01; }
}
.circle-chart {
margin-bottom: 35px;
height: 150px;
width: 150px;
}
.circle-chart__circle {
stroke: #00acc1;
stroke-width: 2;
stroke-linecap: square;
fill: none;
animation: circle-chart-fill 2s reverse; /* 1 */ 
transform: rotate(20deg); /* 2, 3 */
transform-origin: center; /* 4 */
}
.circle-chart__circle--negative {
transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}
.circle-chart__background {
stroke: #0e4cfb;
stroke-width: 2;
fill: none; 
}
.circle-chart__info {
animation: circle-chart-appear 2s forwards;
opacity: 0;
transform: translateY(0.3em);
}
.circle-chart__percent {
alignment-baseline: central;
text-anchor: middle;
font-size: 8px;
display: none;
}
.circle-chart__subline {
alignment-baseline: central;
text-anchor: middle;
font-size: 5px;
}
.success-stroke {
stroke: #e94f85;
}
.warning-stroke {
stroke: #ffbb33;
}
.danger-stroke {
stroke: #ff4444;
}
@keyframes circle-chart-fill {
to { stroke-dasharray: 0 100; }
}
@keyframes circle-chart-appear {
to {
opacity: 1;
transform: translateY(0);
}
}
/***progressbar css end***/