@import url('https://fonts.googleapis.com/css?family=Trirong');

body{
margin: 0;
padding: 0;
box-sizing: border-box;
/*font-family:  "Trirong", serif;*/
font-family: Arial, Helvetica, sans-serif;
}

p{
	font-size: clamp(10px, 4vw, 16px);
}

nav .navbar-nav .active 
{
	
}
nav .navbar-nav .active a
{
	color: #800000!important;
	border-bottom: 3px solid #800000!important;		
}
.logo
{
    height:12vh;
} 
@media (max-width: 991px)
{
	.logo
	{
	    height:45px;
	}
}
/*------------Comman-------------------*/
.join_class
{
	background-color: #800000!important;
}
section{
	margin: 0 0 7% 0!important;
}

.heading_color{
	color:#800000!important;
}
.comman_bg_color{
  background-color: #800000!important;
  color: white!important;
}
.comman_btn{
	background-color: white!important;
	border: 1px solid #800000!important;
	color: #800000!important;
}
.comman_btn:hover{
  background-color: #800000!important;
  color: white!important;
}
.comman_border{
	border: 1px solid #800000!important;
}
#btn-back-to-top 
   {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: none;
    }
/*-----------------footer-----------------------*/
footer .links{
  text-align: center;
}
footer .links ul{
  list-style: none;
  padding-left: unset;
  color: #ffff;
}
footer .links ul li a{ 
  color: #ffff;
}
footer .social-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 23px;
    font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
footer .social-container .col {
    border: 1px solid rgba(255, 255, 255, 0.1);
}
footer .jumbotron .container-fluid .row .copy a:link {
  text-decoration: none;
  color: #ffff;
}
/*-----------carousel Slider------------------*/
#section_banner{
  margin-top: 5%!important;
}
/* Make the image fully responsive */
 #section_banner .carousel-inner .carousel-item{
      height: 100vh!important;
  }

  #section_banner .carousel-inner img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
  /*  display: block;*/
  /*-moz-box-sizing: border-box;*/
  /*box-sizing: border-box;*/
  }

  #section_banner .carousel-inner .carousel-caption{
  	bottom: 25%!important;
  }

  #section_banner .carousel-inner .carousel-caption h3{
  /*color: yellow!important;*/
  color: #ffc107!important;
  font-weight: bold!important;
  }
  
 @media (max-width: 991px)
{
    #section_banner{
  margin-top: 15%!important;
}
 #section_banner .carousel-inner .carousel-item{
      /*height: 50vh!important;*/
      height:auto!important;
  }
  
   #section_banner .carousel-inner img{
    height: auto !important;
    max-width: 100%;
    display: block; 
  }
  
  #section_banner .carousel-inner .carousel-caption{
  	bottom: 15%!important;
  }
}

/*----------#section_why_maargam-----------------------*/

#section_why_maargam .container .heading{
	color:#800000!important;
}

#section_why_maargam .row .card{
	height: 200px;
	border-radius: 5%!important;

}

#section_why_maargam .row .card .text-titile{
	color:#800000!important;
	font-weight: bold!important;
	line-height: 1.2!important;
}


/*--------------#section_philosophy---------------------*/
/*-------------------*/
/*-----------#section_up_event--------------*/
#section_up_event .jumbotron .card{
  height: 150px!important;
  color: black;
}

/*------------#section_testimonials---------------------------*/
#section_testimonials .row .card{
	height: 180px!important;
	border-radius: 5%!important;
	line-height: 1.2!important;
}


/*--------------about_Us---------------------------------*/
/*---------------about_section_banner---------------------*/

@media (max-width: 640px) {
  #about_section_banner .jumbotron p,
  #contact_section_banner .jumbotron p,
  #gallery_section_banner .jumbotron p,
  #event_section_banner .jumbotron p,
  #classes_section_banner .jumbotron p
  {
    width: 80%!important;
  }
}

  /*-------------section_our_journey--------------------------*/
  #section_our_journey .card{
  	width: 95%!important;
  }

  #section_our_journey .vl{
  	border-left: 6px solid #800000;
  	height: 25px;
  }

  @media (max-width: 640px) {
  #section_our_journey .container{
    margin-left: 5px!important;
    margin-right: 5px!important;
  }
}
/*----------#section_our_core_values------------------*/

#section_our_core_values .row .card{
	height: 200px;
	border-radius: 5%!important;
}
/*-------------about_section_basic1---------------*/

/*#section_our_story .about_img{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
#section_our_story .about_img img{
  max-width: 550px;
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}
@media (max-width: 991px)
{
  #section_our_story .about_img img{
    max-width: 100%;
  }
}
/*-------------------*/
#about_section_basic1 .popup-gallery img{
  max-width: 550px;
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}
@media (max-width: 991px)
{
  #about_section_basic1 .popup-gallery img{
    max-width: 100%;
  }
}
#about_section_basic1  .d-inline .badge{
	/*color: yellow!important;*/
  color: #ffc107!important;
  font-weight: bold!important;
  /*border: 1px solid yellow;*/
   border: 1px solid #ffc107;
}
  

#about_section_basic1 ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

#about_section_basic1 li {
  padding-left: var(--icon-space);
}

#about_section_basic1 li:before {
  content: "\f005"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  /*color: yellow!important;*/
  color: #ffc107!important;
}

/*----------------about_section_basic2---------------------------*/
#about_section_basic2 .popup-gallery img{
  max-width: 550px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
