/*==================================================
GENERAL
==================================================*/

body{
    font-family:"Poppins",sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    color:#2f3138;
    background:#fff;
    overflow-x:hidden;
}

p{
    margin-bottom:25px;
}

.overflow-hidden{
    overflow:hidden !important;
}

@media (min-width:1200px){

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl{
    max-width:1220px;
}

}

/*==================================================
SPACING UTILITIES
==================================================*/

.ptb80{padding:80px 0;}
.pb80{padding-bottom:80px;}
.pt80{padding-top:80px;}

.ptb70{padding:70px 0;}
.pb70{padding-bottom:70px;}
.pt70{padding-top:70px;}

.ptb60{padding:60px 0;}
.pb60{padding-bottom:60px;}
.pt60{padding-top:60px;}

.ptb50{padding:50px 0;}
.pb50{padding-bottom:50px;}
.pt50{padding-top:50px;}

.mt70{
    margin-top:70px;
}

a{
    text-decoration:none;
}

a:hover{
    text-decoration:none;
}

/* .header {
  transition: all 0.5s;
  z-index: 997;
  position: absolute;
  left: 0;
  right: 0;
} */
.header .top-header {
  background-color: #ed502e;
  padding: 8px 0px;
  font-size: 14px;
  color: #fff;
  height: 40px;
}

.header .top-header .social-links a,
.header .top-header .contact-info a {
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
}

.header .top-header .social-links a i,
.header .top-header .contact-info a i {
  margin-right: 3px;
  color: #fff;
  font-size: 16px;
}

.header .top-header .social-links a {
  margin-right: 0;
  margin-left: 10px;
}

.header .ieffthailandHeader {
  background-color: #0e1b4d;
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 40px;
  margin-right: 8px;
}

.logo {
  gap: 10px;
}

.header .signup-button,
.header .signup-button:focus {
  color: #fff;
  background-color: #a7cd54;
  font-size: 14px;
  padding: 7px 25px;
  margin: 0 0 0 30px;
  border-radius: 50px;
  transition: 0.3s;
  border: 2px solid transparent;
  text-transform: uppercase;
}

.header .signup-button:hover,
.header .signup-button:focus:hover {
  color: #000;
  border-color: #fff;
}

.fixed-header{
  position: fixed;
  top: 0px;
  z-index: 1020;
  right: 0px;
  left: 0px;
  transition: all 0.5s ease-in-out;
}

.scrolled .header {
  box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
  background: #000;
}

.scrolled .header .top-header {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .header .logo {
    order: 1;
  }

  .header .signup-button {
    order: 2;
    margin: 0 15px 0 0;
    padding: 4px 15px;
  }

  .header .navmenu {
    order: 3;
  }
}

