html {
   scroll-padding-top: 100px;
}
:root {
  --white: #ffffff;
  --black: #000000;
  --light-black: #333333;
  --blue: #3d67b1;
  --vivid-pink: #dd0570;
  --green: #3CA847;
  --dark-green: #185C37;
  --orange: #F58220;
  --wram-beige: #FFF6EE;
  --green-tint: #F3FAF3;
  --green-light: #D0F0C0;
  --fw-400: 400;
  --fw-500:500;
  --fw-600: 600;
  --fw-700: 700;
  --swiper-navigation-size: 20px;
  --space-sm: 4em;
  --stack-cards-gap: 4em;
}
img {max-width: 100%; width: 100%; height: auto;}
a {display: inline-block;}
ul {margin: 0;}
.btn {padding: 10px 30px; border-radius: 40px; font-size: 16px; position: relative; text-transform: uppercase; font-weight: var(--fw-600); min-width: 150px;}
.btn:hover, .btn:focus {outline: none !important; box-shadow: none !important; }
.btn-primary {background: var(--orange); border: 1px solid var(--orange); color: var(--white);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: transparent; color: var(--white); border: 1px solid var(--green); background: var(--green);}

.btn-secondary {background: var(--green); border: 1px solid var(--green); content: var(--white);}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background: var(--dark-green); border: 1px solid var(--dark-green); color: var(--white);}

body {font-family: "Poppins", sans-serif; position: relative; font-size: 14px; line-height: 1.4; 
  color: var(--light-black); padding-top: 69px;}

.header {background: var(--white); position: fixed; top: 0;
  left: 0; right: 0; z-index: 99; padding: 8px 0;  width: 100%;
  background-color: var(--white); 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease;}
.header .menu-item a {padding: 0; font-weight: var(--fw-500); text-decoration: none; text-transform: capitalize; color: var(--dark-green); position: relative; transition: all 0.3s ease-in-out; outline: none;}
.header .menu-item.current-menu-item>a, .header .menu-item>a:hover, .header .menu-item.current_page_parent>a {color: var(--orange);}
.header .menu-item a:hover::after, .header .menu-item.current-menu-item a::after, .header .menu-item.current_page_parent>a::after {width: 100%;}
.header .menu-item {margin: 0 15px; position: relative;}
.header .menu-item:last-child {margin-right: 0;}
.header .menu-item:hover .sub-menu {display: flex;}
.header .sub-menu {padding: 10px 0; list-style: none; margin: 0; background: var(--white); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 330px; flex-wrap: wrap; font-size: 14px; box-shadow: 0 0 4px rgba(0, 0, 0, .15); display: none; transition: all 0.3s ease-in-out;}
.header .sub-menu .menu-item {margin: 0; width: 50%;}
.header .sub-menu .menu-item a {padding: 5px 15px}
.header .sub-menu .menu-item a::after {display: none;}
.header .navbar-brand {height: 60px; padding: 0; display: inline-flex;}

.banner-wrap {position: relative; display: flex; align-items: center; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.banner-content {padding: 50px 0; position: relative; color: var(--black);}
.banner-content .font-one {margin-bottom: 15px; color: var(--dark-green);}
.banner-content .font-one span {color: var(--vivid-pink);}
.banner-content .banner-btns {margin-top: 25px;}
.vertical-ticker {height: 100%;}
.vertical-ticker .swiper-vertical {height: 100%;}

.font-one {font-weight: var(--fw-700); font-size: 28px;}
.font-two {font-weight: var(--fw-700); font-size: 26px;}
.font-three {font-weight: var(--fw-700); font-size: 24px;}
.font-four {font-weight: var(--fw-700); font-size: 22px;}



.marquee {width: 100%; overflow: hidden; background-color: var(--green); color: white; font-size: 14px; box-sizing: border-box;}
.live-news {padding: 0px 60px;}
.live-news .swiper-button-next, .live-news .swiper-button-prev {color: var(--white);}
.live-news .swiper-button-next::after, .live-news .swiper-button-prev::after {font-size: 20px;}
.live-news .swiper-button-next {right: 20px;}
.live-news .swiper-button-prev {left: 20px;}
.live-news .swiper-slide {line-height: 1.3; display: flex; align-items: center; justify-content: center; padding:15px 0; }
.live-news .swiper-slide span {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 10px;}
.news-read-more {white-space: nowrap; color: var(--white) !important; text-decoration: underline; font-weight: var(--fw-700); cursor: pointer;}

.play-btn {background: transparent; border: none; padding: 0; cursor: pointer; outline: none; position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: visible;}
.play-btn-bg {position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--green); border-radius: 50%; z-index: 2; font-size: 36px; color: var(--white); animation: pulse-animation 2s infinite;}
.play-btn-bg i {margin-left: 4px;}
.banner-content .font-four {color: var(--orange); margin-bottom: 5px; font-weight: var(--fw-600);}
.banner-info {margin-bottom: 30px;}
.banner-info p {color: var(--black);}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 148, 68, 0.2);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 148, 68, 0);
  }
}


@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.sec-padding {padding: 60px 0;}
.countdown-block {background: var(--green); padding: 30px 20px; border-radius: 20px;}
.countdown-title h2 {color: var(--white);}
.time-part {color: var(--white); -webkit-text-stroke: 1px var(--white); font-weight: var(--fw-600); font-size: 34px; letter-spacing: 2px;}
.timer-block-main {margin: 0 -15px;}
.timer-block {padding: 0 15px; text-align: center; width: 50%;}

.timer-name {font-size: 16px; color: var(--white); }
.timer-box {position: relative; border-radius: 50%; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; margin: 0 auto;}
.timer-box::before {content: ''; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed var(--white); box-sizing: border-box; animation: rotateBorder 30s cubic-bezier(0.59, 0.59, 1, 1) infinite; z-index: 0; opacity: 0.8;}
.timer-box::after {content: ''; position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; transform: translate(-50%,-50%); background: var(--white); opacity: 0.2; border-radius: 50%;}
.timer-box > * {position: relative; z-index: 1;}

