



.gharsabha-page .gurukul-network-list-main { width: 100%; display: inline-block; padding: 60px 0 30px; }

.gharsabha-page .col-left { width: 100%; max-width: 290px; float: left; padding-right: 25px;}

.gharsabha-page .col-left h5{ font-size: 16px; font-weight: 600; line-height: 21px; color:#AC2B31; margin-bottom: 15px;}

.gharsabha-page .col-left p{ font-size: 14px; font-weight: 400; line-height: 21px; color:#000;  margin-bottom: 15px;}

.gharsabha-page .col-left ul{ margin:0; padding:0 0 0 15px;}

.gharsabha-page .col-left ul li{font-size: 14px; font-weight: 400; line-height: 21px; color:#000;    list-style: disc;}

.gharsabha-page .col-left .why_ghar_sabha { margin-bottom: 15px;  display: inline-block;  width: 100%;}

.gharsabha-page .col-left .benefit_of_ghar_sabha { margin-bottom: 25px;  display: inline-block;  width: 100%;}

.gharsabha-page .col-left .year_name { margin-bottom: 25px;  display: inline-block;  width: 100%;}

.gharsabha-page .col-left .year_name ul { margin:0; padding:0;}

.gharsabha-page .col-left .year_name ul li{ margin:0; padding:0; display:inline-block; }

.gharsabha-page .col-left .year_name ul li a{font-size: 16px; font-weight: 400; line-height: 21px; color:#000; display:inline-block; padding: 5px 14px; border-radius: 5px; border: 1px solid #bbb;  margin-bottom: 5px; margin-right: 2px; background:#fff;}

.gharsabha-page .col-left .year_name ul li a.active{ background:#ac2b31; border: 1px solid #ac2b31; color:#fff}

.gharsabha-page .col-left .month_name { margin-bottom: 25px;  display: inline-block;  width: 100%;} 

.gharsabha-page .col-left .month_name ul{ margin:0; padding:0px; flex-wrap: wrap; column-count: 2;}

.gharsabha-page .col-left .month_name ul li{ font-size: 16px; font-weight: 400; line-height: 21px; margin-bottom: 10px; list-style-type: none;}



.gharsabha-page .col-right { width: 100%; max-width: 600px; float: left;  border-left: solid 1px #bbb;  padding-left: 30px;}

.gharsabha-page .col-right h1{ font-size: 32px; font-weight: 400; line-height: 40px; color:#000; margin-bottom: 15px;}

.gharsabha-page .col-right .sadhu_name { font-size: 14px; font-weight: 400; line-height: 18px; color: #AC2B31;}

.gharsabha-page .col-right .sabha_date { font-size: 14px; font-weight: 400; line-height: 18px; color: #666666;}

.gharsabha-page .col-right h3{ font-size: 24px; font-weight: 600; line-height: 30px; color:#AC2B31;  margin-bottom: 15px;}

.gharsabha-page .col-right p{ font-size: 17px; font-weight: 400; line-height: 21px; color:#333;  margin-bottom: 15px; white-space: pre-line; }

.gharsabha-page .col-right audio{ width:100%; min-height:133px; background: #f1f3f4 url(../images/audio-img.png) no-repeat center center;  border-radius: 10px;}

.gharsabha-page .col-right .ghar_sabha_info {  display: inline-block;  width: 100%; margin:25px 0;}

.gharsabha-page .col-right .ghar_sabha_info:first-child{ margin-top:0;}

.gharsabha-page .col-right .jivan_charitra_list {  display: inline-block;  width: 100%;}

.gharsabha-page .col-right .jivan_charitra_list h4{ font-size: 17px; font-weight: 600; line-height: 30px; color:#333;  margin-bottom: 15px;}

.gharsabha-page .col-right .jivan_charitra_list p{ font-size: 17px; font-weight: 400; line-height: 21px; color:#333;  margin-bottom: 15px;white-space: pre-line; } 





.gharsabha-page .activities .col{width: 16.6%;}

.gharsabha-page .activities .input-group.date { float: left; width: 223px;}

.gharsabha-page .activities h2{margin-bottom: 15px;}

.gharsabha-page .activities p { font-size: 14px; font-weight: 400; line-height: 21px; color:#666666;  margin-bottom: 8px; text-align: center; height: 40px; overflow: hidden;}

.gharsabha-page .activities-short-bar{ margin-top:25px;}

.gharsabha-page .activities .col .cont{ padding: 10px;}

.gharsabha-page .activities .col .cont p{ text-align: left;} 

.gharsabha-page .activities .col .img{ height: 117px; overflow:hidden; text-align: center;  background: #f8f8f8;}

.gharsabha-page .activities .col .img img{ height: 100%; width: auto;}

.gharsabha-page .list-main { margin: 0 -15px; }

.gharsabha-page .list-main .col { width: 33.33%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 0 15px 30px; }

.gharsabha-page .list-main .col .col-cont { padding: 9px; border: solid 1px #eaeaea; }

.gharsabha-page .activities .col .cont h3{ height: 18px;     margin-bottom: 8px;}

.gharsabha-page .list-main .col .img { text-align: center; position:relative; }

.gharsabha-page .list-main .col .img img { display: inline-block; }

.gharsabha-page .list-main .col .title { font-size: 19px; border-bottom: solid 1px #eaeaea; padding: 10px 0 15px; margin-bottom: 10px; }

.gharsabha-page .activities .col h3, .gharsabha-page .activities .col h3 a{    font-size: 14px;     overflow: hidden;}

/*.gharsabha-page .col-right .moral {  color:#2980b9 !important;}*/

.gharsabha-page .col-right .ghar_sabha_info ul, .gharsabha-page .col-right .ghar_sabha_info ol { padding-left: 40px;}

.gharsabha-page .col-right .ghar_sabha_info ul li {  list-style-type: disc;}

.gharsabha-page .col-right .ghar_sabha_info ol li {list-style-type: decimal;}

.gharsabha-page .col-right .ghar_sabha_info ol li ul li {list-style-type: circle;}

.gharsabha-page .col-right .ghar_sabha_info ol li ul li ul li {list-style-type: disc;}

.gharsabha-page .col-right .ghar_sabha_info ul li ol li{  list-style-type: decimal;}



.side-menu-open { width: 36px; height: 44px; position: fixed;  left: 0; top: 50%; text-align: center;  line-height: 44px;  font-size: 22px;  font-weight: bold;  margin-top: -22px;  border-color: #ccc;  background:#ededed url(../images/ellipsis-v-solid.svg) no-repeat;  background-size: 10px;  background-position: center center;  border-bottom-right-radius: 20px;  border-top-right-radius: 20px;  webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  -moz-box-shadow: 2px 1px 1px rgba(0,0,0,0.2); box-shadow: 2px 1px 1px rgba(0,0,0,0.2); z-index: 4; display:none; }

.col-left.sidebar-nav a.remove-icon { display: none; }





.social-share-btns-container {

    overflow: hidden;

    position: relative;

    left: 0;

    font-size: 0;

    top: 50%;

    margin: 0px 0;

    text-align: center;

    width: 100%;

}

form.rating-wrapper {

    float: none;

    display: inline-block;

    margin: 16px 0 30px 0;

    width: 100%;

    text-align: center;

}

.social-share-btns {

  display: inline-block;

  overflow: hidden;

  .share-btn {

    float: left;

    margin: 5px;

    padding: 8px 16px;

    border-radius: 3px;

    color: #fff;

    font-size: 14px;

    line-height: 18px;

    vertical-align: middle;

    @include transition(background 0.2s ease-in-out);



    i {

      margin-right: 5px;

      display: inline-block;

      font-size: 18px;

      vertical-align: middle;

    }

  }

}



// Colors

.share-btn {

  background-color: #95a5a6;

  &:hover {

    background-color: darken(#95a5a6, 10%);

  }

}

.share-btn-twitter {

  background-color: #00aced;

  &:hover {

    background-color: darken(#00aced, 10%);

  }

}

.share-btn-facebook {

  background-color: #3b5998;

  &:hover {

    background-color: darken(#3b5998, 10%);

  }

}

.share-btn-linkedin {

  background-color: #007bb6;

  &:hover {

    background-color: darken(#007bb6, 10%);

  }

}

.share-btn-reddit {

  background-color: #ED001C;

  &:hover {

    background-color: darken(#ED001C, 10%);

  }

}



.share-btn-mail {

    background-color: #f1c40f;

    &:hover {

        background-color: darken(#f1c40f, 5%);

    }

}



.credits {

  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  position: fixed;

  left: 0;

  bottom: 0;

  background-color: rgba(0,0,0,0.7);

  width: 100%;

  z-index: 1111;

  letter-spacing: 0.04em;

  font-size: 10px;

  text-transform: uppercase;

  a {

    color: rgba(255,255,255,0.5);

    display: inline-block;

    padding: 4px 4px;

    text-decoration: none;

    &:hover {

      color: #fff;

    }

  }

}





.rating-wrapper .ratingItemList {  max-width: 300px;  display: flex;}

.rating-wrapper input.rating {  display: none;  width: auto;  margin: 0;}

.rating-wrapper label.rating {  padding: 5px 3px;  font-size: 32px;  opacity: 0.7;  filter: grayscale(1);   cursor: pointer;   margin: 0;  width: auto;}

.em-angry { background-image: url(../../images/1f620.png);}

.em-disappointed { background-image: url(../../images/1f61e.png);}

.em-expressionless {  background-image: url(../../images/1f611.png);}

.em-grinning { background-image: url(../../images/1f600.png);}

.em-star-struck, .em-grinning_face_with_star_eyes {  background-image: url(../../images/1f929.png);}

.em, .em-svg {  height: 1.5em;  width: 1.5em;  background-position: center;  background-repeat: no-repeat;  background-size: contain;  display: inline-block;  vertical-align: middle;}

.rating-wrapper label.rating:hover { filter: grayscale(0.84); transform: scale(1.1);  transition: 100ms ease;}

.rating-wrapper input.rating:checked + label.rating { filter: grayscale(0); opacity: 1; transform: scale(1.1);}



.submit_rating_div{/*max-width: 300px;*/margin: 11px auto 0 auto;color: green;}

.submit_rating_div .button{max-width: 140px;}
.submit_feedback_div{max-width: 300px;margin: 11px auto 30px auto;color: green; text-align: center;}



.submit_rating_div .button{cursor: pointer;}
.submit_feedback_div .button{cursor: pointer;}

@media only screen and (max-width: 1199px) {

.gharsabha-page .col-right{ max-width: 68%;}	

.gharsabha-page .col-main .container{ padding:0;}

.gharsabha-page .col-right .ghar_sabha_info{ margin: 10px 0;}

}



@media only screen and (max-width: 991px) {

.side-menu-open { display: block; }

.col-left.sidebar-nav a.remove-icon { display: block; }

.col-left.sidebar-nav { position: fixed; height: 100%; width: 320px !important; max-width: inherit !important; left: -100%; top: 0; z-index: 99; background: #fff; padding:60px 10px 10px 10px  !important; -ms-transition: all 0.7s ease; -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; visibility: hidden; overflow-x: hidden; overflow-y: auto; }

.show-side-menu .col-left.sidebar-nav { left: 0; opacity: 1; visibility: visible; }

.show-side-menu .overlay-bg { right: 0; -moz-transform: translateX(320px); -ms-transform: translateX(320px); -webkit-transform: translateX(320px); transform: translateX(320px); }

.gharsabha-page .col-left, .gharsabha-page .col-right { max-width: 100%; float: none;  border: none 0px; padding: 0;}

.gharsabha-page .col-left { margin-bottom: 30px; }

.gharsabha-page .activities .input-group.date{ width: auto;}

.gharsabha-page .activities .col .img{ height: 120px; overflow:hidden;}

.gharsabha-page .activities .col{ width: 25%;}

}



@media only screen and (max-width:767px) {

.gharsabha-page .gurukul-network-list-main { padding: 30px 0 0; }

.gharsabha-page .list-main .col { width: 50%; }

.gharsabha-page .col-right iframe { width: 100%;} 

.gharsabha-page .col-right h1{ font-size:24px; line-height: 24px;}

.gharsabha-page .col-right h3{font-size: 18px; line-height: 24px;}

.gharsabha-page .activities .col{ width: 50%;}

}



@media only screen and (max-width:567px) {

.gharsabha-page .activities .input-group.date{ width: 100%; margin-bottom: 10px;}



}



@media only screen and (max-width:479px) {

.gharsabha-page .list-main .col { width: 100%; }

}





/* 23-04-25 */

.owl-carousel,
.owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel,
.owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
/**/
.owl-theme .owl-dots,
.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 7px; background: #666; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #ac2b31; }

/*.owl-carousel .owl-stage {
     display: flex;
}
.owl-carousel .owl-item {
     display: flex;
     flex: 1 0 auto;
}
.owl-carousel .caption {
     display: flex;
     flex: 1 0 auto;
     flex-direction: column;
}
.owl-carousel .flex-text {
     flex-grow: 1;
}
.owl-carousel .thumbnail {
     display: flex;
     flex-direction: column;
     margin: 0 15px;
}
.owl-item .img {
    margin-bottom: 10px;
}
*/
.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 10px;
}
.owl-theme .owl-nav button {
    position: absolute;
    top: 50%; height: auto; padding: 10px; margin: 0; 
}
.owl-theme .owl-nav button span {    font-size: 50px;
    color: #fff;
    line-height: 0.5;
}
.owl-theme .owl-nav {margin: 0}
.owl-theme .owl-nav button.owl-prev {
    left: 0;
    background: #c92123;
    padding: 0 10px !important;  
}

.owl-theme .owl-nav button.owl-next {    right: 0;
    background: #c92123;
    padding: 0 10px !important;    }
.submit_rating_div input:disabled {opacity: 0.5}
.submit_feedback_div input:disabled {opacity: 0.5}

.owl-carousel {
  height: auto;
}

#feedback{height: 110px;}
.jivan_charitra_list .owl-carousel {margin-bottom: 50px;}
.owl-carousel .item img {margin: 0 auto;}

.satsang_slider .owl-carousel .owl-item {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    float: none;
}
.satsang_slider .owl-carousel .owl-stage-outer {
    border: solid 1px #e3e3e3;
}
.satsang_slider .owl-carousel .item img {
    width: 100%;
    height: 500px !important;
    object-fit: contain;
    object-position: center;
}

/*input[type=radio] {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 0;
    margin: 0;
    color: #231f20;
}

input[type=radio]+label {
    font-size: 17px;
    font-weight: 400;
    color: #231f20;
    padding-left: 25px;
    position: relative;
    display: inline-block;
    cursor: pointer
}
 
input[type=radio]+label:after {
    width: 18px;
    height: 18px;
    display: block;
    content: "";
    border: solid 2px #ddd;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0
}
 
input[type=radio]+label:before {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #231f20;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden
}
 
input[type=radio]:checked+label:before {
    opacity: 1;
    visibility: visible
}
 
input[type=radio]:checked+label:after {
    border-color: #231f20
}

.field {
    margin-bottom: 15px;
    position: relative;
}*/
 

.field {
    position: relative;
    margin: 0 10px 10px 0px;
}
.field input[type=radio] {
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    width: 20px;
    margin: 0;
    color: #231f20;
    height: 20px;
    padding: 0;
    line-height: normal;
    max-width: inherit;
    z-index: 1;
}
.field input[type=radio]+label {
    font-size: 17px;
    font-weight: 400;
    color: #231f20;
    padding-left: 25px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: normal;
    margin: 0;
    /*width: 22px;*/
    height: 22px;
}
.field input[type=radio]+label:after {
    width: 18px;
    height: 18px;
    display: block;
    content: "";
    border: solid 2px #ddd;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0
}
.field input[type=radio]+label:before {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #231f20;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden
}
.field input[type=radio]:checked+label:before {
    opacity: 1;
    visibility: visible
}
.field input[type=radio]:checked+label:after {
    border-color: #231f20
}