@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*

.overflowX{
    overflow-x: auto;
}
*/


*,
::after,
::before {
    box-sizing: border-box
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    padding-top: 37px;
}

.entry-content ul,
.entry-content p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    float: left !important;
    position: relative !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.container,
.page-one-column .panel-content .wrap {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}


.site-content-contain .content-area{
	background: #fff;
    margin-top: 20px;	
}


@media (min-width:576px) {

    .container,
    .page-one-column .panel-content .wrap {
        max-width: 540px !important;
    }
}

@media (min-width:768px) {

    .container,
    .page-one-column .panel-content .wrap {
        max-width: 720px !important;
    }
}

@media (min-width:992px) {

    .container,
    .page-one-column .panel-content .wrap {
        max-width: 960px !important;
    }
}

@media (min-width:1200px) {

    .container,
    .page-one-column .panel-content .wrap {
        max-width: 1140px !important;
    }
}

@media (min-width:1509px) {

    .container,
    .page-one-column .panel-content .wrap {
        max-width: 1250px !important;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}



/***** main css ****/



.inner {
    position: relative;
    width: 100%;
    float: left;

}

.listHdng {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    width: 100%;
    padding: 0px 15px;
}

.listHdng li {
    float: left;
    display: block;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    margin: 0px !important;
    text-transform: uppercase;
}

/*
.listHdng > li {
    width: calc(84% / 4);
}
*/

.listHdng > li:nth-child(1) {
    width: 16% !important;
}

.listHdng > li:nth-child(2),
.listHdng > li:nth-child(3) {
    width: 25%;
}

.listHdng > li:nth-child(4),
.listHdng > li:nth-child(5) {
    width: 17%;
}

.listHdng > li ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
}

.w-30 {
    width: 30%
}

.w-20 {
    width: 20%
}

.listHdng li.active {
    background-color: #2c3e50 !important;
    color: #fff !important;
}

/*.listHdng li:hover {
text-decoration: none;
background-color: #fff;
border-color: #fff;
color: #2c3e50;
-webkit-box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
-moz-box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
}*/

.listHdng > li:last-child:hover {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(189, 195, 199, .5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(189, 195, 199, .5);
    box-shadow: 0px 0px 0px 0px rgba(189, 195, 199, .5);
}

.listHdng li a i {
    margin-right: 7px;
}

/*
left
*/

.listWrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    margin-top: 30px;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
    -moz-box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
    box-shadow: 1px 1px 4px 1px rgba(189, 195, 199, .5);
    border-radius: 10px !important;
    overflow: hidden;
}

.listWrapper .left {
    width: 16%;
    float: left;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /*border-radius: 10px 0px 0px 10px;*/
}

.listWrapper .left .fixedImage{
    width:100%;
    height:100%;
}

.listWrapper .left .fixedImage img {
    width: 100%;
    height:100%;
}

.listWrapper .left .stars i,
.listWrapper .left .starLink a {
    font-size: 11px;
    color: #009688;
    text-decoration: none;
}

.listWrapper .left .stars,
.listWrapper .left .starLink {
    display: none;
    width: 100%;
    float: left;
}


/*
right
*/

.listWrapper .right {
    width: 84%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}


