/* style.css */
.pd-0 {
    padding: 0 !important;
}
.mr-0 {
    margin: 0 !important;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media only screen and (max-width: 576px) {
    #header-section .mg-about {
        padding-left: 15px !important;
		padding-top: 1rem;

    }

    #header-section .mg-about h2.text-right, #header-section .mg-about h2, #header-section .mg-about h2.text-left, #header-section .mg-about .text-white .text-right, #header-section .mg-about .text-white .text-left {
        text-align: center !important;

    }
    .mg-transformed ul {
        list-style-type: none !important;
        text-align: center !important;
    }

    #header-section .image-section {
        text-align: center !important;
    }

    .wpcf7-response-output {
        margin: auto !important;
    }
	.order-xs-0 {
        order: 0;
    }

    .order-xs-1 {
        order: 1;
    }

    .order-xs-2 {
        order: 2;
    }

    .order-xs-3 {
        order: 3;
    }

    .order-xs-4 {
        order: 4;
    }

    .order-xs-5 {
        order: 5;
    }

    .order-xs-6 {
        order: 6;
    }

    .order-xs-7 {
        order: 7;
    }

    .order-xs-8 {
        order: 8;
    }

    .order-xs-9 {
        order: 9;
    }

    .order-xs-10 {
        order: 10;
    }

    .order-xs-11 {
        order: 11;
    }

    .order-xs-12 {
        order: 12;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .carousel-item.active .slider-caption .col:first-child {
        text-align: center;
    }

    .font-20-px, #main #faq .card .card-header .btn-header-link {
        font-size: 20px !important;
    }

    .justify-content-xs-center {
        justify-content: center !important;
    }

    .truestories h2:before {
        display: none !important;
    }
	 .d-xs-block {
        display: block !important;
    }

    .xs-mt-3 {
        margin-top: 1.5rem !important;
    }

}
@media (max-width: 768px) {
	.copyright-area p {
        font-size: 13px;
    }
    .newsletter-form {
        padding: 20px;
        margin: 30px auto;
        width: 100%;
    }

    .newsletter-form h3 {
        font-size: 16px;
    }
	 .page-numbers li {
        padding: 8px 0px;
    }

    .page-numbers {
        display: inline;
        justify-content: center;

    }

}


.prev-left {
    float: left;
}

.next-right {
    float: right;
}

.page-header {
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 0px
}

.font-20-px {
    font-size: 20px !important;
}

#mg-carosel .cta-button {
    border-color: #343333;
}

.ng-pristine.ng-invalid-required {
    box-shadow: none;
}

#mg-carosel .carousel-inner {
    background-size: cover;
}

.slider-caption h2 {
    color: #e3c383;
}

.truestories h2:before {
    background: #e3c383 !important;
}
.owl-item {
    padding: 1vw;
}

.pagination {
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
}

.pagination a {
    display: flex;
    color: #f1c150;
    padding: 5px 7px;
    background-color: black;
    border: 1px solid transparent;
    border-radius: 6px;
    text-decoration: none;
    font-family: 'cinzel', sans-serif;
    font-weight: 500;

}

.pagination a:hover {
    text-decoration: none;
}

/* pagination archive page */
.page-container {
    padding-bottom: 0px;
}

.page-bar {
    display: inline-block;

}

.page-center {
    text-align: center !important;
    white-space: normal;
}

.page-numbers li {

    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.current {
    color: black;
    background-color: #f1c150;
    padding: 8px 16px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 30px;

}

.page-numbers li a {
    color: #f1c150;
    background-color: black;;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border-radius: 30px;
    white-space: nowrap;
    margin-bottom: 20px;
    font-family: 'cinzel', sans-serif;
    font-weight: 500;
}

.page-container ul {
    margin-bottom: 0rem !important;

}

ul.page-numbers {
    padding-left: 0px !important;
    margin-top: 20px;
}
/* Newsletter Form*/
.newsletter-form h3 {
    font-size: 24px;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
}
.submit-btn {
    background-color: #f1c150;
    color: black;
    border-radius: 2px;
    border: 1px solid transparent;
    padding: 5px 13px;

}
.newsletter-form {
    background-color: #343333;
    padding: 35px;
    border-radius: 6px;
    width: 80%;
    margin: 40px auto;
}
.invalid-feedback {
    display: block !important;
    visibility: hidden;
}

/* Form css */
.form-group {
    margin-bottom: 0px !important;
}

#state {
    /* margin-bottom: -17px !important; */
}
.blog-form {
    padding: 23px 30px !important;
}

