body {
  font-family: "Roboto Condensed", sans-serif;
  background: url(../images/bg.png);
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

img{
  height: auto;
  max-width: 100%;
  display: block;
}

header,
section {
  width: 100%;
}
.container {
  max-width: 1300px;
  min-width: 300px;
  margin: 0 auto;
  padding: 0 15px;
}

.header_top {
  width: 100%;
  padding-bottom: 15px;
  .head-top-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    .logo {
      text-decoration: none;
    }
  }
}

.banner_section {
  width: 100%;
  position: relative;
}

.header_bottom {
  width: 100%;
  position: absolute;
  top: -20px;
}
/* Menu Style */


.navbar {
  background-color: #53a651;
  float: none;
  overflow: hidden;
  -moz-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  -webkit-transition: max-height 0.4s;
  transition: max-height 0.4s;
  border-radius: 5px;
  width: 100%;
  max-height: 0;
  position: relative;
  z-index: 999;
}
.navbar .menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding: 15px;
  display: flex;
  flex-direction: column;
    justify-content: space-around;
}
.navbar .menu li {
  list-style-type: none;
  display: block;
  padding: 5px 0;
}
.navbar .menu li a {
  display: inline-block;
    outline: none;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 15px 30px;
  border-radius: 43px;
}
.navbar .menu li a:hover {
  background: #3b8435;
background: -moz-linear-gradient(left,  #3b8435 0%, #57c054 100%);
background: -webkit-linear-gradient(left,  #3b8435 0%,#57c054 100%);
background: linear-gradient(to right,  #3b8435 0%,#57c054 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8435', endColorstr='#57c054',GradientType=1 );
border-radius: 43px;
}
.navbar .menu li a.active {
  background: #3b8435;
background: -moz-linear-gradient(left,  #3b8435 0%, #57c054 100%);
background: -webkit-linear-gradient(left,  #3b8435 0%,#57c054 100%);
background: linear-gradient(to right,  #3b8435 0%,#57c054 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8435', endColorstr='#57c054',GradientType=1 );
border-radius: 43px;
}

.expand {
  max-height: 410px;
}

.banner_bottom {
  width: 100%;
  background: #147d88;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  h1 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    span {
      color: #ffe800;
    }
  }
  h2 {
    color: #fff;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    span {
      color: #ffe800;
    }
  }
}


.mobile_block{
  display: none;
}
//   Banner Style

.swiper {
  width: 100%;
  height: calc(90vh - 200px);
}
.swiper .overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  margin: 0;
}
@media (min-width: 640px) {
  .swiper .overlay {
    background: rgba(0, 0, 0, 0.3);
  }
}
.swiper .swiper-image {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  transform: scale3d(1, 1, 1);
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  will-change: transform;
  transition: transform 1500ms ease;
  transition-delay: 0.4s;
}

.swiper .swiper-slide {
  margin: 0;
  overflow: hidden !important;
}
.swiper .swiper-slide.swiper-slide-active .swiper-image {
  transform: scale3d(1.02, 1.02, 1);
  will-change: transform;
}
.swiper .swiper-slide.swiper-slide-active .content {
  opacity: 1;
}
.swiper .swiper-nav-wrapper {
  position: absolute;
  bottom: 6em;
  right: 6em;
}
@media (min-width: 640px) {
  .swiper .swiper-nav-wrapper {
    bottom: 4.5em;
  }
}
.swiper .swiper-nav-wrapper .swiper-button-next {
  right: 0;
  left: 0;
}
.swiper .swiper-nav-wrapper .swiper-button-prev {
  right: 15px;
  left: auto;
}
.swiper .swiper-nav-wrapper .swiper-button-next,
.swiper .swiper-nav-wrapper .swiper-button-prev {
  background: rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 60px;
}
.swiper .swiper-nav-wrapper .swiper-button-next:hover,
.swiper .swiper-nav-wrapper .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.8);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  left: 10px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  right: auto;
  width: 60px !important;
  height: 60px !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  auto: 10px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  right: left;
  width: 60px !important;
  height: 60px !important;
}



