@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;*/
font-family: Manrope,sans-serif;
/*font-family: "Manrope", "Inter";*/
}

p{
	font-size: clamp(12px, 4vw, 18px);
}

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;
}

/*-----------carousel Slider------------------*/
#section_banner{
  margin-top: 5%!important;
}
/* Make the image fully responsive */
 #section_banner .carousel-inner .carousel-item{
      /*height: 100vh!important;*/
      height: auto!important;
  }

  #section_banner .carousel-inner img {
    width: 100%;
    height: auto;
    /*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;
}

@media (max-width: 640px)
{
    #section_why_maargam .container .w-75
    {
        width: 100%!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;*/
/*}*/
#about_section_basic2 .img_right_site img{
    max-width: 550px;
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}
#section_performance .img_left_site img,
#about_section_basic2 .img_left_site img{
    max-width: 550px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
@media (max-width: 991px)
{
  #section_performance .popup-gallery img,
  #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 .card p{
    font-size: clamp(10px, 4vw, 14px)!important;
}
#classes_section_two .card ul li{
    font-size: clamp(8px, 4vw, 12px)!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: 700px!important;
}
/*--------------classes_section_three--------------------*/
#classes_section_three .card{
    border-radius: 20px!important;
    height: 250px;
}
#classes_section_three ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

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

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


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

#classes_section_three .map:before {
  content: "\f041"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #800000;
}
#classes_section_three .user:before {
  content: "\f007"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #800000;
}
#classes_section_three .building:before {
  content: "\f1ad"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #800000;
}
/*-------------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: 450px!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: 400px!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;
  }
}
#gallery_section_six .container .row img{
    width: 100%;
    height: 300px!important;
}
/*---------------------*/
#event_section_2nd .jumbotron .container .row .card .card-img-overlay{
   bottom: unset!important; 
}
#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 .building:before {
  content: "\f1ad"; /* 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: 580px!important;
}
#event_section_2nd #News .row .card{
    
}
#event_section_2nd #Past_Event .row .card{
  height: 500px!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: 150px;
}

#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; 
}

/*----------------------------*/