.blog-form input {
    padding: 7px !important;
    margin-bottom: 0px !important;
}


.is-invalid + .invalid-feedback {
    /* visibility: visible; */
    /* margin-bottom: 5px !important; */
}
/* style.css end */
/* dhanusree */
@media (min-width:280px) and (max-width: 768px) {
   
	#header-section .mg-about {
    order: 2;
    text-align: left !important;
}
	.contact-info {
    margin-bottom: 0px !important;
}	
	.form-place p {
    text-align: left;
}
	.form-place a{
      color:black !important;
}
	.mg-about {
    padding-top: 45px;
}
	.truestory img{
	width:43% !important;
	height:auto;
}
	.febimg img{
	width:86%;
	height:auto;
}

	.video{
	position:relative; 
	overflow:hidden;
	padding-bottom:56.25%;
}
	.separator {
    margin-top:-8px;
	
}
	.humanity-service h2:before{
	left:40%;
}
	.humanity-service h3{
	font-size:20px;
	margin-bottom:10px;
}
	
	.truestories h2:before {
		left:41% !important;
}
	#header-section .image-section{
    order:1;
}
	.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 15px;
    height: 15px !important;
	}
    
	.form-title-text {
    font-size: 16px;
    font-weight: bold;
	}
	.blog-form {
    width: 90%;
    padding: 20px;
    margin: 30px auto;
	}
	.blog-form input {
    margin-bottom: 13px;
    background: #f1f1f1;
    padding: 7px;
	}
	.blog-form h3{
	font-size: 16px !important;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
	}
	.blog-form button {
    width: auto;
    margin: 3px;
	}
	.blogheader h4{
	font-size:18px;
	}

}


/* step */
.stepmargin{
    margin-top:7% !important;
}
.form-place a{
      color:white;
    
}
.gbu-section {
   border: 4px solid #cda139;
    border-radius: 10px !important;
    padding: 15px;
    margin:auto;
    margin-bottom: 30px !important;
}
.testimonials-card-bg h5{
	margin-bottom:20px;
}
.text-brown{
	  color:#a5743f;
}
.separator {
    border-top: 2px solid #e3c383;
    width: 150px;
    margin-bottom: 5px;
	
}.separator-whitebg {
    border-top: 2px solid #a5743f;
    width: 150px;
    margin-bottom: 5px;
	
}

.buttons {
    background-color: #f1c150;
    border: 1px solid #a5743f;
    border-radius: 8px;
    color: black;
}
.but a:hover {
    color: black;
    
}
.but a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

.form-check
{
	color:white;
}

.form-check-input:checked~ .form-check-label::before  {
  border-color: #e3c383 !important;
  background-color: #e3c383 !important;
}


.truestory img{
	width:18%;
	height:auto;
}
.truestory p{
	font-size:18px;
	color:#9b9797;
	text-align:center;
	font-weight:300;
	margin-bottom:0rem;
}
.febimg img{
	width:50%;
	height:auto;
}
.comma-svg{
	width: 53px;
    height: auto;
}

	
.blog-form {
  background-color: #343333;
    padding: 35px;
    border-radius: 6px;
    width: 83%;
    margin: 40px 135px;
}
.blog-form button {
    width: 18%;
    margin: 10px;
}
.blog-form input {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 12px;
}
.blog-form h3{
	font-size: 24px;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
}