.listWrapper .right .up,
.listWrapper .right .bottom {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.listWrapper .right .up {
    padding: 12px 15px;
}

.listWrapper .right .bottom,
.listWrapper .field5bottom{
    background-color: #fafafa;
    padding: 10px 10px;
}

.listWrapper .field5bottom ul{
    margin: 0px;
    padding: 0px;
    list-style:none;
}

.listWrapper .right .up .section1,
.listWrapper .right .up .section2,
.listWrapper .right .up .section3,
.listWrapper .right .up .section4 {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.listWrapper .right .up .section2 {
    justify-content: flex-start;
    padding-left: 20px;
}

.listWrapper .right .up .section1,
.listWrapper .right .up .section2 {
    width: 30%;
}

.listWrapper .right .up .section3,
.listWrapper .right .up .section4 {
    width: 20%;
    text-align: center;
}

.listWrapper .right .up .section4 .btn b,
.listWrapper .right .up .section4 .btn span {
    display: block;
}

/*
section 1
*/


.listWrapper .right .up .section1 .section-left,
.listWrapper .right .up .section1 .section-right {
    width: calc(100% / 2);
    float: left;
}

.listWrapper .right .up .section1 .section-left p,
.listWrapper .right .up .section1 .section-left p a {
    font-size: 25px;
    font-weight: 800;
    color: #5CB629;
    text-align: center;
    margin: 0px;
}

.listWrapper .right .up .section1 .section-right p,
.listWrapper .right .up .section1 .section-right p a {
    font-size: 25px;
    font-weight: 800;
    color: #2CA5E4;
    text-align: center;
    margin: 0px;
}

.listWrapper .right .up .section1 .section-left p span,
.listWrapper .right .up .section1 .section-right p span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #555;
    display: block;
}

.listWrapper .right .up .section2 p,
.listWrapper .right .up .section2 p a{
    line-height: 18px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    margin: 0px;
}

.listWrapper .right .up .section2 p i {
    color: #009688;
    font-size: 12px;
}

.listWrapper .right .up .section2 p img {
    width: 10px;
    display: inline;
}

.listWrapper .right .up .section3 .stars,
.listWrapper .right .up .section3 .starLink {
    width: 100%;
    float: left;
}

.listWrapper .right .up .section3 .stars i {
    font-size: 20px;
    color: #009688;
}


.listWrapper .right .up .section3 .starLink a {
    color: #2980b9;
    font-size: 13px;
    font-weight: bold;
    margin-top: 7px;
    text-decoration: none;
    display: inline-block;
}

.listWrapper .right .up .section4 .btn-success {
    background-color: #009688;
    border: 0;
    border-bottom: 2px solid #5cb629;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    transition: all .2s ease-in-out;
    display: inline-block;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px !important;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-family: Lato, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    transition: 0.4s ease!important;
}

.listWrapper:hover .right .up .section4 .btn-success,
.listWrapper:focus .right .up .section4 .btn-success{
    animation: pulse 1s infinite;
/*    padding: 14px 15px;*/
    transform: scale(1.05);
}



@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(101, 200, 44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(101, 200, 45, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(101, 200, 45, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(101, 200, 45, 0.4);
        box-shadow: 0 0 0 0 rgba(101, 200, 45, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(101, 200, 45, 0);
        box-shadow: 0 0 0 10px rgba(101, 200, 45, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(101, 200, 45, 0);
        box-shadow: 0 0 0 0 rgba(101, 200, 45, 0);
    }
}










.listWrapper .right .up .section4 .btn-success span {
    font-size: 10px;
    font-weight: normal;
}


.listWrapper .right .bottom p {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.listWrapper .right .bottom li a {
    /*color: #2980b9;*/
    
    color: #212529;
}

/*.listWrapper .right .bottom li:last-child a {
    color: #2980b9;
    
    color: #212529;
}*/


.listWrapper .right .bottom {
    justify-content: flex-end;
}

.listWrapper .right .bottom ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width:100%;
}

.listWrapper .right .bottom ul li {
    float: left;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
    text-align: right;
    padding-left: 9px;
    position: relative;
    text-align:left;
}



.listWrapper .right .bottom ul li:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 2px;
    left: 4px;
    width: 0.5px;
    background: #8c8c8c;
}

.listWrapper .bottom ul li.field5Custom{
    margin-top: 0px;
}

.listWrapper .right .bottom ul li.field5Custom::before{
    display:none;
}


/*** ribbon ***/

/*** common ***/
.ribbon {
    width: 120px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}

.ribbon .ribbon_text {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
}

/* top left*/
.ribbon {
    top: -10px;
    left: -10px;
    /*    display: none;*/
}

.ribbon::before,
.ribbon::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon::before {
    top: 0;
    right: 7px;
}

.ribbon::after {
    bottom: 38px;
    left: 0;
}

.ribbon .ribbon_text {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

.ribbon .ribbon_text span {
    position: relative;
    left: 14px;
}


.popOverHolder {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: bold;
    background: #e4e4e4;
    padding: 9px 15px;
    border-radius: 7px;
    width: 100%;
}

.popOverHolder .popOver {
    position: relative;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #e4e4e4;
    position: absolute;
    bottom: -18px;
    left: 10px;
}

/*** ribbon ***/



/**** extra dimaag khapaayi ****/
.listWrapper .left {
    position: relative;
}

.listWrapper .left  .stars{
    position: absolute;
    top: 6px;
}

.listWrapper .left  .starLink{
    position: absolute;
    bottom: 6px;
}


/*** media queries ***/

@media screen and (max-width:1509px) {

    .listWrapper .left {
        width: 16%;
    }

    .listWrapper .right {
        width: 84%;
    }

    /*
    .listHdng > li {
        width: calc(84% / 4);
    }
*/


    .listHdng > li:nth-child(2),
    .listHdng > li:nth-child(3) {
        width: 25%;
    }

    .listHdng > li:nth-child(4),
    .listHdng > li:nth-child(5) {
        width: 17%;
    }

    .listWrapper .right .up .section1 .section-left p,
    .listWrapper .right .up .section1 .section-right p,
    .listWrapper .right .up .section1 .section-left p a,
    .listWrapper .right .up .section1 .section-right p a {
        font-size: 22px;
    }

    .listWrapper .right .up .section3 .stars i {
        font-size: 18px;
    }

    .listWrapper .right .up .section4 .btn-success {
        font-size: 14px;
        padding: 10px 12px;
    }
}


@media screen and (max-width:1200px) {

    .listWrapper .right .up .section1,
    .listWrapper .right .up .section3,
    .listWrapper .right .up .section4 {
        width: calc(100% / 3);
    }

    .listWrapper .right .up .section2 {
        display: none
    }

    .w-30,
    .w-20 {
        width: 33.33%;
    }

    .advantages,
    .listHdng > li:nth-child(3) {
        display: none !important;
    }

    .listHdng > li {
        width: calc(84% / 3) !important;
    }

}

@media screen and (max-width:992px) {

    .listWrapper .right .up .section1,
    .listWrapper .right .up .section4 {
        width: calc(100% / 2);
    }

    .listWrapper .right .up .section2,
    .listWrapper .right .up .section3 {
        display: none
    }

    .listWrapper .left .stars,
    .listWrapper .left .starLink {
        display: block;
    }

    .w-30,
    .w-20 {
        width: 50%;
    }

    .ranking,
    .listHdng > li:nth-child(4) {
        display: none !important;
    }

    .listHdng > li {
        width: calc(84% / 2) !important;
    }
}

@media screen and (max-width:768px) {

    .listWrapper .left {
        width: 35%;
    }

    .listWrapper .right {
        width: 65%;
    }

    .listWrapper .right .up .section1,
    .listWrapper .right .up .section4 {
        width: 100%;
    }

    .listWrapper .right .up .section4 {
        margin-top: 25px;
    }

    .listWrapper .left .stars,
    .listWrapper .left .starLink {
        display: block;
    }

    .listWrapper .right .up .section4 .btn-success {
        width: 100%;
    }

    .listWrapper .right .bottom p {
        justify-content: center;
        text-align: center;
    }

    .listHdng li {
        display: none;
    }
}


@media screen and (max-width:576px) {
    
    .listWrapper .left,
    .listWrapper .right{
        width: 100%;
    }

    .listWrapper .right .up .section1 .section-left p,
    .listWrapper .right .up .section1 .section-right p, 
    .listWrapper .right .up .section1 .section-left p a ,
    .listWrapper .right .up .section1 .section-right p a {
        font-size: 13px;
    }

    .listWrapper .right .up .section1 .section-left p span,
    .listWrapper .right .up .section1 .section-right p span {
        font-size: 10px;
    }

    .listWrapper .right .up .section4 .btn-success {
        font-size: 11px !important;
    }

    .listWrapper .right .up .section4 .btn-success span {
        font-size: 7px;
    }

    .listWrapper .right .bottom ul li {
        width: 100%;
        text-align: left;
    }

    .listWrapper .right .bottom ul li:not(:first-child)::before {
        display: none;
    }

    .listWrapper .left .stars i,
    .listWrapper .left .starLink a {
        font-size: 12px;
    }
}


/**** override css *****/

.container-fluid .entry-content a img,
.container-fluid .comment-content a img,
.container-fluid .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff !important;
    box-shadow: 0 0 0 0px #fff !important;
}


.container-fluid .entry-content a,
.entry-summary a,
.container-fluid .comment-content a,
.container-fluid .widget a,
.site-footer .widget-area a,
.container-fluid .posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 0) !important;
    box-shadow: inset 0 0px 0 rgba(15, 15, 15, 0) !important;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out !important;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out !important;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out !important;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out !important;
}


/**** jquery rating plugin *****/

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

/*** star rating error ****/

.my-rating > .jq-star:nth-child(n+6) {
    width: 0px!important;
    height: 0px!important;
}