.first_section{
  width: 100%;
  padding: 50px 0;
  .first_top_tow{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
   h3{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    padding-bottom: 5px;
    b{
      font-weight: 500;
      color: #dd090a;
    }
   }
  }
  .second_top_tow{
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 30px;
    padding-top: 20px;
    .left{
      background:#e7683a;
      padding: 15px 25px;
      border-radius: 5px;
      h4{
        font-size: 22px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        b{
          font-weight: 600;
        }
      }
    }
    .right{
      background:#51a052;
      padding: 15px 25px;
      border-radius: 5px;
      h4{
        font-size: 22px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        b{
          font-weight: 600;
        }
      }
    }
  }
  .address_section{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 50px;
    .box{
      width: 33%;
      border-left: 1px solid #808080;
      display: flex;
      flex-direction: column;
      padding:10px 0 10px 30px;
      h5{
        font-size: 20px;
        text-transform: uppercase;
        padding-bottom: 10px;
      }
      p{
        font-size: 18px;
        color: #000;
        line-height: 25px;
      }
      a{
        font-size: 18px;
        color: #000;
        text-decoration: none;
        line-height: 25px;
        &:hover{
          color: #000;
        }
      }
    }
  }
}

.first_about{
  width: 100%;
  padding: 50px 0;
  background-color: #f2f7f7;
  .layout{
    display: flex;
    position: relative;

    .layout-media{
    width: 40%;
    img{
      height: auto;
      max-width: 100%;
      display: block;
      border: 1px solid #fff;
    }
    }
    .layout-content{
      width: 60%;
      padding-left: 40px;
     h3{
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 22px;
     }
     p{
      font-size: 18px;
      color: #000;
      line-height: 25px;
      font-style: normal;
      padding-top: 10px;
    }
    }
  }
}

.first_team{
  width: 100%;
  padding:  30px 0 60px 0;
  .teamboxrow{
    width: 100%;
    flex-direction: column;
    padding-top: 20px;
    h3{
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 32px;
    }
    .bearers_row{
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      column-gap: 15px;
      li{
        list-style: none;
        display: flex;
        flex-direction: column;
        background-color: #147d88;
        overflow: hidden;
        border-radius: 15px;
        p{
          font-size: 15px;
          padding: 10px;
          color: #fff;
          span{
            font-weight: 500;
            font-size: 18px;
          }
        }
        img{
          max-width: 100%;
          height: auto;
          display: block;
        }
      }
    }


    
  }


  .organisingteam{
    width: 100%;
    flex-direction: column;
   padding-top: 50px;
    h3{
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 32px;
    }
    .organising_row{
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
     gap: 10px;
      li{
        list-style: none;
        display: flex;
        flex-direction: column;
        background-color: #147d88;
        overflow: hidden;
        border-radius: 15px;
        width: calc(20% - 10px);
        p{
          font-size: 15px;
          padding: 10px;
          color: #fff;
          span{
            font-weight: 500;
            font-size: 18px;
          }
        }
        img{
          max-width: 100%;
          height: auto;
          display: block;
        }
      }
    }


    
  }
}

.first_list_team{
  width: 100%;
  padding: 60px 0;
  background: url(../images/bottom-img.jpg) #fefefc bottom right no-repeat;
  border-top: 1px solid #d8edec;
  border-bottom: 1px solid #d8edec;
  .team_list_row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 30px;
    .box_row{
      width: 31%;
      display: flex;
      flex-direction: column;
      background: #fff;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0px 1px 8px rgb(0 0 0 / 20%);
      .list_team{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        li{
          list-style: none;
          padding-bottom: 5px;
        }
      }
    }
  }
}

.two_list_team{
  width: 100%;
  padding: 60px 0;
  // background: url(../images/bottom-img.jpg) #fefefc bottom right no-repeat;
  background: #147d88;
  border-top: 1px solid #d8edec;
  border-bottom: 1px solid #d8edec;
  .team_list_row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 30px;
    .box_row{
      width: 48%;
      display: flex;
      flex-direction: column;
      background: #fff;
      padding: 25px;
      border-radius: 10px;
      box-shadow: 0px 1px 8px rgb(0 0 0 / 20%);
      .competitions{
        width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
      }
      .list_team{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        li{
          list-style: none;
          padding-bottom: 8px;
          ul{
            padding-left: 10px;
          }
        }
      }
    }
  }


  .regdetails{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    h3{
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #fff;
    }
    .regtable{
      width: 100%;
      overflow-x: auto;
      margin-top: 15px;
      box-shadow: 0px 1px 8px rgb(0 0 0 / 20%);
      table{
        width: 100%;
        min-width: 800px;
        border-left: 1px solid #147d88;
        border-top: 1px solid #147d88;
        background: #fff;
        
        th{
          font-weight: 600;
          font-size: 16px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          padding: 10px;
          text-align: left;
          background-color: #0a4c52;
          color: #fff;
          &:last-child{
            border-right: 1px solid #147d88;
          }
        }
        td{
          font-weight: normal;
          font-size: 16px;
          border-right: 1px solid #147d88;
          border-bottom: 1px solid #147d88;
          padding: 10px;
          font-weight: 500;
          color: #000;
        }
      }
    }
  }

  .regtearms{
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    li{
      padding-bottom: 5px;
      color: #fff;
    }
  }

}