/* custom-css */
/* homepage */
.wpb_content_element{
        margin-bottom: 0px !important;
}


.form-title-text {
    font-size: 20px;
    font-weight: 600;
}
.text-brown{
    color:#a5743f;
}

@media only screen and (max-width: 576px) 
{
    
#sequence > .sequence-canvas li > a{
    margin-top: 32px;
}
.truestories h2:before{
    left: 43%;
}

#humanity-service.humanity-service h2:before{
    display:none;
}
}
#step-towards-positive-change{
    display:none;
}

#true-stories.truestories h2:before{
    background: #472500 !important;
}

.font-140 {
     font-size:30px;
}
.testimonials-card-bg{
    display: grid;
    flex-wrap: wrap;
    height: 215px !important;
}
.gtco-testimonials .center h5{
    font-size: 1.25rem !important;
}

.carousel-control-prev-icon {
    background-image: url(https://staging.manavguru.org/wp-content/uploads/2020/12/left-arrow.png);
}


.carousel-control-next-icon {
    background-image: url(https://staging.manavguru.org/wp-content/uploads/2020/12/next.png);
}

.circle {
    border: 2px solid white;
    padding: 2px;
    height: 35px !important;
    width: 35px !important;
    border-radius: 50%;
    line-height: 30px;
}
.color-dark {
        color: #472500 !important;
}
 .mg-about h2 {
    font-size: 23px;
}

/* SERVICES TO HUMANITY */

.mg-about-inner h3{
    line-height:inherit !important;
   
}
.mg-about p,.mg-about h2.text-right{
 text-align: center !important;
    
}
.text-brown-z{
    font-size: 1.2rem;
}
@media (max-width: 768px){
    .mg-about-inner h3{
    font-size: 1.60rem;
    }
}


.mg-transformed h3:before {
    width:79px;
}


@media only screen and (max-width: 576px){
#feature-section.mg-transformed h3:before {
   display:none; 
    }
}
/* faq */
#main #faq .card .card-header .btn-header-link{
    font-weight: 400 !important;
        font-family: 'Lato', sans-serif;
}
#main #faq .card .card-body{
     font-family: 'Lato', sans-serif;
}

#header-section .mg-about{
        padding-left: 6rem ;
}

/* sol */


@media only screen and (max-width: 576px) {
#header-section .image-section{
    order:1;
}
.show-on-mobile{
    display:block !important;
}

}
.show-on-mobile{
    display:none;
}
.md-headline{
	font-size: 24px;
    font-weight: 400;
    line-height: 32px;
	color:#ffffff;
}
@media (max-width: 768px){
.mg-transformed h3:before {
    display:none;
}

.feature .mb-4, .my-4 {
    margin-bottom: -0.5rem!important;
}
.copyright-area-content .text-right{
	text-align: left!important;
}

}
.md-headline {
             font-family: 'Cinzel', serif !important;
  }
  
  /* webinar */
  
fieldset {
    position: relative; 
    padding: 13px 17px;
    border: 1px solid white;
    margin: 50px 140px;
 }
fieldset legend
 {
 	left:50%;
 } 