@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-content h2 span {color: var(--green);}
.about-content h2 {margin-bottom: 20px; color: var(--dark-green);}
.about-btn {margin-top: 20px;}
p {color: var(--light-black); line-height: 1.5;}
.about-img {padding-bottom: 20%;}
.about-top-img {width: 80%;}
.about-bottom-img {width: 50%; position: absolute; bottom: 0; right: 5%;}

/*.common-tab-list {justify-content: center; border-bottom: 2px solid #d5d5d5;}*/
.common-tab-list .nav-item {border: 0; font-size: 18px; font-weight: var(--fw-500);}
.common-tab-list .nav-item:last-child {margin-right: 0;}
.common-tab-list .nav-item.show .nav-link, .common-tab-list .nav-link.active {color: var(--white); color: var(--green); border-bottom: 3px solid var(--green); }
.common-tab-list .nav-link {margin-bottom: 0; font-weight: var(--fw-600); border: 0; border-bottom: 3px solid transparent; padding: 10px 24px 8px; color: #707070; background-color: transparent; border-radius: 10px 10px 0 0; min-width: 115px; text-align: center; position: relative; overflow: hidden;}
.common-tab-list .nav-link:focus, .common-tab-list .nav-link:hover {border-color: var(--green); color: var(--green);}
.common-tab-list .nav-item.show .nav-link:focus, .common-tab-list .nav-item.show .nav-link:hover {border-color: var(--green);}
.common-tab-list .nav-link.active:focus, .common-tab-list .nav-link.active:hover {border-color: var(--green);}
/*.common-tab-list .nav-link::after {content: ""; position: absolute; left: 0; bottom: 0; height: 3px; background-color: var(--green); width: 0%; transition: width 0s;}*/
.common-tab-list .nav-link.active::after {width: 100%; transition: width 4s linear; }
.common-tab-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  border: 0;
}
.common-tab-list::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}


.sponsor-list-main {background: var(--wram-beige); border: 1px solid var(--orange); padding: 30px; border-radius: 20px; position: sticky;
    transform-origin: center top; top: var(--space-sm);}