.registersteprow{
  width: 100%;
  background: #fff;
  padding-top: 50px ;
  .reg_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    // .left{
    //   width: 50%;
    //   border-right: 1px solid #fff;
    //   padding-right: 20px;
    //   h3{
    //     font-family: 'Oswald', sans-serif;
    //     font-weight: 400;
    //     font-size: 22px;
    //     color: #fff;
    //   }
    //   p{
    //     font-size: 15px;
    //     padding-top: 10px;
    //     color: #fff;
    //     font-weight: 400;
    //   }
    // }
    .right{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: #174d52;
      padding: 30px;
      border-radius: 15px;
      .bankaccount{
        border-radius: 15px;
        overflow: hidden;
        border: 2px solid #2d6d72;
      }
      p{
        font-size: 18px;
    color: #fff;
    font-weight: 300;
    line-height: 29px;
    padding-left: 28px;
        
        b{
          font-weight: 500;
          color: #f5e73a;
        }
      }
    }
  }
}

.queries_section{
  width: 100%;
  padding: 50px 0;
  background-color: #fefefc;
  .queries_row{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    p{
      font-size: 20px;
      padding: 3px 0;
      color: #000;
    }
    .bottom_address{
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 25px;
      .box{
        width: 50%;
        border-right: 1px solid #ccc;
        text-align: center;
        &:last-child{
          border: none;
        }
        p{
          font-size: 18px;
          padding-top: 8px;
          color: #000;
          a{
            color: #000;
          }
        }
        h5{
          font-family: 'Oswald', sans-serif;
          font-weight: 400;
          font-size: 22px;
          color: #000;
        }
      }
    }
  }
}

footer{
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background-color: #147d88;
  p{
    color: #fff;
  }
}

.subpageheader{
  width: 100%;
  background: #147d88;
    padding: 100px 0 30px 0; 
    .subheading{
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      h2{
        text-transform: uppercase;
        color: #fff;
        font-size: 25px;
        font-weight: 500;
      }
    }
}