legend{
 width:auto;
 color: #e3c383 !important;
 padding: 0px 15px;
 font-family: 'Cinzel', serif;
 line-height: 1;
}
fieldset p{
    color:white;
    font-size:20px;
    text-align:center;
}
.item img{
	width: 125px;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: -16%;
}
.feature h3 {
    font-size: 24px;
    font-family: adobe-garamond-pro;
}
@media (max-width: 767px){

		fieldset{
     margin: 50px 13px;
}
legend{
    max-width: 75%;
	
}
fieldset p{
	 font-size:16px;
}
.mobsize{
    font-size:16px;
}
/* home-form */
#lead-step{
    margin: auto 0px !important;
}
.form-control{
}
.home-form input {
    /* margin-bottom: -4px !important; */
}
#visit {
    display: none;
}


}
#visit{
	position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99;
}
/* share your problem-form */
    p.text-danger {
                font-size: 12px;
                margin-top: 1vw !important;
                line-height: 12px;
            }

    .loader {
                justify-content: space-around;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                align-items: center;
                background: #fff;
                z-index: 9;
                top: 0;
          }

   .loader i {
                font-size: 30px;
                color: #126db6;
            }

            .submit-btn[disabled] {
                background-color: #6633997d !important;
            }

            .change-mobile-link {
                margin-top: -2.5rem;
                right: 0;
                padding-right: 12px;
            }

            .change-mobile-link, .resend-otp-btn {
                color: #663399;
                cursor: pointer;
                font-weight: 600;
            }

            .storie-details {
                padding: 60px 0 !important;
            }

            .sub-titles {
                font-size: 17px;
                font-weight: bold;
            }

            /*
             .custom-radio .custom-control-label::before {
                                                  margin: auto;
                                                  margin-bottom: 10px;
                                                  position: initial;
                                               }

             .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
                                                        display: none;
                                                }

                .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
                                                        background-color: #f1c150 !important;
                                                }
					.custom-control-label {
                                 color: #fff;
                       }
					.radio-holder {
                                     padding: 0px 16px;
                               }
            */
            input#mobile::-webkit-outer-spin-button,
            input#mobile::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            /* Firefox */
            input[type=number] {
                -moz-appearance: textfield;
            }

            .home-form h4 {
                color: #e3c383;

            }

            /*.home-form p {*/
            /*    font-size: 16px;*/
            /*}*/


            /*date and time css*/

            calender i{
                font-size: 100px;
                color: #e3c383;
                text-align: center !important;
                display: inline-block;
            }
            .datetimebox{
                border: 5px solid #e3c383;
                padding: 30px 20px;

            }
            .calender img{
                width:22%;
            }


            .home-form{
                background-color: #472500;
            }

            .datetimebox h4{
                font-size: 18px;
                font-family: adobe-garamond-pro;
            }
            .home-form h3{
                font-family: 'adobe-garamond-pro';
            }


            @media (max-width: 768px){
                .home-form h4 {
                    font-size: 15px;
                }
                .calender img{
                    width:35%;
                }
            } 
			
/* form-textfield-size */
select.form-control:not([size]):not([multiple]) {
    color: #797f84;
    height: calc(2rem + 1px);
}
/* FAQ */
#main #faq .card .card-header .btn-header-link {
   text-decoration: none;
}
/* home-form underline */
.home-form h3:before{
	display:none;
}
/* blog */

@media (max-width: 768px){
.blog-heading h2 {
      padding: 5px !important;
      font-size: 20px !important;
}

.mg-blog-inner {
   top: 14% !important;
}
.mg-blog-inner h2 {
    font-size: 16px;
 
}


}
/* css for iphone x */
@media only screen 
  and (min-device-width: 375px) {
	  .mg-blog-inner {
		padding-top: 25px;
	}
	  
  }
  
  
  .time-container, .date-container {
	      /* margin-top: -12px; */
	      /* margin-bottom: 4px; */
	 }
  
  .message-box {
	  /* margin-top: -10px; */
	 }
  
  .form-control {
     padding: .2rem .75rem !important;
     height: calc(2rem + 1px);
  }
  
  .time-container .invalid-feedback {
	  /* margin-top: 0px; */
	  /* margin-bottom: 8px; */
	 }
	 
/* homepage css */

.step-title {
    color: #ffffff;
    display: inline-block;
    background: #c3a049;
    border-radius: 34px;
    padding: 8px 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Lato';
}
.icon-bottom-border {
    border-bottom: 1px solid #343333;
    margin-bottom: 40px;
}
@media (max-width: 768px){
	            .font-21-px{
					font-size: 20px;
				}
				.box-universal-xs {
					margin: 0px;
					box-shadow: 0px 0px 35px 0px rgb(0 1 1 / 27%)
				}
				.item p {
					margin-bottom: 5px  !important;
				}
}