.scrolled .header {
  box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

.scrolled .header .topbar {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu>ul>li {
    white-space: nowrap;
    padding: 22px 10px;
    border-bottom: 3px solid transparent;
  }
  .navmenu a,
  .navmenu a:focus {
    color: #fff;
    font-size: 14px;
    padding: 0 2px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu>ul>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -6px;
    left: 0;
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
  }

  .navmenu a:hover:before,
  .navmenu li:hover>a:before,
  .navmenu .active:before {
    visibility: visible;
    width: 100%;

  }

  .navmenu li:hover,
  .navmenu .active,
  .navmenu .active:focus {
    border-bottom: 3px solid #ed502e;
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
    display: block;
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 150%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
    border-bottom: 1px solid #efefef;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 16px;
    text-transform: none;
    color: #111;
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: #111;
    background-color: transparent !important;
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .header .iedfcHeader{
    padding: 12px 0px;
  }
  .mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 60px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    overflow-y: auto;
    transition: 1s;
    z-index: 9998;
  }

  .navmenu ul li {
    border-bottom: 1px solid #ccc;
  }

  .navmenu a,
  .navmenu a:focus {
    color: #000;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;

  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: #f2f2f2;
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: #a7cd54;
    color: #000;
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: #000;
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: #a7cd54;
    color: #000;
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 0px 0;
    margin: 10px 20px;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown>.dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .navmenu .dropdown ul li:last-child {
    border-bottom: 0;
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 30px;
    right: 22px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background-color: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu>ul {
    display: block;
  }
}




/*==================================================
 HERO SLIDER
==================================================*/

.slider-sec{
    position:relative;
    overflow:hidden;
}

.slider-sec .carousel,
.slider-sec .carousel-inner,
.slider-sec .carousel-item{
    position:relative;
    width:100%;
    height:700px;
}

.slider-sec .carousel-item{
    overflow:hidden;
}

.slider-sec .carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
}

.slider-sec .carousel-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

/*==================================================
 SLIDER CONTENT
==================================================*/

.slider-data{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    display:flex;
    align-items:center;
}

.slider-data .container{
    width:100%;
    max-width:1220px;
    margin:auto;
}

.slider-data .row{
    width:100%;
}

.slider-data h4{
    color:#ed502e;
    font-size:18px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.slider-data h2{
    color:#fff;
    font-size:50px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
}

.slider-data h2 span{
    display:block;
    margin-top:6px;
    font-size:85%;
    font-weight:600;
}

.banner-btn{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

/*==================================================
 BUTTONS
==================================================*/

.main-btn-blue{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 35px;
    background:#1089ff;
    color:#fff;
    border-radius:5px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.main-btn-blue:hover{
    background:#0b79e3;
    color:#fff;
    text-decoration:none;
}

.btn-watch-video{
    display:inline-flex;
    align-items:center;
    color:#fff;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.btn-watch-video:hover{
    color:#fff;
    text-decoration:none;
}

.btn-watch-video i{
    font-size:42px;
    color:#ed502e;
    margin-right:10px;
}

/*==================================================
 CONTROLS
==================================================*/

.slider-sec .carousel-control-prev,
.slider-sec .carousel-control-next{
    width:60px;
    opacity:1;
}

.slider-sec .carousel-control-prev-icon,
.slider-sec .carousel-control-next-icon{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#fff;
    background-image:none;
}

.slider-sec .carousel-control-prev-icon::before{
    content:"\f053";
    font-family:"FontAwesome";
    color:#000;
    display:block;
    text-align:center;
    line-height:45px;
}

.slider-sec .carousel-control-next-icon::before{
    content:"\f054";
    font-family:"FontAwesome";
    color:#000;
    display:block;
    text-align:center;
    line-height:45px;
}

/*==================================================
 INDICATORS
==================================================*/

.slider-sec .carousel-indicators li{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#fff;
    opacity:.5;
}

.slider-sec .carousel-indicators .active{
    opacity:1;
}
/*==================================================
 LARGE TABLET
==================================================*/

@media (max-width:991px){

.slider-sec .carousel,
.slider-sec .carousel-inner,
.slider-sec .carousel-item{
    height:560px;
}

.slider-data{
    text-align:center;
    max-width:90%;
    margin:0 auto;
    align-items:center;
}

.slider-data h2{
    font-size:38px;
    line-height:1.1;
    font-weight:700;
    text-align:center;
    white-space:normal;
    word-break:break-word;
    max-width:100%;
    margin:0 auto 15px;
}

.slider-data h4{
    font-size:16px;
    text-align:center;
}

.main-btn-blue{
    padding:12px 28px;
}

}

/*==================================================
 MOBILE
==================================================*/

@media (max-width:575px){

.slider-sec .carousel,
.slider-sec .carousel-inner,
.slider-sec .carousel-item{
    height:470px;
}

.slider-data{
    align-items:center;
    text-align:center;
    padding:0 20px 65px;
    max-width:100%;
}

.slider-data h4{
    font-size:13px;
    letter-spacing:2px;
    margin-bottom:10px;
    text-align:center;
}

.slider-data h2{
    font-size:30px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:20px;
    max-width:280px;
    text-align:center;
    white-space:normal;
    word-break:break-word;
    margin-left:auto;
    margin-right:auto;
}

.banner-btn{
    flex-direction:column;
    align-items:center;
    gap:14px;
}

.main-btn-blue{
    width:auto;
    padding:10px 20px;
    font-size:14px;
}

.btn-watch-video{
    font-size:15px;
     margin-top:16px;
}

.btn-watch-video i{
    font-size:26px;
    margin-right:8px;
}

.slider-sec .carousel-control-prev,
.slider-sec .carousel-control-next{
    display:none;
}

}



/*==================================================
IEFF HERO SLIDER ANIMATION
==================================================*/

.slider-data h4,
.slider-data h2,
.slider-data .banner-btn{
    opacity:0;
    transform:translateY(35px);
    animation-fill-mode:forwards;
}

/* Small Heading */

.carousel-item.active .slider-data h4{
    animation:ieffFadeUp .7s ease forwards;
}

/* Main Heading */

.carousel-item.active .slider-data h2{
    animation:ieffFadeUp .8s ease .25s forwards;
}

/* Buttons */

.carousel-item.active .slider-data .banner-btn{
    animation:ieffFadeUp .8s ease .5s forwards;
}

/* Hide all inactive slides */

.carousel-item:not(.active) .slider-data h4,
.carousel-item:not(.active) .slider-data h2,
.carousel-item:not(.active) .slider-data .banner-btn{
    opacity:0;
    transform:translateY(35px);
    animation:none;
}

/* Animation */

@keyframes ieffFadeUp{

    0%{
        opacity:0;
        transform:translateY(35px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
    }

}



/*==================================================
BANNER CARDS
==================================================*/

.banner-card{
    position:relative;
    z-index:5;
    margin-top:-70px;
}

.banner-card .b-card{
    width:100%;
    min-height:610px;
    margin-bottom:40px;
    padding:20px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 10px 27px -9px rgba(0,0,0,.11);
    text-align:center;
}

.banner-card .b-card .b-img{
    overflow:hidden;
    border-radius:20px;
}

.banner-card .b-card h4{
    margin:15px 0 10px;
    color:#ed502e;
    font-size:20px;
    font-weight:600;
    text-align:center;
}

.banner-card .b-card .main-btn-blue{
    padding:6px 12px;
    font-size:13px;
}

/*==================================================
SECTION HEADINGS
==================================================*/

.heading{
    margin-bottom:30px;
    text-align:center;
}

.heading .main-heading{
    position:relative;
    margin-bottom:15px;
    color:#ed502e;
    font-size:31px;
    font-weight:700;
    text-transform:uppercase;
}

.heading .main-heading::before,
.heading .main-heading::after{
    content:"";
    display:inline-block;
    width:45px;
    height:2px;
    margin-bottom:10px;
    background:#1089ff;
}

.heading .main-heading::before{
    margin-right:12px;
}

.heading .main-heading::after{
    margin-left:12px;
}

.heading .sub-heading{
    color:#9195a2;
    font-size:18px;
    font-weight:500;
}

/*==================================================
DANCE SECTION
==================================================*/

.dance-box{
    position:relative;
    overflow:hidden;
    margin-bottom:25px;
}

.dance-box .dance-text{
    position:absolute;
    left:0;
    right:0;
    bottom:-40px;
    padding:15px;
    background:rgba(6,12,34,.76);
    text-align:center;
    transition:.3s ease;
}

.dance-box:hover .dance-text{
    bottom:0;
}

.dance-box .dance-text h4{
    margin-bottom:0;
}

.dance-box .dance-text h4 a{
    color:#fff;
    font-size:22px;
    font-weight:600;
    transition:.3s;
}

.dance-box .dance-text h4 a:hover{
    color:#ed502e;
}

.dance-box .dance-text p{
    margin-bottom:10px;
    color:#fff;
    font-size:15px;
    font-style:italic;
}

.dance-box .dance-text i{
    margin-right:5px;
    color:#fff;
    font-size:18px;
}

/*==================================================
IEFF FESTIVALS
==================================================*/

.article-head{
    position:relative;
    margin-bottom:30px;
    padding-bottom:20px;
    text-align:center;
}

.article-head h2{
    margin-bottom:10px;
    color:#0464ba;
    font-size:38px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    text-shadow:0 2px 4px rgba(0,0,0,.2);
}

.article-head .article-short-des{
    margin:0;
    padding:0;
    color:#9195a2;
    font-size:18px;
    font-weight:500;
    text-align:center;
    text-shadow:0 2px 4px rgba(0,0,0,.2);
}

.article-head::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:60px;
    height:5px;
    background:#f51b64;
    transform:translateX(-50%);
}

.text-pink{
    color:#f51b64;
}

.event-slider{
    position:relative;
}

.event-wrapper{
    position:relative;
    overflow:hidden;
    margin:20px;
    background:#fff;
    border-radius:10px;
    box-shadow:3px 1px 10px rgba(0,0,0,.15);
}

.event-thumbs{
    overflow:hidden;
    position:relative;
}

.event-thumbs img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.event-details{
    padding:20px;
}

.event-title{
    margin-bottom:10px;
    color:#f51b64;
    font-size:22px;
    font-weight:600;
}

.event-title a{
    color:#f51b64;
}

.event-date-list{
    min-height:120px;
}

.event-date-list ul{
    padding-left:0;
    list-style:none;
}

.upcomingEvent{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding-right:15px;
    overflow:hidden;
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    font-weight:600;
}

.upcomingEvent-country{
    display:inline-block;
    margin-right:10px;
    padding:0 10px;
    background:#f51b64;
    color:#fff;
}

.event-date{
    position:absolute;
    top:0;
    left:10px;
    z-index:3;
    width:50px;
    padding:8px;
    background:#343a40;
    color:#fff;
    text-align:center;
    font-weight:600;
}

.event-date span{
    display:block;
    font-size:14px;
    line-height:1.2;
    font-weight:600;
}

.event-date span:first-child{
    font-size:22px;
}

.event-slider .swiper-button-prev,
.event-slider .swiper-button-next{
    background:rgba(0,0,0,.53);
}

.event-slider .swiper-button-prev:after,
.event-slider .swiper-button-next:after{
    color:#fff;
    font-size:22px;
}

/*==================================================
ABOUT SECTION
==================================================*/

.about-sec{
    position:relative;
}

/*----------------------------------
Image
----------------------------------*/

.about-sec .img-box{
    position:relative;
    overflow:hidden;
    border-radius:15px;
}

.about-sec .img-box img{
    display:block;
    width:100%;
    border-radius:15px;
    transition:transform .5s ease;
}

.about-sec .img-box:hover img{
    transform:scale(1.08);
}

/*----------------------------------
Content
----------------------------------*/

.about-sec .about-text{
    padding-left:30px;
}

.about-sec .about-text-2{
    padding-right:30px;
    padding-left:0;
    margin-top:25px;
}

.about-sec .about-text p{
    margin-bottom:25px;
    font-style:italic;
    line-height:1.8;
}

.about-sec .about-text ul{
    margin:0;
    padding:0;
    list-style:none;
}

.about-sec .about-text ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    line-height:1.8;
}

.about-sec .about-text ul li:last-child{
    margin-bottom:0;
}

.about-sec .about-text ul li i{
    flex-shrink:0;
    margin-top:5px;
    color:#28a745;
    font-size:18px;
}

.about-sec .about-text ul li span{
    flex:1;
}

/*----------------------------------
Read More Button
----------------------------------*/

.read-btn{
    display:inline-flex;
    align-items:center;
    margin-top:15px;
    color:#ed502e;
    font-size:16px;
    font-weight:600;
    transition:color .3s ease;
}

.read-btn i{
    margin-left:8px;
    transition:transform .3s ease;
}

.read-btn:hover{
    color:#da411f;
}

.read-btn:hover i{
    transform:translateX(6px);
}

/*==================================================
ABOUT RESPONSIVE
==================================================*/

@media (max-width:991px){

    .about-sec .about-text,
    .about-sec .about-text-2{
        padding:0;
        margin-top:25px;
    }

    .about-sec .img-box{
        margin-top:30px;
    }

}

@media (max-width:767px){

    .about-sec .about-text p,
    .about-sec .about-text ul li{
        font-size:15px;
    }

    .about-sec .about-text ul li{
        gap:10px;
    }

    .about-sec .about-text ul li i{
        margin-top:4px;
        font-size:16px;
    }

    .read-btn{
        font-size:15px;
    }

}

/*==================================================
PARTICIPATION SECTION
==================================================*/

.participation-sec .img-box{
    position:relative;
    margin-bottom:30px;
}

.participation-sec .img-box::before{
    content:"";
    position:absolute;
    top:-30px;
    left:-31px;
    width:90%;
    height:92%;
    background:#ebf1fa;
    z-index:-1;
    transition:.5s;
}

.participation-sec .img-box::after{
    content:"";
    position:absolute;
    right:-31px;
    bottom:-30px;
    width:90%;
    height:92%;
    background:#ebf1fa;
    z-index:-1;
    transition:.5s;
}

.participation-sec .img-box img{
    width:100%;
    display:block;
    border:8px solid #fff;
    transition:transform .5s ease;
}

.participation-sec .img-box:hover img{
    transform:scale(1.03);
}

/*==================================================
PLAY BUTTON
==================================================*/

.img-box .play-button{
    position:absolute;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    display:block;
    overflow:hidden;
    border-radius:50%;
    background:radial-gradient(#ed502e 50%, rgba(155,50,26,.66) 52%);
    transform:translate(-50%,-50%);
}

.img-box .play-button::before{
    content:"";
    position:absolute;
    top:-10%;
    left:-10%;
    width:120px;
    height:120px;
    border:5px solid rgba(237,81,46,.82);
    border-radius:50%;
    background:transparent;
    opacity:1;
    animation:pulsate-btn 2s infinite steps;
}

.img-box .play-button::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    transform:translate(-40%,-50%);
    transition:.4s cubic-bezier(.55,.055,.675,.19);
    z-index:2;
}

.img-box .play-button:hover::after{
    border-left-color:#ed502e;
    transform:translate(-40%,-50%) scale(20);
}

.img-box .play-button:hover::before{
    top:50%;
    left:50%;
    width:0;
    height:0;
    border:none;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    border-radius:0;
    background:transparent;
    animation:none;
    transform:translate(-40%,-50%);
}

/*==================================================
PLAY BUTTON ANIMATION
==================================================*/

@keyframes pulsate-btn{

    0%{
        transform:scale(.6);
        opacity:1;
    }

    100%{
        transform:scale(1);
        opacity:0;
    }

}

/*==================================================
PARTICIPATION CONTENT
==================================================*/

.participation-sec .participation-text{
    padding-left:20px;
}

.participation-sec .participation-text-2{
    padding-left:0;
}

.participation-sec .participation-text ul{
    margin:0;
    padding:0;
    list-style:none;
}

.participation-sec .participation-text ul li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
    color:#444;
    line-height:1.5;
}

.participation-sec .participation-text ul li i{
    flex-shrink:0;
    min-width:22px;
    margin-top:3px;
    color:#28a745;
    font-size:18px;
}

.participation-sec .participation-text ul li span{
    flex:1;
}

 /*==================================================
EVENT SCHEDULE
==================================================*/

.event-schedule .nav-tabs{
    display:block;
    margin:0 auto 30px;
    text-align:center;
    border-bottom:0;
}

.event-schedule .nav-tabs li{
    display:inline-block;
    margin-bottom:0;
}

.event-schedule .nav-tabs a{
    display:block;
    padding:10px 60px;
    margin-bottom:12px;
    border:none;
    border-radius:50px;
    background:#039124;
    color:#fff;
    font-size:17px;
    font-weight:600;
    transition:.3s ease;
}

.event-schedule .nav-tabs a.active{
    background:#ed502e;
    color:#fff;
}

/*----------------------------------
Schedule Row
----------------------------------*/

.event-schedule .schedule-row{
    padding:20px 0;
    border-bottom:1px solid #cad4f6;
}

.event-schedule .schedule-row time{
    font-size:18px;
    font-weight:600;
}

.event-schedule .schedule-details{
    display:flex;
    align-items:center;
}

.event-schedule .schedule-icon{
    display:flex;
    justify-content:center;
    align-items:center;
    width:72px;
    height:72px;
    min-width:72px;
    margin-right:20px;
    border:4px solid #fff;
    border-radius:50%;
    color:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
    transition:transform .35s ease, box-shadow .35s ease;
}

.event-schedule .schedule-icon i{
    font-size:34px;
}

.event-schedule .schedule-icon:hover{
    transform:translateY(-5px) scale(1.08);
    box-shadow:0 16px 35px rgba(0,0,0,.28);
}

/*==================================================
ICON COLORS
==================================================*/

.arrival{
    background:linear-gradient(135deg,#2196F3,#00BCD4);
}

.breakfast{
    background:linear-gradient(135deg,#FFB300,#FB8C00);
}

.lunch{
    background:linear-gradient(135deg,#FF9800,#FF5722);
}

.dinner{
    background:linear-gradient(135deg,#F44336,#E91E63);
}

.rest{
    background:linear-gradient(135deg,#9C27B0,#673AB7);
}

.hotel{
    background:linear-gradient(135deg,#009688,#4CAF50);
}

.bus{
    background:linear-gradient(135deg,#5E35B1,#3949AB);
}

.tourism{
    background:linear-gradient(135deg,#26C6DA,#00897B);
}

.opening{
    background:linear-gradient(135deg,#E53935,#C2185B);
}

.performance{
    background:linear-gradient(135deg,#E91E63,#8E24AA);
}

.closing{
    background:linear-gradient(135deg,#FFB300,#F57C00);
}

.sightseeing{
    background:linear-gradient(135deg,#00ACC1,#26A69A);
}

.shopping{
    background:linear-gradient(135deg,#FF7043,#EC407A);
}

.night{
    background:linear-gradient(135deg,#3F51B5,#673AB7);
}

/*----------------------------------
Schedule Text
----------------------------------*/

.event-schedule .schedule-row h4{
    margin-bottom:5px;
    font-size:18px;
    font-weight:600;
}

.event-schedule .schedule-row h4 span{
    color:#152b79;
    font-size:16px;
    font-style:italic;
    font-weight:400;
}

.event-schedule .schedule-row p{
    margin-bottom:0;
    color:#152b79;
    font-style:italic;
}

/*==================================================
EVENT INNER
==================================================*/

.event-inner .nav-tabs{
    margin-bottom:10px;
    text-align:left;
    border-bottom:1px solid #e3e3e3;
}

.event-inner .nav-tabs a{
    display:inline-block;
    margin-right:20px;
    margin-bottom:-1px;
    padding:0 8px 5px;
    border-radius:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:#000;
    font-size:18px;
    font-weight:400;
    transition:.3s ease;
}

.event-inner .nav-tabs a.active{
    color:#ed502e;
    background:transparent;
    border-bottom-color:#ed502e;
}

.event-inner p{
    margin-bottom:10px;
    font-size:16px;
    line-height:1.5;
}

.event-inner ul{
    margin-top:15px;
    padding-left:10px;
}

.event-inner li{
    margin-bottom:10px;
    color:#444;
    font-size:16px;
    line-height:26px;
}

/*==================================================
CONDITIONS
==================================================*/

.custom-condition .condition-text p{
    color:#2f3138;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
    text-align:justify;
}

.custom-condition .about-images img{
    margin-bottom:20px;
    border-radius:10px;
}

/*==================================================
ABOUT IMAGE
==================================================*/

.event-inner .about-img{
    position:relative;
    margin:60px 0 0 60px;
}

.event-inner .about-img::before{
    content:"";
    position:absolute;
    inset:-60px 0 0 -60px;
    background:url("../images/about-bg.png") no-repeat top left;
    z-index:1;
}

.event-inner .about-img img{
    position:relative;
    z-index:2;
}




/*==================================================
FESTIVAL FACT SHEET
==================================================*/

.festival-fact-sec{
    padding:60px 0 80px;
}

.festival-fact-sec .count-box{
    padding:20px 0;
}

.festival-fact-sec .count-box .icon{
    display:flex;
    align-items:center;
}

.festival-fact-sec .count-box i{
    color:#3498db;
    font-size:30px;
}

.festival-fact-sec .count-box h4{
    margin-left:15px;
    color:#039124;
    font-size:32px;
    font-weight:700;
}

.festival-fact-sec .count-box p{
    margin:0 0 0 52px;
    color:#484848;
    font-size:14px;
    text-align:left;
}

/*==================================================
FESTIVAL FACT IMAGE
==================================================*/

.festival-fact-img{
    display:block;
    background:transparent;
    transition:transform .45s ease;
    will-change:transform;
}

.festival-fact-img:hover{
    transform:translateY(-10px) scale(1.03);
}

/*==================================================
NEWSLETTER
==================================================*/

.newsletter-sec{
    padding:100px 0;
    background:
        linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)),
        url("../images/subscribe-bg.webp") center/cover no-repeat;
}

.newsletter-sec .heading{
    margin-bottom:35px;
    text-align:center;
}

.newsletter-sec .main-heading,
.newsletter-sec .sub-heading{
    color:#333;
}

.newsletter-sec .newslett{
    width:100%;
}

.newsletter-sec .form-row{
    display:flex;
    justify-content:center;
    align-items:center;
}

.newsletter-sec .col-auto{
    padding:5px;
}

.newsletter-sec .newslett input{
    width:480px;
    max-width:100%;
    height:50px;
    padding:0 20px;
    border:1px solid #ed502e;
    border-radius:50px;
    background:#fff;
    color:#333;
    font-size:15px;
    outline:none;
    transition:border-color .3s ease, box-shadow .3s ease;
}

.newsletter-sec .newslett input::placeholder{
    color:#888;
}

.newsletter-sec .newslett input:focus{
    border-color:#039124;
    box-shadow:0 0 0 3px rgba(3,145,36,.15);
}

.newsletter-sec .newslett button{
    height:50px;
    padding:0 35px;
    border:none;
    border-radius:50px;
    background:#039124;
    color:#fff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background .3s ease, box-shadow .3s ease;
}

.newsletter-sec .newslett button:hover{
    background:#02751d;
}

.newsletter-sec .newslett button:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(3,145,36,.15);
}

#nlERROR{
    width:100%;
    margin-top:15px;
    color:#d10000;
    font-size:14px;
    text-align:center;
}

/*==================================================
NEWSLETTER RESPONSIVE
==================================================*/

@media (max-width:991px){

    .newsletter-sec{
        padding:80px 0;
    }

    .newsletter-sec .newslett input{
        width:420px;
    }

}

@media (max-width:767px){

    .newsletter-sec{
        padding:70px 0;
    }

    .newsletter-sec .heading{
        margin-bottom:30px;
    }

    .newsletter-sec .form-row{
        flex-direction:column;
        align-items:center;
    }

    .newsletter-sec .col-auto{
        width:100%;
        max-width:450px;
    }

    .newsletter-sec .newslett input,
    .newsletter-sec .newslett button{
        width:100%;
    }

    .newsletter-sec .newslett button{
        margin-top:15px;
    }

}

@media (max-width:575px){

    .newsletter-sec{
        padding:60px 0;
    }

    .newsletter-sec .col-auto{
        max-width:100%;
    }

    .newsletter-sec .newslett input,
    .newsletter-sec .newslett button{
        font-size:14px;
    }

}


 /*==================================================
APPLICATION FORM
==================================================*/

.application-form{
    background:#039124;
    background-size:cover;
}

/*----------------------------------
Left Image
----------------------------------*/

.application-form .left-side{
    margin-top:-150px;
    overflow:hidden;
}

.application-form .left-side img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .45s ease;
    will-change:transform;
}

.application-form .left-side:hover img{
    transform:translateY(-10px) scale(1.03);
}

/*----------------------------------
Right Form
----------------------------------*/

.application-form .right-side{
    padding:30px;
    background:#fff;
}

.application-form .right-side h4{
    margin-bottom:15px;
    color:#0e1b4d;
    font-size:22px;
    font-weight:700;
    text-align:center;
}

.application-form .right-side form label{
    color:#444;
    font-size:16px;
    font-weight:500;
}

.application-form form input[type="text"],
.application-form form input[type="email"],
.application-form form textarea,
.application-form form select{
    width:100%;
    height:auto;
    margin-bottom:15px;
    padding:9px 15px;
    border-radius:0;
    border-color:color-mix(in srgb,#444,transparent 80%);
    background:color-mix(in srgb,#fff,transparent 50%);
    box-shadow:none;
    color:#444;
    font-size:15px;
}

.application-form form select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 15px center;
    padding-right:35px;
    font-size:16px;
}

.application-form form .main-btn-blue{
    padding:7px 80px;
}



 /*==================================================
THAILAND TOUR
==================================================*/

.thailand-tour-box{
    margin-bottom:30px;
    padding:15px;
    background:#fff;
    border-radius:0;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
    text-align:center;
}

.thailand-tour-box .tour-img{
    overflow:hidden;
    margin-bottom:15px;
    border-radius:20px;
}

.thailand-tour-box .tour-img img{
    display:block;
    width:100%;
    transition:transform .3s ease;
}

.thailand-tour-box:hover .tour-img img{
    transform:scale(1.15);
}

.thailand-tour-box h4{
    margin-bottom:15px;
    font-size:20px;
    font-weight:600;
}

.thailand-tour-box p{
    margin-bottom:20px;
    padding:0 20px;
    color:#060c22;
    font-size:15px;
    font-style:italic;
}

.thailand-tour-box span{
    display:block;
    padding:0 10px;
    color:#444;
    font-size:15px;
    font-style:italic;
    text-align:right;
}



 /*==================================================
THAILAND WATHER, MAP
==================================================*/



 .thailand-bangkok{
    width:100%;
  }

  .thailand-bangkok .thailand-section{
    max-width:1140px;
    margin:0 auto;
    padding:0 15px;
  }

  .thailand-bangkok .heading{
    text-align:center;
    margin-bottom:24px;
  }

  .thailand-bangkok .main-heading{
    font-size:32px;
    font-weight:800;
    margin-bottom:8px;
  }

  .thailand-bangkok .sub-heading{
    font-size:18px;
    color:#666;
  }

  .thailand-bangkok .thailand-grid{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    align-items:stretch;
  }

  .thailand-bangkok .thailand-item{
    flex:1 1 calc(33.333% - 14px);
    min-width:280px;
    display:flex;
  }

  .thailand-bangkok .thailand-box{
    flex:1;
    height:100%;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    min-height:320px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }

  .thailand-bangkok .thailand-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .thailand-bangkok .middle-box{
    padding:24px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100%;
  }

  .thailand-bangkok .box-title{
    margin:0 0 16px;
    font-size:22px;
    font-weight:700;
  }

  .thailand-bangkok .weather-static{
    width:100%;
    max-width:375px;
    padding:24px;
    border-radius:16px;
    background:#f8f8f8;
  }

  .thailand-bangkok .weather-city{
    font-size:26px;
    font-weight:700;
    margin-bottom:8px;
  
  }

  .thailand-bangkok .weather-date,
  .thailand-bangkok .weather-time{
    font-size:24px;
    margin-bottom:6px;
  }

  .thailand-bangkok .weather-temp{
    font-size:48px;
    font-weight:700;
    color:#f82249;
    line-height:1;
    margin:12px 0;
  }

  .thailand-bangkok .weather-note{
    font-size:14px;
    color:#666;
  }

  @media (max-width: 991px){
    .thailand-bangkok .thailand-item{
      flex:1 1 100%;
    }
  }

.thailand-bangkok .middle-box{
  background:#87C1ff; /* blue */
}


.thailand-bangkok .middle-box{
  justify-content:flex-start !important;
  padding-top:40px !important;
}


.thailand-bangkok .weather-static{
  background:transparent;
}

.thailand-bangkok.middle-box,
.thailand-bangkok.middle-box *{
  color:#fff;
}


.thailand-bangkok .middle-box{
  justify-content:center;
}

.thailand-bangkok .weather-static{
  transform:translateY(-15px);
}



 /*==================================================
PHOTO GALLERY
==================================================*/

.photo-gallery-sec{
    height:300px;
    background:#ed502e;
}

.photo-gallery-sec .mySwiper-index-gallery{
    margin-top:20px;
    padding-bottom:80px;
}

.photo-gallery-sec .mySwiper-index-gallery .swiper-slide{
    width:100%;
    object-fit:cover;
}

.photo-gallery-sec .mySwiper-index-gallery .swiper-slide img{
    display:block;
    width:100%;
    height:100%;
}

/*--------------------------------------------------
Pagination
--------------------------------------------------*/

.photo-gallery-sec .mySwiper-index-gallery .swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    border:1px solid #ed502e;
    opacity:1;
}

.photo-gallery-sec .mySwiper-index-gallery .swiper-pagination .swiper-pagination-bullet-active{
    background:#ed502e;
}

/*--------------------------------------------------
Navigation
--------------------------------------------------*/

.photo-gallery-sec .mySwiper-index-gallery .swiper-button-prev,
.photo-gallery-sec .mySwiper-index-gallery .swiper-button-next{
    display:flex;
    justify-content:center;
    align-items:center;
    top:40%;
    width:45px;
    height:45px;
    background:#fff;
    line-height:45px;
}

.photo-gallery-sec .mySwiper-index-gallery .swiper-button-prev::after,
.photo-gallery-sec .mySwiper-index-gallery .swiper-button-next::after{
    color:#000;
    font-size:20px;
}

/*==================================================
VIDEO GALLERY
==================================================*/

.video-gallery-sec{
    margin-top:230px;
}

.gallery-slider{
    padding:25px 0 80px;
}

/*--------------------------------------------------
Active Slide
--------------------------------------------------*/

.gallery-slider .swiper-slide-active{
    margin-top:6px;
    padding:4px;
    border:5px solid #ed502e;
    background:#fff;
    text-align:center;
    transform:scale(1.15);
    z-index:1;
}

/*--------------------------------------------------
Pagination
--------------------------------------------------*/

.gallery-slider .swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    border:1px solid #ed502e;
    opacity:1;
}

.gallery-slider .swiper-pagination .swiper-pagination-bullet-active{
    background:#ed502e;
}

/*--------------------------------------------------
Play Button
--------------------------------------------------*/

.video-gallery-sec .img-box .play-button{
    width:50px;
    height:50px;
}

/*==================================================
EVENT PARTNERS
==================================================*/

.partners-slider{
    padding:25px 0 50px;
}

/*--------------------------------------------------
Pagination
--------------------------------------------------*/

.partners-slider .swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    border:1px solid #ed502e;
    opacity:1;
}

.partners-slider .swiper-pagination .swiper-pagination-bullet-active{
    background:#ed502e;
}

/*--------------------------------------------------
Partner Logos
--------------------------------------------------*/

.event-partners img{
    display:block;
    transition:transform .3s ease;
}

.event-partners img:hover{
    transform:scale(1.12);
}

/*==================================================
TABLET
==================================================*/

@media (max-width:991px){

    .partners-slider{
        padding:15px 0 35px;
    }

    .partners-slider .swiper-slide{
        height:140px;
    }

    .partners-slider .swiper-slide img{
        width:85%;
        max-width:200px;
        max-height:90px;
    }

}

/*==================================================
MOBILE
==================================================*/

@media (max-width:767px){

    .partners-slider{
        padding:10px 0 30px;
    }

    .partners-slider .swiper-slide{
        height:110px;
    }

    .partners-slider .swiper-slide img{
        width:80%;
        max-width:150px;
        max-height:70px;
    }

}

/*==================================================
TESTIMONIAL SECTION
==================================================*/

.testimonial-sec{
    background:
        linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)),
        url("../images/testimonials-bg.webp") top left/cover no-repeat;
}

.testimonial-sec .main-heading,
.testimonial-sec .sub-heading{
    color:#333;
}

/*--------------------------------------------------
Testimonial Item
--------------------------------------------------*/

.testimonial-sec .testimonial-item{
    box-sizing:content-box;
    min-height:320px;
}

.testimonial-sec .testimonial-item .testimonial-img{
    position:relative;
    z-index:2;
    width:90px;
    margin:-40px 0 0 40px;
    border:6px solid rgba(255,255,255,.20);
    border-radius:50%;
}

.testimonial-sec .testimonial-item h3{
    margin:10px 0 7px 45px;
    color:#444;
    font-size:18px;
    font-weight:700;
}

.testimonial-sec .testimonial-item h4{
    margin:0 0 0 45px;
    color:#000;
    font-size:15px;
    opacity:.8;
}

/*--------------------------------------------------
Quote Icons
--------------------------------------------------*/

.testimonial-sec .testimonial-item .fa-quote-left,
.testimonial-sec .testimonial-item .fa-quote-right{
    color:#ed502e;
    font-size:26px;
}

.testimonial-sec .testimonial-item .fa-quote-left{
    position:relative;
    left:-5px;
    display:inline-block;
}

.testimonial-sec .testimonial-item .fa-quote-right{
    position:relative;
    top:10px;
    right:-5px;
    display:inline-block;
}

/*--------------------------------------------------
Testimonial Text
--------------------------------------------------*/

.testimonial-sec .testimonial-item p{
    position:relative;
    z-index:1;
    margin:0 15px;
    padding:25px 25px 60px;
    border:1px solid rgba(41,41,41,.48);
    border-radius:16px;
    background:rgba(41,41,41,.40);
    color:#fff;
    font-style:italic;
    box-shadow:0 4px 30px rgba(0,0,0,.15);
    backdrop-filter:blur(5.2px);
    -webkit-backdrop-filter:blur(5.2px);
}

/*--------------------------------------------------
Owl Carousel Navigation
--------------------------------------------------*/

.testimonial-sec .owl-nav,
.testimonial-sec .owl-dots{
    margin-top:5px;
    text-align:center;
}

.testimonial-sec .owl-dot{
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 5px;
    border-radius:50%;
    background:#0000005b !important;
    outline:none;
}

.testimonial-sec .owl-dot.active{
    background:#ed502e !important;
}


 /*==================================================
BANGKOK INFORMATION
==================================================*/

.thailand-bangkok{
    width:100%;
}

.thailand-bangkok .thailand-section{
    max-width:1140px;
    margin:0 auto;
    padding:0 15px;
}

/*--------------------------------------------------
Heading
--------------------------------------------------*/

.thailand-bangkok .heading{
    margin-bottom:24px;
    text-align:center;
}

.thailand-bangkok .main-heading{
    margin-bottom:8px;
    font-size:32px;
    font-weight:800;
}

.thailand-bangkok .sub-heading{
    color:#666;
    font-size:18px;
}

/*--------------------------------------------------
Layout
--------------------------------------------------*/

.thailand-bangkok .thailand-grid{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    align-items:stretch;
}

.thailand-bangkok .thailand-item{
    display:flex;
    flex:1 1 calc(33.333% - 14px);
    min-width:280px;
}

.thailand-bangkok .thailand-box{
    flex:1;
    min-height:320px;
    height:100%;
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.thailand-bangkok .thailand-box img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/*--------------------------------------------------
Middle Weather Box
--------------------------------------------------*/

.thailand-bangkok .middle-box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100%;
    padding:24px;
    background:#87C1FF;
    text-align:center;
}

.thailand-bangkok .middle-box,
.thailand-bangkok .middle-box *{
    color:#fff;
}

.thailand-bangkok .box-title{
    margin:0 0 16px;
    font-size:22px;
    font-weight:700;
}

/*--------------------------------------------------
Weather Card
--------------------------------------------------*/

.thailand-bangkok .weather-static{
    width:100%;
    max-width:375px;
    padding:24px;
    background:transparent;
    border-radius:16px;
    transform:translateY(-15px);
}

.thailand-bangkok .weather-city{
    margin-bottom:8px;
    font-size:26px;
    font-weight:700;
}

.thailand-bangkok .weather-date,
.thailand-bangkok .weather-time{
    margin-bottom:6px;
    font-size:24px;
}

.thailand-bangkok .weather-temp{
    margin:12px 0;
    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1;
}

.thailand-bangkok .weather-note{
    color:#fff;
    font-size:14px;
}

/*--------------------------------------------------
Responsive
--------------------------------------------------*/

@media (max-width:991px){

    .thailand-bangkok .thailand-item{
        flex:1 1 100%;
    }

}


/*==================================================
FOOTER
==================================================*/

footer{
    margin-top:80px;
    padding:60px 0 20px;
    background:#0e1b4d;
}

.emails{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}

/*--------------------------------------------------
Footer Box
--------------------------------------------------*/

footer .foot-box{
    margin-bottom:15px;
    padding:20px;
    background:#ed502e;
    border-top:4px solid #fff;
    color:#fff;
    text-align:center;
}

footer .foot-box h3{
    margin-bottom:15px;
    font-size:36px;
    font-style:italic;
    font-weight:600;
    line-height:1;
}

footer .foot-box p{
    margin-bottom:10px;
    color:#fff;
    font-size:16px;
    font-weight:500;
    line-height:23px;
}

/*--------------------------------------------------
Social Icons
--------------------------------------------------*/

footer .foot-box .foot-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin-right:4px;
    border-radius:50%;
    background:#0e1b4d;
    color:#eee;
    font-size:17px;
    transition:.3s ease;
}

footer .foot-box .foot-social a:hover{
    background:#fff;
    color:#ed502e;
}

/*--------------------------------------------------
Footer Links
--------------------------------------------------*/

footer .foot-links h4{
    margin:20px 0;
    padding-bottom:12px;
    color:#fff;
    font-size:20px;
    font-weight:600;
}

footer .foot-links ul{
    margin:0;
    padding:0;
    list-style:none;
}

footer .foot-links ul li a{
    display:inline-block;
    margin-bottom:25px;
    color:#fff;
    font-size:15px;
    line-height:2;
    transition:color .3s ease;
}

footer .foot-links ul li a:hover{
    color:#ed502e;
}

footer .foot-links ul li i{
    padding-right:5px;
    color:#ed502e;
    font-size:18px;
}

/*--------------------------------------------------
Contact
--------------------------------------------------*/

footer .contact p,
footer .contact a{
    margin-bottom:12px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:35px;
}

/* Shift Footer Columns */

footer .col-md-8 > .row > div{
    margin-top:12px;
}

/*==================================================
CONTACT ICONS
==================================================*/

footer .contact-icons .contact-line strong{
    display:inline;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

footer .contact-icons .whatsapp-line{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    margin:6px 0;
    color:#fff;
    text-decoration:none;
}

footer .contact-icons .contact-icon i{
    color:#fff;
    font-size:16px;
    transition:.3s ease;
}

footer .contact-icons .contact-text{
    color:#fff;
    font-size:14px;
    line-height:1.2;
    white-space:nowrap;
    transition:.3s ease;
}

footer .contact-icons .whatsapp-line:hover .contact-text,
footer .contact-icons .whatsapp-line:hover .contact-icon i{
    color:#ed502e;
}

/*==================================================
COPYRIGHT
==================================================*/

.copyright{
    padding:10px 0;
    background:#010b25;
    color:#fff;
    text-align:center;
}

.copyright p{
    margin:10px 0 0;
    font-size:14px;
}

.copyright a{
    color:#ed502e;
}

.copyright a:hover{
    color:#fff;
}





/*==================================================
ABOUT PAGE
==================================================*/

/*--------------------------------------------------
Background
--------------------------------------------------*/

.bg-light-grey{
    background:#ececec;
}

/*==================================================
ABOUT BANNER
==================================================*/

.about-banner{
    position:relative;
}

.about-banner img{
    display:block;
    width:100%;
    height:350px;
    object-fit:cover;
}

.about-banner::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.25);
    z-index:1;
}

/*==================================================
BREADCRUMB
==================================================*/

.about-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin:0;
    padding:10px 20px;
    list-style:none;
    background:#d6d6d6;
}

.about-nav li{
    position:relative;
    margin-right:5px;
    padding-right:23px;
}

.about-nav li::after{
    content:"\00BB";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    color:#0e1b4d;
    font-size:30px;
}

.about-nav li:last-child::after{
    display:none;
}

.about-nav a{
    color:#0e1b4d;
    text-decoration:none;
}

.about-nav li .active{
    color:#ed502e;
    font-weight:600;
}

/*==================================================
ABOUT CONTENT
==================================================*/

.about-inner .about-meta{
    display:inline-block;
    margin-bottom:.8rem;
    color:#ed502e;
    font-weight:600;
}

.about-inner .about-title{
    margin-bottom:1rem;
    color:#0e1b4d;
    font-size:1.75rem;
    font-weight:700;
    line-height:1.2;
}

.about-inner .about-description{
    color:#2f3138;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:justify;
}

/*==================================================
FEATURE LIST
==================================================*/

.about-inner .feature-list-wrapper{
    margin-bottom:1.5rem;
}

.about-inner .feature-list{
    margin:0;
    padding:0;
    list-style:none;
}

.about-inner .feature-list li{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:10px;
    font-size:16px;
}

.about-inner .feature-list li i{
    color:#ed502e;
    font-size:1.25rem;
}

/*==================================================
PROFILE
==================================================*/

.about-inner .profile .profile-image{
    width:60px;
    height:60px;
    margin-right:15px;
    border-radius:50%;
    object-fit:cover;
}

.about-inner .profile .profile-name{
    margin:0;
    font-size:1.08rem;
}

.about-inner .profile .profile-position{
    margin:0;
    color:#ed502e;
    font-size:.875rem;
}

/*==================================================
CONTACT INFO
==================================================*/

.about-inner .contact-info{
    padding:1rem 1.5rem;
    background:#fff;
    border-radius:.5rem;
    box-shadow:0 0 15px rgba(0,0,0,.06);
}

.about-inner .contact-info i{
    margin-right:12px;
    color:#ed502e;
    font-size:1.5rem;
}

.about-inner .contact-info .contact-label{
    color:color-mix(in srgb,#212529,transparent 30%);
    font-size:.875rem;
    margin:0;
}

.about-inner .contact-info .contact-number{
    margin:0;
    font-weight:600;
}

/*==================================================
IMAGES
==================================================*/

.about-inner .image-wrapper{
    position:relative;
}

.about-inner .image-wrapper .main-image,
.about-inner .image-wrapper .small-image{
    border-radius:16px;
}

.about-inner .image-wrapper .small-image{
    position:absolute;
    top:20%;
    left:-10%;
    width:45%;
    border:8px solid #fff;
}

/*==================================================
EXPERIENCE BADGE
==================================================*/

.about-inner .image-wrapper .experience-badge{
    position:absolute;
    right:5%;
    bottom:5%;
    min-width:200px;
    padding:1.5rem;
    border-radius:.5rem;
    background:#ed502e;
    color:#fff;
    text-align:center;
    animation:experience-float 3s ease-in-out infinite;
}

.about-inner .image-wrapper .experience-badge h3{
    margin:0;
    color:#fff;
    font-size:2.3rem;
    line-height:.5;
}

.about-inner .image-wrapper .experience-badge h3 span{
    display:inline-block;
    margin-left:.25rem;
    font-size:1rem;
}

.about-inner .image-wrapper .experience-badge p{
    margin:.5rem 0 0;
    font-size:.875rem;
}

@keyframes experience-float{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

/*==================================================
CONTENT
==================================================*/

.content p{
    color:#444;
    font-family:"Poppins",sans-serif;
    font-size:16px;
}

.about-sec .content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.about-sec .content ul li{
    position:relative;
    margin-top:10px;
    padding-left:28px;
}

.about-sec .content ul i{
    position:absolute;
    top:2px;
    left:0;
    color:#3498db;
    font-size:20px;
    line-height:1;
}

/*==================================================
PARAGRAPH BLOCK
==================================================*/

.para h4{
    color:#ed502e;
    font-family:"Poppins",sans-serif;
    font-size:20px;
    font-weight:600;
}

.para p{
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:justify;
}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:992px){

    .about-inner .about-title{
        font-size:2rem;
    }

    .about-inner .image-wrapper{
        display:flex;
        flex-direction:column;
        gap:2rem;
        margin-top:3rem;
        padding-left:0;
    }

    .about-inner .image-wrapper .images{
        display:flex;
        flex-direction:column;
        gap:1.5rem;
    }

    .about-inner .image-wrapper .main-image{
        margin-left:0;
    }

    .about-inner .image-wrapper .small-image{
        position:static;
        width:100%;
        margin:0 auto;
        border:0;
    }

    .about-inner .image-wrapper .experience-badge{
        position:static;
        width:fit-content;
        margin:0 auto;
    }

}
  

  /*==================================================
PAST FESTIVALS
==================================================*/

.past-event-box{
    padding:40px 30px;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
    transition:box-shadow .3s ease;
}

.past-event-box h4{
    margin-bottom:0;
    color:#000;
    font-size:18px;
    font-weight:900;
    text-align:center;
}

.content-button{
    display:inline-block;
    padding:7px 25px;
    border:none;
    border-radius:25px;
    background:#0e1b4d;
    color:#fff;
    font-size:14px;
    letter-spacing:1px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}

.content-button:hover{
    color:#fff;
    text-decoration:none;
}

/*==================================================
GROUP PAGE
==================================================*/

.group-box{
    margin-bottom:25px;
    padding:50px 30px;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
}

.group-box h4{
    color:#ed502e;
    font-size:20px;
    font-weight:600;
}

.group-box h5{
    color:#1977cc;
    font-size:19px;
    font-weight:500;
}

.group-box .table td{
    padding:8px;
    border:1px solid #000;
    text-align:left;
}

/*--------------------------------------------------
Group Images
--------------------------------------------------*/

.img-outer{
    margin-bottom:15px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
}

.imgbox-image{
    overflow:hidden;
    border-radius:20px;
    text-align:center;
}

.imgbox-image img{
    display:block;
    width:100%;
    object-fit:cover;
    transition:transform .2s ease;
}

.imgbox-image:hover img{
    transform:scale(1.1);
}

/*==================================================
EVENT QUICK GLANCE
==================================================*/

.orange{
    color:#ed502e;
    font-size:24px;
    font-weight:600;
}

.blue{
    color:#152b79 !important;
    font-size:19px;
    font-weight:600 !important;
}

.event-glance table{
    margin:10px 0 15px;
    border:1px solid #000;
}

.event-glance th,
.event-glance td{
    padding:8px;
    border:1px solid #000;
    text-align:left;
}

 /*==================================================
TESTIMONIAL PAGE
==================================================*/

.testimonial-inner{
    margin-top:20px;
    padding:50px 30px;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
}

/*==================================================
MEDIA PAGE
==================================================*/

.media-inner{
    margin-top:20px;
    padding:50px 30px;
    background:#d9e8fa;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
}

/*==================================================
PARTICIPATION CONDITIONS
==================================================*/

.condition-page h4{
    margin-bottom:10px;
    color:#ed502e;
    font-size:19px;
    font-weight:600;
}

.condition-page h5{
    margin-bottom:10px;
    color:#1881dd;
    font-size:18px;
    font-weight:600;
}

.condition-page h6{
    margin-bottom:10px;
    font-size:16px;
}

.condition-page p{
    margin-bottom:10px;
    color:#444;
    font-size:16px;
    line-height:28px;
}

.condition-page ul,
.condition-page ol{
    margin-bottom:0;
    padding-left:15px;
}

.condition-page ul li,
.condition-page ol li{
    margin-bottom:12px;
    color:#444;
    font-size:17px;
    line-height:30px;
}

.condition-page .purple{
    margin:8px 0 10px;
    color:#152b79;
    font-size:18px;
    font-weight:500;
}

.pink{
    color:#ed502e !important;
    font-size:20px;
    font-weight:600;
    text-shadow:0 2px 4px rgba(0,0,0,.20);
}

/*==================================================
PERFORMANCE CARD
==================================================*/

.performance-card{
    margin:10px 0;
    overflow:hidden;
    background:#fff;
    box-shadow:4px 4px 14px rgba(0,0,0,.30);
}

.performance-card img{
    display:block;
    width:100%;
    height:230px;
    object-fit:cover;
    transition:transform .3s ease;
}

.performance-card:hover img{
    transform:scale(1.1);
}

.performance-card .preformance-text{
    min-height:220px;
    padding:25px;
}

.performance-card .preformance-text h3{
    color:#1977cc;
    font-size:19px;
    font-weight:500;
    text-align:center;
}

/*==================================================
TOUR PAGE
==================================================*/

.tour-page h4{
    color:#ed502e;
    font-size:20px;
    font-weight:600;
}

.tour-page h5{
    color:#1977cc;
    font-size:19px;
    font-weight:500;
}

.tour-page .purple{
    color:#0e1b4d;
    font-size:19px;
    font-weight:600;
}

.tour-page p{
    margin-bottom:12px;
    font-size:16px;
    line-height:1.7;
}

.tour-page ul,
.tour-page ol{
    margin-bottom:15px;
    padding-left:20px;
    font-size:16px;
}

.tour-page li{
    margin-bottom:8px;
    line-height:1.7;
}

.tour-page table{
    width:100%;
    margin:10px 0 15px;
    border-collapse:collapse;
    border:1px solid #000;
}

.tour-page th,
.tour-page td{
    padding:8px;
    text-align:left;
    vertical-align:top;
    border:1px solid #000;
}

.tour-page th{
    font-weight:600;
}

.tour-page .itinerary-table{
    margin:10px 0 15px;
}

.tour-page .itinerary-table th,
.tour-page .itinerary-table td{
    padding:8px;
    border:1px solid #000;
    text-align:left;
    vertical-align:top;
}

/*==================================================
TOUR ITINERARY
==================================================*/

.tour-itinerary{
    margin:0;
    padding-left:20px;
    list-style:disc;
}

.tour-itinerary li{
    margin-bottom:8px;
    line-height:1.7;
}

.tour-itinerary .time{
    display:inline-block;
    width:190px;
    font-weight:600;
}

.tour-itinerary .place{
    display:inline-block;
}



/*==================================================
CONTACT PAGE
==================================================*/

.contact-page{
    background:
        linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.35)),
        url("../images/contact-bg.png") center/cover no-repeat;
    background-color:#fefefe;
}

/*--------------------------------------------------
Contact Boxes
--------------------------------------------------*/

.contact-page .icon-box{
    min-height:190px;
    margin-bottom:15px;
    padding:15px 25px;
    text-align:center;
    box-shadow:0 0 20px rgba(0,0,0,.10);
}

.contact-page .icon-box i{
    display:flex;
    justify-content:center;
    align-items:center;
    width:56px;
    height:56px;
    margin:0 auto;
    border:2px dotted color-mix(in srgb,#ed502e,transparent 40%);
    border-radius:50%;
    color:#ed502e;
    font-size:24px;
    transition:color .3s ease,border-color .3s ease;
}

.contact-page .icon-box h3{
    margin:15px 0 10px;
    color:color-mix(in srgb,#444,transparent 20%);
    font-size:19px;
    font-weight:600;
}

.contact-page .icon-box p,
.contact-page .icon-box a{
    margin-bottom:0;
    color:#444 !important;
    font-size:16px;
}

/*--------------------------------------------------
Contact Form
--------------------------------------------------*/

.contact-page .contact-form{
    padding:25px;
    box-shadow:0 0 20px rgba(0,0,0,.10);
}

.contact-page form input[type="text"],
.contact-page form input[type="email"],
.contact-page form textarea,
.contact-page form select{
    width:100%;
    height:auto;
    margin-bottom:15px;
    padding:9px 15px;
    border-radius:0;
    border-color:color-mix(in srgb,#444,transparent 80%);
    background:color-mix(in srgb,#fff,transparent 50%);
    box-shadow:none;
    color:#444;
    font-size:15px;
}

.contact-page form .main-btn-blue{
    margin-top:10px;
    padding:8px 70px;
    font-size:14px;
}


/*==================================================
GALLERY PAGE
==================================================*/

.gallery-page .mySwiper-gallery .swiper-wrapper{
    padding-bottom:65px;
}

.gallery-page .mySwiper-gallery .swiper-slide{
    height:300px;
    object-fit:cover;
}

.gallery-page .mySwiper-gallery .swiper-slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Navigation */

.gallery-page .mySwiper-gallery .swiper-button-next,
.gallery-page .mySwiper-gallery .swiper-button-prev{
    display:flex;
    align-items:center;
    justify-content:center;
    top:40%;
    width:45px;
    height:45px;
    border-radius:50%;
    background:#fff;
}

.gallery-page .mySwiper-gallery .swiper-button-next::after,
.gallery-page .mySwiper-gallery .swiper-button-prev::after{
    color:#ed502e;
    font-size:25px;
}

/* Pagination */

.gallery-page .swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff;
    border:1px solid #ed502e;
    opacity:1;
}

.gallery-page .swiper-pagination .swiper-pagination-bullet-active{
    background:#ed502e;
}

/* Active Slide */

.gallery-page .mySwiper-gallery .swiper-slide-active{
    padding:5px;
    border:8px double #ed502e;
    transition:border .3s ease,padding .3s ease;
}


/*==================================================
VIDEO PAGE
==================================================*/

.video-page .gallery-box{
    margin-bottom:25px;
    padding:40px;
    background:#fadad9;
    box-shadow:0 2px 15px rgba(0,0,0,.10);
    transition:background .3s ease,
               padding .3s ease,
               box-shadow .3s ease;
}

.video-page .gallery-box:hover{
    padding:50px;
    background:#d9fae4;
    box-shadow:10px 15px 30px rgba(0,0,0,.18);
}

.video-page .gallery-box h3{
    margin-bottom:20px;
    font-size:24px;
}

/* Video */

.video-page .gallery-box .video-box{
    position:relative;
    overflow:hidden;
    height:300px;
    border:5px solid #ffb03b;
}

.video-page .gallery-box .video-box img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.video-page .gallery-box .video-box:hover img{
    transform:scale(1.1);
}


/*==================================================
VIDEO PLAY BUTTON
==================================================*/

.video-box .play-button{
    position:absolute;
    top:50%;
    left:50%;
    width:84px;
    height:84px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    overflow:hidden;
    background:radial-gradient(#ed502e 50%, #9b321aa9 52%);
}

.video-box .play-button::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-40%,-50%);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    transition:all .4s cubic-bezier(.55,.055,.675,.19);
}

.video-box .play-button::before{
    content:"";
    position:absolute;
    top:-15%;
    left:-15%;
    width:120px;
    height:120px;
    border:5px solid #ed512ed0;
    border-radius:50%;
    background:transparent;
    animation:pulsate-btn 2s infinite;
}

.video-box .play-button:hover::after{
    transform:scale(20);
    border-left-color:#ed502e;
}

.video-box .play-button:hover::before{
    top:50%;
    left:50%;
    width:0;
    height:0;
    border:none;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    border-radius:0;
    transform:translate(-40%,-50%);
    animation:none;
}

/*==================================================
UTILITY
==================================================*/

.img-h-180{
    height:180px;
}

.video-popup img{
    display:block;
    width:100%;
    height:100%;
}

.video-popup img:hover{
    transform:none;
}


/*==================================================
SMALL PLAY BUTTON
==================================================*/

.vidimg.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    width:50px;
    height:50px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    overflow:hidden;
    background:radial-gradient(#ed502e 50%, #9b321aa9 52%);
}

.vidimg.play-btn::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-40%,-50%);
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
}

.vidimg.play-btn::before{
    content:"";
    position:absolute;
    top:-15%;
    left:-15%;
    width:120px;
    height:120px;
    border:5px solid #ed512ed0;
    border-radius:50%;
    background:transparent;
    animation:pulsate-btn 2s infinite;
}

.vidimg.play-btn:hover::after{
    border-left-color:#ed502e;
}

.vidimg.play-btn:hover::before{
    top:50%;
    left:50%;
    width:0;
    height:0;
    border:none;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:15px solid #fff;
    border-radius:0;
    transform:translate(-40%,-50%);
    animation:none;
}

/*==================================================
FLOATING CALL BUTTON
==================================================*/

.getAcall{
    position:fixed;
    right:15px;
    bottom:60px;
    z-index:9999999;

    display:block;
    margin:0 auto;
    padding:5px;

    border:2px solid #ed502e;
    border-radius:100px;

    color:#fff !important;
    font-size:16px;
    text-align:center;
}

.getAcall i{
    display:flex;
    align-items:center;
    justify-content:center;

    width:35px;
    height:35px;

    background:#ed502e;
    border-radius:50%;

    animation:coccoc-alo-circle-img-anim 1s ease-in-out infinite;
}

/*==================================================
CALL BUTTON ANIMATION
==================================================*/

@keyframes coccoc-alo-circle-img-anim{

    0%{
        transform:rotate(0deg) scale(1) skew(1deg);
    }

    10%{
        transform:rotate(-25deg) scale(1) skew(1deg);
    }

    20%{
        transform:rotate(25deg) scale(1) skew(1deg);
    }

    30%{
        transform:rotate(-25deg) scale(1) skew(1deg);
    }

    40%{
        transform:rotate(25deg) scale(1) skew(1deg);
    }

    50%,
    100%{
        transform:rotate(0deg) scale(1) skew(1deg);
    }

}