.register_row{
  width: 100%;
  padding: 30px 0;
  .regisouter{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  .register_box{
    max-width: 900px;
    flex-direction: column;
    border-radius: 10px;
    background-color: #f2f7f7;
    padding: 40px 40px 25px 40px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    border: 1px solid #ffff;
    width: 100%;
    .box{
      display: flex;
      justify-content: space-between;
      padding-bottom: 15px;
      .left, .right{
        width: 49%;
      }
      .inputstyle{
        width: 100%;
        border: 1px solid #ccc;
        height: 44px;
        border-radius: 3px;
        padding: 5px 10px;
      }
      .addressbox{
        width: 100%;
        .textfield{
          width: 100%;
        border: 1px solid #ccc;
        height: 100px;
        border-radius: 3px;
        padding:10px;
        }
      }
      .submitbtn{
        height: 44px;
        border-radius: 3px;
        padding: 5px 50px;
        background: #3b8435;
        background: -moz-linear-gradient(left,  #3b8435 0%, #57c054 100%);
        background: -webkit-linear-gradient(left,  #3b8435 0%,#57c054 100%);
        background: linear-gradient(to right,  #3b8435 0%,#57c054 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8435', endColorstr='#57c054',GradientType=1 );
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
      }
    }
  }
}
}


.accommedation{
  width: 100%;
  overflow-x: auto;
  border-radius: 10px;
    background-color: #f2f7f7;
    padding: 30px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    border: 1px solid #ffff;
  table{
    width: 100%;
    min-width: 400px;
    border-left: 1px solid #e7ebeb;
    border-top: 1px solid #e7ebeb;
    background: #fff;
  tr{
    td{
      font-weight: normal;
      font-size: 16px;
      border-right: 1px solid #e7ebeb;
      border-bottom: 1px solid #e7ebeb;
      padding: 10px;
      font-weight: 500;
      color: #000;
      &.number{
        width: 50px;
        text-align: center;
      }
      &.km{
        width: 100px;
        text-align: center;
      }
      &.tbhead{
        background: #be8239;
    color: #fff;
    span{
      background: #fff;
    color: #d70808;
    padding: 3px 15px;
    font-weight: 600;
    border-radius: 16px;
    }
      }
    }
  }
    
    }
  }


  .regsucces_row{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 1px 8px rgb(0 0 0 / 20%);
    border-radius: 10px;
    overflow: hidden;
    max-width: 900px;
    .topmsg{
      width: 100%;
      display: flex;
      justify-content: center;
      padding:25px 15px;
      flex-direction: column;
      align-items: center;
      &.success{
        background-color: #8bc34a;
      }
      &.failed{
        background-color: #f00;
      }
      p{
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        padding-top: 10px;
        font-weight: 600;
      }
    }
    .btmmsg{
      width: 100%;
      display: flex;
      justify-content: center;
      background-color: #fff;
      padding:25px 15px;
      p{
        font-size: 18px;
        font-weight: 400;
        color: #525252;
        text-align: center;
      }
    }
  }


  .venu_row{
    width: 100%;
    .venu_row_intro{
      width: 100%;
      p{
        font-size: 18px;
    color: #000;
    line-height: 25px;
    font-style: normal;
    padding-top: 10px;
      }
      h3{
        font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 25px;
    span{
      color: #147d88;
      font-weight: 500;
    }
      }

      h5{
        font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 25px;
    text-transform: none;
    margin-top: 25px;
      }

      h4{
        font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 20px;
    background: #147d88;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;

      }
      ul{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding-top: 15px;
        li{
          list-style: none;
          background: #fff;
        border-radius: 5px;
        padding: 15px;
        border: 1px solid #ccc;
        font-weight: 500;
        img{
          width: 25%;
          height: auto;
        }
        }
      }

      ul.gallery{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding-top: 15px;
        li{
          list-style: none;
          background: #fff;
        border-radius: 5px;
        padding: 8px;
        border: 1px solid #ccc;
        width: calc(25% - 20px);
        img{
          width: 100%;
          height: 100%;
        }
        }
      }
     a{
      background: #e7683a;
      padding: 25px 55px;
      border-radius: 5px;
      font-size: 22px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
     }

    }
  }

.bold{
  font-weight: 600 !important;
}
.pdbtm{
  padding: 8px 0 5px 0;
}

.dblock{
  display: block;
  padding: 8px 0 5px 0;
}

.top{
  margin-top: 10px;
  display: inline-block;
}

.acc {
 width: 100%;
}
.acc__card {
  margin: 15px 0;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
}
.acc__title {
  background: #fff;
  color: #000;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
  font-weight: 500;
  font-size: 22px;
  &::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #4a6e78;
    border-bottom: 1px solid #4a6e78;
    position: absolute;
    right: 18px;
    content: " ";
    top: 22px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
  }
  &.active::after {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
}
.acc__panel {
  background: #fff;
  color: #525252;
  display: none;
  margin: 0;
  padding: 20px 30px;
  text-align: left;
  overflow-x: auto;
  width: 100%;
  .outer_row{
    max-width: 100%;
    min-width: 900px;
  }
}



.footer-links{
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 20px;
  padding-bottom: 10px;
  a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
  }
}





/* Menu Style Media Style*/

@media only screen and (max-width: 1100px) {
  .banner_bottom h1, .banner_bottom h2{font-size: 23px;}
  .first_section .first_top_tow h3{font-size: 17px; }
  .first_section {padding: 22px 0;
    .address_section{
      padding-top: 25px;
      flex-direction: column;
      .box{
        width: 100%;
        border-left: none;
        border-top: 1px dashed #808080;
      }
    }
  }
  .first_about{
    .layout{
      flex-direction: column;
      .layout-media{
        width: 100%;
      }
      .layout-content{
        width: 100%;
        padding-top: 15px;
        padding-left: 0;
        h3{
          font-size: 20px;
        }
        p{
          font-size: 15px;
          line-height: 21px;
        }
      }
    }
  }
}





@media screen and(max-width: 1000px) {
  .header_top .head-top-row .logo{
    width: 150px;
  }
  .mobile_none{
    display: none;
  }
  .mobile_block{
    display: block;
  }
  .header_top{
    padding-bottom: 0 !important;
  }
  .right_logo{
    display: flex;
    align-items: center;
    a{
      font-size: 25px;
      cursor: pointer;
      background: #3b8435;
      background: -moz-linear-gradient(left,  #3b8435 0%, #57c054 100%);
      background: -webkit-linear-gradient(left,  #3b8435 0%,#57c054 100%);
      background: linear-gradient(to right,  #3b8435 0%,#57c054 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8435', endColorstr='#57c054',GradientType=1 );
    padding: 2px 8px;
    color: #fff;
    border-radius: 3px;
    }
  }

  .subpageheader {
    padding: 30px 0 30px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    // img{
    //   margin-bottom: 10px;
    // background-color: #fff;
    // padding: 5px 15px;
    // border-radius: 6px;
    // }
}


.navbar .menu{
  padding: 0;
  li a{
    padding: 15px;
    border-bottom: 1px solid #30832e;
    width: 100%;
    border-top: 1px solid #51bf4e;
  }
}

}

@media only screen and (max-width: 800px) {
  .banner_bottom h1, .banner_bottom h2{
    font-size: 16px;
  }

  .first_team{
    .teamboxrow{
      .bearers_row{
        flex-wrap: wrap;
        row-gap: 20px;
        li{
          width: 30%;
        }
      }
    }
    .organisingteam{
      .organising_row{
        flex-wrap: wrap;
        row-gap: 20px;
        li{
          width: 30%;
        }
      }
    }
  }

  .first_list_team{
    .team_list_row{
      .box_row{
        width: 48%;
      }
    }
  }

  .registersteprow{
    .reg_list{
      flex-direction: column;
      .left{
        width: 100%;
        border-right: 0;
        padding-right:0
      }
      .right{
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px;
        .bankaccount{
          margin-bottom: 15px;
        }
        p{
          width: 100%;
          padding-left: 5px;
          font-size: 16px;
          line-height: 25px;
        }
      }
    }
  }

  .two_list_team {
    .team_list_row{
      flex-direction: column;
      .box_row{
        width: 100%;
      }
    }
  }

  .venu_row{
    .venu_row_intro{
      ul.gallery{
        li{
        width: calc(50% - 20px);
        }
      }
    }
  }
  .venu_row{
    .venu_row_intro{
      ul.gallery{
        column-gap: 0;
        row-gap: 20px;
        li{
        width:100%;
        }
      }
    }
  }
  .accommedation{
    padding: 15px 0;
  }

  .venu_row{
    .venu_row_intro{
      h3 {
        font-size: 18px;
    }
    }
  }

  .acc__title{
    padding: 10px;
    font-size: 18px;
    &::after{
      top: 15px;
    }
  }

  .acc__panel{
    padding: 10px;
  }

  .venu_row{
    .venu_row_intro{
      h5{
        font-size: 18px;
      }
      h4{
        font-size: 16px;
      }
    }
  }

}

@media only screen and (min-width: 1000px) {

  /* Mobile menu icon */
  #menu-icon {
    display: none;
  }

  .navbar {
    float: right;
    max-height: none;
    display: inline-block;
  }
 
  .navbar .menu{
    flex-direction: row;
  }
  .navbar .menu li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
  }
  .navbar .menu li a {
    display: block;
    border-bottom: 0;
  }
  // .navbar .menu li a:hover {
  //   box-shadow: 0 -3px 0 indianred inset;
  // }
  // .navbar .menu li a.active {
  //   box-shadow: 0 -3px 0 indianred inset;
  // }
}

@media screen and (max-width :700px) {
  .register_row {
    .regisouter{
      .register_box{
        padding: 10px;
        .box{
          padding-bottom: 0px;
          flex-direction: column;
          .left, .right{
            width: 100%;
            padding-bottom: 12px;
          }
          .addressbox{
            padding-bottom: 8px;
          }
          .submitbtn{
            width: 100%;}
        }
      }
    }
  }
  .subpageheader{
    .subheading h2{
      font-size: 16px;
    }
  }
}

@media only screen and (max-width: 600px) {
  .first_section{
    .second_top_tow{
      flex-direction: column;
      row-gap: 20px;
    }
  }
}


@media only screen and (max-width: 500px) {
  .first_team{
    padding: 10px 0 30px 0;
    .teamboxrow{
      h3{
        font-size: 25px;
      }
      .bearers_row{
        li {
          width: calc(50% - 10px);
      }
      }
    }
    .organisingteam{
      h3{
        font-size: 25px;
      }
      .organising_row{
        li{
          width: 48%;
        }
      }
    }
  }

  .first_list_team{
    padding: 30px 0;
    .team_list_row{
      row-gap: 17px;
      .box_row{
        width: 100%;
      }
    }
  }

  .two_list_team{
    padding: 27px 0;
    .team_list_row{
      flex-direction: column;
      .box_row{
        width: 100%;
      }
    }
  }

  .queries_section{
    padding: 20px 0 10px 0;
    .queries_row{
      .bottom_address{
        flex-direction: column;
        .box{
          width: 100%;
          border:none;
          text-align: left;
          padding: 10px 0;
        }
      }
    }
  }
}