@media (max-width: 991px)
{
  #about_section_basic2 .popup-gallery img{
    max-width: 100%;
  }
}
/*-------------------*/
#about_section_basic2  .d-inline .badge{
	/*color: yellow!important;*/
	color: #ffc107!important;
  font-weight: bold!important;
  /*border: 1px solid yellow;*/
  border: 1px solid #ffc107;
}
  

#about_section_basic2 ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

#about_section_basic2 li {
  padding-left: var(--icon-space);
}

#about_section_basic2 li:before {
  content: "\f005"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  /*color: yellow!important;*/
  color: #ffc107!important;
}
/*-----------#classes_section_two----------------------*/
#classes_section_two .row .card-img-overlay{
	padding-top: 50%!important;
	color: #000!important;
	font-weight: bold!important;
}

#classes_section_two .row .d-inline .badge{
	/*color: yellow!important;*/
	color: #ffc107!important;
  font-weight: bold!important;
  /*border: 1px solid yellow;*/
  border: 1px solid #ffc107;
}
  

#classes_section_two ul,
#classes_section_four ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

#classes_section_two li,
#classes_section_four li {
  padding-left: var(--icon-space);
}

#classes_section_two li:before ,
#classes_section_four li:before{
  content: "\f005"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  /*color: yellow!important;*/
  color: #ffc107!important;
}
/*-------------classes_section_two-----------------*/
#classes_section_two .row .card{
	height: 750px!important;
}
/*-------------classes_section_four-----------------*/
#classes_section_four .row .card{
	height: 400px!important;
	border-radius: 5%!important;
}
#classes_section_four .card:hover{
	/*border: 1px solid yellow!important;*/
	border: 1px solid #ffc107!important;
}
#classes_section_four .card .btn{
    width: 90%;
    margin: auto;
}
#classes_section_four .card:hover .btn{
	background-color: #800000!important;
	color: white!important;
}
/*-----------classes_section_five--------------------*/
#classes_section_five .row .rounded-circle{
	width: 50px!important;
  height: 50px!important;
  margin: auto!important;
  align-content:center;
  /*padding: 5% 0!important;*/
}

/*-------------gallery_section_secound---------------------------*/
#gallery_section_secound .container .row .fillter .card-title{
    border-radius: 20% !important;
    padding: 0 5px!important;
}

#gallery_section_secound .container .row .card{
  height: 400px!important;
}

#gallery_section_secound ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

#gallery_section_secound li {
  padding-left: var(--icon-space);
}

#gallery_section_secound .calendar:before {
  content: "\f073"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}

#gallery_section_secound .user:before {
  content: "\f007"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}
/*------------gallery_section_third---------------------*/

#gallery_section_third .container .row .card{
  height: 350px!important;
}

/*--------------gallery_section_five--------------------------*/
#gallery_section_five  .jumbotron .btn{
 color: #800000!important;
}

#gallery_section_five  .jumbotron .bg-white:hover{
 background-color: #ffc107!important;
}
/*-----------gallery_section_four--------------*/

#gallery_section_four .container .row .card{
  height: 150px;
}

@media (max-width: 767px) {
  #gallery_section_four .container .row .card{
   height: auto;
  }
}

/*---------------------*/
#event_section_2nd .jumbotron .container .row .card img{
    height: 350px;
}
#event_section_2nd .jumbotron .container .row .card-title{
  border-radius:20%!important;
  padding: 0 5px!important;
}
#event_section_2nd .span_option,
#event_section_2nd .span_option .btn_option{
  border-radius: 2rem!important;
}
 
#event_section_2nd ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

#event_section_2nd li {
  padding-left: var(--icon-space);
}

#event_section_2nd .calendar:before {
  content: "\f073"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}


#event_section_2nd .time:before {
  content: "\f017"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}

#event_section_2nd .map:before {
  content: "\f041"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}
#event_section_2nd .user:before {
  content: "\f007"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}

#event_section_2nd #Upcoming .row .card{
  height: 650px!important;
}
#event_section_2nd #News .row .card{
    
}
#event_section_2nd #Past_Event .row .card{
  height: 450px!important;
}

@media (max-width: 767px) {
  #event_section_2nd .jumbotron{
   width: 100%!important;
  } 
}

@media (max-width: 767px) {
  #event_section_4th .form_section{
   width: 95%!important;
   margin: auto!important;
  }
}
 /*-----------#contact_section_2nd----------------*/

#contact_section_2nd .no-gutters .list{
  font-size: clamp(10px, 4vw, 12px); 
}
#contact_section_2nd .no-gutters .d-flex{
  height: 120px;
}

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

/*-----------chat bot -----------------*/

.chat_icon{
		position: fixed;
		right: 25px;
		bottom: 55px;
		font-size: 2.2rem;
		cursor: pointer;
		z-index: 1000;
		
	}
	.chat_box{
		position: fixed;
		right: 70px;
		bottom: 70px;
		width: 350px;
		/*height: 65vh;*/
		background: #dedede;
		z-index: 1000;
		/*border: 1px solid #800000;*/
		transition: all 0.3s ease-out;
		transform: scaleY(0);
	}
	.chat_box::-webkit-scrollbar{
	    display: none;
	}
	.chat_box.active{
		transform: scaleY(1);
	}
	.hidden{
		display: none;
	}

@media (max-width: 640px) 
{
    .chat_box{
        right: 0;
		bottom: 120px;
		width: 325px;
    }
}

@media (max-width: 991px)
{
	.chat_box{
	    
        right: 10px;
		bottom: 120px;
    
	}
}