.sponsor-list-main:last-child {margin-bottom: 0;}
.sponsor-list-main h2 {color: var(--light-black) !important;}
.sponsor-list {list-style: none; margin: 0 -10px 40px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.sponsor-list:last-child {margin-bottom: 0;}
.sponsor-list li {padding: 0 10px; width: 240px; margin-bottom: 15px;}
.sponsor-list li:last-child {margin-bottom: 0;}
.title-sponsor .sponsor-list-wrap {max-width: 400px; width: 100%;}
.sponsor-logo {border: 1px solid #d5d5d5; background: var(--white); padding: 20px; border-radius: 12px;
 min-height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 15px;}
.sponsor-swiper .swiper-wrapper  {display: flex; justify-content: center;}
.event-content h3 {font-size: 20px; margin: 0 0 8px; font-weight: var(--fw-600);}
.event-content p {margin-bottom: 10px; font-size: 14px;}
.evnet-icon {color: var(--green); display: inline-flex;}
.evnet-icon svg {width: 14px; height: 14px;}
.event-icon-text {padding-left: 10px; font-size: 14px; color: #707070;}
.read-more {font-size: 14px; color: var(--green); text-decoration: none; padding-bottom: 3px; position: relative; font-weight: var(--fw-600);}
.read-more::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width:100%; height: 1px; background: currentColor; transition: all 0.3s ease-in-out;}
.read-more:hover {color: var(--green);}
.read-more:hover::after{width: 0%;}
.read-more-wrap {margin-top: 12px;}
.evnet-icon-box {margin-bottom: 5px;}
/*.sponsor-sec {background: #fafafa;}*/
.common-form-sec {background: #fafafa;}
.common-form {line-height: 1.5;}
.common-form input, .common-form textarea, .common-form select {font-size: 14px; outline: none !important; box-shadow: none !important;}
.common-form .form-control:focus {border-color: var(--green);}
.common-form .form-floating>.form-control:focus~label, .common-form .form-floating>.form-control:not(:placeholder-shown)~label, .common-form .form-floating>.form-select~label {color: var(--green);}
.common-form textarea {height: 120px !important; resize: none;}
.common-form .form-select:focus {border-color: var(--green);}

.footer-link-block h6 {font-size: 20px; font-weight: var(--fw-600); margin: 0 0 15px; color: var(--white); position: relative;}
.footer {position: relative; background: var(--dark-green);}
.link-list {list-style: none; padding: 0; margin-bottom: 0;}
.link-list li {margin-bottom: 10px; width: 100%;}
.link-list li:last-child {margin-bottom: 0;}
.link-list a {text-decoration: none; position: relative; text-transform: capitalize; color: var(--white); padding-bottom: 3px; font-size: 15px;}
.link-list a::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width:0%; height: 1px; background: currentColor; transition: all 0.3s ease-in-out;}
.link-list a:hover {color: var(--white);}
.link-list a:hover::after{width: 100%;}
.social-media {list-style: none; padding: 0; margin-bottom: 0;}
.top-footer {padding: 40px 0;}

.social-media a {width: 36px; height: 36px; border-radius: 50%; background: var(--orange); display: inline-flex; align-items: center; justify-content: center;}
.social-media a:hover {background: var(--white);}
.social-media a:hover svg {fill: var(--orange);}
.social-media li:not(:last-child) {margin-right: 4px;}
.social-media svg {height: 18px; fill: var(--white); }
.twitter-icon svg {height: 16px;}
.youtube-icon svg {height: 16px;}
.fb-icon svg {height: 20px;}
.bottom-footer {padding: 20px 0 10px; background: var(--white);}
.bottom-footer p { margin: 0 0 10px; font-size: 15px;}
.bottom-footer p a {color: var(--green);}

.event-prizes ul {list-style: none; padding: 0;}
.prize-box {background: var(--white); padding: 30px; border-radius: 16px; border: 1px solid var(--green); text-align: center; overflow: hidden;}
.prize-title {color: var(--black);  width: 100%; margin: 0 0 5px; text-transform: uppercase;}
.prize-title h4 {margin: 0; font-weight: var(--fw-600);}
.prize-title h4 sup {text-transform: initial;}
.prize-amount { width: 100%;}
.prize-amount h2 {margin: 0;}
.prize-info {width: calc(100% - 60px); padding-left: 20px; text-align: left;}


.information-box {background: var(--white); border-radius: 16px; height: 100%; padding: 30px; border: 2px solid var(--green); text-align: center;}
.information-icon {width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; background: var(--green); border-radius: 50%; margin-bottom: 15px;}
.information-icon svg {width: 32px; height: auto; fill: var(--white);}
.information-content p {color: var(--light-black);}
.bg-light-white {background: #fafafa;}
.rules-content-list {color: #707070; line-height: 1.5;}
.rules-content-list ul {margin: 0; padding: 0; list-style: none;}
.rules-content-list li {position: relative; display: flex; color: var(--white); margin-bottom: 15px;}
.rules-content-list li:last-child {margin-bottom: 0;}
.rules-content-list li .check-icon {width: 22px;}
.rules-content-list li .rule-content {width: calc(100% - 22px); padding-left: 10px;}

.judge-img {border-radius: 16px; overflow: hidden; margin-bottom: 15px;}
.judge-info h3 {font-weight: var(--fw-600); margin: 0 0 5px; font-size: 20px; text-transform: capitalize;}
.judge-info p {margin: 0; font-size: 14px; text-transform: capitalize;}

.event-img a {width: 100%;}
.event-listing .event-des {display: none;}
.event-img {width: 100%; margin-bottom: 15px;}
.event-content {width: 100%; padding: 0;}
.connect-link {margin-top: 25px; margin-bottom: 20px;}
.connect-link li {display: flex; align-items: center; margin-bottom: 15px;}
.connect-link span {width: 30px;display: inline-flex; padding-right: 8px;}
.connect-link span svg {width: 20px; height: 20px; fill: #fff;}
.connect-link a {color: var(--white); text-decoration: none; position: relative; padding-bottom: 3px;}
.connect-link a::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 1px; background: currentColor;
    transition: all 0.3s ease-in-out;}
.connect-link a:hover, .connect-link a:focus, .connect-link a:active {color: var(--white);}
.connect-link a:hover::after  {width: 100%;}
.owl-nav {text-align: center; margin-bottom: 15px;}
.owl-nav button {width: 26px;height: 26px; background: var(--green) !important; border-radius: 50%;     display: inline-flex ; align-items: center;
    justify-content: center; margin: 0 8px;}
.owl-nav button svg {fill: var(--white); height: 12px;}
.rules-sec {color: var(--white); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.rules-sec::after {    content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #000; z-index: 0;
    opacity: 0.7;}
.rules-sec .container {position: relative; z-index: 1;}


.prize-img img {width: 100%; margin: 0 auto;}
.prize-img {text-align: center; width: 60px;}
.information-content p {margin-bottom: 0;}


.judges-list ul {list-style: none; padding: 0; margin-bottom: 0; justify-content: center;}
.judge-box-name {background: var(--white); padding: 20px; border-radius: 16px; box-shadow: 0 0 4px rgba(0, 0, 0, .15); text-align: center;
    overflow: hidden; min-height: 100px; height: 100%; display: flex; justify-content: center; align-items: center;}
.judge-box-name h4 {font-weight: var(--fw-600); color: var(--green); margin: 0; text-transform: capitalize;}

.meet-judges { background: #edffed;}
.masonry-item a {display: flex;}
.masonry-item a img, .masonry-item a video {width: 100%; height: auto;}

.rastra-content-tab {background: #fff2e2; padding: 20px; border-radius: 10px;}
.rastra-content-tab .nav-tabs {border: 0;}
.rastra-content-tab .nav-tabs li {width: 50%;}
.rastra-content-tab .nav-tabs button {width: 100%; border: 0; border-radius: 40px; outline: 0 !important; box-shadow: none !important;
font-weight: var(--fw-500); font-size: 18px; padding: 12px 22px; color: var(--orange);}
.rastra-content-tab .nav-tabs .nav-item.show .nav-link, .rastra-content-tab .nav-tabs .nav-link.active ,
.rastra-content-tab .nav-tabs .nav-item.show:focus .nav-link, .rastra-content-tab .nav-tabs .nav-link.active:focus,
.rastra-content-tab .nav-tabs .nav-item.show:hover .nav-link, .rastra-content-tab .nav-tabs .nav-link.active:hover  {background: var(--orange); color: var(--white);}
.rastra-content-tab .nav-tabs .nav-link:focus, .rastra-content-tab .nav-tabs .nav-link:hover {color: var(--orange);}
.rastra-content-tab .tab-pane p:last-child {margin: 0;}

.progress {border-radius: 20px;}
.progress-bar {background: var(--dark-green); border-radius: 20px;}
/*.event-block {padding: 0 60px;}*/
.event-date {font-size: 18px; font-weight: 500; margin-bottom: 20px; color: #707070;}
.event-name {font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #707070; line-height: 1.2;}
.event-short-description {font-size: 15px; margin-bottom: 10px;}
/*.event-short-description p {margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}*/
.event-short-description p {margin: 0; color: #707070; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.upcoming-event-list .owl-item::after    {content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E);
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.upcoming-event-btn .btn {pointer-events: none; background: #707070 !important;
    border-color: #707070 !important; padding: 8px 20px 9px;  min-width: 145px;}
.event-block {padding: 25px; border-radius: 20px; border: 1px solid #DDDDDD; background: var(--white); color: #707070;}
.event-block.completed, .event-block.active {background: var(--wram-beige); border: 1px solid var(--orange); color: var(--light-black);}
.event-block.active .event-date, .event-block.completed .event-date {color: var(--orange);}
.event-block.active .event-name, .event-block.completed .event-name {color: var(--dark-green);}
.event-block.active .event-date-icon, .event-block.completed .event-date-icon {color: var(--orange);}
.event-block.active .event-short-description p, .event-block.completed .event-short-description p {color: var(--light-black);}
.event-block.active .btn, .event-block.completed .btn {background: var(--orange) !important;
    border: 1px solid var(--orange) !important;
    color: var(--white) !important; pointer-events: initial;}

.common-img-txt-block {background: #fff2e2; border-radius: 20px; overflow: hidden;}
.common-txt-block {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.multi-img-one {position: relative; margin-right: -60px; padding-left: 60px;}
.multi-img-content {background: #ebfceb; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.multi-img-block::before {position: absolute;
    content: "";
    width: 80%;
    border: 20px solid #93cb93;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -10%;
    z-index: -1;}

  .multi-img-block.multi-img-left::before {margin-left: 30%;}
  .multi-img-block.multi-img-left .multi-img-one {margin-right: initial; padding-right: 60px; margin-left: -60px; padding-left: 0;}

.volentier-sec {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.volentier-sec::before {    content: "";
    position: absolute;
    background: var(--black);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%;}
.volentier-wrap {color: var(--white); position: relative; z-index: 1;}
.volentier-wrap p {color: var(--white);}
.volentier-wrap .about-content {padding: 0; background: transparent; color: initial;}

.about-top-img {border-radius: 20px; overflow: hidden;}
.about-bottom-img {border-radius: 20px; overflow: hidden;}
.one-img-box {height: 57%; overflow: hidden;}
.two-img-box {height: 43%; overflow: hidden;}
.three-img-box {height: 45%; overflow: hidden;}
.four-img-box {height: 55%; overflow: hidden;}
.about-content p:last-child {margin-bottom: 0;}

.one-img-box img, .two-img-box img, .three-img-box img, .four-img-box img {border-radius: 20px; width: 100%; height: 100%; object-fit: cover; object-position: top center;}

.lang-icon {display: inline-flex; width: 20px; margin-right: 10px;}
.lang-form {display: flex; align-items: center; position: relative; cursor: pointer;}
.lang-dropdown-block { display: flex; align-items: center;}
.lang-dropdown-val { display: flex; align-items: center; padding: 7px 14px;
  border-radius: 40px; border: 2px solid var(--green); min-width: 86px; }
.lang-dropdown-block ul {position: absolute; background: #fff; top: calc(100% + 1px); left: 0; right: 0; 
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: none; padding: 5px 0; border-radius: 10px;}
.lang-dropdown-block li {padding: 5px 15px;}
.lang-dropdown-block li:hover {color: var(--green);}

.footer-logo {height: 60px; margin-bottom: 15px;}
.footer-logo img {height: 100%; width: 100%; object-fit: contain; object-position: left center;}
.footer-logo-block {margin-bottom: 40px;}

.footer-link-block ul {flex-direction: column;}
.inner-banner {position: relative; min-height: 150px; display: flex ; align-items: center; background-position: top center; background-repeat: no-repeat;
    background-size: cover;}
/*.inner-banner::before {position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: var(--black);
    opacity: 0.3;}*/

    .grow-icon {height: 20px;}
    .mission-box .grow-icon {height: 27px;}
.grow-icon img {width: auto; height: 100%;}
.grow-box {padding: 25px; border-radius: 20px; background: var(--green);}
.common-intro-wrap p:last-child {margin-bottom: 0;}

.event-highlight-img {position: sticky; top: 40px;}
.event-highlight-list li {line-height: 1.5; border: 1px solid var(--green); padding: 15px 25px; border-radius: 20px; margin-bottom: 16px;}
.event-highlight-list li:last-child {margin: 0;}
.gallery-list {position: relative; margin: 0 -10px;}
.gallery-list li {width: 100%; margin-bottom: 20px; padding: 0 10px;}
.gallery-list .grid-sizer {width: 50%;}

.about-img {max-width: 500px; margin: 0 auto;}
.common-topic-img-wrap {position: relative; max-width: 500px; margin: 0 auto;}
.common-right-img {padding-right: 35px; padding-top: 35px;}
.common-right-img::after {position: absolute; top: 0; right: 0; border: 8px solid var(--green); content: ""; left: 15%; bottom: 15%; 
  z-index: -1; border-radius: 20px;}
.common-left-img {padding-left: 35px; padding-top: 35px;}
.common-left-img::after {position: absolute; top: 0; left: 0; border: 8px solid var(--green); content: ""; right: 15%; bottom: 15%; 
  z-index: -1; border-radius: 20px;}
.common-topic-img-wrap img {border-radius: 20px;}

.common-img-block {height: 100%;}
.common-img-block img {width: 100%; height: 100%; object-position: center;
    object-fit: cover;}

.common-video {position: relative; width: 100%; padding-top: 54.25%;}
.common-video video {position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}

.get-in-list {margin: 30px 0 0;}
.get-in-list .icon {width: 44px; height: 44px; border-radius: 50%; background: var(--green); display: inline-flex; align-items: center; justify-content: center; color: var(--white); fill: var(--white);}
.get-in-list .icon svg {width: 22px;}
.get-in-list .icon i {font-size: 24px; display: inline-flex;}
.get-in-list li:not(:last-child) {margin-bottom: 20px;}
.get-in-list a, .get-in-list span {font-size: 16px; color: #000; text-decoration: none !important;}
.get-in-list a:hover {color: var(--green);}
.connect-us {padding: 25px; border-radius: 20px; background: #fff2e2;}
.contact-map-wrap iframe {width: 100%; height: 400px;}


.gallery-content {padding: 15px; font-size: 14px;}
.gallery-content p:last-child {margin: 0;}
.gallery-content {position: absolute; bottom: 0; left: 0; right: 0;}
.gallery-content::before {content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.46%, rgba(0, 0, 0, 0) 11.46%, rgba(0, 0, 0, 0.3) 34.25%, rgba(0, 0, 0, 0.5) 66.44%, #000000 100%); height: 100px; position: absolute; z-index: 2; bottom: 0px; left: 0px;
    right: 0px;}
.gallery-content-wrap {position: relative; color: var(--white); z-index: 3}
.gallery-content-wrap p {color: var(--white);}

.home-banner .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-slide {
  height: auto !important;
}

.base-template__content .swiper-slide {height: auto !important; width: auto !important;}
.vertical-ticker {display: flex; column-gap: 2.85vw; overflow: hidden;}
.vertical-ticker__slide-content {position: relative; width: 240px; aspect-ratio: 624 / 624; border-radius: 10px; overflow: hidden; backdrop-filter: blur(50px);}

.vertical-ticker__slide img {display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity 0.6s ease-out;}


  /* Progress bar smooth transition */
  .event-progress-bar .progress-bar {
    transition: width 0.6s ease;
  }

.sub-title {color: var(--orange); font-weight: var(--fw-600); font-size: 16px;}

.image-radius {border-radius: 20px;}

.gallery-media img {width: 100%}
.gallery-video {padding-top: 56.25%; position: relative;}
.gallery-video video {position: absolute; top: 0; left: 0; right: 0; bottom: 0;  width: 100%; height: 100%;}
.gallery-box {position: relative;}
.banner {background: var(--wram-beige); background-repeat: no-repeat; background-position: center; background-size: cover;}
/*.common-topic-sec .about-content {background: #fff2e2; padding: 30px; border-radius: 20px;}*/
/*.about-content {background: #fff2e2; padding: 30px; border-radius: 20px;}*/
.event-highlight-img img {border-radius: 20px;}
.wow {
  visibility: hidden;
  will-change: opacity, transform;
}

.home-about .about-img img {border-radius: 20px;}


.sticky-bell {
  width: 40px;
  height: 40px;
  background-color: var(--orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white) !important;
  font-size: 18px;
  cursor: pointer;
  margin-left: 30px;
}

.sticky-bell i {
  animation: bellRing 2.5s infinite;
  transform-origin: top center;
}

@keyframes bellRing {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-15deg); }
  30% { transform: rotate(10deg); }
  40% { transform: rotate(-10deg); }
  50% { transform: rotate(5deg); }
  60% { transform: rotate(-5deg); }
  70% { transform: rotate(2deg); }
  80% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}


/*.upcoming-event-sec {background: var(--wram-beige);}*/
.upcoming-event-sec h2 {color: var(--dark-green);}
.home-show-sec {background: var(--green-tint);}
.sponsor-sec h2 {color: var(--dark-green);}

.common-slider-box {border: 1px solid var(--orange); background: var(--white); border-radius: 20px}
/*.common-list-img {border-radius: 14px; overflow: hidden; height: 150px; margin-bottom: 20px;}*/
.common-list-img {border-radius: 20px 20px 0 0; overflow: hidden;}
.common-list-img a {width: 100%; display: flex;}
.common-list-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.common-list-title {font-size: 20px; font-weight: bold; text-transform: capitalize; color: var(--dark-green); margin-bottom: 5px; line-height: 1.2;}
.common-list-top-content {font-size: 14px; margin-bottom: 10px;}
.common-list-top-content p {margin-bottom: 0px;}
.common-list-content {padding: 20px;}

.common-list-info li {display: flex; margin-bottom: 8px;}
.common-list-info li:last-child {margin-bottom: 0;}
.common-list-icon {width: 30px; display: flex;}
.common-list-icon i {color: var(--orange); font-size: 17px; display: inline-flex; font-weight: bold;}
.common-icon-info {width: calc(100% - 30px); font-size: 14px; line-height: 1.5; font-weight: var(--fw-500);}
.common-list-btn .btn {padding: 8px 20px 7px;
    min-width: 80px;
    font-size: 14px;}
    .common-list-btn {margin-top: 20px;}
.common-list-icon span {display: inline-flex;}
.common-list-icon .bi-geo-alt {padding-top: 3px;}

/*.home-activity-sec {background: var(--green-tint);}*/

.donation-wrap {background: var(--orange); border-radius: 20px; padding: 60px; display: flex; flex-wrap: wrap; max-width: 1000px; align-items: center; margin: 0 auto; justify-content: space-between;}
.donation-text h2 {color: var(--white); margin: 0 0 10px;}
.donation-text p {color: var(--white); margin: 0 0 10px;}
.donation-text p:last-child {margin-bottom: 0;}
.donation-text {width: calc(100% - 300px);}
.donation-text a {font-weight: bold; color: var(--white) !important;}

.footer-list-block li {display: flex; color: var(--white);}
.footer-list-block .footer-icon {width: 30px; padding-right: 8px; font-size: 20px;}
.footer-list-text {color: var(--white); width: calc(100% - 30px);}

.event-date-icon {width: 30px; font-size: 17px; color: #707070;}
.event-date-icon i {display: inline-flex;}
.event-date-block {margin-bottom: 15px;}
.event-date-txt {font-weight: var(--fw-500);}
.upcoming-event-sec .container-fluid {padding-right: 0;}


.page-about-block img {border-radius: 20px;}
.page-about-img1, .page-about-img2 {height: 160px;}
.page-about-img1 img, .page-about-img2 img, .page-about-img3 img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.page-about-img3 {height: 240px;}
/*.home-event-sec {background: var(--wram-beige);}*/
.home-activity-sec .about-content h2 {margin-bottom: 10px;}
.home-show-sec .about-content h2 {margin-bottom: 10px;}


#menu-item-2743 > a {
  position: relative;
  padding: 10px 20px;
  background: transparent;
  z-index: 1;
  color: var(--orange);
}

#menu-item-2743 {
  position: relative;
  overflow: hidden;
  padding: 3px;
}
/* Top Border */
#menu-item-2743 > a::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, var(--orange), var(--orange));
  animation: animate-top 2s linear infinite;
   transform: translateX(100%);
}

@keyframes animate-top {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Right Border */
#menu-item-2743 > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, var(--orange), var(--orange));
  animation: animate-right 2s linear infinite;
  animation-delay: 1s;
   transform: translateY(100%);
   display: block !important;
}

@keyframes animate-right {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

#menu-item-2743::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to left, var(--orange), var(--orange));
  animation: animate-bottom 2s linear infinite;
   transform: translateX(100%);
}

@keyframes animate-bottom {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Left Border */
#menu-item-2743::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(to top, var(--orange), var(--orange));
  animation: animate-left 2s linear infinite;
  animation-delay: 1s;
   transform: translateY(100%);
}

@keyframes animate-left {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

/* timeline news  */
.timeline-section {
  position: relative;
  /* padding: 60px 0; */
}

.timeline-item {
  padding: 30px 15px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 10px 10px 0 var(--green-light), 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  cursor: default;
}
.timeline-item:hover{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.timeline-item-wrapper{
  position: relative;
  z-index: 2;
  padding: 35px 5px 35px 80px;
}

.timeline-title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--dark-green);
  line-height: 1.2;
}

.timeline-item-wrapper::before{
  content: '';
  width: 3px;
  height: 100%;
  background-color: var(--orange);
  position: absolute;
  left: 38px;
  top:0;
}

/* .timeline-item-wrapper::after{
  content: '';
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  border: 3px solid var(--orange);
  border-radius: 50%;
} */

.timeline-year {
  position: absolute;
  top: -10px;
  left: 0;
  background-color: white;
  color: var(--orange);
  border: 3px solid var(--orange);
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
}

.timeline-line-row{
  row-gap: 0;
  column-gap: 0;
}


.home-activity-sec .common-list-top-content {margin: 0}
.home-activity-sec .common-list-top-content p {margin: 0;}
.home-show-sec .common-list-top-content p {display: -webkit-box; -webkit-line-clamp: 2;     /* Limit to 2 lines */ -webkit-box-orient: vertical; overflow: hidden;
  text-overflow: ellipsis;}

.competition-template-default .event-highlight-list li {border-radius: 8px;}
.common-tab-content {padding: 25px; background: #fff2e2; border-radius: 20px;}
.activity-common-form .container {max-width: 1000px;}
.form-floating>label {font-size: 14px; display: inline-flex; line-height: 1.8;}
.tnc {cursor: pointer; font-size: 14px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.tnc input {margin-top: 4px;}
.tnc #disclaimer-error {order: 3; width: 100%;}
.tnc span {margin-left: 10px; width: calc(100% - 24px);}
.qr-img {border-radius: 8px;}
.note {font-size: 14px;}
.file-input {cursor: pointer; padding: 19px !important; outline: none !important; box-shadow: none !important; border: 1px solid #ced4da !important}
.success-msg {color: green;}
.file-note {font-size: 14px;}
.error {font-size: 14px;}
.read-more-wrap .btn {padding: 8px 20px 9px; min-width: 145px;}
.competition-template-default .event-highlight-list li ul {
  list-style: disc; margin: 5px 0 10px;
}
.competition-template-default .event-highlight-list li ul li{padding: 0;
    border-radius: 0;
    border: 0; margin: 0 0 5px;}
.competition-template-default .event-highlight-list li p {margin: 0}
.competition-listing .common-list-info {margin: 15px 0;}
.competition-listing .common-icon-info {font-size: 15px;}
.competition-template-default .event-highlight-list li a {color: var(--green); font-weight: bold;}
.winner-prizes {background: var(--wram-beige);}
.mob-compitition-menu a {text-decoration: none;}

@media (min-width: 576px) {

  .common-list-sec .container-fluid {padding-left: calc((100% - 540px) / 2);}
  .upcoming-event-sec .container-fluid {padding-left: calc((100% - 540px) / 2);}
}

@media (min-width: 768px) {
  body {padding-top: 86px;}
  .sec-padding {padding: 70px 0;}
  
  .timer-block {width:25%;}
  .banner-wrap {height: 420px;}
  .vertical-ticker {height: 420px;}
    .prize-box {padding: 20px;}
    .prize-img {width: 50px;}
    .prize-info {width: calc(100% - 50px);}
    .countdown-block {padding: 30px;}
    .one-img-box {height: 310px;}
  .two-img-box {height: 165px;}
  .three-img-box {height: 242px;}
  .four-img-box {height: 230px;}
  .navbar-collapse {flex-basis: auto;}

  .inner-banner {min-height: 200px;}

  .gallery-list li {width: 33.33%; margin-bottom: 20px;}
  .gallery-list .grid-sizer {width: 33.33%;}
  .common-right-img {padding-right: 60px; padding-top: 60px;}
  .common-right-img::after {border-width: 10px;}
  .common-left-img {padding-left: 60px; padding-top: 60px;}
  .common-left-img::after {border-width: 10px;}

  .banner-content-wrap {width: calc(100% - 325px);}
  .base-template__content {width: 325px;}
  .banner-content {max-width: 350px;}
  .vertical-ticker__slide-content {width: 150px;}
/*  .common-topic-sec .about-content {padding: 40px;}*/
/*  .about-content {padding: 40px;}*/

.common-list-sec .container-fluid {padding-left: calc((100% - 720px) / 2);}
.upcoming-event-sec .container-fluid {padding-left: calc((100% - 720px) / 2);}

.timeline-item-wrapper{
  padding: 0 20px;
}

.timeline-item-wrapper::before{
  width: 100%;
  height: 3px;
  top: -25px;
  right: 0;
  left: 0;
}

.timeline-item-wrapper::after{
  content: '';
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
   top: -34px;
  left: 50%;
  transform: translateX(-50%);
  border: 3px solid var(--orange);
  border-radius: 50%;
}

.timeline-year {
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--green);
  color: #fff;
  border: unset;
}

.timeline-line-row{
  row-gap: 130px;
  column-gap: 0;
}

.timeline-line-row .col-item{
  position: relative;
}

.timeline-line-row .col-item:nth-child(1n):before{
  content: '' !important;
  position: absolute;
  background-color: var(--orange);
  width: 100%;
  height: 3px;
  top: -25px;
}

.timeline-line-row .col-item:nth-child(1n):before{
  left: -100%;
}

.timeline-title{
  font-size: 22px;
}

.timeline-section{
  overflow: hidden;
}

}

@media (min-width: 992px) {
  body {font-size: 16px;}
  .sec-padding {padding: 80px 0;}
  .countdown-title {position: relative; height: 100%; display: flex; align-items: center;}
  .timer-block {width: 170px;}
  .font-two {font-size: 28px;}
  .countdown-block {padding: 40px;}
  .countdown-title-wrap {    flex: 0 0 302px; width: 302px;}
  .timer-block-wrap {flex: 0 0 calc(100% - 302px); width: calc(100% - 302px);}
  .timer-block {width: 146px;}
  .banner-wrap {height: 500px;}
  .vertical-ticker {height: 500px;}
  .font-one {font-size: 32px;}
  .prize-box {padding: 30px;}
    .prize-img {width: 60px;}
    .prize-info {width: calc(100% - 60px);}

    .inner-banner {min-height: 220px;}
    .common-intro-wrap {max-width: 80%; margin: 0 auto;}
    .common-topic-img-wrap, .about-img {max-width: 100%;}
  .get-in-touch {max-width: 500px;}

  .banner-content-wrap {width: calc(100% - 435px);}
  .base-template__content {width: 435px;}
  .banner-content {max-width: 400px;}
  .vertical-ticker__slide-content {width: 200px;}

  .common-list-sec .container-fluid {padding-left: calc((100% - 960px) / 2);}
  .upcoming-event-sec .container-fluid {padding-left: calc((100% - 960px) / 2);}

  .event-grow-sec .container {max-width: 70%; margin:  0 auto;}
}

@media (min-width: 1024px) {
  body {padding-top: 92px;}
  .top-footer {padding: 50px 0;}
  .winner-prizes .container {max-width: 1020px;}
/*  .common-topic-sec .about-content {padding: 50px;}*/
/*  .about-content {padding: 50px;}*/
  .sec-padding {padding: 90px 0;}

      .grow-icon {height: 30px;}
    .mission-box .grow-icon {height: 36px;}
} 

@media (max-width: 1200px) and (min-width:1024px){
  .timeline-line-row .col-item:nth-child(3n):before{
    left: 100%;
  }

  .timeline-line-row .col-item:last-child::before{
    content: unset;
  }
}

@media (max-width: 1024px) and (min-width:768px){
  .timeline-line-row .col-item:nth-child(2n):before{
    left: 100%;
  }
}

@media (min-width: 1200px) {

  .sec-padding {padding: 100px 0;}
  .font-two {font-size: 30px;}
  .countdown-title-wrap {flex: 0 0 332px; width: 332px;}
  .timer-block-wrap {flex: 0 0 calc(100% - 332px); width: calc(100% - 332px);}
  .timer-block {width: 170px;}
  .event-countdown .container {max-width: 1090px;}
  .banner-wrap {height: 580px;}
  .vertical-ticker {height: 580px;}
  .font-one {font-size: 36px;}
  .one-img-box {height: 345px;}
  .two-img-box {height: 165px;}
  .three-img-box {height: 280px;}
  .four-img-box {height: 230px;}

  .inner-banner {min-height: 250px;}

  .banner-content-wrap {width: calc(100% - 525px);}
  .base-template__content {width: 525px;}
  .banner-content {max-width: 460px;}
  .vertical-ticker__slide-content {width: 240px;}

  .common-list-sec .container-fluid {padding-left: calc((100% - 1140px) / 2);}
  .upcoming-event-sec .container-fluid {padding-left: calc((100% - 1140px) / 2);}


  .timeline-line-row .col-item:nth-child(4n):before{
    left: 100%;
  }
  .timeline-line-row .col-item:last-child::before{
    content: unset;
  }

}

@media (min-width: 1400px) {
    .banner-content .font-one {font-size: 44px;}
    .banner-content {max-width: 490px;}
    .inner-banner .font-one {font-size: 44px;}
    .common-list-sec .container-fluid {padding-left: calc((100% - 1320px) / 2);}
    .upcoming-event-sec .container-fluid {padding-left: calc((100% - 1320px) / 2);}
    .competition-listing .container {max-width: 1140px;}

}

@media (min-width: 1600px) {
    .vertical-ticker__slide-content {width: 260px;}
    .base-template__content {width: 600px;}
    .banner-content-wrap {width: calc(100% - 600px);}
}


@media (max-width: 1199.98px) {

}

@media (max-width: 1023.98px) {
  .header .navbar-brand {height: 54px;}
}

@media (max-width:991.98px) {
  .event-img {width: 100%; margin-bottom: 10px;}
  .event-content {width: 100%; padding: 0;}
  .event-des {display: none;}
  
  .header .navbar-nav {flex-direction: column;}
  .navbar-toggler {border: 0; padding: 0;}
  .header .navbar-toggler {width: 28px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; border: none; background: transparent; padding: 0;
      z-index: 1100; outline: 0 !important; box-shadow: none !important; transition: all 0.3s ease-in-out; margin-left: 15px; margin-right: 15px;}
      .mob-compitition-menu {margin-left: auto;}
      .header .navbar-nav #menu-item-2743 {display: none;}
  .header .navbar-toggler span {display: block; width: 28px; height: 2px; background: var(--orange); }
  .header .navbar-toggler span + span {margin-top: 3px;}
  .header .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
      transform: rotate(45deg) translate(6px, 5px); }
  .header .navbar-toggler[aria-expanded="true"] span:nth-child(2) {opacity: 0;}
  .header .navbar-toggler[aria-expanded="true"] span:nth-child(3) {transform: rotate(-45deg) translate(6px, -5px);}
  .header .navbar-collapse {position: absolute; top: 100%; left: 0; background: #fff; transform: translateX(-100%); transition: all 0.3s linear; width: 100%; height: calc(100vh - 84px) !important; overflow-y: auto; padding: 0 12px;}
/*  .header .menu-item a {padding: 10px 0px; width: 100%;}*/
  .header .menu-item a {width: auto; padding: 10px 0;}
  .header .menu-item {margin: 0;}
  .header .navbar-collapse.show {transform: translateX(0);}
  .header .navbar-collapse.collapsing {height: calc(100vh - 84px) !important;}
  .header .menu-item a::after {display: none;}
  .mob-top-title {margin-bottom: 30px;}
  .sponsor-list li {width: 33.33%;}
  #menu-item-2743 {width: 134px;}
}

@media (max-width: 767.98px) {
  .prize-box, .judge-box-name {width: 300px; margin: 0 auto;}
/*  .social-media {justify-content: center;}*/
  .footer-logo {margin-bottom: 15px;}
  .home-banner {flex-direction: column;
        padding: 0;}
  .banner-wrap::before {display: none;}
  .live-news {padding: 0px 30px;}
  .live-news .swiper-button-next {right: 8px;}
  .live-news .swiper-button-prev {left: 8px;}
  .live-news .swiper-slide {padding: 15px 0;}
  .vertical-ticker {
    margin: 0 -12px;
    height: 100%;
    flex-direction: column;
    row-gap: 15px;
  }
  .vertical-ticker__slide-content {
    width: 150px;
  }
  .base-template__content {max-width: 100%; padding-bottom: 50px;}
  .base-template__content .swiper {
    width: 100%;
    height: 100%;
}
.common-tab-list .nav-link {padding: 10px 20px 8px; min-width: 110px;}
.common-tab-list .nav-item {margin-right: 15px;}
.footer-link-block {width: 50%;}
.footer-link-block:first-child, .footer-link-block:last-child {width: 100%;}
.footer-link-block .connect-link {flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.connect-link li {width: 100%;}

.connect-link {display: flex; align-items: center;}

.three-img-box, .two-img-box, .one-img-box, .four-img-box {height: auto;}
.header {padding: 4px 0;}
.header .navbar-brand {height: 45px;}
.mob-top-title {margin-bottom: 20px;}
.btn {padding: 10px 26px; min-width: 126px;}
.sticky-bell {margin-left: 15px;}
.sponsor-list li {width: 50%;}
.banner {background-position: top -130px right -80px;}
.home-show-sec .about-content h2, .home-activity-sec  .about-content h2{margin-bottom: 10px;}
.home-show-sec .about-btn, .home-activity-sec .about-btn{margin-top: 30px; text-align: center;}
/*.footer-logo img {object-position: center;}*/

.timeline-line-row .col-item:last-child .timeline-item-wrapper{
  padding-bottom: 0;
}

}


@media (max-width: 390px) {
    .common-tab-list .nav-link {padding: 8px 14px 6px; min-width: 96px;}
}

@media (max-width: 350px) {
.btn {padding: 10px 24px;}
}


.bg-wram-beige{
  background-color: var(--wram-beige);
}

.bg-green-light{
  background-color: var(--green-light);
}

.bg-gradientlight-green-orange{
  background: linear-gradient(to right, var(--wram-beige), var(--green-light));
}
.bg-gradientlight-orange-green{
  background: linear-gradient(to right, var(--green-light), var(--wram-beige));
}

.text-green{
  color: var(--green);
}
.text-orange{
  color: var(--orange);
}

.border-green{
  border-color: var(--green) !important;
}

.text-dark-green{
  color: var(--dark-green);
}

.fw-600{
  font-weight: var(--fw-600);
}

.start-10{
  left: 10px;
}

.rounded-20{
  border-radius: 20px;
}

.quote-img{
  width: 45px;
  height: 45px;
}

.video-wrapper{
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  border-radius: 20px;
}

.video-wrapper .cs-poster,
.video-wrapper .cs-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper video,
.video-wrapper img{
  width: 100%;
  height: 100%;
}

.cs-event-box {
  border: 1px solid var(--orange);
  border-radius: 20px;
  padding: 30px;
  background-color: white;
  height: 100%;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.cs-event-box:hover{
  box-shadow: #f5822045 0px 8px 24px;
}

.cs-left-img{
  position: relative;
}

.cs-left-img img{
  border-radius: 20px;
}

.cs-left-img::before {
    content: "";
    position: absolute;
    bottom: -0;
    left: -0;
    width: 45%;
    height: 60%;
    background: var(--green);
    border-bottom-left-radius: 20px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: -1;
}
.cs-left-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 60%;
    border: 5px solid var(--orange);
    border-top-right-radius: 20px;
    z-index: -1;
}

.quote-sec .container{
  max-width: 1000px;
}