:root{ scroll-behavior: smooth;}
body{font-family: 'Montserrat', sans-serif; color: #000; font-size: 16px; font-weight: 400; line-height: 1.5;}
.container {max-width: 1240px;}
a {color: #000; transition: all 0.5s ease-in-out;}
a:hover {color: #E77924;}
a, a:hover{text-decoration: none;}
p:last-child{margin-bottom: 0;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
figure{margin-bottom: 0;}
.owl-carousel .owl-item img{width: auto;}
.btn{font-family: 'Roboto', sans-serif; transition: all 0.5s ease-in-out;}
.btn:hover{background-color: #E77924; color: #fff;}
.btn:focus, .btn:active{box-shadow: none; outline: none;}
.btn-hover-oranger:hover{background-color: #E77924 !important; color: #fff;}
.btn-hover-oranger:hover img{filter: brightness(0) invert(1);}
.btn-ex-large{padding: 12px 50px; font-size: 18px; border-radius: 4px;}
.btn-large{padding: 13px 30px; font-size: 16px; border-radius: 4px;}
.btn-medium{padding: 8px 13px; font-size: 14px; border-radius: 4px;}
h1, .h1{font-size: 64px; font-weight: 700; line-height: 120%;}
h2, .h2{font-size: 56px; font-weight: 700; line-height: 1.2;}
h3, .h3{font-size: 32px; font-weight: 700; line-height: 1.2;}
strong{font-weight: 900;}
.font-weight-300{font-weight: 300;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}
.font-weight-700{font-weight: 700;}
.font-weight-900{font-weight: 900;}
.white-bg{background-color: #fff;}
.bg-green{background-color: #07C75F;}
.bg-black{background-color: #000;}
.bg-orange{background-color: #E77924}
.btn.bg-orange:hover{background-color: #000;}
.btn.bg-white:hover{background-color: #000 !important; color: #fff;}
.text-orange{color: #E77924;}
.row-gap-5{margin-left: -5px; margin-right: -5px;}
.col-gap-5{padding-left: 5px; padding-right: 5px;}
.row-gap-10{margin-left: -10px; margin-right: -10px;}
.col-gap-10{padding-left: 10px; padding-right: 10px;}
.py-custom{padding-top: 70px; padding-bottom: 70px;}
.ptt-custom{padding-top: 70px;}

/*header*/
.logo{top:0; padding: 22px 16px; background-color: #fff; z-index: 1;}
.logo::after{ width: 0; height: 0;  border-width: 28px 45px 0 0;  border-color: #F8D7BD transparent transparent transparent;  border-style: solid; position: absolute; bottom: 0; right: -45px; content: '';}
.top-header{background-color: rgba(231, 121, 36, 0.30); padding: 10px 0;}
.header-social-icon{padding-left: 150px;}
.header-social-icon a{width: 30px; height: 30px; border-radius: 50%; border: 1px solid #000; display: flex; justify-content: center; align-items: center;}
.header-social-icon a:hover{border-color: #E77924; background-color: #E77924; color: #fff;}
.custom-navbar{padding: 15px 0 15px 150px;}
.custom-navbar .navbar-nav .nav-link{font-size: 16px; font-weight: 500; padding: 15px;}
.custom-navbar .navbar-collapse{flex-grow: inherit;}
.custom-navbar .navbar-nav .mml-btn{padding: 5px 15px 5px 50px; line-height: 1.2; font-weight: 400; text-align: left;}
.mml-btn i{top:50%; transform: translateY(-50%); left: 15px; background-color: #fff; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; text-align: center; border-radius: 50%;}
.mml-btn i img{width: 20px;}
/*header*/

/*hero banner*/
.hero-banner{height: 735px;}
.hero-banner::before{background-color: rgb(0, 0, 0, 0.6); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: '';}
.hero-banner-content{color: #fff; z-index: 1; top:50%; transform: translateY(-50%);}
.hero-banner-content-inner{ width: 700px;}
/*hero banner*/

/*inner banner*/
.inner-banner{height: 300px;}
.inner-banner::before{background-color: rgb(0, 0, 0, 0.6); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: '';}
/*inner banner*/

/*about us*/
.progress-bar-outer{font-size: 20px;}
.progress{height: 10px; border-radius: 0;}
.progress-bar{background-color: #E77924;}
.about-us-right{text-align: right; padding-bottom: 100px;}
.lapping-figure{bottom: 0; right: 40px;}
/*about us*/

/*community*/
.community-outer{background-image: url(../images/community.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.community-outer::before{background-color: rgb(0, 0, 0, 0.77); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: '';}
.community-content{z-index: 1;}
.community-active-data{padding-left: 75px; color: #fff;}
.community-active-data i{top:50%; transform: translateY(-50%); left: 0;}
.community-active-data-value{font-size: 24px;}
.community-active-data-value strong{font-size: 40px;}
/*community*/

/*rich History*/
.rich-history-active-data{font-size: 32px; padding-left: 100px;}
.rich-history-active-data i{top:50%; transform: translateY(-50%); left: 0;}
/*rich History*/

/*upcoming event*/
.gray-strip-outer{background:rgb(0, 0, 0, 0.2) url(../images/event-bg-strip.png); background-repeat: no-repeat; background-size: cover;}
.gray-strip-outer::after, .gray-strip-outer::before{position: absolute; left: 0; width: 100%; height: 20px; content: ''; background-repeat: no-repeat; background-size: cover;}
.gray-strip-outer::after{top:0; background-image: url(../images/rotten-curve-top.svg);}
.gray-strip-outer::before{bottom:0; background-image: url(../images/rotten-curve-bottom.svg);}
.upcoming-event-item-right p, .upcoming-event-date{font-size: 18px; line-height: 1.4;}
.upcoming-event-outer .owl-dots{text-align: right;bottom: 80px;   position: relative;}
.owl-carousel button.owl-dot{width: 20px; margin-right: 10px; height: 20px; background: #fff; border: 1px solid #D8D8D8; border-radius: 50%; box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.2);}
.owl-carousel button.owl-dot.active{background-color: #E77924;}
/*upcoming event*/

/*past event*/
.event-figure{border: 2px solid #D2D2D2;}
/*past event*/

/*supporters*/
.our-supporters-carousel figure{background-color: #fff; min-height: 110px; max-height: 110px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px;}
/*supporters*/

/*executive-committee*/
.executive-committee-inner{border-radius: 20px; padding: 50px;}
.executive-committee-right img{border-radius: 20px;}
.executive-committee-left p{font-size: 18px; line-height: 1.4;}
/*executive-committee*/

/*advertise with*/
.advertise-with-outer-right img{border-radius: 20px;}
.advertise-with-outer-left p{font-size: 18px; line-height: 1.4;}
.advertise-with-outer-left h2{font-size: 52px;}
/*advertise with*/

/*footer*/
footer{background-color: #1D2E3A; padding: 40px 0 0 0; color: #fff; font-size: 14px;}
footer a{color: #fff;}
.footer-item-left li{padding-left: 45px; margin-bottom: 20px; color: #fff; font-size: 14px;}
.footer-item-left li i{left: 0; top:50%; transform: translateY(-50%);} 
.footer-item-heading{font-size: 24px; font-weight: 600;}
.footer-link-list li{margin-bottom: 10px;}
.footer-social-icon{padding-left: 0;}
.footer-social-icon a{border-color: #fff;}
.copy-right{background-color: #001422; padding: 15px 0; font-size: 12px; font-weight: 300;}
.copy-right ul li{padding-right: 10px; margin-right: 10px; position: relative;}
.copy-right ul li::after{position: absolute; right: 0; top:2px; background-color: #fff; content: ''; width: 1px; height: 12px;}
.copy-right ul li:last-child:after{display: none;}
/*footer*/

#toggle-search {transition: all 0.6s ease;}
#searchBar {background-color: #fff;    border: 1px solid #E77924;   color: #000;    font-size: 12px; margin-right: 10px;    padding: 10px 15px;    position: absolute;    right: 210px;    max-width: 150px; border-radius: 28px;  }
#searchBar:focus{outline: none; box-shadow: none;}
.form-control:-webkit-input-placeholder { 
    color:    #000;
    opacity:  1;
}
.form-control:-moz-placeholder { 
   color:    #000;
   opacity:  1;
}
.form-control:-ms-input-placeholder { 
   color:    #000;
   opacity:  1;
}
.form-control::placeholder { 
   color:    #000;
   opacity:  1;
}

.main-timeline-section{
position: relative;
width: 100%;
margin:auto;
height:300px;
}
.main-timeline-section .timeline-start,
.main-timeline-section .timeline-end{
position: absolute;
background:#e77924;
border-radius:100px;
top:50%;
transform: translateY(-50%);
width:30px;
height:30px;
}
.main-timeline-section .timeline-end{
right:0px;
}
.main-timeline-section .conference-center-line{
position: absolute;
width:100%;
height:5px;
top:50%;
transform: translateY(-50%);
background:#e77924;
}
.timeline-article{
width: 20%;
position: relative;
min-height: 300px;
float:right;
}
.timeline-article .content-date{
position: absolute;
top: 35%;
left: -43px;
font-size:18px;
}
.timeline-article .meta-date{
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width:20px;
height:20px;
border-radius: 100%;
background:#fff;
border:1px solid #e77924;
}
.timeline-article .content-box{
box-shadow: 2px 2px 4px 0px #c1c1c1;
border:1px solid #e77924;
border-radius: 5px;
background-color: #fff;
width: 180px;
position: absolute;
top: 56%;
left: -80px;
padding:10px;
}
.timeline-article .content-box p{
  font-size:13px;
}
.timeline-article-top .content-box:before{
content: " ";
position:absolute;
left:50%;
transform: translateX(-50%);
top:-20px;
border:10px solid transparent;
border-bottom-color: #e77924;
}
.timeline-article-bottom .content-date{
top: 57%;
}
.timeline-article-bottom .content-box{
top: 12%;
}
.timeline-article-bottom .content-box:before{
content: " ";
position:absolute;
left:50%;
transform: translateX(-50%);
bottom:-20px;
border:10px solid transparent;
border-top-color:#e77924;
}

.eventBookingcss {
  margin-bottom: 50px;
}
.eventBookingcss #SFctr[data-evi] #SFevtcal .SFevtcal.SFevtcaltop {
    background-color: #000 !important;
}
.eventBookingcss #SFctr #SFevtcal .SFevtcal.SFevtcaltop {
    color: #fff !important;
}

.donateCss, .formsCSS, .volunters, .memSignIn, .EventListCss, .hallhire {
  margin: 70px 0px;
}

.memSignIn #SFctr input[type=file], #SFctr input[type=password], #SFctr input[type=text] {
  height: 40px;
    border: 1px solid #000 !important;
}
.memSignIn #SFctr button {
  background-color: #E77924 !important;
    padding: 12px 50px;
    font-size: 18px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.5s ease-in-out;
}
.memSignIn #SFctr button:hover {
  background-color: #000 !important;
}

.donateCss .SFfrmitmttl {
  font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #000 !important;
}
.donateCss .SFfrmitmdtl p {
  font-size: 18px !important;
    line-height: 1.4 !important;
}
.donateCss #SFctr .SFfrmitmimgpvw button {
  background: none !important;
    padding: 0px !important;
}
.donateCss #SFctr button {
  background-color: #E77924 !important;
    padding: 12px 50px !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    font-family: 'Roboto', sans-serif !important;
    transition: all 0.5s ease-in-out !important;
}
.donateCss #SFctr button:hover {
  background-color: #000 !important;
}
.donateCss .SFfrmitmamt {
  font-size: 22px !important;
    line-height: 1.4 !important;
    color: #E77924 !important;
    font-weight: 700 !important;
}
.donateCss #SFctr h2.SFboxttl {
   font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #000 !important;
}
.donateCss #SFctr #SFfrmsum {
    color: #fff !important;
    background-color: #000 !important;
}

.EventListCss #SFevtlsttop ul li a {
  background-color: #E77924 !important;
    padding: 12px 25px !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    font-family: 'Roboto', sans-serif !important;
    transition: all 0.5s ease-in-out !important;
    color: #fff !important;
}
.EventListCss #SFevtlsttop ul li a:hover {
  background-color: #000 !important;
}
.EventListCss .SFevtttl, #SFevtinfttl {
  font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
.EventListCss #SFevtinfmnu a {
  background-color: #E77924 !important;
    padding: 12px 25px !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    font-family: 'Roboto', sans-serif !important;
    transition: all 0.5s ease-in-out !important;
    color: #fff !important;
}
.EventListCss #SFevtinfmnu a:hover {
  background-color: #000 !important;
}
.formbox {
    padding-left: 70px !important;
    margin-bottom: 50px;
}
.formbox i {
    font-size: 40px !important;
    color: #e77924;
}
.formbox h4 a {
    font-weight: 700;
    color: #e77924;
}
.formbox p {
    font-size: 18px;
}
.cont7Form input, textarea {
    width: 100%;
    border: none;
    padding: 13px;
    background: #eaeaea;
    margin-bottom: 15px;
}
.cont7Form .pcon {
    font-weight: bold;
}
#namefield {margin-bottom: 15px;}
#namefield .wpcf7-list-item { display: block; }
#namefield input[type=checkbox] { 
    margin-bottom: 0px;
    width: auto !important;
}
#namefield .wpcf7-list-item.last {
    margin-bottom: 15px;
}
.cont7Form input[type=submit] {
    color: #fff !important;
    background-color: #E77924 !important;
    padding: 12px 50px !important;
    font-size: 18px !important;
    border-radius: 4px !important;
    width: auto !important;
    font-family: 'Roboto', sans-serif;
    transition: all 0.5s ease-in-out;
    margin-top: 20px;
}
.cont7Form input[type=submit]:hover {
    background-color: #000 !important;
}
.contectsss ul {
    margin-left: 20px;
    list-style: circle;
}
.contectsss ul li {
    margin-bottom: 10px;
}
.contectsss h4 {
    margin-bottom: 1rem !important;
    margin-top: 2.5rem;
}

.contectsss a{
    color: #E77924;
}
.navbar-nav .dropdown-menu{
        margin: 0;
    margin-left: 15px;
    padding: 0;
    border-radius: 0;
    border: 0;
    width: 300px;
}
.custom-navbar .navbar-nav .dropdown-menu .nav-link{
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}
.has-sub.dropdown:hover .dropdown-menu1{
    display:block;
}
.titleo{
    color: #E77924;
    margin-bottom:15px;
}
.committeeBody{
    margin-top:70px;
}
.committeeBox{
    margin-bottom:70px;
}
.cmmIm{
    border-color: #ff8c00;
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    width: 100%;
}
.cmmTit{
    font-size: 28px;
    font-weight: 600;
    color: #E77924;
}
.usefulLinks{
    margin:70px 0;
}
.usefulL{
        background: #E77924;
    color: #fff;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 30px;
}
.usefulL h4{
    font-size: 25px;
    font-weight: 700;
}
.usefulL a{
    background: #1D2E3A;
    color: #fff;
    padding: 7px 20px;
    border-radius: 8px;
    display: inline-block;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 15px;
  top: 1.2em;
}
.dropdown-submenu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}




@media (max-width:767px){
    .ctDrop1::after{
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .4em solid;
        border-right: .4em solid transparent;
        border-bottom: 0;
        border-left: .4em solid transparent;
        transform: rotate(-90deg);
      position: absolute;
      right: 15px;
      top: 1.2em;
    }
    .dropdown-submenu a::after {
        transform: rotate(-0deg);
    }
    .navbar-nav .dropdown-menu{
        margin-left: 0;
    }
    .navbar-nav{text-align:center;}
    .custom-navbar .navbar-nav .dropdown-menu .nav-link {
        text-align: center;
    }
}


@media (max-width:460px){
  .timeline-article .content-box{
    width: 110px;
    left: -45px;
    top: 65%;
  }
  .timeline-article .content-date {
    font-size: 13px;
    top: 55%;
    left: -30px;
  }
  .timeline-article-bottom .content-date {
    top: 38%;
  }
  
  .timeline-article-bottom .content-box {
    top: -7%;
  }
  .timeline-article .content-box p{
  font-size:12px;
}
  
}


.main-eventpg{
  padding:50px 0px;
}
.time-section{
  margin-bottom:50px;
}
.time-section img{
  width:100%;
  margin-bottom:20px;
}
.time-section h3{
  font-size: 24px;
    font-weight: 600;
    color: #E77924;
    margin-bottom: 10px;
  text-align:center;
  position: relative;
}
.time-section h3::before,
.time-section h3::after {
  content: ""; 
  position: absolute; 
  top: 50%; 
  width: 30%;
  height: 1px; 
  background-color: #E77924; 
}

.time-section h3::before {
  left: 0; 
}

.time-section h3::after {
  right: 0; 
}

.time-section p{
  margin-bottom: 10px;
}
.time-section p span{
  float: right;
}
.about-section .about-box{
  margin-bottom:50px;
}
.about-section .about-box img{
  width:100%;
}
.about-section .about-box h2{
  font-size: 28px;
    font-weight: 600;
    color: #E77924;
    margin-bottom: 10px;
}
.about-section .about-box p{
  margin-bottom: 15px;
}
.about-section .about-box p a{
  color: #E77924;
}
.about-section .about-box strong{
  font-weight:700;
}
.about-section .about-box ul{
  list-style: disc;
    margin-left: 20px;
    margin-bottom: 15px;

}
.about-section .about-box ul li{
  
}
.full-image{
  margin-bottom:50px;
}
.full-image h2{
  font-size: 28px;
    font-weight: 600;
    color: #E77924;
    margin-bottom: 10px;
  text-align:center;
}
.full-image .custom-btn{
  margin:20px 0;
}
.full-image img{
  width:100%;
  margin-bottom:50px;
}
.committL{
    list-style: none;
    padding: 0;
    text-align: left;
    width: 100%;
}
.committL li{
        display: inline-block;
    margin: 10px 5px 10px 0;
}
.committL li a{
    background: #E77924;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
}
.committL li a:hover{
    background: #fff;
    color: #000;
}

@media (min-width:991px) and (max-width:1080px){
  .time-section h3::before, .time-section h3::after {
    width: 25%;
  }
}
@media (min-width:768px) and (max-width:991px){
  .time-section h3::before, .time-section h3::after {
    width: 18%;
  }
}

@media (max-width:767px){
  .time-section h3::before, .time-section h3::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 16%;
    height: 1px;
    background-color: #E77924;
  }
  .time-section .custom-btn{
    margin-bottom: 15px;
  }
  .about-section .about-box img {
    margin-bottom: 15px;
  }
  .about-section .about-box {
    margin-bottom: 30px;
  }
  .full-image {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}